/* Merced Sun-Star Syltes */

/**
	 * @section Career Builder Items
	 * @notes styles that apply to the Career Builder rail objects either 
	 * when held in a tabbed box or one after the other in the right rail.
	 */
       div.block {width: 300px;}
	div.block div#cb-quicksearch {
		padding:10px 10px 0;
		margin:10px 2px;
		background-image:url(http://media.mercedsunstar.com/static/images/bg-careerbuilder-blocks.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
		border-bottom:1px solid #bbb;
	}
	*+html div.block div#cb-quicksearch { margin:10px 5px 10px;}
	div.block div#cb-topjobs {
		padding:10px 10px 0;
		margin:-10px 2px;
		background-image:url(http://media.mercedsunstar.com/static/images/bg-careerbuilder-blocks.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
		border-bottom:1px solid #bbb;
	}
	*+html div.block div#cb-topjobs {
		margin:-5px -5px 10px; width:279px;
	}
	div.block div#cb-videos {
		padding:0 !important;
		margin:10px 2px;
		text-align:center;
		line-height:1px;
		font-size:1px;
		background-image:none;
	}

        div.cb_block {width: 300px;}
	div.block div#cb-videos img { border:0; padding:0; margin:0; }
	*+html div.block div#cb-videos { margin:-10px -5px -5px; width:299px; }
	div#cb-quicksearch table label {
		display:block;
		font-weight:bold;
	}
	div#cb-quicksearch table input {
		width:125px;
		padding:3px;
		border:1px solid #ccc;
		font-size:1em;
	}
	div#cb-quicksearch table select {
		width:125px;
		padding:3px;
		border:1px solid #ccc;
		font-size:1em;
	}
	div#cb-topjobs span.icon-rss{
		background-image:url(http://media.mercedsunstar.com/static/images/icon-rss-careerbuilder.gif);
		background-position:0 0;
	}
	div.careerbuilder {
                margin: 0 0 20px 0;
	}
		div.careerbuilder div.logo {
			margin-bottom:10px;
		}
		div.careerbuilder div.header {
			border-bottom:1px solid #006;
			color:#f60;
			padding:4px 0;
			margin:0 0 5px;
			line-height:1em;
                        font-size: 10pt; 
                        font-weight: bold;
		}
		div.careerbuilder div.header a { color:#f60 !important; }
		div.careerbuilder div.othersearches { font-size:10px; line-height:20px; }
		div.careerbuilder ul {
			margin:0;
			padding:0;
		}
		div.careerbuilder ul li {
			margin:0;
			padding:0;
			list-style-type:none;
		}
	.f-left { float:left; line-height:1em; display:inline; margin-right:8px; }
	.f-right { float:right; line-height:1em; display:inline; margin-left:8px; }
/**
	 * @section Table Setting Reset
	 * @notes removes most default styles for tables and applies appropriate ones.
	 */
	table.void {
		margin:0 0 1em;
		padding:0;
		width:100%;
		border-spacing:0;
		border-collapse:collapse;
	}
		table.void td {
			vertical-align:top;
			font-size:1em;
			padding:4px 0;
			margin:0;
			text-align:left
		}
		table.void td.pr {
			padding-right:10px;
		}
		table.void th {
			font-size:1em;
			vertical-align:top;
			font-weight:bold;
			padding:0;
			margin:0;
			text-align:left;
			text-transform:uppercase;
		}
/**
	 * @section Divided UL
	 * @notes creates a list with horizontal lines dividing the list items
	 * last list item should also have the class of LAST applied to it.
	 */
	ul.divided {
		padding:0;
		margin:0;
	}
		ul.divided li {
			line-height:1.3em;
			margin-bottom:0.25em;
			border-bottom:1px solid #ccc;
			list-style-type:none;
			padding:5px 0 !important;
		}
		ul.divided li.last {
			padding-bottom:0;
			margin-bottom:0;
			border-bottom-style:none;
		}

/* text link ad styles */
#TextLinkAds {
    padding: 10px 10px;
}

.TextLinkAds {
    border: 1px solid rgb(204, 204, 204);
    margin-top: 20px;
}

.tla {
    font-family: arial, sans-serif;
    font-size: 10pt;
    clear: both;
    /* width: 300px; */
}

.tla h5 {
    font-size: 10px;
    color: #666;
    font-weight: normal;
}

.tla table {
    margin: 0 auto;
    padding: 0;
    border: 1px solid #b3c7e3;
    border-collapse: collapse;
    background: #cedbed;
    width: 100%;
}

.tla table tr td {
    padding: 0 3px;
}

.tla .tla_toprow {
    background: #fff;
    border: 1px solid #b3c7e3;
}

.tla .tla_toprow td {
    padding: 10px 3px;
    font-weight: bold;
}

.tla .tla_secondrow {
    background: #e4ebf5;
    border: 1px solid #b3c7e3;
}

.tla .tla_secondrow td {
    padding: 10px 3px;
}

/* Pluck Styles */
#AvatarOutput_dynamicContent {
        float: right;
        width: 250px;
        margin: 0 2px;
        padding: 5px;
        font-weight: normal;
        text-transform: none;
        }

