@charset "utf-8";

* {
    margin: 0;
    border: 0;
    padding: 0;
}

.clear:before,
.clear:after {
	content:" ";
	display: table
}
.clear:after { clear: both }

.pt-left {
    text-align: left;
}

.pt-right {
    text-align: right;
}

.pt-center {
    /*margin: 0 auto;*/
    text-align: center;
}

.pt-bold {
    font-weight: bold;
}

.pt-normal {
    font-weight: normal;
}

.pt-lighter {
    font-weight: lighter;
}

.pt-italic {
	font-style: italic;
}

.move-left {
    float: left;
}

.move-right {
    float: right;
}

.move-center {
    margin: 0 auto;
}

hr {
    border-style: inset;
    border-width: 1px;
    display: block;
    margin: 1em auto;
    border-color: #eee;
}

a, a:visited {
    color: #428bca;
    font-weight: normal;
    text-decoration: none;
}

a:hover {
    color: #ff7200;
    text-decoration: none;
}

.errors, .success {
    list-style: outside none none;
}

.php_version {
    color: rgb(119, 119, 119);
    font-size: 12pt;
    font-style: italic;
    margin: 5px 0 5px 10px;
}

#happy_upload {
	display: block;
	color: #fff;
	background-color: green;
	font-size: 20pt;
	font-weight: bold;
	padding: 5px 0;
	margin-left: 3px;
    text-align: center;
    border: 2px solid #004b00;
    box-shadow: 3px 3px 4px rgba(100, 100, 100, 0.5);
}

.debug_r {
    margin: 10px;
    padding: 5px;
    background-color: #ddd !important;
    color: #000 !important;
    font-size: 9pt !important;
    border: 1px solid #999;
    -webkit-box-shadow: 4px 4px 11px 2px rgba(50, 50, 50, 0.37);
    -moz-box-shadow:    4px 4px 11px 2px rgba(50, 50, 50, 0.37);
    box-shadow:         4px 4px 11px 2px rgba(50, 50, 50, 0.37);
    white-space: pre-wrap;
}

.btnspan {
    border: 1px outset #eee;
    /*box-shadow: 1px 1px 1px #dedede inset;*/
    display: inline-block;
    margin: 1px 0;
    padding: 2px 10px;
    background: #ddd none repeat scroll 0 0;
    font-weight: normal;
    width: 200px;
    cursor: pointer;
    color: #000!important;
}

.btnspan:hover {
    background: #ccc none repeat scroll 0 0;
    /*color: #1D3A75;*/
    color: #0b3484!important;
    font-weight: normal;
}

.btnspan:active {
    border: 1px inset #eee;
}

body {
    background: #eae9d0 url("../img/webback.jpg") no-repeat fixed center top;
    overflow-y: scroll;
}

#container {
    width: 1298px;
    margin: 5px auto;
    padding: 10px;
}

aside {
    width: 23%;
    float: left;
    margin: 0 auto;
    margin-top: 1px;
}

#mainsection {
    width: 76.2%;
    float: left;
    margin: 1px 0 0 9px;
}

.panel {
    border: 1px solid #666;
    border-radius: 2px;
    box-shadow: 2px 2px 5px #999;
    margin: 0 auto;
    position: relative;
    /*text-align: justify;*/
    width: 100%;
}

.min_height {
	/*min-height: 800px;*/
}

.panel header {
    background: transparent url("../img/page_header_plus.png") no-repeat 0 0;
    border: 1px solid green;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 2px 0;
    padding: 7px 0 2px;
    box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.5);
}

.panel header .title {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    text-align: center;
    font-family: BebasNeue;
    font-size: 18pt;
    font-weight: bold;
}

.panel section {
    border: 1px solid #999;
    box-shadow: 2px 2px 4px rgba(100, 100, 100, 0.5);
    margin: 3px 0;
    padding: 10px 5px;
    background: rgba(250, 255, 250, 0.5);
    /*background: rgba(222, 227, 211, 0.3);*/
}

.panel footer {
    background: #f7eecf none repeat scroll 0 0;
    border: 1px solid #6f664d;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.5);
    margin: 2px 0 0;
    padding: 5px;
}

.panel_body {
    padding: 10px;
}
.panel_body #find {
	display: none;
}
.panel-default {
    background-color: rgba(250,250,250,0.9);    
}

.panel-default:hover {
    background-color: rgba(255, 252, 244, 0.9);    
}

.panel-title {
    display: block;
    position: relative;
    padding: 2px 0 2px;
    color: #444;
    font-weight: bold;
    font-size: 15pt;
    width: 100%;
    /*text-align: center;*/
}

