/* CSS Document */
/* Global styles */

/* Basic structure */
body { background: #fff; margin: 0; padding: 0;}
#masthead { margin: 0; width: 100%; height:176px; color: #fff; background: url(../images/bg-masthead.jpg) repeat-x 0 0;}
#page { margin: 0 auto 20px; padding: 0px; }


/* Basic text and links */
body, input, select, option, textarea, button { font-family: Arial,Tahoma,Verdana; color: #000;}
a { color: #336699; text-decoration: none;}
a:hover { color: #fff; background-color: #336699;}

h1 { FONT-WEIGHT: bold; FONT-SIZE: 20px; TEXT-TRANSFORM: none; COLOR: #336699; FONT-FAMILY: Arial,Tahoma,Verdana; 
	margin: 10px 10px 5px; padding: 5px;}


h2 { FONT-WEIGHT: bold; FONT-SIZE: 18px; TEXT-TRANSFORM: none; FONT-FAMILY: Arial,Tahoma,Verdana;
	 color: #336699;
	border-top: 1px solid #ccc;
	margin: 10px 10px 10px; padding:5px}

h3 { FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-TRANSFORM: none; COLOR: #7F9E26;  FONT-FAMILY: Arial,Tahoma,Verdana;
	border: none; margin: 10px 10px 10px; padding: 5px; color: #666;}

h5 { FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-TRANSFORM: none; COLOR: #7F9E26;  FONT-FAMILY: Arial,Tahoma,Verdana;
	border: none; margin: 0px 10px 0px; padding: 5px; color: #333;}


p {
	font-weight: normal;
	font-size: 14px;
	text-transform: none;
	color: #000;
	
	font-family: Arial,Tahoma,Verdana;
	text-align: left;
	padding: 5px; margin: 5px 20px 5px;
}

p.pagenav {text-align: center}



/* Masthead contents */
#eyebrow { margin: 0 auto; height: 25px;}
#eyebrow ul { list-style: none; margin: 0; padding: 5px 0;}
#eyebrow li { list-style: none; padding: 0 25px 0 0; margin: 0; float: left;}
#eyebrow li a { color: #ffcc00;}
#eyebrow li a:hover { background-color: #ffcc00; color: #002348;}
#logorow { width: 980px; height: 113px; margin: 0 auto;}
#nav1 { width: 980px; height: 38px; margin: 0 auto;}
#logo { padding: 20px 0;}
#minisearch { float: right; text-align: right; padding: 22px 0 0;}
#minisearch a { color: #ffcc00; font-weight: bold; padding: 0 3px;}
#minisearch a:hover { color: #002348; background-color: #ffcc00;}
#minisearch form { margin: 2px 0 0; background-color: #183758; padding: 8px 7px 7px 8px; border-left: 1px solid #677b91; border-top: 1px solid #677b91;}
#minisearch select, #minisearch input { margin-right: 5px; font-size: 12px; color: #333;}
#minisearch input#minisearchbutton { color: #333; font-size: 11px; font-weight: bold; padding: 2px 6px; background: #ffcc00 url(/_images2/bg-searchbutton.jpg) repeat-x top left; border-top: 1px solid #fff3c2; border-left: 1px solid #fff3c2; border-right: 1px solid #ffcc00; border-bottom: 1px solid #ffcc00;}
#minisearch form a:hover { background: none;}


/* Navigation */
#nav1 ul { height: 37px; list-style: none; margin: 0; padding: 0; border-left: 1px solid #bbb;}
#nav1 li { height: 37px; list-style: none; margin: 0; padding: 0; display: inline; float: left; background-image: url(../images/bg-nav1.gif); background-position: top right; background-repeat: repeat-y; border-right: 0px solid #fefefe;}
#nav1 li a { display: block; padding: 10px 20px; font-size: 14px; font-weight: bold;}
#nav1 li a:hover { background: none; color: #3e5871; text-decoration: none;}
#nav1 li:first-child { border-left: 1px solid #fefefe; }
.home #nav1 li#home a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
.film #nav1 li#film a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 1px;} 
.video #nav1 li#video a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 1px;} 
.tv #nav1 li#tv a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 1px;} 
.music #nav1 li#music a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 1px;} 
.games #nav1 li#games a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 1px;} 

.commissions #nav1 li#commissions a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
.company #nav1 li#company a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
.processing #nav1 li#processing a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
.pipeline #nav1 li#pipeline a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
.crm #nav1 li#crm a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
.products #nav1 li#products a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
.customers #nav1 li#customers a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
/* Ad units */
#topleaderboard { width: 980px; margin: 0 auto; }
.leaderboard { text-align: center; padding: 5px 0 10px; }
.skyscraper { margin-bottom: 15px;}


/* Metascores */
.green { background-color: #62c746; border-color: #62c746; color: #000; font-weight: bold; padding: 0px 3px;}
.yellow { background-color: #fbb803; border-color: #fbb803; color: #000; font-weight: bold; padding: 0px 3px;}
.red { background-color: #cc0000; border-color: #cc0000; color: #fff; font-weight: bold; padding: 0px 3px;}
.noscore { background-color: #ccc; border-color: #ccc; color: #000; font-weight: bold; padding: 0px 3px;}


/* Sidebar */
#left { padding: 0 1px 1px; float: left;  margin: 0; width: 15%; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid;BORDER-RIGHT: #cccccc 1px solid;}
#left /*{  margin: 0; width: 15%; padding: 0 15px 15px; float: left; color: #fff; line-height: 1.5; background-color: #002348;}*/
#left a { color: #ffcc00;}
#left a:hover { color: #ffffff; background-color: #336699;}
.mainmenu a { font-weight: bold; }
#left h2 { font-size: 34px; margin: 8px 0 15px;}
#left p { margin: none}
#left p.mainmenu { margin: 5px 5px 5px 15px}
#left h4 { margin: 50px 0 10px; line-height: 1;}
#left h4.platformgrouping { font-weight: bold; line-height: 1.1; margin: 0; padding: 0; font-size: 11px;}
.curplatform { font-weight: bold;}
#left p.platforms { margin: 0 0 12px;}
#left p.sortby { font-size: 10px; margin: 12px 0;}
#left p.sortby a { padding: 3px 9px; border: 1px solid #8091a4;}
#left p.sortby a:first-child { border-right-width: 0px;}
#left a.starred { font-weight: bold; margin-right: 2px; color: #ffffcc;}
#left p.listing { margin-bottom: 0;}
#left p.small { line-height: 1.1; font-size: 14px;}
#left img {margin: 5px;}
#left img.mainimage {width: 100%}


/* Content area */

#center { float: left; margin: 5px 5px 5px 5px; width: 62%;  padding: 0px 0px 0px 5px; background-color: #fff;
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid;
}

#center h5 {font-style: italic}
#center li {font-size: 14px}

#right {float: right; padding: 5px; width: 20%;

BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid;
}
.clear { clear: both; height: 0;}


/* Callout boxes */

#callout {BORDER-TOP: #3e5871 1px solid; BORDER-LEFT: #3e5871 1px solid; BORDER-BOTTOM: #3e5871 1px solid;BORDER-RIGHT: #3e5871 1px solid;
width: 100%;
margin: 5px; 5px; 5px; 5px; padding: none;

height: 100%

}

#callout p {padding: 0px; margin: 10px 10px 10px; 10px; FONT-SIZE: 12px;}
#callout p.quote {font-style: italic}
#callout p.quoter {font-weight: bold; COLOR: #3e5871; FONT-SIZE: 14px; 

			margin: 5px 5px 0px 10px; padding: none
			}


#callout p.quotejobtitle {margin: 0px 0px 0px 10px; padding: none}
#callout p.quotecompany { margin: 0px 0px 0px 10px; padding: none}
#callout img {width: 100%; margin: 5px 5px 5px 5px}
#callout img.pdfimage {width: 41px; margin: 5px 5px 5px 5px}


#calloutheader  {
background-color: #3e5871; 
 width: 100%}

#calloutheader h1 {FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #FFFFFF; margin: none;
padding: none
}




/* Footers */
#sitefooter { clear: both; border-left: 1px solid #fff; border-right: 1px solid #fff; background: #3E5871;}
#bottomnav { margin: 20px 0 0; padding: 10px 0 20px 0; color: #fff; background: url(../images/logo-footer.gif) no-repeat top left;}
.bottomnav1  { font-size: 14px; margin: 0 0 10px 10px; text-align:center;}
.bottomnav1 a { color: #fff; margin-right: 20px; font-weight: bold;}
.bottomnav1 a:hover { text-decoration: underline; background: none;}
.bottomnav2 { margin: 0 0 0 0px; text-align:center;}
.bottomnav2 a { color: #ffcc00; font-weight: bold; padding: 0 5px;}
.bottomnav2 a:hover { color: #3E5871; background-color: #ffcc00;}
#networkfooter { margin: 0; padding: 10px 20px; color: #fff; background: #002348; line-height: 1.6; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
#networkfooter a { color: #ffcc00;}
#networkfooter a:hover { color: #002348; background-color: #ffcc00; }
#networkfooter form { float: right; text-align: right;}
#networkfooter form label { display: block; padding-bottom: 5px; }
#networkfooter input { margin-left: 5px; color: #333; font-size: 11px; font-weight: bold; padding: 1px 3px; background: #ffcc00 url(/_images2/bg-searchbutton.jpg) repeat-x top left; border-top: 1px solid #fff3c2; border-left: 1px solid #fff3c2; border-right: 1px solid #ffcc00; border-bottom: 1px solid #ffcc00;}