@charset "utf-8";
/* CSS Document */

img { border: 0px; }

h1,h2,h3,form,h4  { margin: 0px; padding: 0px; }

h3 { font-size: 18px; }

h1,h2,h3,h4  { font-family: 'Oswald',sans-serif; font-weight: normal; }

h2 
{ 
	border-bottom: 1px solid #DDD;
	padding-bottom: 7px;
	margin-bottom: 7px;
}

a { text-decoration: none; }

body
{
	background: /*url(../images/bg_element.jpg) repeat-x */#f2f2f2;
	margin: 0px;
	color: #333;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 1em;	
}


.button_left { margin-left: 10px; }
.button_right { float: right !important; margin-left: 10px;}

a.button,input[type="submit"],input[type="button"],input[type="image"],.button {
		
		padding: 4px 14px 3px;
		background-color:  #01b4ff;
		font-size: 14px;
		font-weight: normal;
		color: #FFF !important;
		text-decoration: none;
		text-transform: uppercase;	 	
		-webkit-border-radius: 5px;    
		border-radius: 5px;	
		/*-webkit-box-shadow:  0px 5px 0px 0px rgba(1, 150, 200, 1); 
		box-shadow:  0px 5px 0px 0px rgba(1, 150, 200, 1);		
		margin-bottom: 4px;*/
		cursor: pointer;
		border: 0px;
		width: auto;
		display: block;
		float: left;
		font-family: 'Oswald',sans-serif
	}

	input[type="submit"]
	{
		background-color: #018cc7;
	}
	
	a.button:hover,input[type="submit"]:hover,input[type="button"]:hover,input[type="image"]:hover,.button:hover {
		background-color:  #01a4e8;		
	}
	
	a.button:active,input[type="submit"]:active,input[type="button"]:active,input[type="image"]:active,.button:active { 
		/*margin-bottom: 0px;
		margin-top: 4px;
		
		-webkit-box-shadow:  0px 1px 0px 0px rgba(1, 150, 200, 1); 
		box-shadow:  0px 1px 0px 0px rgba(1, 150, 200, 1);	*/	
		padding: 6px 14px 1px;
	}				
	
	
	a.buttonsmall,input[type="submit"].buttonsmall,input[type="button"].buttonsmall,input[type="image"].buttonsmall {
		
		font-family: 'Oswald',sans-serif;
		padding: 2px 20px 2px;
		background-color:  #01b4ff;
		font-size: 14px;
		color: #FFF !important;
		text-decoration: none;
		text-transform: uppercase;	 	
		-webkit-border-radius: 5px;    
		border-radius: 5px;	
		-webkit-box-shadow:  0px 3px 0px 0px rgba(1, 150, 200, 1); 
		box-shadow:  0px 3px 0px 0px rgba(1, 150, 200, 1);		
		margin-bottom: 3px;
		cursor: pointer;
		border: 0px;
		width: auto;
		display: block;
		float: left;		

	}
	
	a.buttonsmall_red { 
		background-color:  #ff0143; 
		-webkit-box-shadow:  0px 3px 0px 0px rgba(200, 1, 24, 1); 
		box-shadow:  0px 3px 0px 0px rgba(200, 1, 24, 1);	
	}
	
	a.buttonsmall:hover,input[type="submit"].buttonsmall:hover,input[type="button"].buttonsmall:hover,input[type="image"].buttonsmall:hover {
		background-color:  #01a4e8;		
	}
	
	a.buttonsmall_red:hover {
		background-color:  #cd0136;	
	}
	
	a.buttonsmall:active,input[type="submit"].buttonsmall:active,input[type="button"].buttonsmall:active,input[type="image"].buttonsmall:active { 
		padding: 5px 20px 0px;		
		-webkit-box-shadow:  0px 2px 0px 0px rgba(1, 150, 200, 1); 
		box-shadow:  0px 2px 0px 0px rgba(1, 150, 200, 1);
	}
	
	a.buttonsmall_red:active { 
		-webkit-box-shadow:  0px 2px 0px 0px rgba(200, 1, 24, 1); 
		box-shadow:  0px 2px 0px 0px rgba(200, 1, 24, 1);	
	}
	
		