#AvatarOutput_dynamicContent img {
        float: right;
        }

#pluckAvatarControls {
        float: left;
        width: 200px;
        padding-top: 5px;
        text-align: right;
        }

#pluckBecomeMember {
        font-weight: bold;
        }
#pluckAvatarControls .pluckUser {
        font-weight: bold;
        }

.PersonaTabs_Container #PhotosTab {
        display: none;
 }

#nyxComments_pager {
        font-size: 13px;
}

#nyxComments_pager .paginationNavLinks {
        letter-spacing: 4px;
}

#forumDest {
       padding: 5px;
}

/* START Zvents Widget CSS */

#ZventsWidget {
       background: #FFF;
}

.ZventsQuickSearch {
	background-color: #FFF;
	margin: 2px 2px 0 10px;
        padding-bottom: 10px;
	width: 260px;
}
.ZventsQuickSearch * {
	font-family: Helvetica,sans-serif;
	font-size: 11px;
}
.ZventsQuickSearch form {
	margin: 0;
	padding: 0;
}
.ZventsDayButton, .ZventsDayButton * {
	display: block;
	text-align: left;
}
.ZventsDayButton {
	color: rgb(91,91,91);
	background-color: rgb(255,166,70);
	border: 1px solid rgb(152, 27, 30);
	/*border-top: 1px solid #d0d0d0;*/
	/*border-left: 1px solid #d0d0d0;*/
	text-decoration: none;
	cursor: pointer;
	line-height: 120%;
	font-weight: bold;
	margin-right: 2px;
	padding: 2px 2px 0 2px;
}
.ZventsDayButton:hover {
	background-color: rgb(255,233,208);
	/*border: 1px solid #c2e1ef;*/
	/*color: #336699;*/
}
.ZventsDayButtonDate {
	font-size: 16px;
}
.ZventsDayButtonDay {
}
.ZventsDayButtonAll {
	margin-right: 0;
	background-color: rgb(255,216,170);
}
.ZventsDayButtonToday {
	color: #900810;
}
.ZventsDayButtonWeekend {
	background-color: rgb(249,196,102);
}

.ZventsEventList {
       margin: 2px 12px 0pt 10px;
}

.ZventsEventList hr {
	border: 1px solid #e3e3e3;
	margin: 0px;
	padding: 0px;
}
.ZventsEventList img {
	float: left;
	margin-right: 15px;
	padding: 0px;
	clear:both;
}
.ZventsWrapper { width:280px; 20em; margin:0px; padding:0px;
                      border: 1px solid #000; }
.Zventslinks {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 10px;
	text-align: left;
	display:block;
	overflow:hidden;
	margin-bottom:10px;
	margin-left:10px;
	border: 1px solid #CCC;
	width: 255px;
}
.Zventslinks ul {
	float:left;
	margin-top:5px;
	margin-right:15px;
	margin-bottom:5px;
	margin-left:15px;
	padding:0px;
	list-style-type:none;
}
.ZventsEvent {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 11px;
	text-align: left;
	margin: 0px;
	padding: 4px;
}
.ZventsWrapper a:link, .ZventsWrapper a:visited {
	color: rgb(152, 27, 30);
	text-decoration: none;
}
.ZventsWrapper a:hover {
	color: #66CC00;
	text-decoration: underline;
}
.ZventsEvent:hover { color: rgb(152, 27, 30); background-color: #e3e3e3; }

/* END Zvent Widget CSS */

/* START: Wunderground Frontpage */

#weather { height: 100px; text-align: center; margin: 10px 0 10px 0; clear: both; border-width: 0px; /* background: #FFD2AA; */}
#weather h1 {font-size: 9px; color: black;}
#weather ul { list-style-type: none; margin: 5px 0; padding: 0; height: 80px; text-align: center;}
#weather ul li { float: left; font-size: 10px; width: 15%; color: #444444;}
#weather_ad {width: 280px; overflow: hidden;}

/* END: Wunderground Frontpage */


/* 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: Classified Styles */

#dwb_classifieds_wrapper, #cb_form, #hs_widget, #cars_widget {
     width: 620px;
     padding: 20px 5px;
}

/* END: Classified Styles */

/* Styles to support multimedia gallery tab */
.gallery_list { width: 275px;}
.more_gallery {float:right; font-size:12px; font-weight: bold; padding:20px;}
.gallery_list h2 { font-size: 1.4em; margin-top: 0px; border-bottom: none; text-align: center; }
.gallery_list #gallery_title h2{font-size:14px; font-weight:bold; font-family: Georgia,"Times New Roman",Times,serif; color: #000000; position:relative; text-transform:uppercase; margin-bottom:5px; border-bottom:1px solid #CCC; text-align: left;}
.fp_gallery { text-align: center; width: 90px;  float: left; height: 90px; padding: 5px 0px; }
.fp_gallery h2 { border-bottom: none; font-size: 1.0em; }
.fp_img_block { width:90px; height: 60px; overflow:hidden; border: 2px solid white;}

/* Styles to support 3 up gallery multimedia tab */
.sf_gallery { width: 190px; float: left; }
.gallery_frame { background-position: 50%; background-repeat: no-repeat; width: 130px; height: 120px; overflow:hidden; border: 5px solid white; }
.sf_gallery h2 { border-bottom: 0px solid #fff; }
.sf_gallery h3 { color: #777; border-bottom: 0px solid #fff; }

/* Styles to support 3 across using single galleries in a topstory stack */
.span3 .gallery_list { background-color: #fff; height: 170px; }
.span3 .fp_gallery { width: 190px; }
.span3 .fp_img_block { width: 90px; height: 60px; padding-left: 48px;}
.span3 .fp_img_block img { width:90px; height: 60px; }

/* Frontpage HTML Module Styles */

.frontPageContainer .frontPageContainer_Header {
     border-bottom:1px solid #EDE7CD;
     color:#544B4A;
     font-size:1.2em;
     margin-bottom:0.5em;
     padding-bottom:0.1em;
}

.frontPageContainer .rss-items li {
     background:transparent url(http://media.thestate.com/static/images/bltSprite.gif) no-repeat scroll left top;
     line-height:1.4em;
     margin-bottom:5px;
     padding-left:12px;
}

/* BILLBO & CORNER AD OVERRIDES */

/* #billbo, #corner {height:0;}*/

/* Ad OVERRIDES */

#corner {
     position:absolute;
     right:0pt;
     top:0pt;
}

#billbo {
     height:1px;
}

#rulr01, #rulr02 {
      padding-top: 10px;
}

.sf3 #rulr01,
.sf3 #ntl3 {
      padding-bottom: 10px;
}

#bdge01, #bdge02 {
      width: 146px;
      padding: 0 2px;
      float: left;
}

