/* IE6 PNG FIX */
img, div, li, tr td {
	behavior: url(../iepngfix.htc);
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.left {
	float: left;
}

.right {
	float: right;
}

/* GENERAL STYLING FOR ENTIRE PAGE */
body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #182815;
	color: #fff;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	
	background-image: url(/img/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}


p {
	margin: 0;
	padding: 0;
	
	margin-bottom: 10px;
}

form {
	margin: 0;
	padding: 0;
}
a, a:link, a:visited {
	color: #000;
	text-decoration: underline;
}
.profile_bg {
	background-image: url(/img/player_profile_bg.png); 
	background-repeat: no-repeat;
	background-position: top left;
	height: 169px;
	width: 128px;
	overflow:hidden;
	padding-top: 13px;
	padding-left: 15px;
}
td.profile_bg img{
	max-height:150px;
}



#container {
	margin: 0 auto;
	width: 990px;
}

#header {
	background-image: url(/img/header.jpg);
	height: 162px;
	text-align: left;
}

#header_logo {
	padding-left: 10px;
	position: absolute;
	z-index: 2;
}

#header_title {
	padding-top: 20px;
	padding-left: 240px;
}

#topnav {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	padding-top: 25px;
	padding-bottom: 20px;

}

#topnav, #topnav a:link, #topnav a:visited {
	color: #fff;
	text-decoration: none;
}
.ul_nav{text-align:left;padding-left:245px;}/*to push the menus passed the logo*/
.clearfix .ul_nav ul{
	margin-left:-30px;
	}
	.clearfix .ul_nav ul li{margin-right:10px;}
.ul_nav a, .ul_nav a:link, .ul_nav a:visited {
	color: #fff;
	text-decoration: none;
}

.ul_nav a:hover,#topnav a:hover {
	color: #ff0000;
	text-decoration: none;
}

.ul_nav ul{
	padding: 0;
	margin: 0;
	margin-left:-15px;/*to fix some extra space from main nav and a sub nav*/
	display: inline;}
 .ul_nav ul li {
	padding: 0;
	display: inline;
}

.ul_nav ul {
	padding-top: 20px;
	
}

#topnav ul li {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
 margin-left: -4px;
	background-image: url(/img/topnav.gif);
	background-position: top center;
	background-repeat: no-repeat;
}

#topnav li.active {
	background-image: url(/img/topnav_active.gif);
	background-position: top center;
	background-repeat: no-repeat;
}

#content_container {
	padding: 20px;
	padding-top: 0px;
	/*background-image: url(/img/contentcontainer_bg.gif);*/
	background-repeat: repeat-x;
	background-position: top;
	/*background-color: #182815;*/
}
#content-side-images {
	margin: 0 auto;
	padding: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-image: url(/img/pattern.gif);
	background-repeat: repeat-x;
	text-align: left;
}

#content {
	background-image: url(/img/content_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f2ecc4;
	text-align: left;
	color: #000;
	padding: 10px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	font-family: "Times New Roman", Times, serif;
	color: #000;
	padding-left: 5px;
	margin-top: 0;
}

#content h1 {
	font-size: 26px;
	border-bottom: 1px solid #000;
}

/*pagination for the legends page*/
.pagination{margin-bottom:30px;

}

.paginate,.paginate_active{
	float:left;
	width:20px;
	height:20px;
	margin-right:5px;
	text-align:center;
	font-weight:bold;
	padding-top:2px;
	border:solid 1px #000;

}
.paginate a,.paginate_active a{
	text-decoration:none;

}
.paginate a:hover{
color:#FFF;	
}
.paginate a:visited{text-decoration:none;}

.paginate_active{
	background-color:#000;
	color:#fff;

}
.paginate_active a{color:#FFF;}/*IE6 not picking up color - background for active reversed in custom.css*/
.paginate_active a:hover{color:#FFF;text-decoration:underline;}

#footer {
	text-align: left;
	padding-left: 15px;
}

#footer h1 {
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	color: #fff;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

.footernav {
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 10px;
	float: left;
}

.footernav ul, .footernav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #fff;
}

.footernav ul li {
	padding: 0;
	/*padding-left: 10px;*/
	padding-top: 3px;
	padding-bottom: 3px;
}

.footernav a, .footernav a:link, .footernav a:visited {
	color: #ecb22b;
	text-decoration: none;
}

.footernav a:hover {
	color: #ecb22b;
	text-decoration: underline;
}

#footerimg {
	height: 240px;
	background-image: url(/img/footerimg.png);
	background-position: right;
	background-repeat: no-repeat;
}

.sidehead {
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 60px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "Times New Roman", Times, serif;
	color: #000;
	font-size: 18px;
	font-weight: bold;
}

.announce_bg { background-image: url(/img/headings/announce_bg.gif); }
.cal_bg { background-image: url(/img/headings/cal_bg.gif); }
.club_bg { background-image: url(/img/headings/club_bg.gif); }
.gallery_bg { background-image: url(/img/headings/gallery_bg.gif); }
.game_bg { background-image: url(/img/headings/game_bg.gif); }
.legend_bg { background-image: url(/img/headings/legend_bg.gif); }
.social_bg { background-image: url(/img/headings/social_bg.gif); }
.trophy_bg { background-image: url(/img/headings/trophy_bg.gif); }
.search_bg { background-image: url(/img/headings/search_bg.gif); }
.ecom_bg { background-image: url(/img/headings/ecom_bg.gif); }


