/*

Copyright (c) 2010, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.com/yui/license.html

version: 2.8.2r1

*/

html{color:#000;    background: #f4f4f4;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}







body {

    background: #f4f4f4;

	color: #666;

	text-align: center;

    font:normal 87.5%/1.428 "Helvetica Neue",Helvetica,sans-serif;

}



p {

	margin: 5px 0;

	padding: 0;

	line-height: 180%;

}

strong {

    font-weight: bold;

}



hr{

	border: 0;

	border-bottom: 1px dashed #ccc;

}



fieldset {

    border: 0px solid #f3f3f3;

    padding: 10px;

    -moz-border-radius: 15px;

	border-radius: 15px;

    

}

legend {

	margin: 5px 0;

	padding: 3px 10px;

	background: #2b567f;

	color: #ccc;

	border-radius: 7px;

	width: 80%;





	background: #2b567f url(img/bg9.png) bottom left repeat-x;

	border: 1px solid #000;

	color: #fff;

	padding: 5px 0 5px 5px;

	margin: 5px 0;

	text-decoration: none;

	text-shadow: 1px 1px 2px #000;

	font: bold 13px arial, sans-serif;

	border-radius: 9px



}



a, a:link, a:visited, a:hover, a:active { color: #1a4b95; text-decoration: none; }

a:hover { color: #333; }



#wrapper {

	border: 1px solid #ddd;

	margin: 0 auto 40px auto;

	padding: 5px;

	width: 950px;

	text-align: left;

    background: #fff;

    box-shadow: 2px 2px 15px #d8d8d8;

}

#header {

	margin: 0 auto;

    height: 100px;

    width: 950px;

}



#headside {

    float: right;

    width: 470px;

    margin-top: 0px;

    text-align:right;

}



#headbanner {

	position: absolute;

	top: 55px;

	left: 50%;

    width: 468px;

	margin-left: 10px;

}



#logo {

    text-align: left;

    width: 400px;

    float:left;

}

#navigation {

	background: #2b567f url(img/bg9.png) bottom left repeat-x;

	color: #fff;

	height: 30px;

	margin: 1px 0px 8px 0px;

	padding:10px 10px 0 10px;

	text-align: left;



}

#filters {

	float: left;

}



/* Style Search Box */



#search {

	float: right;

	text-align:left;

    margin:-5px 0 0 0;

    padding: 0;

    width: 200px;

    height: 30px;

    background: url(img/searchbg.png) no-repeat;

}



.searchbox {

    float: left;

    position: relative;

    border:0;

    background: transparent;

    margin: 0;

    padding: 0;

    width: 149px;

    padding: 7px;



}



.searchgo {

        border: 0;

    background: transparent;

    width:36px; 

    height: 30px;

}



/* Style Main Content Area */

#content {

	clear: both;

}



#main {

	margin-left: 310px;

}



/* Style Sidebar */





#sidebar {

	float: left;

	width: 280px;

	padding: 0 10px;

	margin: 0;

 	border-right: 1px solid #ccc;

}



/* Style User Content Area */



#user_cp_content {

     padding: 0 20px 30px 0;

}



#user_cp_score {

     float: right;

     width: 200px; 

     padding: 0 0 10px 0;

}



/* Style Footer */



#foot {

	margin: 0px;

	padding: 20px 0;

	text-align: center;

    background: #28445f url(img/light.png) top left no-repeat;/* footer background color and image */

    color: #fff; /* footer text color */

    border-top: 9px solid #ddd;

}





#foot a, #foot a:link,#foot a:visited,#foot a:hover,#foot a:active {

    color: #ddd; /* footer link text color */	

    text-decoration: underline;

}

#foot a:hover {

    color: #fff; /* footer link hover text color */	

}



#foot .box {

	height: 200px;

}



#foot h3 {

	color: #fff;

}

#foot li {

	padding: 3px;

}







#login-form {

	width: 500px;

	padding: 0px;



}

.formbox {	

	background: #fff;

	border-right: 2px solid #ccc;

	width: 250px;

	float: left;

	margin: 0 20px 0 0;

}



#social_block {

position: absolute;

top: 275px;

left: 50%;

margin-left: 480px;

width: 60px;

background: #fff;

padding: 9px;

border: 1px solid #ddd;

border-left: 0;

box-shadow: 2px 2px 15px #d8d8d8;

}



.social_pages {

     height: 25px;

     margin-top: 10px;

}



a.stats_vote {

    background: #82c740;

    text-align: center;

    border-radius: 5px;

    padding: 5px;

    box-shadow: 0 0 3px #000;

    display: block;

    color: #fff;

    text-shadow: 1px 1px 2px #63a725;

    margin: 15px 0;

}

