@import url(layout.css);

#masthead { height: 80px; }
#masthead h1 {height: 80px; width: 310px; text-indent:-2000px; background: url(/static/images/msslogosmall.gif) no-repeat 0px 10px;}
body {
background: #6398CA url(http://media.mercedsunstar.com/static/images/bkgrdgrad.png) repeat-x 0 0; font-size: 12px;
}
div#page_container { 
	position: relative !important; 
	overflow: visible; 
}
div#rails { 
	background: url(../images/rightRail_background.gif) repeat-y right top;
}
div#center_rail { float: left; width: 660px; border-right: 1px solid lightgrey;}
div#right_rail { float: right; width: 315px; padding-left:4px;}
#Left_1,#Right_1,#Left_2,#Right_2 {width: 300px;}

#story_header h1 { font-size: 17px; }
#story_header h2 { font-size: 14px; }
#story_header h4 { font-size: 10px; }

.story_header { width: 300px; float: left;}
.story p {clear: left; }


.wide {
	clear: both;
	width: 100%;
	position: relative;
}

/* Styling for PubSys Asset Groups */
#Full_1, #Full_2, #Full_3, #Full_4, #Full_5 { margin: 10px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #ffffff; }

/* This little Hack expands Divs that contain only other floating DIVS, this is problematic in CSS */
#rails:after, #Full_1:after, #Full_2:after, #Full_3:after, #Full_4:after, #Full_5:after { 
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
 }

/* BREAKING NEWS FOMRAT */

#breakingnews{
               background-color:#FFFFFF;
               width:620px;
               color:#CC0000;
               font-weight:bold;
               padding:3px;
               margin-bottom:5px
              }

a.breakingnews{
               color:#000000;
               font-weight:bold;
               }

/* Afternoon Update style */
div #Left_1 .top_stories { border: 2px solid #47A; }
div #Left_1 .top_stories .title, div #Left_1 .top_stories .title a { background-color: #47A; color: white; }

/* START: Navigation Menu */
#hmenu { 
	background: transparent url(/static/images/menu_bg.gif) repeat-x scroll left; 
	border-top: 1px solid #A8B090;
	border-bottom: 1px solid #A8B090;
}
#hmenu ul li ul li a { 
	border-bottom: 1px solid #A8B090;
} 
#hmenu, #hmenu h2 { padding:0; margin: 0; } 

#hmenu ul li {
	list-style-type: none;
	display: block;
	float: left;
/*	background: url("/static/images/menu_bg.gif") repeat-x;  */
	font: 10px/20px "Lucida Grande", verdana, sans-serif; 
	text-align: center;
	border: 1px solid #A8B090;
	border-bottom: 0px;
	border-top: 0px;
}

#hmenu a {
	color: #000;
	text-decoration: none;
	height: 20px;
	/* set for set width (This doesn't work with IE7 */ 
	/*width: 90px; */
	width: auto;
	padding: 0 25px 0 5px;
	font-size: .9em;
	background: url("/static/images/menu_bg.gif") left bottom repeat-x;
}

#hmenu ul li ul li a {
	background: white;
	height: auto;
	width: 120px;
}

#hmenu li#active { url("/static/images/menu_bg.gif") repeat-x;}
#hmenu a:hover { url("/static/images/menu_bg.gif") repeat-x; }

/* END: Navigation Menu */

/* START: detailGallery CSS */
div#detailGallery {
    background: #E5E5E5; 
    border: 1px solid black;
    width: 200px; 
    padding: 5px; 
    margin-left: auto; 
    margin-right: auto;
    margin-bottom: 5px;
}

div#detailGalleryPicture {
     height: 100px;
     width: 180px;
     position: relative;
     margin-left: auto;
     margin-right: auto;
     top: 0px;
}

div#detailGalleryCaption {
     height: 98px; 
     width: 190px; 
     border: 1px solid black; 
     margin-top: 5px; 
     overflow:hidden; 
     text-align: left; 
     text-indent: 1em; 
     padding: 3px;
}

.galleryImagePreload { visibility: hidden; position: top: -1000px; }
/* END: detailGallery css */

/* START: Front Page Styles */
#traffic, .frontPageContainer, .top_stories, #stocks {
	border: 1px solid #BCC089;
        margin: 10px 0 8px 0px;
        padding: 0;
        height: auto;
        width: 100%;
	font-size: 11px;
}
.top_stories ul, .high_five_list { list-style-image: none; list-style-position: inside; list-style-type: square; padding: 5px 0 5px 15px; margin: 0;}
.top_stories li { margin: 0; }
.todaysHighFive {
	width: 100%;
	/*height: 234px;*/
	margin-right: 10px;
	float: left;
}
.todaysHighFive ol {
	list-style-type: decimal;
	list-style-position: inside;
	padding: 5px;
}
.todaysHighFive p {
	padding: 5px;
}
.featuredVideo { width: 285px; height: 250px; float: left;}
#AP_Video { width: auto; float: right; margin-top: 15px;}
#slideshow { width: auto; padding-top: 10px; float: right; }

