/* GENERAL ----------------------------------------------- */

body {
	margin:0; 
	padding:0; 
	font:10px Verdana, Sans-Serif;
	background-color: #1E3671;
	color: #000; 
}	

img {
	border:none;
}

.left {float: left; margin-right: 1em}
.right {float: right; margin-left: 1em}
.clear {clear: both}

/* TEXT & FONTS ----------------------------------------------- */		
#pageBody, #footer, #pageBody #loginBox h2, #compList div.loginMsg h3 {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif}
#loginBox, input, textarea, #sidebar p {font-family: Verdana, Arial, Helvetica, sans-serif}
#pageBody h1, #pageBody h2, #comps h1 span#mainH1 {font-family: Helvetica, Arial, sans-serif}

#contentMain {
	line-height:1.5;
}


h1, h2, h3, h4, h5, h6 {font-weight:bold; line-height: 1.3}

h1, #comps h1, #comps h1 span#mainH1 {
	font-size: 32px;
	font-weight: normal;
	margin:0;
	padding:0;
	color:#e20b06;
	margin-bottom:0.5em;
}	
#home h1 {
	font-size: 36px;
}
h2 {
	font-size: 14px;
	color:#fff;
	margin:0;
	padding:0 0 3px 0;
}	
#pageBody h2 {
	color:#325abc;
}
h3 {
	font-size:13px;
	margin:0;
	padding:0;
}	
#pageBody h3 {
	font-size: inherit;
}

#navMain {font-size:12px}
#navComps ul {	font-size:11px}
#navUser h2 {	font-size: 10px}

#loginBox {	font-size: 11px}
#loginBox h3 {	font-size: 10px}
#loginBox form {	font-size:11px}
#loginBox input {	font-size:11px}

#pageBody {	font-size:14px}
.issue {	font-size:14px}

#sidebar  p {font-size:11px}

#footer {	font-size:12px}
#footer h2 {font-size: 16px}
#adFoot {font-size:14px}

#contentMain h1 span {font-size: 0.3em}
#contentMain h1 span#mainH1 {font-size:1em}
#contentMain p.top {font-size: 0.7em}
#compListNav ul {font-size: 0.9em;}

.note {font-size: 0.85em}


/* Paragraphs, lists, blockquote --------------------------------------- */

p, 
ul,
ol,
blockquote {
	margin:0;
	margin-bottom: 1em;
	padding:0;
}

ul, 
blockquote {
	padding-left: 2em;
}

ol {
	padding-left: 2.5em;
}

li {
	margin-top: 0.2em;
}
img[align=right] {
	margin: 0 0 1em 1em;
}

img[align=left] {
	margin: 0 1em 1em 0;
}


/* LINKS ----------------------------------------------- */	
#navMain ul a:link, #navMain ul  a:visited {
	color:#7097d5;
	text-decoration:none;
}	
#navMain ul a:hover, #navMain ul  a:active {
	color:#fff;
	text-decoration:none;
}

#navUser a:link, #navUser a:visited {
	color:#7097d5;
	text-decoration:none;
}	
#navUser a:hover, #navUser a:active {
	color:#fff;
	text-decoration:none;
}

#navComps ul a:link, #navComps ul a:visited {
	background:#325abc url(../images/nav-active.gif) no-repeat top right;
	text-decoration:none;
	color:#d6def2;
}
#navComps ul a:hover, #navComps ul a:active {
	background:#5b7bc9 url(../images/nav-hover.gif) no-repeat top right;
	text-decoration:underline;
	color:#fff;
}
h2 a:link, h2 a:visited {
	color:#336699;
	text-decoration:none;
}	
h2 a:hover, h2 a:active {
	color:#78bb00;
}
#contentMain a:link, #compList dl a:link, #contentMain a:visited, #compList dl a:visited {
	color:#325abc;
	text-decoration:underline;
}	
#contentMain a:hover, #compList dl a:hover, #contentMain a:active, #compList dl a:active  {
	text-decoration:underline;
	background-color:#ebf3fe;
}

#login a:link, #login a:visited {
	color:#325abc;
	text-decoration:underline;
}	
#login a:hover, #login a:active {
	text-decoration:underline;
	background-color:#ebf3fe;
}
#subscribe a {
	background: url(../images/arrow.gif) no-repeat right center;
	font-weight:bold;
	padding-right: 10px;
	white-space:nowrap;
}
#subscribe a:link, #subscribe a:visited {
	color:#e20b06;
	text-decoration:underline;
}	
#subscribe a:hover, #subscribe a:active {
	text-decoration:underline;
}