/* COMMON COLORS / STYLING */
.green_text, .green_text a, .green_text a:link, .green_text a:visited, .green_text a:hover  {
	color: #004f1a;
}

.red_text, .red_text a, .red_text a:link, .red_text a:visited, .red_text a:hover {
	color: #ff0000;
}

.yellow_text, .yellow_text a, .yellow_text a:link, .yellow_text a:visited, .yellow_text a:hover {
	color: #ecb22b;
}

.blue_text, .blue_text a, .blue_text a:link, .blue_text a:visited, .blue_text a:hover {
	color: #29aae1;
}

.white_text, .white_text a, .white_text a:link, .white_text a:visited, .white_text a:hover {
	color: #fff;
}

/*a, a:link, a:visited {
	color: #000;
	text-decoration: underline;
}*/
a:hover {
	color: #000;
	text-decoration: underline;
}
form {
	margin: 0;
	padding: 0;
}




#content_left .sidemenuA,.sidemenu {
	margin: 0;
	padding: 0;
	height:40px;
	/*margin-left: -30px;*/

}

#content_left .sidemenuA li {
	display:inline;
	margin: 0;
	width: 200px;
		height:30px;
	color: #ecb22b;
/*	background-image: url(/img/idlist_li_bg.png);
	background-repeat: no-repeat;*/
	background-position: top left;
	list-style: none;
	background-color:#000;
		padding-top: 14px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	line-height:1.5em;
	margin-right:15px;
}
 .sidemenu li{
	display:block;
	margin: 0;
	width: 200px;
	color: #ecb22b;
	background-image: url(/img/idlist_li_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	list-style: none;
		padding-top: 14px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	line-height:1.5em;
	margin-right:15px;
}


.sidemenu li a, .sidemenu li a:link, .sidemenu li a:visited,.sidemenuA li a, .sidemenuA li a:link, .sidemenuA li a:visited {
	color: #ecb22b;
	text-decoration: none;
}
.sidemenu li a:hover, .sidemenuA li a:hover{
	color:#fff;
}



.sidemenu li.folder{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 35px;}
	
.sidemenuA li.folder {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 35px;
	background-color:transparent;

}



.sidemenu li.lock,.sidemenuA li.lock {
	background-image: url(/img/idlist_li_lock_bg.png);
}

.sidemenu li.unlock,.sidemenuA li.unlock {
	background-image: url(/img/idlist_li_unlock_bg.png);
}

.sidemenu li.first {
	margin-top: -6px;
}

#sidemenucontainer2 {
	/*border-left: 30px solid #000;*/
	height:105px;
	margin-bottom: 15px;
	overflow: hidden;

}
#sidemenucontainer{
	margin-bottom: 15px;
	overflow:hidden;
	width:252px;
	height:363px;
}
#sidemenuecontainer2 h1{
	float:left;
	margin-right:10px;
	padding-bottom:5px;
}
.sidegallery_bg {
	background-image: url(/img/gallery/sidebar_bg.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 75px;
	width: 33%;
	text-align: center;
	padding-top: 3px;
}

.sidegallery_bg img {
	width: 55px;
}

.gallery_main_horiz {
	background-image: url(/img/gallery/main_horz.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 195px;
	height: 140px;
	text-align: center;
	padding-top: 2px;
}

.gallery_main_horiz img {
	width: 150px;
}


/* ROUNDED CORNERS */
div.rounded div {
	height: 1px;
	overflow: hidden;
}


/* PENNETS */
.pennet {
	float: left;
	width: 120px;
	padding: 5px;
	margin: 0;
}

.pennetroll {
	margin: 0;
	padding: 0;
	background-image: url(/img/pennet/body.gif);
	background-position: bottom center;
	height: 60px;
	width: 120px;
}

/* tool tips */
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(/img/bubble.png) top left;
	text-align: left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(/img/bubble.png) bottom right;
	text-align: left;
}

.border_blue_2 {
	border: 2px solid #29aae1;
	margin: 10px;
}

.border_yellow_2 {
	border: 2px solid #ecb22b;
	margin: 10px;
}

.searchcontainer, .searchcontainer_alt {
	padding-bottom: 10px;
	padding-top: 10px;
}

.searchtitle, .searchtitle_alt {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.searchdate, .searchdate_alt {
	font-size: 12px;
	font-weight: bold;
}

.dashbar {
	height: 2px;
	border-top: 1px solid #000;
}

.searchcontent {
	padding: 10px;
}


.upgamestip-tip {
	color: #000;
	width: 90px;
	z-index: 13000;
	border: 4px solid #000;
}
 
.upgamestip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #000;
	padding: 8px 8px 4px;
	background: #ecb22b;
	border-bottom: 1px solid #222222;
}
 
.upgamestip-text {
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	background: #ecb22b;
}

.select-free
{
	position:absolute;
	z-index:10;/*any value*/
	overflow:hidden;/*must have*/
	width:33em;/*must have for any value*/;
}
.select-free iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
	padding: 0;
	margin: 0;
	visibility: hidden;
}

.select-free .bd{ }


/** OVAL BUTTON **/
a.ovalbutton{
background: transparent url('/img/ecom/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
text-decoration: none;
}

a.ovalbutton span{
background: transparent url('/img/ecom/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.reqfield {
	color: #ff0000;
	text-transform: uppercase;
	font-size: 10px;
}

.blackhead-table {
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
}

.blackhead-table tr td {
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}

.blackhead-table tr th {
	background-color: #EBEBEB;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}