body { background-color:#1b1b1b; text-align:center; font-family: Arial, Helvetica, sans-serif;}
a, a:hover {text-decoration:none; color:#0099ff;}

th, td {	font-family: Arial, Helvetica, sans-serif;}

.clear {clear:both;}
.error {margin: 8px 0; color: #FF0000; font-weight: bold;}

div.status {visibility: hidden;}

#mainbody { width:1024px; text-align:left; background-image: url('/themes/cod4/images/cod_back.jpg');  background-repeat: repeat-y; padding:0px 16px; margin:0px auto;}
div #header { height:182px; width:992px; text-align:left;}
div #masthead { width: 992px;height: 127px; background-image: url('/themes/cod4/images/COD_head.jpg'); background-repeat:no-repeat;}
div #content {margin: 4px 0px 15px 0px; width:992px;}
#footer { height:35px; width:934px; margin:0px 0px 0px -16px; padding:10px 45px 0px 45px; background-color:black; background-image: url('/themes/cod4/images/COD_footer.png'); background-repeat:repeat-x; text-align:center; color:#cccccc; font-stretch:condensed; font-weight:bold; font-size:.6em; }

/*Navigation Styles*/
.navMenu {display:block; width:990px; position:relative; font-family:"Franklin Gothic Demi Cond", Arial,Helvitica,sans-serif; font-size:8pt; margin:0px; padding:0px; text-transform:uppercase; font-weight:bold;}
.navMenu ul { margin:0px; padding:0px; list-style:none; float:left;}
.navMenu ul li {float:left; display:inline; margin:0px; padding:0px;}
.navMenu ul li a {text-decoration:none; margin:0px;}
.navMenu .right { float:right; }

#nav_main {color:#efefef;  height:24px; border:solid 1px #262626; background: transparent url('/themes/cod4/images/nav_main_back.png') repeat-x scroll 0% 0pt; font-weight:bold;}
#nav_main ul li { height:24px; line-height:24px; vertical-align:middle; background: url('/themes/cod4/images/ggl_nav_spacer.png') no-repeat scroll right;}
#nav_main ul li:hover { background:#939393 url(images/ggl_bg_nav_on.png) repeat-x scroll 0pt; color:#FFCC00; }
#nav_main ul li a {padding:0px 12px; border:0px; color:#FFFFFF;  }
#nav_main ul li a:hover { color:#FFFF00; }
#nav_main .image {padding:0px;}
#nav_main #search_nav    {float:right; height:24px; line-height:24px; vertical-align:middle;}
#nav_main #search_nav label   {padding:0px 5px;}
#nav_main #search_nav input[type='image'] {vertical-align:top; }
#nav_main #search_nav input[type='text'] {height:13px; vertical-align:super;}

#nav_group {color:#ffffff; height:25px; border:solid 1px #272727; background: url('/themes/cod4/images/nav_group_back.png') repeat-x scroll 0% 0pt; font-weight:bold;}
#nav_group ul li {height: 25px; line-height:25px; vertical-align:middle; background: url(images/cod_nav_spacer.png) no-repeat scroll right;}
#nav_group a {  height:15px; line-height:25px; vertical-align:middle; padding:0px 12px; border:0px; color:#FFFFFF; cursor:pointer; }
#nav_group a:hover { color:#ff6600; }
#nav_group ul li.selected a  { color:#ff6633; }

#nav_ladder {height:auto; font-weight:bold; width:auto; border-bottom:solid 1px #FFFFFF;}
#nav_ladder ul {float:left; height:24px; }
#nav_ladder ul li {font-size:1.1em; border-right:1px solid white;vertical-align:bottom; }
#nav_ladder a {  height:20px;  padding:0px 6px; border:0px; color:#FFFFFF; cursor:pointer; vertical-align:bottom;}
#nav_ladder a:hover { color:#ff6600; }
#nav_ladder ul li.selected a  { color:#ff6633; }

/*Login box style*/
.login_form {	font-size: 8pt;	float: right;	padding: 2px 14px;	margin: 10px 12px 0px 0px;	WIDTH: 215px;	COLOR: #fff; font-weight:bold; font-stretch:condensed;  cursor:default; background-image: none;}
.login_form h1, h2 { padding:0px 4px 2px 4px; font-weight: bold; font-size: 1.2em; margin: 0px 0px 2px; text-transform: uppercase; border-bottom: #fff 1px solid; white-space:nowrap;}
.login_form h2 {margin: 0px;}
.login_form a, a:hover {color:#ff6600; text-decoration:none;}
.login_form p {margin:5px 0px; }
.login_form p#new_usr_reg { font-size:7pt; font-weight:bold; text-align: center; padding: 8px 0px 0px 0px;}
.login_form div#usr_info { background-color: #070803; font-size:7pt; font-weight:bold; width:140px; height: 60px; float: left; margin: 0px; padding:5px 0px 5px 5px;}
.login_form label { font-size:7pt; line-height: 7pt; display: block; margin-right: 0.5em; float:left; width: 60px; vertical-align:middle; padding: 5px 0px 0px 5px; }
.login_form input[type='text'], input[type='password'] { width: 130px; height:13px; vertical-align:middle; text-transform:none; border: 1px solid #555555; margin-top: 2px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.login_form input[type='submit'] {font-family:Arial; float:right; color:#ffffff; background-color:#666666; margin: 3px 0px 0px; padding: 1px 0px 0px; font-weight:bold; text-transform:uppercase; border: solid 1px #828262; font-size:.9em; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.login_form input[type='submit']:hover {color:#ff6600; background-color:#111111;}
.login_form .usr_pic { width:70px; height:70px; float: left; }

div #group_crown{    height:240px; clear:both;}
#group_crown #lft_col{float: left; width: 210px;}
#group_crown #center_col{float: left; width: 440px; margin:0px 9px;}
#group_crown #rt_col{float: left; width: 322px;}

div #main_3col, #main_2col_side, #main_2col { clear:both; margin:10px 0px;}
#main_3col div.lft_col { width: 324px; min-height: 300px; float: left;}
#main_3col div.center_col { width: 324px; min-height: 300px; float: left; margin:0 10px;}
#main_3col div.rt_col { width: 324px; min-height: 300px; float: left;}
#main_2col_side div.lft_col { width: 210px; min-height: 300px; float: left;}
#main_2col_side div.center_col { width: 470px; min-height: 300px; float: left; margin:0 10px;}
#main_2col_side div.rt_col { width: 292px; min-height: 300px; float: left;}
#main_2col div.lft_col {width: 210px; float:left; margin-right:4px;}
#main_2col div.rt_col { width: 772px; float:left; margin-left:4px;}

div #col2_main {float:left; width:480px; margin-right:6px; padding:0px;}
#2col_side {float:left; width:320px; margin-left:6px;}


.content_box { background: #0A0A0A url("/themes/cod4/images/cod_bg_content.png") repeat-x scroll 0% 0pt; border: solid 1px #666666; height:auto; color:#cccccc; margin:0px 0px 10px 0px; padding: 5px 8px; font-size:8pt; line-height:1.3em;}
.content_box h1 { color:#ff6600; font-size: 11px; text-transform:uppercase; font-weight:bold; clear:both; white-space:nowrap; margin:0px 5px 5px 0px;}
.content_box h1 a {color:#ff6600; font-size: 11px; text-transform:uppercase; font-weight:bold; cursor:pointer;}
.content_box h2 {color:#cccccc; font-weight:bold;}
.content_box_body {clear:both;}
.content_box a { color: #0099FF; }
.content_box a:hover { color: #FF6600; }
.partner_box { text-align:center;}

#sitenav-box { padding: 5px 0px 12px 0px; }
#sitenav-box div { padding: 2px 5px; margin: 1px 0; }
#sitenav-box a { background: transparent url("/ggl/images/ggl_indent_arrow.png") 0 0 no-repeat; padding-left: 20px; color: #FFFFFF; text-decoration: none; }
#sitenav-box a:hover { color: #FFFF00; }
#sitenav-box .sitenav_item_top { margin-top: 0; padding-top: 0; padding-left: 10px; }
#sitenav-box .sitenav_item_top a { background-image: none; padding-left: 0px; }
#sitenav-box .sitenav_item_1 { padding-left: 10px; }
#sitenav-box .sitenav_item_2 { padding-left: 20px; }
#sitenav-box .sitenav_item_3 { padding-left: 30px; }
#sitenav-box .sitenav_item_4 { padding-left: 40px; }
#sitenav-box .sitenav_item_5 { padding-left: 50px; }
#sitenav-box .sitenav_item_6 { padding-left: 60px; }
#sitenav-box .sitenav_item_7 { padding-left: 70px; }
#sitenav-box .sitenav_item_8 { padding-left: 80px; }
#sitenav-box .sitenav_item_9 { padding-left: 90px; }
#sitenav-box #active { background-color: #444444; }

#tournament-details { padding: 5px; display: block; overflow: auto; }
#tournament-chart, #tournament-rules { padding: 5px; display: none; overflow: auto; }
#tournament-summary div.joinleave { margin: 0px; padding: 6px; background-color: #333333; text-align: center; }
#ladder_header_info div {float: left; clear: right;}
#ladder_header_info label{font-weight: bold; color: #FFCC00; margin: 0px; width: 120px; min-width: 100px; display: block; float: left; clear: left; padding: 4px;}
#ladder_header_info span {float: left; padding: 4px;}
#ladder_header_info hr {clear: both; border: 0px; padding: 0px; margin: 0px; height: 1px; color: #444; background-color: #444;}


.match-results .listTable,
#scheduledChallengeBlock .listTable,
#instantChallengeBlock .listTable,
#challengeHistory .listTable,
#challengeDetails .listTable,
#reportMatchFormContent .listTable,
#tournament-chart .listTable,
#tournament-players .listTable {
	width: 100%;
	border-collapse: collapse;
}

.match-results .listTable th, .match-results .listTable td,
#scheduledChallengeBlock .listTable td,
#instantChallengeBlock .listTable td,
#challengeHistory .listTable td,
#reportMatchFormContent .listTable td,
#tournament-chart .listTable td,
#tournament-players .listTable td {
	margin: 0px;
	padding: 4px;
}

#scheduledChallengeBlock .listTable th,
#instantChallengeBlock .listTable th {
	margin: 0px;
	padding: 16px 4px 4px 4px;
	text-align: left;
	font-weight: bold;
	color: #FFEE11;
}

#challengeHistory .listTable th {
	margin: 0px;
	padding: 4px;
	text-align: left;
	border-bottom: 1px solid #444;
}

#challengeDetails .listTable th{
	margin: 0px;
	padding: 8px;
	border-bottom: 1px solid #444;
	font-weight: bold;
	color: #FFCC00;
	width: 30%;
}

#reportMatchFormContent .listTable th.round {
	background: #444;
	margin: 0px;
	padding: 4px;
	text-align: left;
	font-weight: bold;
	color: #FFCC00;
}

#reportMatchFormContent .listTable th.squad {
	border-bottom: 1px solid #444;
	margin: 0px;
	padding: 4px;
	text-align: left;
	font-weight: bold;
}

#scheduledChallengeBlock .listTable td,
#instantChallengeBlock .listTable td,
#challengeHistory .listTable td {
	vertical-align: top;
}

#challengeDetails .listTable td {
	margin: 0px;
	padding: 8px;
	border-bottom: 1px solid #444;
	width: 70%;
}

#tournament-chart .listTable th,
#tournament-players .listTable th {
	margin: 0px;
	padding: 4px;
	text-align: center;
	font-size: 7pt;
	border-bottom: 1px solid #666;
}

/* forums related styles */
#forums-latestposts div.fourms_msg_box {width: 190px; min-height: 50px; color: #CCCCCC; float:left; font-size: 1em; line-height:1em; border-top:solid 1px #666666; padding-top:5px;}
#forums-latestposts div.fourms_msg_box h2 {font-weight: normal; font-size: 8.5pt; color: #FF6600; border:solid 0px white; white-space:normal; padding:0px; margin:0px 0px 5px 0px;}
#forums-latestposts div.fourms_msg_box h2 a {color: #FF6600;}
#forums-latestposts div.fourms_stats_box {font-size: 7.5pt; line-height: 9pt; min-height: 1px; width: 95px; text-align: center; color: #CCCCCC; float:left; border-top:solid 1px #666666; padding-top:5px;}
#forums-latestposts hr {clear:both; width:100%; color:#666666; padding:0px; margin:0px;}

div#forums_summary{color: #FFFFFF; }
div#forums_summary div.forums_summary_post {background-color:#333333; border-bottom:solid 1px #666666; margin:5px; }
div#forums_summary div.forums_summary_post a, a:hover, a:visited {color:#0bb51d; text-decoration:none;}
div#forums_summary div.forums_summary_post a:hover {text-decoration:underline;}
div#forums_summary div.forums_summary_post img.member_image {float:left; clear:left; display:block; margin:2px;}
div#forums_summary div.forums_summary_post div.forums_summary_post_info {float:left; clear:right; margin-right:0px;}

.forums-box { padding: 2px 0px; border-top: 1px solid #666666; }
table.forums-table { margin: 2px 0px; padding: 0px; border: 0px; color: #CCCCCC; }
.forums-table td, .forums-table-first td { min-height: 105px; margin: 0px; padding: 5px 0px; vertical-align: top; line-height: 1.5em; background-color: #222222; }
.forums-table .member-td, .forums-table-first .member-td { padding: 5px 5px 0px 5px; text-align: center; }
.forums-table .member-td a, .forums-table-first .member-td a { text-decoration: none; }
.forums-table .message-td, .forums-table-first .message-td { display: block; width: auto; margin-right: 5px; padding-left: 5px; color: #FFFFFF; }
.forums-table .stats-td { width: 95px; text-align: center; color: #CCCCCC; }
.forums-table .stats-td .stats { color: #FFEE11; }
.forums-title { font-size: 9pt; font-weight: normal; color: #00CC33; }
div.forums-title { margin-top: 2px; border-top: 1px solid #444444; color: #FED720; }
.forums-table a { }
.forums-table a:hover { }
.forumdetails { margin-bottom: 12px; font-weight: bold; color: #FFEE11; }

#forums-latestposts #forum-posts { }
#forums-latestposts .forums-table, #forums-latestposts .forums-table-first { font-size: 8pt; color: #CCCCCC; }
#forums-latestposts .forums-table { border-top: 1px solid #666666; padding-top: 4px; }
#forums-latestposts .forums-table-first { padding-bottom: 2px; }
#forums-latestposts td { vertical-align: top; line-height: 1.5em; }
#forums-latestposts .message-td { padding: 2px 5px; color: #FFFFFF; }
#forums-latestposts .stats-td { width: 112px; text-align: center; color: #CCCCCC; }
#forums-latestposts .stats-td .stats { color: #FED720; }
#forums-latestposts .forums-title { font-size: 8pt; font-weight: bold; color: #FF6600; }
#forums-latestposts div.forums-title { margin-top: 2px; border-top: 1px solid #444444; }
#forums-latestposts a { color: #0099FF; }
#forums-latestposts a:hover { color: #0099FF; }
#forums-latestposts .forumdetails { color: #FFFFFF; line-height: 1.8em; }

#forums-topposters { }
#forums-topposters td { padding: 4px; text-align: center; }
#forums-topposters a { color: #0099FF; text-decoration: none; }
#forums-topposters a:hover { color: #FF6600; text-decoration: underline;}

#forums-summary { }
#forums-summary table { margin: 10px 0px; border-collapse: collapse; color: #FFFFFF; width:100%; }
#forums-summary table th { border-bottom: 1px solid #CCCCCC; padding: 2px 4px; text-align: center; font-size: 7pt; font-weight: normal; color: #CCCCCC; }
#forums-summary table th.forumheading { font-size: 1.1em; font-weight: bold; text-align: left; }
#forums-summary table th, #forums-summary table td { margin: 0px; }
#forums-summary table tr:hover { background-color: #444444; }
#forums-summary table td { vertical-align: top; border-bottom: 1px solid #666666; padding: 2px 4px 4px 4px; }
#forums-summary table td a:hover { text-decoration: underline; }
#forums-summary .user_link { margin: 0px 10px; }

/* Customizable content block locations */
li.dragElement {
	list-style: none outside;
	display: block;
	margin: 0px;
	padding: 0px;
	z-index: 200;
	*height: 100%;
}


/* Funky drop downs for addable content blocks weeeee */
div.movableContentBlockDropDown {
	position: relative;
	z-index: 9996;
	margin: 0px;
	padding: 0px;
}


div.movableContentBlockDropDown a.menulink {
	z-index: 9999;
	position: absolute;
	cursor: pointer;
	background: url("/core/imgs/icons/information.png") no-repeat 100% 0;
	cursor: pointer;
	top: 5px;
	right: 5px;
	height: 16px;
	width:  16px;
	/* IE is fun >:[~ */ 
	*top: 10px;
}

div.movableContentBlockDropDown div.submenu {
	z-index: 9997;
	position: absolute;
	top: 13px;
	right: 12px;
	text-align: right;
	font-size: 11px;
	padding: 3px;
	
	border: 1px solid #bbb;
	background-color: #1F1F1F;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.movableContentBlockDropDown div a {
	/*z-index: 9998;
	*/
	cursor: pointer;
	line-height: 16px;
	display: block;
	margin: 5px;
	padding-right: 20px;
	color: #a0a0a0;
}

div.movableContentBlockDropDown div a:hover {
	color: #cccccc;
}

div.movableContentBlockDropDown div a.moveable {
	background: url("/core/imgs/icons/images.png") no-repeat 100% 0;
}

div.movableContentBlockDropDown div a.shadeunshade {
	background: url("/core/imgs/icons/application_get.png") no-repeat 100% 0;
}

/* Addables/Deletables can occupy the same real estate - they're shown independently of one another */
div.movableContentBlockDropDown div a.addable {
	background: url("/core/imgs/icons/image_add.png") no-repeat 100% 0;
}

div.movableContentBlockDropDown div a.deleteable {
	background: url("/core/imgs/icons/image_delete.png") no-repeat 100% 0;
}

/* If it's hideable, it better be movable */
div.movableContentBlockDropDown div a.hideable {
	background: url("/core/imgs/icons/shading.png") no-repeat 100% 0;
}

div.movableContentDestinationsDiv {
	right: 0px;
	width: 250px;
	text-align: left;
	font-size: 11px;
	color: #333333;
	/*
	border: 1px solid #bbb;
	background-color: #ddd;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	*/
}

div.movableContentDestinationsDiv a {
	cursor: pointer;
	line-height: 11px;
	display: block;
	position: relative;
	background-image: none;
	margin: 0px;
	padding: 1px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #4f4f4f;
	color: #333333;
	border: 1px solid #606060;
	/* IE is fun >:[~ */
}

div.movableContentDestinationsDiv a:hover {
	background-color: #303030;
	color: #000000;
}

/* Button-related styles */
div.button { margin:8px 0px 0px 0px; }
div.button ul { height:24px; margin:0px auto; padding:0px; list-style:none; }
div.button ul li.btn { float:left; height:20px; margin:0px; padding:0px; background-image:url("/themes/cod4/images/cod_bg_btn_std_olive_off.png"); color:#FFCC00; text-align:center; }
div.button ul li.btn:hover { background-image:url("/themes/cod4/images/cod_bg_btn_std_olive_on.png"); color:#FFCC00; }
div.button ul li.btn a.btn { display:block; height:12px; padding:3px 10px 0px 10px; border:0px; color:#FFFFFF; text-align:center; text-decoration:none; }
div.button ul li.btn a.btn:hover { color:#FFFFFF; text-decoration: none; }
div.button ul li.btn-r { float:left; width:4px; height:20px; margin:0px; padding:0px; background-image:url("/themes/cod4/images/cod_btn_capp_r.png"); }
div.button ul li.btn-l { float:left; width:4px; height:20px; margin:0px; padding:0px; background-image:url("/themes/cod4/images/cod_btn_capp_l.png"); }

*html div.button ul li.btn a.btn { padding:4px 8px 0px 8px; width:18px; overflow:visible; }

div.button_fr { float:right; width:auto; margin:2px 0px 0px; }
div.button_fl { float:left; width:auto; margin:2px 0px 0px; }
div.button_r ul { margin:8px 10px 0px auto; }
div.button_l ul { margin:8px auto 0px 10px; }
.padding-box div.button_r ul { margin:8px 0px 0px auto; }
.padding-box div.button_l ul { margin:8px auto 0px 0px; }

/* Classic buttons */
button.btn, input.btn {
	background: #59591E url("/themes/cod4/images/cod_bg_btn_std_olive_off.png") repeat-x 0px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #707046;
	padding: 2px 10px;
}

button.btn:hover, input.btn:hover {
	background: #69692E url("/themes/cod4/images/cod_bg_btn_std_olive_on.png") repeat-x 0px;
}

button.btn:disabled, input.btn:disabled {
	background:#333;
	color:#CCC;
}

/* widget building blocks styles */
.wcapp-umatch { border:1px solid #444444; background-color:#444444; color:#FF6600; }
.wcapp-bulletin { color: #FF6600; }

#groupMemberContent a {
	font-weight: bold;
}

#groupMemberContent table tr td {
	padding: 4px 0px;
	width: 80px;
	text-align: center;
}
#groupMemberContent table tr td a {
	font-weight: normal;
}

/* Page takeover dialog boxes */
div#dialog_overlay {
	z-index: 999998;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: 100%;
	height: 2800px;
	min-height: 2800px;
	background-color: #202020;
}
.dialog_box {
	text-align: left;
	margin-top: 120px;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	border: 2px solid #000;
	font-size: 8pt;
}
.dialog_box div.dialog_header {
	padding: 2px; 
	background-color: #444; 
	overflow: auto;
}
.dialog_box div.dialog_header div.close_icons {
	float: right; 
	font-size: 11px;
}
.dialog_box div.dialog_header div.dialog_title {
	padding-left: 4px;
	float: left; 
	color: #FF6600;
	font-weight: bold; 
	text-transform: uppercase;
}
.dialog_box div.dialog_body {
	padding: 10px 5px; 
	border-bottom: 1px solid #444; 
	border-left: 1px solid #444; 
	border-right: 1px solid #444; 
	background-color: #222; 
	overflow: show;
	clear: both; 
}
.dialog_box a:link, .dialog_box a:visited, .dialog_box a:active {
	color: #cc0000;
}
.dialog_box a:hover {
	color: #333333;
	text-decoration: none;
}

div.news_block {width: 100%; overflow: hidden; padding: 5px 0;}
div.news_block div.friend-wrapper {float: left; width: 95px; margin-right: 15px;}
div.news_block div.friend-wrapper img {border: 1px #444 solid; margin: 0 0 2px 0; width:93px; height:93px;}
div.news_block div.news_article {float: left; width: 536px;}
div.news_block div.news_article h1 {margin-bottom: 14px; font-size:1.5em;}
div.news_block div.news_footer {float: left;}
div.news_block div.news_footer a.readmore {float: right; text-align: right;}