#compList a:link, #compList a:visited {
	text-decoration:none;
}
#compList a:hover, #compList a:active {
	background-color: transparent;
	text-decoration:none;
}
#sidebar a:link, #sidebar a:visited {
	color:#4888b9;
	text-decoration:none;
}	
#sidebar a:hover, #sidebar a:active {
	text-decoration:underline;
}

#footer a:link, #footer a:visited {
	color:#8f9bb8;
	text-decoration:none;
}	
#footer a:hover, #footer a:active {
	text-decoration:underline;
}

#adFoot a:link, #adFoot a:visited {
	color:#000;
	text-decoration:none;
}	
#adFoot a:hover, #adFoot a:active {
	text-decoration:underline;
}
.current a:link, .current a:visited, #navMain ul li.current a:link, #navMain ul li.current a:visited, #navComps ul li.current a:link, #navComps ul li.current a:visited {
	color:#fff;
	text-decoration:none;
}	
.current a:hover, .current a:active, #navMain ul li.current a:hover, #navMain ul li.current a:active, #navComps ul li.current a:hover, #navComps ul li.current a:active {
	color:#fff;
	text-decoration:none;
}	

.current a, #navMain ul .current a, #navComps ul li.current a, #home li#mmHome a {
	color:#fff;
	text-decoration:none;
}	




/* FIXED ELEMENTS - HEADER/NAVIGATION ----------------------------------------------- */	

body {
	background: #1E3671;
}

#branding {
	background:url(../images/logobg.jpg) no-repeat top left #1E3671;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	
	/* Height and width for logo bg */
	height: 111px;
	width: 220px;
}

#branding a {
}

#nav {
}

#navMain ul, #navMain ul li, #navComps ul, #navComps ul li {
	/* override default list styles */
	list-style:none;
	margin:0;
	padding:0;
}

#navMain h1, #navMain h2 {
	position: absolute;
	left: -200em;
	width: 1px;
	text-indent:-200em;
}
#navMain {
	background:url(../images/logobg.jpg) no-repeat -220px 0px; /* logo background to extend behind menu */
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
}
#navMain .content {
	position:relative;
	background:url(../images/logobg.jpg) no-repeat -220px 0px #1e3671;
	margin-left: 220px;
	padding:0 0 0 10px;
	height: 95px;
}
#navMain ul {
	font-weight:bold;
	color:#7097d5;
	line-height: 1.3;
	position:absolute;
	bottom:10px; /* grows upwards in narrow windows */
}

#navMain ul li {
	display:inline;
}

#navUser {
	color:#7097d5;
	position:absolute;
	top:0px;
	right:0px;
	padding:1em 1em 0 0;
	height:40px;
	text-align:right;
}
#navUser h2 {
	text-transform:uppercase;
}
#navUser h2, #navUser p {
	margin:0;
}

#navComps {
	position:absolute;
	top:90px;
	left:0px;
	width:230px;
	w\idth: 194px; /* set width of inner elements here to prevent weird IE5 bug on ul width */
	padding:5px 21px 0 15px; 
	background:url(../images/curve.gif) no-repeat top right; 
	z-index:2; /* overlay on top of logo */
}
#navComps h2 {
	background:url(../images/nav-top.gif) no-repeat top left #8BB7F6;
	font:bold 12px Verdana, Sans-Serif;
	color:#1e3671;
	margin:0px;
	padding:0.6em 0 0.8em 10px;
}	

#navComps ul {
	margin:-3px 0 0 0;
	padding:0 0 1em 0;
	background:#325abc url(../images/nav-bottom.gif) no-repeat bottom left;
}
#navComps ul li {
	display:block;
	border-bottom:1px solid #476bc3;
	width: 100%;
}
#navComps ul a {
	padding:7px 10px 7px 30px;
	display:block;
	font-weight:bold;
	min-height: 1px;
}
	* html #navComps ul a {
		height: 1px;
	}
	
#adSide {
	border: 7px solid #325ABC;
	margin:15px 0 0 0;
}
#adSide img {
	vertical-align:bottom;
}


/* Fixed positioning, screen only, not IE<7 -------------------------- */