#wrapper
{
	background-color: #FFF;
	margin: 0px auto;
	width: 95%;
	min-width: 1200px;
	-webkit-box-shadow:  0px 0px 18px 1px rgba(0, 0, 0, 0.16);
	box-shadow:  0px 0px 18px 1px rgba(0, 0, 0, 0.16);
	position: relative;
	z-index: 999;	
}

	
	#header
	{
		width: 100%;
		/* -webkit-border-radius: 5px; */
		/* border-radius: 5px; */
		height: 70px;
		background: #eee;
		-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
		-webkit-box-shadow: inset 0 0 20px 0 rgba(0,0,0,0.25);
		box-shadow: inset 0 0 20px 0 rgba(0,0,0,0.25);	
		z-index: 999;
	}
	
		#logo { margin-left: 10px; margin-top: 10px; float: left; height: 50px;}
		
		#online_users { 		
			float: right; position: relative; padding: 9px 10px; margin-top: 10px; margin-right: 20px; border: 1px solid #222; background-color: #303030; -webkit-border-radius: 5px; border-radius: 5px; font-size: 20px; color: #FFF; height: 30px; cursor: pointer; text-align: right;		
		}
		
		
		#logged_panel {
		
		    float: right;
			padding: 20px 10px;
			margin-right: 10px;
			background-color: #FFF;
			height: 29px;
				
		}
		
		
		#logged_panel_rev { 
		
			    cursor: pointer;
				float: left;
				margin-right: 10px;
				margin-top: -20px;
				height: 49px;
				background-color: #FFF;
				padding: 5px 10px;
				position: relative;
				z-index: 999;
				color: #333;
				font-family: 'Oswald',sans-serif;
				font-size: 2em;
				text-align: center;
		
		}
		
		#logged_panel_rev .logged_panel_rev_sub {
		
			float: left;
			/* margin-right: 10px; */
			border-right: 1px solid #999;
			padding-right: 10px;
			border-left: 1px solid #EEE;
			padding-left: 10px;
			
		}
		
		#logged_panel_rev .logged_panel_rev_sep {
		
			    float: left;
				margin-right: 10px;
				font-size: 64px;
				margin-top: -15px;
			
		}
		
		#logged_panel_rev small {
			
			font-size: 12px; display: block; margin-top: -5px;
			
		}

		
		#logged_panel_rank { 
		
			cursor: pointer;
			float: left;
			margin-right: 10px;
			font-size: 33px;
			letter-spacing: -1px;
			margin-top: -20px;
			height: 50px;
			overflow: hidden;
			font-family: 'Oswald',sans-serif;
			background-color: #6daee3;
			color: #111;
			padding: 10px 9px;
		
		}
		
		#logged_panel_expiry { 
		
			    cursor: pointer;
				float: left;
				margin-right: 10px;
				margin-top: -20px;
				height: 50px;
				background-color: #b80000;
				padding: 10px 10px;
		
		}
		
		#logged_panel_notification { 
		
			    cursor: pointer;
				float: left;
				margin-right: 10px;
				margin-top: -20px;
				height: 50px;
				background-color: #ffd200;
				padding: 10px 10px;
				position: relative;
				z-index: 999;
		
		}
		
		#logged_panel_notification:hover,  .logged_panel_notification_none {
			
			background-color: #eee !important;
			-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.25);
			box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.25);
		}
		
		#logged_panel_notification_number
		{
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background-color: #ff0000;
			font-size: 12px;
			font-family: 'Oswald',sans-serif;
			padding: 3px;
			right: 5px;
			top: 7px;
			-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.25);
			box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.25);
			position: absolute;
			color: #FFF;
					
		}
		
		#logged_panel_notification_details {
			z-index: 998; 
			text-align: left; 
			display: none; 			
			background-color: #eee; 
			position: absolute; top: 70px; right: 0px; color: #333; min-width: 470px; padding: 15px 0px 5px;
			-webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.25);
			box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.25);
		}
		
		.logged_panel_not_item_header {
			
			font-family: 'Oswald',sans-serif;
			font-size: 16px;
			text-transform: uppercase;
			color: #333;
			text-align: center;
			margin-bottom: 5px;
		}
		
		.logged_panel_not_item { 
				
		    background-color: #ddd;
			padding: 5px 10px;
			margin-bottom: 0px;
			font-family: 'Oswald',sans-serif;
			font-size: 14px;
			text-transform: uppercase;
			border-bottom: 1px solid #999;
			border-top: 1px solid #eee;
			display: block;
		}
		
		.logged_panel_not_item_icon { 
			
			float: left;
			margin-right: 10px;				
			width: 22px;
		}
		
		.logged_panel_not_item:hover { background-color: #ffd200; } 
		
		
		.logged_panel_not_item_footer {
			
			font-family: 'Oswald',sans-serif;
			font-size: 14px;
			text-transform: uppercase;
			color: #333;
			text-align: center;
			margin-top: 5px;
			background-color: #ccc;
			display: block;
			padding: 5px 0px;
		}
		
		.logged_panel_not_item_footer:hover { background-color: #ffd200; } 
		
		#logged_panel_online
		{
			cursor: pointer;
			float: left;
			margin-right: 10px;
			font-size: 30px;
			letter-spacing: -1px;
			margin-top: -20px;
			height: 50px;
			
			background-color: #434343;
			color: #FFF;
			padding: 10px 9px;
			position: relative;
		}

		#logged_panel_online:hover
		{
			background-color: #303030;
			-webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.25);
			box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.25);
		}
		
		#logged_panel_online_details {
			z-index: 999; text-align: left; display: none; padding: 10px 0px; background-color: #303030; position: absolute; top: 59px; right: -9px; font-size: 18px; color: #FFF; min-width: 450px; letter-spacing: 0px;
			-webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.25);
			box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.25);
		}
		
		
		.logged_panel_online_details_container { min-width: 450px; color: #FFF; display: block; padding: 5px 10px;}
		.logged_panel_online_details_container:hover { background: #111; color: #FFF;}
		
		.logged_panel_online_details_numbers { float: right; font-weight: bold; padding-left: 20px; }
		.logged_panel_online_details_type { float: left; margin-right: 10px; width: 18px; height: 24px; }
		.logged_panel_online_details_name { float: left; display: block; width: 340px; }
		.logged_panel_online_details_small { display: block; font-size: 10px; }

		
	#top_nav
	{
		float: right;
		margin-right: 10px;
		height: 33px;
		min-width: 315px;
		background: url(../images/nav_element_upper.jpg) repeat-x;
		-webkit-box-shadow:  0px 4px 0px 0px rgba(104, 176, 234, 0.18);        
        box-shadow:  0px 4px 0px 0px rgba(104, 176, 234, 0.18);		
		-webkit-border-radius: 5px;
        border-radius: 5px;
		margin-top: 25px;
	}
	
		#top_nav a {
			display: block;
			float: left;
			padding: 8px 15px;
			color: #FFF;
			text-transform: uppercase;				
			text-decoration: none;
		}
		
		#top_nav a:hover { text-decoration: underline; }
		
		#top_nav .top_nav_seperator { width: 2px; height: 27px; float: left; background: url(../images/nav_seperator_upper.jpg); margin-top: 3px;}
		
		
	.main_nav
	{		
		height: 43px;
		width: 100%;
		background: url(../images/nav_element_main.jpg?);
		/*-webkit-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;	
		-webkit-box-shadow: 0px 4px 0px 0px rgba(121, 156, 27, 1);
		box-shadow: 0px 4px 0px 0px rgba(121, 156, 27, 1);*/
		clear: both;
	}				
	
		.main_nav a {
			display: block;
			float: left;
			padding: 10px 20px 12px;
			color: #DDD;
			text-decoration: none;
			font-size: 15px;
			border-right: 1px solid #555;
			
			text-shadow: 0px -1px 0.5px #000000;
	        filter: dropshadow(color=#000000, offx=0, offy=-1);	

			-webkit-transition: background 0.3s ease;
			-moz-transition: background 0.3s ease;
			-ms-transition: background 0.3s ease;
			-o-transition: background 0.3s ease;
			transition: background 0.3s ease;			
									
			background: url(../images/nav_element_main.jpg?) repeat-x;	
			
			font-family: 'Oswald',sans-serif;
			
			text-transform: uppercase;
					
		}		
		
		.main_nav a:hover { background: url(../images/nav_element_main_hover.jpg?); color: #FFF !important;}
		
		.nav_selected { background: url(../images/nav_element_main_hover.jpg?) !important;}

		.main_nav a:active { padding: 14px 20px 8px; color: #FFF !important; }
		
		.main_nav .main_nav_seperator { width: 2px; height: 27px; float: left; background: url(../images/nav_element_seperator.jpg?); margin-top: 6px;}	
		
		.main_nav_content { -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; border-radius: 5px; overflow: hidden; margin-top: 0px; width: auto !important; float: right; }
	
	#sec_nav { background: #363637; padding: 5px 0px;}	
		
		#sec_nav a {
						display: block;
						padding: 5px 20px;
						color: #CCC;
						font-size: 0.8em;
						/* border-right: 1px solid #666; */
						float: left;
						margin-top: 5px;
						text-transform: uppercase;
						font-family: 'Oswald',sans-serif;
						background-color: #222;
						margin-left: 10px;
					}

			#sec_nav a:hover, .sec_nav_selected { background-color: #09F !important; color: #FFF !important; }

	#sec_sec_nav { background: #0079c9; height: 32px; padding-top: 5px;}	
		
		#sec_sec_nav a {     
							display: block;
							padding: 5px 20px;
							color: #cfcfcf;
							font-size: 0.8em;
							/* border-right: 1px solid #CCC; */
							float: left;
							font-family: 'Oswald',sans-serif;
							text-transform: uppercase;
							margin-left: 5px; 
						}
						
			#sec_sec_nav a:hover, .sec_sec_nav_selected { color: #ffffff !important; background-color: #444; }
	
	#content
	{		
		min-width: 1160px;				
		margin-top: 2px;
		padding: 10px;
		min-height: 500px;
		padding-top: 20px;
	}
	
		#content h1 
		{
			font-size: 36px;
			margin-bottom: 10px;
			color: #016d95;
			font-weight: normal;
			text-transform: uppercase;
		}
		
			a
			{
				color: #0187b9;
			}
			
				a:hover
				{
					color: #000;
				}
				
			a.small { font-size: 11px; }
		
		.big { font-size: 18px; margin-bottom: 5px; display: block; font-weight: bold;}
		
	#banner
	{
		float: left;
		width: 722px;
		height: 304px;
		margin-left: 5px;
		margin-top: 2px;
	}
	
	
	#side_nav
	{
		float: right;
		margin-right: 7px;
		background-color: #389cec;
		margin-top: 2px;
		height: 299px;
		-webkit-box-shadow: 0px 5px 0px 0px rgba(61, 169, 255, 0.55);
		box-shadow: 0px 5px 0px 0px rgba(61, 169, 255, 0.55);	
		-webkit-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
		width: 260px;
	}
	
		#side_nav a {
			display: block;			
			padding: 5px 10px 0px;
			color: #FFF;
			text-transform: uppercase;				
			text-decoration: none;
			font-size: 16px;
		}
		
		#side_nav a:hover { text-decoration: underline; }	
		
	
	#side_column
	{
		float: right;
		margin-right: 7px;		
		margin-top: 10px;
		width: 260px;
	}
	
		.side_column_box
		{
			padding: 5px;			
			padding-top: 0px;
			-webkit-border-radius: 0px 0px 5px 5px;
	        border-radius: 0px 0px 5px 5px;			
			margin-bottom: 25px;
			-webkit-box-shadow:  0px 5px 0px 0px rgba(153, 153, 153, 0.55);        
	        box-shadow:  0px 5px 0px 0px rgba(153, 153, 153, 0.55);						
			padding-bottom: 10px;
		}
		.side_column_box h1
		{			
			width: 240px;	
			padding: 5px 10px;
			background: url(../images/h1_gradient_side.jpg) repeat-x;
			font-size: 16px;
			font-weight: bold;
			color: #FFF;
			margin: 0px;
			margin-bottom: 10px;
			-webkit-border-radius: 0px 0px 5px 5px;
	        border-radius: 0px 0px 5px 5px;			
			text-transform: uppercase;
			margin-left: -5px;
		}
		
		.side_column_box h2 { color: #417804; font-weight: bold; font-size: 16px; display: block; margin-bottom: 5px;}
		
	
			.side_column_box a
			{
				color: #060;
			}
			
				.side_column_box a:hover
				{
					color: #000;
				}
	
	#footer_wrappper
	{
		margin-top: -100px;
		padding-bottom: 50px;
		width: 100%;
		background-color: #000;
		height: 200px;
		color: #FFF;
	}
		
		#footer
		{
			width: 95%;
			margin: 0px auto;		
			padding-top: 120px;	
		}	
		
			#footer .footer_site_title { font-weight: bold; font-size: 15px; color: #749500; }
			
			#footer a { font-weight: bold; color: #00c0ff; } 
				#footer a:hover { text-decoration: underline;} 
				

	.form_label { float: left; width: 150px; padding: 5px; font-size: 13px; font-weight: bold; padding-left: 0px; padding-right: 15px;}
	.form_field { float: left; padding: 5px; text-align: left; width: 340px;}
	.form_row { clear: both; min-height: 20px; margin-bottom: 10px; padding-bottom: 10px;}
	
	.form_label_small { width: 70px; font-size: 11px; padding: 6px; }
	.form_field_small { padding: 3px;  }
	.form_row_small { margin-bottom: 5px; }
	
	.input_small { font-size: 12px !important; width: 80px; padding: 3px !important; margin: 0px !important; }
	
	.input_text { font-size: 11px; width: 165px; }
	
	.form_label_cover { width: 110px; display: block; float: left; margin-left: 20px; font-size: 12px;}
	
	input[type="text"],input[type="password"],select,textarea { font-size: 14px; background-color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #CCC; padding: 5px 7px; color: #666; margin: 0px; margin-bottom: 5px;}
	input[type="text"]:hover,input[type="password"]:hover,select:hover,textarea:hover { background-color: #F4F4F4 !important; color: #000;}
	input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:active { background-color: #DFF1FF; color: #000;}				
	
	
	
	table { 
		width: 100%;
		border-collapse: collapse;
		border: 1px solid #CCC;
		font-size: 14px;
	}
	
	td { padding: 7px; border-bottom: 1px solid #dadada; text-align: left;}
	tr.head { text-align: right; font-weight: bold; background-color: #E6E6E6;}	
	td.leftmost { text-align: left; padding-left: 20px; border-right: 1px solid #dadada; }
	td.rightmost { padding-right: 20px; text-align: right; }
	td.content { color: #555; }
	td.filters { text-align: left; font-weight: bold; padding: 7px; padding-left: 20px;}
	
	td.rightmost a.option { float: right; margin-left: 10px; }
	
	tr:hover { background-color: #fff4bf; }
	
	.highlighted_box
	{
		margin-bottom: 20px;
		/*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);*/
		padding: 15px;
		-webkit-border-radius: 5px;
		border-radius: 5px;		
		border: 1px solid #d8d8d8;
		background-color: #fbfbfb;
		width: 553px; float: left;
		height: auto;
		margin-bottom: 20px;
		text-align: justify;
	}
	
	.highlighted_box_half { width: 45%; float: left; margin-right: 10px; }
	.highlighted_box_half_right { margin-right: 0px; float: right; }
	
	#boxes:after {
	  content: '';
	  display: block;
	  clear: both;
	}
	
.feedback_button {
	position: fixed;
	right: -1px;
	top: 20%;
	border-radius: 5px 0 0 5px;
	box-shadow: 1px 0 0 rgba(0,0,0,0.5);
	z-index: 4;
}

.feedback_button a {
	display: block;
	margin-left: -3px;
	width: 28px;
	height: 90px;
	text-indent: -999px;
	overflow: hidden;
	background: #1794cf url(../images/feedback_btn.png) center center no-repeat;
	border: 1px solid #bbb;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 0 2px #fff inset;
}		


.fb_group_button {
	position: fixed;
	right: -1px;
	top: 35%;
	border-radius: 5px 0 0 5px;
	box-shadow: 1px 0 0 rgba(0,0,0,0.5);
	z-index: 4;
}

.fb_group_button a {
	display: block;
	margin-left: -3px;
	width: 28px;
	height: 190px;
	text-indent: -999px;
	overflow: hidden;
	background: #a8c316 url(../images/fb_group.png) center center no-repeat;
	border: 1px solid #bbb;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 0 2px #fff inset;
}		

	a.thumbbox { font-size: 14px; float: left; margin-right: 11px; margin-bottom: 20px; width: 140px; height: 150px; overflow: hidden; display: block; padding: 5px; padding-bottom: 8px;}
		a.thumbbox:hover { background-color: #171717; color: #FFF; }
			.thumbbox_last { margin-right: 0px !important; }
				
		.thumbbox_cover { width: 140px; height: 80px; overflow: hidden; margin-bottom: 10px; }
			.thumbbox_img { width: 140px; margin-top: -20px; }


	a.btn_ranking
	{
		float: right; padding: 8px 4px; font-weight: bold; font-size: 14px; cursor: pointer; margin-right: 5px; text-transform: uppercase;
	}
	
	a.btn_ranking:hover, .btn_ranking_selected
	{
		background-color: #0187b9;
		color: #FFF;
	}