a.stats_vote:hover {background: #63a725;box-shadow: 0 0 1px #000;}





/* Style Boxes */

.box {

	border-right: 1px solid #406486;

	border-left: 1px solid #142638;

	padding: 20px;

	text-align: left;

}



.third {

	margin: 0;

	width: 265px;

	float: left;

}

.start {border-left: 0;border-top:0;}

.end {border-right: 0;border-bottom:0;}



/* Headings */



h1, h2, h3, h4, h5 {

  margin: 0px;

  padding: 0px;

  color: #2b567f;

}



h1 {

    font: bold 20px trebuchet ms, sans-serif;

    margin: 5px 0; 

}

h2 {

    font: bold 18px trebuchet ms, sans-serif;

    margin: 5px 0; 

}

h3 {

    font: bold 16px trebuchet ms, sans-serif;

    margin: 5px 0;

	padding: 4px; 

}



h1.heading  { 

	background: #2b567f url(img/bg9.png) bottom left repeat-x;

	border: 1px solid #000;

	color: #fff;

	padding: 5px 0 5px 5px;

	margin: 0px;

	text-decoration: none;

	text-shadow: 1px 1px 2px #000;

	font: bold 16px arial, sans-serif;

	-moz-border-radius: 1px 5px / 1px 5px;

	border-radius: 1px 5px / 1px 5px; 

}



h3.heading  { 

	background: #2b567f url(img/bg9.png) bottom left repeat-x;

	border: 1px solid #000;

	color: #fff;

	padding: 5px 0 5px 5px;

	margin: 5px 0;

	text-decoration: none;

	text-shadow: 1px 1px 2px #000;

	font: bold 13px arial, sans-serif;

	-moz-border-radius: 1px 5px / 1px 5px;

	border-radius: 1px 5px / 1px 5px; 

}



.heading a {

	text-decoration: none;

	color: #ccc;

}

.heading a:hover {

	color:#fff;

}



/* Hyper Links */



#login-top a {

    border: 1px solid #ddd;

    border-top:0;

    padding: 5px 10px;

	background: #fff url(img/lightbg.jpg) top left repeat-x;

}



#login-top a:hover {

    border: 1px solid #ddd;

    border-top:0;

    padding: 20px 10px 5px 10px;

	background: #fff;

}







#navigation li a { 



	color: #fff;

	padding: 15px 5px 13px 5px;

	margin: 0px 10px;

	text-decoration: none;

	text-shadow: 1px 1px 2px #000;

	font: bold 11px tahoma,sans-serif;

    border: 0;



}

#navigation li a:hover {

	color: #2b567f;

	background: #ddd url(img/bg9.png) bottom left repeat-x;

	background: #fff url(img/bg8.png)  top left repeat-x;

	border: 0px solid #fff;

	text-shadow: 1px 1px 2px #fff;



}

#user_cp_main_menu {

    font-size: 11px;

    margin-top: -10px;

    padding: 10px;

    border: 1px solid #f4f4f4;

 	background: #fff url(img/bg9.png) bottom left repeat-x;   

}



#user_cp_main_menu a {

    padding: 9px;

    background: transparent url(img/sm-bullet.png) top left no-repeat; 

    background-position: 1px 9px;    

}



#user_cp_main_menu li {

    display: -moz-inline-stack;

	display: inline-block;

    zoom:1;

    *display:inline;

}



#topmenu ul li {

	float: left;

	margin: 0;

	padding: 0;

}



/* Menu Manager */

/* Each menu created in the admin panel

   will be assigned a class ending with

   the menu's unique id.  menu-0, menu-1 etc */



.menu-0 li{

	background: #f2f2f2;

	margin: 1px 0;

	padding: 3px 3px 3px 20px;

}







/*Category Menu*/



.category_menu li,.topref li{

	background: #f2f2f2;

	margin: 1px 0;

	padding: 3px 3px 3px 20px;

}



/* */



.topref li span {float:right;margin: 0 8px 0 0;}



.site-list li {

      display: -moz-inline-stack;

	display: inline-block;

      zoom:1;

      *display:inline;

}



.site-list li a,.site-list a{

	display: block;

	width: 270px;

	padding: 8px;

	margin: 4px;

	border: 1px solid #ccc;

	

	text-align: center;

	border-radius: 5px;

}



.method_sort {

	display: inline-block;

	width: 16px;

	height: 16px;

	background: transparent url('img/tick.png') no-repeat;

}





/* Table Defaults */



table { width: 100%; clear:none;}

td {vertical-align: middle;

padding: 8px 2px;

text-align: center;}

th {

	white-space:nowrap;

	text-align: center;

	padding: 10px 13px;

	background: #efefef url(img/lightbg.jpg) top left repeat-x;

	border-right: 1px solid #fff;

	border-bottom: 1px solid #fff;

	border-top: 1px solid #f2f2f2;

	font-family: trebuchet ms, arial, sans-serif;

	font-weight: bold;

    text-shadow: 1px 1px 2px #fff;

}





/* Stats Style */

.premium_side {

	width: 300px;

	float:right;

}



.premium_table_top {

    margin: 20px 0;

    background: #f4f4f4 url('img/gold-band.png') top right no-repeat;

    border:  1px solid #e6db55; padding: 0px;

	box-shadow: 1px 1px 8px #ff9900; 

}



.premium_title {

        border: 1px solid #fff; 

    	color: #222;

        padding: 10px;

	background: #fff url(img/highlightbg.jpg)  left repeat-x;

    	text-shadow: 1px 1px 2px #fff;



}