@media screen {
	html>body div#branding, html>body div#nav, html>body div#navComps, html>body div#navMain, html>body div#navUser {
		position: fixed;
	}
}


/* LOGIN ----------------------------------------------- */
#loginBox {
	width:100%;
	background:url(../images/loginTP.gif) no-repeat top left #E8F1FD; /*dark bg for border effect*/
	margin:0 0 1.5em 0;
	padding:1px 0 0 1px;
	overflow:hidden;
}
#contentMain #loginBox {
}

#loginBox .content {
	background:url(../images/loginBM.gif) no-repeat bottom right #F5FAFA;
	margin:0;
	min-height:99px;
	padding-bottom: 0.5em;
	float:left;
	width:100%;
}
* html #loginBox .content {height:99px}
#login {
	background:url(../images/loginTP1.gif) no-repeat top left;
	margin:0;
	float:left;
	padding:7px 0 0 10px;
	width:55%;
	color:#333;
}
#loginBox h2 {
	display:inline;
	padding:0px;
	margin:0px;
}

#loginBox h3 {
	color:#333;
	display:inline;
	padding:0;
	padding-left: 3px;
	margin:0;
}
#login p, #login ul, #login ol {
	clear:left;
	margin:0;
	margin-top:0.5em;
	line-height: 1.3;
}
.error {
	color:#CC0000;
}
#login form {
	margin:5px 0 3px 0;
	padding:0px;
	overflow:hidden;
}
#login form p {
	clear: none;
	float:left;
	margin:0;
	padding:0 5px 0 0;
}
#login label {
	color:#000;
	display:block;
	margin:0 0 3px 0;
	padding:0px;
}
#login input {
	color:#000;
}
#login input[type=text], #login input[type=password] {
	border:1px solid #6db6bf;
	padding:0.2em 0.1em;
}
#login p.submit {
	padding-top:1.5em;
}
#login p.submit input {
	text-transform: uppercase;
	padding:0.1em 0.2em;
}

#login p.newSub {color: #777}
#subscribe, #loginBox .notice {
	background:url(../images/divider.gif) no-repeat 0 10px;
	float:right;
	padding:7px 0 0 1.5%;
	width:40%;
	color:#000;
}
#subscribe p, #loginBox .notice p {
	margin:5px 0 0 0;
	padding:0 1em 0 0;
	line-height:14px;
}

/* CONTENT ----------------------------------------------- */
#pageBody {
	background-color: white;
	padding:100px 0 0 17px; /*use padding not margin for IE7 */
	margin:0;
	margin-left: 223px;
	overflow: hidden; /* contain floats, hide scrollbars */
}
#content {
	max-width: 90em;
	padding-right: 1em;
	overflow: hidden; /* contain floats, hide scrollbars */
}	

	* html #content {
		width: 90%; /* hasLayout in IE6 for overflow:hidden to contain floats */
	}

#contentMain {
	padding:7px 0 1em 10px;
}
#sidebar {
	display:none; /*hide on all pages... */
	padding-bottom:1em;
}
#home #sidebar {
	display: block; /* ...except homepage */
}
.issue {
	color:#000;
	margin:15px 0 0 0;
	padding:0px 0 3px 0;
}
#pageBody .footnote {
	border-top: 1px dashed #ccc;
	clear:both;
	padding-top: 0.2em;
}

/* COMPS ------------------------------------------------*/
#comps h1 {
	overflow: hidden;
	width: 100%; /* req for IE6 */
}
#comps h1 span {
	color: #999999;
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	margin:0;
	padding:0;
	padding-left:1px;
	/* width removed because it was buggering up IE5.5Win */
}
#comps h1 span#mainH1 {	
	float: left;
	margin:0;
	text-transform: none;	
	width: auto;
}

#comps h1 span.right {
	text-align: left;
	width: auto;		
	float:left;
	margin-left: 2px;
	margin-top: 20px;
}

#contentMain p.top {
	clear:both;
	border: 0px solid black;
	padding: 3px 10px 5px 0px;
	margin: 0px;
	text-align: right;
}

	#contentMain p.top a {
		color: #999;
		text-decoration: none;
	}

	#contentMain p.top a:hover {
		text-decoration: underline;
		background-color:transparent;
	}

#catImg {
	float: right;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0 0 0.5em 0.5em;
}
#catImg img {
	border: 1px solid #E9EFDE;
}