.frontPageContainer_Header, .title { 
	text-align: center; 
	width: auto;  
	background: #BCC089; 
	font-weight: bold; 
	padding: 0 0 0 2px; 
/*	text-transform: uppercase;
*/	font-size: 14px !important;
	color: #000;
	line-height: 2em;

}
p.frontPageContainer_SubHeader { font-size: 9px; line-height: 2em; }
.frontPageContainer_Header a, .title a {
font-size: 14px;
color: #000;
}
.top_stories .title {
text-align: center;
}
#football2007 { width: 48%; float:left; margin: 15px auto 5px auto; text-align: center; border-top: 1px solid lightgrey;}
#football2007 img { padding-top: 15px; }

a.plainLink { color: black; text-decoration: none; }
.placeholder { width: 310px; height: 200px; }

/* This styles the Javascript gotten recent Blog and Forum postings on front page */
.rss-box ul, .rss_box ul { list-style: square inside; padding: 5px 0 5px 15px; }


/* START: Search and Login top bar */
#searchBar { background: #B8C1A0; border-width: 0px; height: 75px; font-size: .85em; padding-bottom: 5px; }

#login { width: auto; float: left; padding-top: 8px; padding-left: 5px;} 
#searchBar input.buttons { margin-top: 5px; }
#searchBar label { width: 180px; }
#search {width: auto; float: right; padding: 8px 0 0 0; font-weight: bold; font-size: 11px;}
.buttons {  background-color: #BCC089; color: black; font-size: 11px; margin-left: 5px; }
#search .inputBox { font-size: 1em; }
#search .label { width: 160px; }
/* START:  Used for LoginPopUp */
div#loginPopUp {
	position: absolute;
	top: 165px;
	left: 690px;
	width: 215px;
	height: 80px;
	display: none;
	font-size: .85em;
	background: #B8C1A0;
	border: 1px solid black;
	margin: 0px;
	padding: 4px 4px 4px 0;
}
 #loginPopUpTop { padding: 0; margin: 0; float: right; position: absolute; top: 0; right: 2px; }
#loginCheckBox { margin: 5px 0 0 56px; }
#loginSubmit { position: absolute; bottom: 5px; right: 5px; } 
 
 #loginPopUp img { border: none; background: #BCC089; } 
 #loginPopUp a { outline: none; border: none;
  }
div#loginPopUp form { margin-top: 10px; }
.label { padding-top: 2px;float: left; width: 200px; text-align: right; clear: left; margin-right: 10px;}

/* END: Search and Login top bar */

#frontPage_pdf { 
	text-align: center;
	height: 234px;
	width: auto; 
	float: left; 
	overflow: hidden;
}
#frontPage_pdf .frontPageContainer_Header { font-size: 9px !important; padding: 0; text-align:center; }
#frontPage_pdf img { padding: 5px 0; }

#MI_DC_headlines { border-color: #BCC089; float: right; position: relative; width: 280px;}

#footer { height: 45px; border-top: 1px solid lightgrey; margin: 0 5px 5px 5px; font-size: 9px;}
#footer_left, #footer_center, #footer_right { width: 33%; float: left; padding: 6px; }

/* START: Wunderground Frontpage & Newsletter widget */
#newsletter_weather, #weather { height: 200px; text-align: center; margin: 10px 0 10px 0; clear: both; border-width: 0px; background: #FFD2AA;}

#newsletter_weather h1, #weather h1 {font-size: 9px; color: black;}
#newsletter_weather ul, #weather ul { list-style-type: none; margin: 5px 0; padding: 0; height: 80px; text-align: center;}
#newsletter_weather ul li, #weather ul li { float: left; font-size: 10px; width: 20%; color: #444444;}

#newsletter_weather { height: 70px; background: none; }
#newsletter_weather ul { height: 70px; }
/* END: Wunderground Frontpage & Newsletter widget */

/* START: Styles for Traffic Widget */
#traffic form ul { float: left; font-size: 10px; list-style-type: none; margin: 0; padding: 0 0 0 15px; }
#traffic { margin-bottom: 0; }
#traffic form {background-color: #FFF3EA; padding: .5em; }
#traffic form h3 { margin: 0; color: #444; font-size: 12px; }
#traffic h4 { font-size: 12px; }
#traffic form ul, .tf { margin: 0; padding: 0; list-style-type: none; font-size: 10px; width: 48%; float: left;}
#incidents { padding-left: 1em; font-size: 12px; margin: .5em 0;}
#incident h4 { margin: 0; font-size: 12px; }
.incident ul { font-size: 10px; margin: 0 0 .5em 0; padding: 0; list-style-type: none; }
.details { font-size: 10px; }
/* END: Styles for Traffic Widget */
/* START: Stocks Widget */
#stocks { clear: both; float: right; }
.stockName { width: 50px; text-align: left;}
#stocks th, #stocks td { padding: 5px 0 0 15px; }
/* END: Stocks Widget */
/* START: Top Job Formating */
#job h1 { font-size: 14px; padding: 5px 5px 0 5px;}
#job h2 { font-size: 13px; padding: 5px 5px 0 15px; }
#job p  { font-size: 12px; padding: 5px 5px 0 10px;}
/* END: Top Job Formatting */