.premium_inside_border {

    padding: 0;

    border: 2px solid #fff; 

    border-top: 0;

}



.premium_inside {

    	color: #222;

        padding: 10px;

	background: #fffbcc;

}



.premium_inside span {

    font: 65px tahoma, sans-serif;float: left; color: #fff; text-shadow: 1px 1px 4px #a38210; margin: 0 15px 15px 0;

}



.premium_badge {

	margin-top: -68px; 

	text-align: center;

	background: transparent url(img/strap3.png) top center no-repeat;

	height: 150px;

	width: 80px;

	padding: 10px 0 0 12px;

}



.stats_inline_block {

      display: inline-block;

      width: 100%;

}



.lightbg1 {

	background: transparent url('img/lightbg1.png') top center no-repeat;

	padding: 20px 0 20px 0;

}



.breadcrumb {font-size: 11px;}





/* table top Style */



.table_top {

    margin: 20px 0;

    background: #f4f4f4 url('img/gold-band.png') top right no-repeat;

    border:  1px solid #f2f2f2; padding: 0px; 

	box-shadow: 2px 1px 5px #666;

}



.table_top_title {

    color: #222;

    padding: 10px 0 10px 5px;

	background: #fff url(img/lightbg.jpg)  left repeat-x;

	text-shadow: 1px 1px 2px #fff;

}

.table_top_inside_border {

    padding: 0;

    border: 1px solid #fff; 

}



.table_top_inside {

    color: #222;

    padding: 10px;

	background: #f2f2f2;

}



span.rank {

	text-shadow: none;

    position: relative;

	top:  -1px; 

	left: -3px;

	font: bold 11px tahoma, sans-serif;

	color: #fff; 

	background: darkred;

 	margin: 0px;

 	padding: 3px;

	border: 2px solid #fff;

    border-radius: 7px;

}

td span.rank {

	text-shadow: none;

    position: relative;

	top:  -1px; 

	left: -1px;

	font: bold 11px tahoma, sans-serif;

	color: #fff; 

	background: darkred;

 	margin: 0px;

 	padding: 3px;

	border: 2px solid #fff;

    border-radius: 7px;

}





.badge {

	margin-top: -69px; 

	text-align: center;

	background: transparent url(img/strap2.png) top center no-repeat;

	height: 150px;

	width: 80px;

	padding: 10px 0 0 12px;

}





.rankshot {border: 1px inset #fff; width:  70px;}





/* common backgrounds */

.darkbg {

  background-color: #f2f2f2;

}

.mediumbg {

	background: #4a4a4a;

	color: #FFF;

	font-size: 12px;

	font-weight: normal;

	padding-top: 5px;

	padding-bottom: 5px;

}

.lightbg {

	color: #222;

	background: #fff;

}

.lightbgalt {

	color: #666;

	background: #f2f2f2;

}





/* PAGINATION*/



.pagination {

text-align: center;

padding: 20px 0;

}

.pag_links {

padding: 3px;

border: 1px solid #ccc;

	background: #fff url(img/lightbg.jpg)  left repeat-x;

color: #666;

}

.pag_links:hover {

box-shadow: 0 0 5px #ccc;

}





textarea:focus, input:focus{

    outline: none;

}



textarea, input{

	font-family: sans-serif;

	font-size: 12px;

	padding: 6px;

	border: 1px solid #ccc;

	border-radius: 7px;

	color: #666;

background: #ffffff; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */



}



 select {

 	border: 1px solid #ccc;

	border-radius: 7px;

	padding: 2px;

	color: #666;

 }

  option, .op option {color: #666; padding: 3px; font-size: smaller;}



option[selected] {padding-right: 13px;}



input:focus {box-shadow: 0 0 5px #369;}

textarea:focus {box-shadow: 0 0 5px #369;}



.join_edit_error {

	background-color: #f0f0f0;

	border: 1px solid #f00;

	padding: 2px;

}



.terms {height: 120px; overflow: auto; font-size: 9px;}



a.help { color: #f00; font-weight: bold; text-decoration: none; }

a.help:hover { color: #333; }



.cb {clear: both;}

.cl {clear: left;}

.cr {clear: right;}

.left {

	float: left;

	margin: 0 10px 10px 0;

}

.right {

	float:right;

}

.center {

    text-align: center;

}

.small {

	font-size: 11px;

}



.taright {margin:0 auto; width: 960px; text-align:right; color: green;}





.screenshot {

	border: 2px solid #fff;

	box-shadow: 0px 0px 5px #666;

}



.screen1 img {

    width: 100px;

}





#tiptip_content {

    width: 400px;

}





.button1 {

	background: #2b567f url(img/bg9.png) bottom left repeat-x;

	border: 1px solid #000;

	color: #fff;

	padding: 5px;

	margin: 5px 0;

	text-decoration: none;

	text-shadow: 1px 1px 2px #000;

	font: bold 13px arial, sans-serif;

	border-radius: 9px;

       cursor: pointer;

}

.button1:hover {

box-shadow: 0 0 5px #369;

}