#compListNav { /* this is the horiz tabbed bit */
	float: left;
	width: 100%;
	background-color: #FFF;
	clear: both;
}

	#compListNav ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
		width: auto;
		height: auto;
		background-color: white;
	}

	#compListNav ul li {
		float:left;
		font-weight: bold;
		padding: 0px;
		margin: 0px 5px 0px 0px;
		border: 0px solid gray;
		background: url(../images/tab-right.gif) no-repeat right top;

	}

	#compListNav ul li a {
		border: 0px solid black;
		background: url(../images/tab-left.gif) no-repeat left top;
		display: block;
		padding:3px 10px;
		color: #999;
		text-decoration: none;
	}
	
	#compListNav ul li a:link, #compListNav ul li a:visited {color: #999} 
	#compListNav ul li.current a:link, #compListNav ul li.current a:visited {color: black} 

	#compListNav ul li a:hover {
		color: black;
	}

	#compListNav ul li.current {
		background: url(../images/current-tab-right.gif) no-repeat right top;
	}

	#compListNav ul li.current a {
		background: url(../images/current-tab-left.gif) no-repeat left top;
	}
	
#compList { /* this is the container for comp details area */
		width: 100%;
		background-color: #E9EFDE;
		clear: both;
		margin-top: 1em;
		margin-bottom:2em;
		float: left;
		overflow: hidden;
	}

	#compList h2 {
		position: absolute;
		left: -200em;
		width: 1px;
	}

	#compList h3 { /* override for #compList div.loginMsg h3 */
		text-transform: uppercase;
		font-size: 0.8em;
		font-weight: normal;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #999999;
		clear: left;
		background-color: #E9EFDE;
		padding: 5px 0px 5px 10px;
		margin: 0px;
	}

	#compList p {
		border: 0px solid black;
		padding: 0px;
		margin: 0px 0px 0px 0px;
	}


div.comp {
	clear: both;
	background-color: #F9FAF5;
	height: auto;
	padding:  8px 8px 8px 8px;
	margin: 0px 10px 0px 10px;
	overflow:hidden;
	}

	div.closed {
		background: #F9FAF5 url(../images/comp-closed.gif) no-repeat top right;
	}
	
	.loggedIn div.closed {
		background-image: none; /* we apply this to div.options if they are loggedIn */
	}
	
	div.entered, #contentMain div.entered a {
		color: #999;
	}
	
	div.comp div.info {
		float:left;
		width: 100%;
		margin-right: -150px;
	}
	
	* html div.comp div.info {
		overflow: hidden; /* crop long URLs in IE6 */
	}
	
	div.comp dl {
		margin: 0;
		margin-right: 150px;
		padding: 0;
	}

	div.comp dt {
		float: left;
		font-weight: bold;
		margin: 0 0.5ex 0 0;
		padding:0;
	}

	div.comp dd {
		margin: 0;
		padding: 0;
		
	}

	div.comp div.options {
		float:right;
		width: 150px;
	}	
	
	
	div.options div.entry {
		color: #999;
		font-weight:bold;
		margin: 0.2em 0.5em 0.2em 1em;
	}
	
	.loggedIn div.closed div.options div.entry {
		background: #F9FAF5 url(../images/comp-closed.gif) no-repeat 0 -10px;
		padding-top: 65px;
	}
	
	#contentMain div.entry a, #contentMain div.entry a:link, #contentMain div.entry a:visited {
		background:url(../images/tick_f01.gif) no-repeat top left;
		color:#999;
		display: block;
		padding-left:22px;
		text-decoration:none;
	}
	* html #contentMain div.entry a {height: 1px; /* hasLayout so whole area clickable, not just text */ }
	#contentMain div.entry a:hover {background:url(../images/tick_f02.gif) no-repeat top left transparent}
	
	#contentMain div.entered div.entry a, #contentMain div.entered div.entry a:link, #contentMain div.entered div.entry a:visited {
		background-image:url(../images/tick_f03.gif);
		color: black;
	}
	#contentMain div.entered div.entry a:hover {background-image:url(../images/tick_f04.gif)}
	
	div.entry a span.action {
		display:block;
		color: #999;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.8em;
		font-weight: normal;
		margin-top: 3px;
	}
	
	div.entry a span.action span {
		color:#CC0000;
		text-decoration:underline;
	}
	
	#contentMain div.entry a span.action span:hover {text-decoration:none}
	
	.newComp {
		font-weight: bold;
		color: red;
	}