.panel-sub-title {
    text-align: center;
    margin-bottom: 30px;
    font-family: arial;
    font-size: 14pt;
    
    margin-top: 5px;
}

.top-header-div {
    margin: 2px 0 5px;
}

#top-header {
	height: 23px;
	margin-left: 5px;
}

.refbox_logo {
    margin: -15px auto 0;
    padding: 0;
    position: relative;
    width: 263px;
}
.refcovers_logo {
    margin: -15px auto 6px;
    padding: 0;
    position: relative;
    width: 400px;
}


/* --- user_profile --- */

.profile_box {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #555;
    border-radius: 3px;
    box-shadow: 4px 4px 5px rgba(100, 100, 100, 0.7);
    padding: 5px;
}


.profile_box .profile_image {
    /*border: 1px solid #aaa;
    padding: 3px 3px 0;*/
    float: left;
    margin-right: 17px;
    width: 25%;
}

.profile_box .profile_image img {
    width: 100%;
    border: 4px outset #444;
}

.profile_box .profile_datas {
    float: left;
    border: 1px solid #aaa;
    padding: 3px 3px 0;
    width: 72%;
    margin: 0 auto;
}

/*upload_cover*/
.right_uploadcover {
	width: 100%;
	text-align: center;
}

.right_uploadcover p {
	font-family: arial,verdana,san-serif;
    font-size: 20pt;
    font-weight: bold;
    color: green;
}

.right_uploadcover img {
	width: 100%;
}



.box {
	width: 100%;
	display: block;
	position: relative;
}

.box-header {
	border-radius: 4px;
	border: 2px ridge #ccc;
	background: #BABABA url("../img/free_hexagon.png") repeat scroll 0 0;
	background-size: 200px auto;
}

.box-header .box-title {
	color: #fff;
	font-size: 18pt;
	font-weight: bold;
	padding: 2px 0 0 0;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .9);
}

.box-body {
	display: block;
	position: inherit;
    padding: 5px;
    margin: 2px 0;
    border: 1px solid #aaa;
    background: #fff;
    font-size: 14pt;
    text-align: center;
}

.box-foot {
	background: #6a0000 url("../img/free_hexagon.png") repeat scroll 0 0; /*eredetileg #555 url(...)*/
	background-size: 200px;
	border: 1px solid #161616;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #5d5d5d inset;
    color: #ccc;
    font-family: Source Sans Pro;
    font-size: 13px;
    font-style: normal;
    padding: 8px;
    text-align: left;
    text-shadow: 1px 1px 0 #161616;
    margin: 0 0 10px 0;
}


#top-header {
	height: 30px;
	margin-left: 5px;
}


/*** rules of media ***/
@media only screen and (max-width: 1330px) {
    #container {width: 97%; }
    .fejlec.panel {height: 129px;}
}

@media only screen and (max-width: 1200px) {
    aside {width: 26%;}
    #mainsection {width: 73%; float: right;}
}

@media only screen and (max-width: 1024px) {
	aside {width: 26%;}
	#mainsection {width: 72%}
	.fejlec.panel a {display: block;}
	.refbox_logo {margin: 0px auto 0; width: 150px;}
	.refcovers_logo {margin: -25px auto 6px; width: 180px;}
	.btnspan {font-size: 12pt; width: 29%;}
	.profile_box .profile_datas {text-align: center; width: 96%; font-size: 12pt;}
}

@media only screen and (max-width: 933px) {
	.profile_box .profile_image {float: none; margin: 0 auto; display: block;}
	#container {width: 95%;}
	#mainsection {width: 100%; float: none; margin: 0;}
    aside {display: none;}
    #mainsection {width: 100%}
    .panel_body #find {display: block;}
    .panel_body #find.module {border: none;box-shadow: none; margin: 0;}
    .panel_body #find.module .module_head {display: none;}
}

@media only screen and (max-width: 700px) {
	.btnspan, .profile_box .profile_datas {float: none; margin: 0 auto; display: block;}
	.btnspan {width: 200px; font-size: 13pt;}
	
}

@media only screen and (max-width: 500px) {
    #container {width: 93%; }
    .refbox_logo {margin: 0px auto 0; width: 100px; position: absolute; left: 10px; bottom: 0;}
	.refcovers_logo {margin: -25px auto 6px; width: 126px; position: absolute;left: 111px; bottom: 0px;}
	.profile_box .profile_image {width: 100px;}
	.btnspan {width: 87%; font-size: 12pt;}
	/*.panel header .title {font-size: 11pt; font-weight: normal;}*/
}