#vbnr01, #vbnr02, #vbnr03, #vbnr04 {
      width: 120px;
      padding: 0 20px;
      float: left;
}
#yahoo_120x240_ipbtf_1, #yahoo_120x240_ipbtf_2, #yahoo_120x240_ipbtf_3, #yahoo_120x240_ipbtf_4 {
      width: 120px;
      margin: 0 15px;
      float: left;
}

#featured-list {
      margin: 0 18px;
}

#mastBanner .advertisement {
      margin: auto;
}

#cube01 {
      margin: 0pt 10px;
      width: 160px;
      float: left;
}

/* Squawk Box Styles */

.squawk_box {
     padding: 20px;
}

.squawk_box h4{
     font-size: 1.4em;
     padding-bottom: 5px;
}

/* Gallery Section Styles */

.gallery_content {
     padding: 10px;
}

/* Column Page */

#column_page .mi_auto_top .image,
#column_page .mi_auto_top .story_assets {
     display: none;
}

/* YAHOO AD STYLES */

#yahoo_950x30_ipatf_1 {
	margin:0 auto;
	text-align:center;
}
#yahoo_1x1_ipatf_1 {
	position:absolute;
	top:0;
	right:0;
}
#mastAd #yahoo_146x60_ipatf_1, #mastAd #yahoo_146x60_ipatf_2 {
	float:right;
	display:inline;
	margin-left:2px;
}

#yahoo_300x100_ipbtf_1, #yahoo_300x100_ipbtf_2, #yahoo_300x100_ipstf_1, #yahoo_300x100_ipstf_2 {
	margin:5px 0;
}
#yahooo_300x250_ipatf_1 {
	margin:5px 0;
}
.hp3 #mi_top .mi_sidebar {
	padding-top:5px;
}
/* start: Gallery widget styles */

.jcarousel-prev {
	position: absolute;
	top: 10px;
	left: 0px;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
}
.jcarousel-prev-disabled {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

.jcarousel-next {
	position: absolute;
	top: 10px;
	right: 0px;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
}
.jcarousel-next-disabled {
	filter:alpha(opacity=50);
        -moz-opacity:.50;
        opacity:.50;
}
.jcarousel-list li, .jcarousel-item {
	margin-left:1px;
	text-align:center;
}

div.jcarousel-skin-simple li.jcarousel-item {
	margin-right: 1px;
}

.jcarousel-skin-simple .jcarousel-clip-horizontal {
}

.top_galleries {
       height: 130px;
       margin: 0 5px;
}

.top_galleries .jcarousel-container .jcarousel-clip {
	width: 950px;
	height: 105px;
}
.top_galleries .jcarousel-container .jcarousel-prev, .top_galleries .jcarousel-container .jcarousel-next {
/*	position: relative;
	top: 65px;
	left: 5px;
	display: inline;*/
}

.top_galleries .jcarousel-container .jcarousel-next {  }

#mi_group_2 .top_galleries li,
#mi_group_3 .top_galleries li {
        border: none;
        padding: 10px 0 10px 5px;
}

.top_galleries .gallery a img {
        border:5px solid #333333 none;
}

.top_gallery_name {
        text-align: left;
}

/* end: Gallery widget styles */

#sitemap {
    clear:both;
}