/* Styling for "login" message at top of comp list --------- */

	div.loginMsg {
		background-color: #E9EFDE;
		border-bottom: 1px solid #F9FAF5;
		padding: 8px 0 0.5em 125px;
		position: relative;
	}
	
	div.loginMsg p#compTrial {
		position: absolute;
		top:8px;
		left:0;
	}

	#compList div.loginMsg p a {
		font-weight: bold;
		text-decoration: underline;
		white-space: nowrap;
	}

	#compList div.loginMsg h3 {
		text-transform: none;
		font-size: 1.7em;
		font-weight: bold;
		color: #325ABC;
		clear: none;
		background-color: transparent;
		padding: 0px;
		margin: 0px;
	}

/* HOME -------------------------------------------------- */
body#home #contentMain {
	float:left;
	width:55%;
}

body#home #sidebar {
	float:right;
	width:40%;
}

/* SIDEBAR ----------------------------------------------- */
#sidebar h2 {
	clear: left;
	color:#325abc;
	padding:0px;
	margin:10px 0 5px 0;
}
#sidebar div {
	border:1px solid #edf5f4;
	float:left;
	width:100%;
	background-color:#edf5f4;
	padding:3px 0;
	margin:0 0 10px 0;
	line-height: 1.5;
}
#sidebar div.link a:hover, #sidebar div.hover a:hover {text-decoration:none}
#sidebar div.link:hover, #sidebar div.hover {
	background-color: #D2E8E6;
	cursor: pointer;
	cursor:hand;
}

#sidebar h3 {
	color:#4888b9;
	padding:0;
	margin:0 3px 0 5px;
}
#sidebar p {
	margin:0 5px 0 5px;
	padding:0px;
}
#sidebar div img {
	float:left;
	margin:3px 8px 5px 0;
}

#sidebar div#luckynumber {
	border:0;
	background-color:white;
	background:white url(../images/luckynumber.jpg) no-repeat top left;
	padding:0;
	margin:0 0 10px 0;
}

#sidebar div#luckynumber h2 {
	height: 1px;
	text-indent: -2000em;
	float: left;
}

#sidebar div#luckynumber h3 { /* graphic = 283x180 */
	color:#325abc;
	font-size: 1.3em;
	line-height: 1.3;
	text-align:center;
	
	padding: 80px 0 45px 60px;
	margin:0;
	width: 174px;
	height: 56px;
}

#sidebar div#luckynumber p {
	margin: 0;
}

#sidebar div#luckynumber a:hover {
	text-decoration: underline;
}

/* FOOTER ----------------------------------------------- */
#footer {
	clear: both;
	background-color:#1e3671;
	margin:0px;
	padding: 0 0 0 223px;
}
#footer h2 {
	color:#8bb7f6;
	margin:10px 0 0px 0;
}
#footer p {
	color:#8f9bb8;
	margin:10px 0 0 0;
	padding:0.5em 0 30px 0;
}
#footer p img {
	vertical-align: middle;
}
#footer p.topLink {
	padding:0;
}

#adFoot {
	height:93px;
	background:#fff url(../images/adFoot-bkground.gif) no-repeat top left;
	padding:10px 0 10px 0;
}
#adFoot img {
	float:left;
	margin:0 10px 0 0;
	vertical-align:top;
}
#adFoot p {
	margin:0px;
	padding:0 30px 0 10px;
	max-width: 60em;
}

/* sIFR -------------------------------*/

@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	
	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	.sIFR-flash + div[adblocktab=true] {
	  display: none !important;
	}
	
	/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
	
	object, embed {
		display:block;
		margin:0;
		padding:0;
	}
	
	.sIFR-hasFlash #home h1, .sIFR-hasFlash #page h1, .sIFR-hasFlash #comps #contentMain h1 span#mainH1 {
		visibility: hidden;
		font-size: 32px;
		letter-spacing: -1px;
	}
	.sIFR-hasFlash #home h1 {
		font-size: 36px;
	}	
	.sIFR-hasFlash #page h1 {
	}
	.sIFR-hasFlash #comps #contentMain h1 span#mainH1 {
		margin-left:-1px;
	}
	.sIFR-hasFlash #sidebar h2 {
		visibility: hidden; 
		font-family: Arial, Helvetica, sans-serif;		
		font-size: 16px;
		margin-bottom: 0;
	}

}