body {margin:0px;  color:#000; background:#fff;}
body, table {font:11px Arial, Helvetica, Sans-serif;}

/* Links */
a:link, a:visited {color:#2F74BA; text-decoration:none;}
a:hover, a:active {color:#2F74BA; text-decoration:underline;}
 /* Use with image map DIV; hide link; SEE headerArena for example */
a.imageMap strong {visibility:hidden; text-decoration:none;}

/* Text: headers */
h1 {font-size:18px; margin:5px 0px; padding:0px;}
h2 {font-size:16px; margin:5px 0px; padding:0px;}
h3 {font-size:14px; margin:5px 0px; padding:0px;}
h4 {font-size:12px; margin:5px 0px; padding:0px;}
h5 {font-size:10px; margin:5px 0px; padding:0px;}

/* Text: lists */
ul {margin-left:0.6em;}
ul li.none {list-style-type:none; margin-bottom:5px;}
ul.quicklink, ul.quicklink li {margin:.2em 0 .4em 0.6em; padding:0;}
ul.quicklink li, ul.quicklink li a {color:#2F74BA; font-weight:bold;}
ol.spacer5 li {margin-bottom:5px;}

/* Text: misc */
sup {font-size:.7em; line-height:0.6em; vertical-align:40%;}
.textSmall {font-size:.8em;}
.textLarge {font-size:1.2em;}
.textWhite {color:#fff;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.error {color:#cc0000;}
.alert {font-weight:bold; color:#cc0000;}

/* Element: horizontal rule */
hr.wide {height:1px; width:80%; border:0; text-align:left; color:#666; background-color:#666;}

/* Element: Form */
.formLabel {margin-right:4px; font:bold 14px arial; line-height:2.0; text-align:right;} /* use for single label/input form */
textarea, select.readOnly {font:11px Courier New,Courier,monospace;}
textarea.readOnly, select.readOnly {background-color:#fff; border:solid 1px #bddcee;}

/* Layout: vertical spacing and clear */
div.spacer5 {font:normal 5px Arial, Helvetica; line-height:5px;}
div.spacer10 {font:normal 10px Arial, Helvetica; line-height:10px;}
.clearBoth {display:block; clear:both; height:0; line-height:0; margin:0; padding:0;}
.clearLeft {display:block; clear:left; height:0; line-height:0; margin:0; padding:0;}
.clearRight {display:block; clear:right; height:0; line-height:0; margin:0; padding:0;}

/* Layout: page elements */
#layoutRailRight {padding:10px 5px;}
#layoutRailRight #column1 {padding-left:5px;}
#layoutNoBorder {width:960px; margin:0px 0px 5px 0px;}
#layoutRailNone {width:950px; margin:5px;} 

/* Buttons */
h4.buttonText {width:166px; height:32px; margin:8px 10px; background:#004c82 url(/images/ncaasports/mmod/2009/button_bg_blue_166x32.gif) no-repeat; overflow:hidden;}
h4.buttonText a {display:block; width:135px; height:32px; line-height:32px; color:#fff; font-size:14px; text-align:center; text-decoration:none; text-transform:uppercase;}

/* Layout: arena or lower levels */
.arenaCol {display:inline; float:left; width:470px; margin-right:5px;}

/* Global Header: logo */
#header {width:960px; height:60px; color:#fff;}

/* Global Arena */
#headerArena {position:relative; width:960px; height:405px; background:url(/images/ncaasports/mmod/2009/arena_bg_960x405.jpg) no-repeat;}
#headerArena #logo {display:none; position:absolute; top:15px; left:35px; width:200px; height:210px;} /* hide logo for 20090420 design */
#headerArena #logo #ncaaMMOD {position:absolute; top:0px; left:0px; width:180px; height:190px;}
#headerArena #logo #cbsSports {position:absolute; top:35px; left:77px; width:130px; height:25px;}
#headerArena #title {position:absolute; top:30px; left:435px; width:520px; height:80px; text-align:center;}
#headerArena #title h2 {margin:0px; padding:0px; font-size:26px; color:#fff; text-transform:uppercase;}
#headerArena #title h3 {margin:5px 0px 0px 0px; padding:0px; font:bold 18px arial; color:#fff;}
#headerArena #title span.charSpaced {letter-spacing:5px;}/* px instead of em since parent style is px */
#headerArena #sponsors {display:none; position:absolute; top:270px; left:640px; height:50px; width:300px;} /* hide sponsor for 20090420 design */
#headerArena #content {position:absolute; top:135px; left:500px; width:435px; height:200px;}
/* sponsor images can be mapped as individual elements 
for example, #headerArena #sponsors #att {float:left; width:80px; height:50px; margin-right:10px;}
in the HTML template use the class a.imageMap strong  for the element link.
*/

/* Footer */
#footer {clear:both; width:960px; margin:5px 5px 20px 5px;}
#footer a:link, #footer a:visited {color:#000; text-decoration:none; }
#footer a:hover {text-decoration:underline;}
#footer #disclaimer {position:relative; margin-bottom:10px; text-align:center;}
#footer #fastLinks h2 {margin:10px 0px; padding:0px; color:#666;}
#footer #fastNav {margin:0px; padding:0px;}
#footer #fastNav ul {margin:0px; padding:0px;}
#footer #fastNav h3 {margin:0px 0px 15px 0px; color:#c50e14;}
#footer #fastNav li {float:left; padding-right:14px; width:177px; text-align:left; list-style-type:none;}
#footer #fastNav li ul {list-style:none; margin:0px; padding:0px;}
#footer #partner {clear:both; width:520px; margin:0px auto; padding-top:30px; overflow:hidden;}
#footer #partnerLogo {float:left; height:50px; width:290px; margin-right:30px; background:url("/images/ncaasports/mmod/2009/footer_partner_logo.png") no-repeat;}
#footer #partnerLinks {float:left; text-align:left;}
#footer #partnerLinks form {margin:10px 0px; padding:0px;}
#footer #partnerLinks select {float:left; height:18px; padding-top:1px; margin-left:3px; border:1px solid #eee; font:normal 12px Arial, Helvetica; color:#666;}
#footer #partnerLinks option {font:normal 12px Arial, Helvetica; color:#666;}
#footer #partnerLinks input {height:20px; width:37px; margin-left:3px; font:normal 12px Arial, Helvetica; color:#000; border:1px solid #999; background:#CCC;}
#footer #dots {clear:both; display:block; height:6px; margin:5px 0px; background-position:center; background:url("/images/ncaasports/mmod/2009/footer_black_dots.png") no-repeat;}
#footer .copyright {font:11px Verdana; text-align:center;}
#footer .copyright a {color:#555;}

/* Footer Content:component: info Links (faq, terms of use, dev */
#infoLinks {font-weight:bold; text-align:center;}

/* Ads */
#header #adBanner {float:right; width:728px; height:90px; margin:5px 0px 0px 9px;}
.adoutline {background-color: #505050;} /* global media apps naming convention */

/* Content:photos */
.photoOutline {border:solid 1px #dadada; padding:2px;}

/* Content:site: page title */
#pageTitle {position:relative; width:950px; margin:10px 0px;}
#pageTitle #feature {position:relative; float:left; margin-right:5px;}
#pageTitle #sponsorship {position:relative; float:right; width:290px;}
#pageTitle h2 {color:#000;}

/* Feature components: with/without padding, title */
div.fc {margin:0px; padding:10px; border:1px solid #9A9A9A;}
div.fcbg3 {margin:0px; padding:10px; background-color:#fff; border:1px solid #9A9A9A;}
div.fcnopad {margin:0px; padding:0px; background-color:#f5f5f5; border:1px solid #9A9A9A;}
.fctitle, .fctitleArena {padding:2px 0px 2px 2px; font:bold 14px Arial; line-height:16px; text-align:center; text-decoration:none; text-transform:uppercase;}
.fctitleArena {color:#666;}
h2.fctitle {font-size:22px; line-height:1.2em;}
div.fctitleborder {padding:2px 0px 2px 2px; font-weight:bold; line-height:16px;  border:1px solid #9A9A9A; border-bottom:0px; background-color:#f5f5f5; text-align:center;}

/* Feature components: table */
div.fctabletitle {padding:2px 0px 2px 2px; font:bold 12px Arial; line-height:16px; text-align:left; text-decoration:none; border:1px solid #dadada; border-bottom:0px; background-color:#e8e8e8;}
table.fctable {margin:0px; padding:0px; background-color:#f5f5f5; border:solid 1px #9A9A9A; border-collapse:collapse;}
table.fctablebg1 {background-color:#e8e8e8;}
table.fctable thead tr {background-color:#e8e8e8;}
table.fctable tbody tr {background-color:#fff;}
table.fctable td {padding:2px; border:solid 1px #9A9A9A;}

/* Data table components */
/* to be added when needed on site */

/* Content: splash/homepage */
#mmodSplash {position:relative; width:950px; margin:0px 5px;}
#mmodSplash #leftColumn {position:relative; float:left; width:485px; margin-right:5px;}
#mmodSplash #rightColumn {position:relative; float:right; width:455px;}

/* Content:component: MMOD email notification */
#mmodEmailSignup h2 {margin:0; padding:0; font-size:22px; text-transform:uppercase; text-align:center;}
#mmodEmailSignup #emailForm {display:block;} /* set to toggle visibility */
#mmodEmailSignup #emailThanks {display:none; text-align:center;}/* set to toggle visibility */
#mmodEmailSignup #emailIneligible {display:none; text-align:center;}/* set to toggle visibility */
#mmodEmailSignup form {margin:0px; padding:0px;}
#mmodEmailSignup label {float:left; width:150px; height:22px; line-height:22px; font-weight:bold; font-size:12px; padding-right:4px; text-align:right; text-transform:uppercase;}
#mmodEmailSignup input {line-height:1.4em; font-size:12px; color:#777; margin-bottom:5px; }
#mmodEmailSignup div.separator {display:inline; height:12px; line-height:1.4em; font-size:12px; color:#777; margin-bottom:5px; }
#mmodEmailSignup #email {width:230px; text-align:center;}
#mmodEmailSignup #dob_month, #mmodEmailSignup #dob_day {width:36px; text-align:center;}
#mmodEmailSignup #dob_year {width:44px; text-align:center;}
#mmodEmailSignup .submit {width:120px; height:25px; line-height:1.4em; color:#fff; font-weight:bold; font-size:12px; background-image:url(/images/ncaasports/mmod/2009/button_blue_120x25.gif); text-transform:uppercase; border:none; cursor:auto;}

/* Content:component: madness schedule */
table.scheduleMadness {margin:0px; table-layout:fixed; border-spacing:0px; border-collapse:collapse;}
table.scheduleMadness td {font:bold 11px Arial; text-transform:uppercase; color:#666;}

/* Content:component:share box */
#shareBox {position:relative; width:313px; height:26px; margin:0px; padding:0px; background:url(/images/ncaasports/mmod/2009/share_bar_bg_313x26.jpg) no-repeat;}
#shareBox #icons {position:absolute; top:0px; left:72px; width:155px; height:26px;}
#shareBox #icons .imageMap {float:left; width:20px; height:26px; margin-left:14px;}
#shareBox #email a {position:absolute; top:0px; left:240px; width:60px; height:26px;}
#shareBox #aim a {position:absolute; top:0px; left:330px; width:50px; height:26px;}

/* Content:component: promo HQ player */
#promoHqPlayer {position:relative; width:950px; height:157px; background:url(/images/ncaasports/mmod/2009/background_hq_box.jpg) no-repeat;}
#promoHqPlayer #content {margin-left:125px;}
#promoHqPlayer #description {display:inline; float:left; width:450px; margin:10px 10px 0px 0px;}
#silverlightMessage {display:inline; float:left; margin:10px 0px; width:350px; font-weight:bold; font-size:13px; text-align:center;}
#silverlightMessage #button h4 {width:166px; height:32px; margin:8px 0px; background:url(/images/ncaasports/mmod/2009/button_bg_blue_166x32.gif) no-repeat; text-align:center; overflow:hidden;}
#silverlightMessage #button h4 a {display:block; line-height:32px; text-align:center; color:#fff; font-size:16px;}
#silverlightMessage #button h4 a, #silverlightMessage #button h4 a:hover, #silverlightMessage #button h4 a:active {text-decoration:none;}
#silverlightMessage .footnote {font:normal 11px Arial; color:#000;}

/* Content: Developer page */
div.approvedGraphicBox {float:left; width:130px; height:134px; border:solid 1px #dadada; padding:2px; margin:0 5px 5px 0px;}
table.alignGraphic td {margin:0px; padding:0px; border:0px; vertical-align:middle;}
div.approvedGraphic span {visibility:none;}