#rss_list ul { margin:0; padding:0; list-style:none; }
#rss_list ul li { width:155px; padding:1px; display:block; }
#rss_list ul li a { padding:3px; padding-left:35px; background:url(http://www.modbee.com/images/icon_xml.gif) no-repeat 0 3px; display:block; }
#rss_list h4 { width:155px; color:#666; background-color:#eee; border-bottom:1px dashed #ccc; padding:2px 5px; }
	
/* START: ADs CSS */
.AD_300x250 {
	width: 305px; 
	height: 255px; 
	clear: both;
	margin-top: 10px; 
	margin-right: auto; 
	margin-left: auto;		
}

.AD_310x150 {
	width: 315px; 
	height: 155px; 
	margin-top: 10px; 
	margin-right: auto; 
	margin-left: auto;
}

.AD_120x65 {
	width: 125px; 
	height: 70px; 
	margin-top: 10px; 
	/*margin-right: auto; 
	margin-left: auto;*/
}

.AD_130x130 {
	width: 135px;
	height: 135px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.AD_160x600 {
	clear: both;
	width: 165px;
	height: 605px;
	float: left;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.AD_120x600 {
        width: 125px;
        height: 605px;
        float: right;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
}

.AD_125x140 {
        width: 130px;
        height: 145px;
        margin-top: 10px;
        margin-right: auto;
        margin-left: auto;
}

.AD_160x60 { position: absolute; top: -6px; right: 30px; boder: none; width: 310px; height: 70px; float: right; margin: 10px}

.AD_728x90 { width: 735px; height: 90px; margin-left: auto; margin-right: auto; overflow: visible; clear: both; margin-top:10px;}

/* END: ADs CSS */
#date { border-bottom: 1px solid black; border-top: 1px solid black; padding: 3px 0 3px 0; text-align: center; font-weight:bold;}

.standalone {
background-color: #fff;
background-image: none;
}

/* START: Section Specific Styles*/
#section173 { padding: 10px; border: none;}
#section173 .top_stories { width: 90%; margin-left: 10px; border: none;}
#section173 .title { background: lightgrey; }
#section173 p.story_summary { margin: 0; padding: 0; margin-left: 30px;}
#section173 #Full_1 { border: none; }

#registration #center_rail {width: 640px;}
/* START: Section Specific Styles*/
/* Insite User login name Div used in conjuction with detect_login.js*/
#detectUser { display: inline: width: auto; height: auto; font-weight: bold;}

/* ERROR PAGES */
#error { padding: 18px; }
#error h1 { font-size: 16px; }
#error p { padding: 10px 0 0 20px; font-size: 14px;}

/* Story Print pages */
.story_print {
	background:none;
	padding-left:30px;
	width:800px;
}
.story_print #masthead {
	width:800px;
}
.story_print .topTabs, .story_print #comments_listing, .story_print #mi_comments, .story_print #disclaimer_text {
	display:none;
}
html .story_print {
	width:800px;
}

.time { font-size: 10px; color: black; font-weight: normal;}


/* comments section */
li.even {
    background-color:#ACBFAC;
    margin-bottom:5px;
}

.google_outterDiv{
	clear:both;
	}

#assets_box{
	text-align:right;
	float:right;
	width:220px;
	margin-left:10px;
	}


#story_assets_box {
	border:1px solid black;
	font-size:0.9em;
	margin-bottom:10px;
	margin-left:3px;
	padding:3px;
	text-align:center;
	width:325px;
	}

#story_assets{
	margin-left:8px;
	}


.frontPageContainer_Header, .title {
font-size:14px !important;
font-weight:bold;
line-height:2em;
padding:0pt 0pt 0pt 2px;
text-align:left;
width:auto;
}


#traffic, .frontPageContainer, .top_stories, #stocks {
border:0px solid #ffffff;
font-size:11px;
height:auto;
margin:10px 0pt 8px 0px;
padding:0pt;
width:100%;
}



#traffic, .frontPageContainer, .top_stories, #stocks {
border:1px solid #ffffff;
font-size:11px;
height:auto;
margin:10px 0pt 8px 0px;
padding:0pt;
width:100%;
}


.frontPageContainer_Header, .title {
background:#FFFFFF none repeat scroll 0%;
color:#000000;
font-size:14px !important;
font-weight:bold;
line-height:2em;
padding:0pt 0pt 0pt 2px;
text-align:left;
width:auto;
}


div #Left_1 .top_stories {
border:2px solid #FFFFFF;
}


div #Left_1 .top_stories .title, div #Left_1 .top_stories .title a {
background-color:#FFFFFF;
color:black;
}