/* @override http://mura:8500/mura/default/includes/themes/merced/css/site.css */
/*	Theme: melsa2010  */
/* @group GLOBALS ===================================== */

body { font-family: Helvetica,Arial,sans-serif; font-size: 62.5%; color: #434343; background: #F6F1DE url(http://asset.melsa.org/img/bg-body.jpg) repeat-x; }
* { -moz-outline: 0; }
hr { clear: both; height: 0; margin: 2em 0; border: 1px solid #ccc; border-width: 1px 0 0; }
a { text-decoration: underline; color: #003E57; }
a:hover { text-decoration: underline; }
p.intro { color: #666; line-height: 1.4em; margin-bottom: 1.25em; }	
#tagLine { color: #fff; position: absolute; display: block; top: 25px; left: 190px; margin: 0; padding: 0; font-size: 1.8em; line-height: 1.2; font-weight: bold;}
.alert { color: red; font-weight: bold; }
.center { text-align: center; }
/* pageTitle { margin: 0; padding: 4px 4px 4px 10px; background-color: #9E0B0B; color: #FFFEFD; float:right; width:700px; font-size: 20px; } */

#sysHomePageFeatures { background: #9E0B0B; width: 100%; margin: 0; padding: 10px 0 10px 0;}
#sysHomePageFeatures dl { float: left; width: 170px; height: 120px; margin: 0 10px 0 10px; 
	background: #FFF url(http://asset.melsa.org/img/featurebg.jpg) repeat-x bottom left; clear: none; padding: 10px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#sysHomePageFeatures dl.last { padding: 10px; }
#sysHomePageFeatures dl.hasImage {padding-left: 100px; }
#sysHomePageFeatures dt { margin: .5em 0 .5em 0; }
#sysHomePageFeatures dt a {font-size: 1.5em; font-weight: bold; }
#sysHomePageFeatures dl dd.image { float:left; margin: 5px 0 0 5px; clear: none;}

/* override default */
.content .svIndex { border-top:0px solid #FFF; padding-top:0; }
address { font-style: normal; font-size: 1.2em;}

/* @group Globals - Tables ===================================== */

.content table { /*width: 100%;*/ margin-top: 20px; }
th { border: 1px solid; border-color: #c2c2c2 #c2c2c2 #c2c2c2; color: #434343; background: #eee; }
td { padding: 10px; border: 1px solid #c2c2c2;	}
tr.alt td { background: #eee; }  /*Move*/ 

/* @end Globals - Tables -------------------------------- */
/* @group Globals - Forms ===================================== */

#primary form {
	padding: 2em;
	overflow: hidden;
	max-width: 504px; /*width of #primary in three column layout*/
	}

#primary #svSearchResults form {
	max-width: 100%;
}

#primary fieldset {
	border: none;
	padding: 0;
	}


#primary legend {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

#primary label {
	padding-top: .5em;
	line-height: 1;
	color: #0c2846;
	}

.submit, .buttons input {
	float: right;
	height: 2em;
	line-height: 2.1em;
	border: none;
	padding: 0 1em;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	background: #003E57;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	}

/* @group Globals - Forms - Search
===================================== */

#searchForm { position: absolute; top: 30%; right: 0; margin: 0 1em 0 0; padding: 0; }
#searchForm fieldset { padding: 0; border: 0; }
#searchForm input.text { float: left; width: 160px; margin: 0 .75em 0 0; font-style: italic; padding: 1px;}
#searchForm .submit { float: right; }

/* @end Globals - Forms - Search
-------------------------------- */

/* @group Globals - Forms - Login
===================================== */

/* @group Globals - Forms - Login
===================================== */

#login {
	padding-bottom: 1em !important;
	}

#login ol {
	padding-top: 0;
	}

#svLoginContainer input.text {
	width: 99%;
	}

#svLoginContainer p.required {
	float: none;
	clear: both;
	}

#sendLogin fieldset {
	margin-top: -.5em;
	padding-top: .25em;
	}

/* @end Globals - Forms - Login
-------------------------------- */

.sidebar #login {
	padding: 0;
	}

/* @end Globals - Forms - Login
-------------------------------- */


/* @group Globals - Forms - Comments
===================================== */

#svComments { border-top: 1px solid #ccc; margin-top: 2em; padding-top: 2em; }
#svComments dl { border-bottom: 1px dotted #ccc; }

/* @end Globals - Forms - Comments
-------------------------------- */

/* @end Globals - Forms
-------------------------------- */

/* @end GLOBALS
-------------------------------- */



/* @group HELPER CLASSES
===================================== */

.clearfix:after {
	content: " "; /* Avoid extra space */
	}

/* @end HELPER CLASSES
-------------------------------- */



/* @group LAYOUT
===================================== */

#container {
	width: 900px;
	margin: 0 auto;
	padding: 0 20px 20px;
	background-color: #FFF;
	}

#content { position: relative; margin-top: 5px; }

.home #content {
	margin-top: 0;
	}

#primary { float: left; width: 100%; color: #232323; 
	background: #FFFEFD url(http://asset.melsa.org/img/contentbg.jpg) repeat-x top left;
	border: 1px solid #efefef; padding: 0 10px 10px 10px; }
	
.home #primary { width: 687px; }
.twoColSL #primary { float: right; width: 685px; }
.twoColSR #primary { float: left; width: 685px; }
.oneCol #primary { width: 875px; }
.threeCol #primary { width: 504px; }

.content,
.sidebar {
	min-height: 100px; /*Fixes odd no-content disappearing bug.*/
	}

#left {
	float: left;
	width: 167px;
	margin-right: 15px;
	padding: 30px 0;
	}

.home #left {
	width: 687px;
	padding: 0;
	}

#right {
	float: right;
	width: 154px;
	margin: 0;
	padding: 16px 13px;
	border: 1px solid #efefef;
	background: #FFFEFD url(http://asset.melsa.org/img/contentbg.jpg) repeat-x;
	}

.home #right { width: 265px; }

.threeColSR { width: 167px; }

.sidebar {}
#left.sidebar {}
#right.sidebar {}


/* @group Layout - Header ===================================== */

#header { position: relative; padding-top: 10px; background: #003E57 url(http://asset.melsa.org/img/headerbg.jpg) repeat-x; }
h1 a { display: block; width: 140px; height: 100px; margin: 0 0 0 20px; text-indent: -9999px; background: url(http://asset.melsa.org/img/logo.gif) no-repeat; }
#header .navUtility { position: absolute; top: 32%; right: 225px; }
#headerLine { border-right:1px solid #FFF; position: absolute; top: 10px; left: 160px; height:90px;}
#subheader { height: 19px; background: url(http://asset.melsa.org/img/primary_nav_sub.gif) repeat-x; }

/* @end Layout - Header -------------------------------- */


#right { /* background: #FDF8ED; */ }


/* @group Layout - Footer ===================================== */

#prefooter { clear: both; margin: 20px 0 10px 0; padding: 15px 5px 20px 5px; border-top: 1px solid #ccc; background-color: #ededed; }
#footer { clear: both; margin: 1.5em 0 .5em 0; padding: 10px; border-top: 1px solid #333; border-bottom: 2px solid #333; background:#FCFCFC; min-height: 25px; }
/* #subfooter { height: 130px; background: #efefef; margin-top: 1.5em; } */

#footer p { color: #666; }
#copywrite { font-size: 1em; }

/* @end Layout - Footer -------------------------------- */
/* @end LAYOUT -------------------------------- */

/* @group NAVIGATION/UI
===================================== */

/* @group Nav - Breadcrumb
===================================== */

#crumbList { margin: 0 0 1.5em; }
#crumbList li { font-size: 1.1em; }
#crumbList li a:hover { text-decoration: underline; }

/* @end Nav - Breadcrumb
-------------------------------- */

/* @group Nav - Utility
===================================== */

.navUtility { overflow: hidden; margin: 0; padding: 0; }

.navUtility li {
	display: inline;
	margin: 0 .5em 0 -0.5em;
	padding: 0 10px;
	list-style: none;
	font-size: 1em !important;
	}

#footer .navUtility { float: right; } 
#footer .navUtility li { padding: 0 5px; border-left: 1px solid #cfcfcf; }
#header .navUtility li { border-left: 1px solid #959595; }
#footer .navUtility li a { font-size: 1em !important; 	color: #666; }

/* @end Nav - Primary
-------------------------------- */

/* @group Nav - Primary
===================================== */

#navPrimary {
	height: 30px;
	overflow: hidden;
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	color: #fff;
	background: #333;
	}

#navPrimary li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: solid 1px #333;
	}

#navPrimary li.first { margin-left: 10px; }

#navPrimary a {
	display: block;
	padding: 0 15px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	}

#navPrimary li a:hover, #navPrimary li.current a { background: #005172; }
#navPrimary li:hover, #navPrimary li.sfhover { background: #005172;  }
#navPrimary li:hover a, #navPrimary li li:hover a:hover, #navPrimary li.sfhover a:hover { color: #fff; }
#navPrimary li li a:hover { color: #fff; text-decoration: underline; }

/* @group Nav - Primary - Dropdown
===================================== */
/* http://www.htmldog.com/articles/suckerfish/dropdowns/ */

#navPrimary li ul { /* second-level lists */
	position: absolute;
	left: -9999px;
	z-index: 10;
	width: 12em;
	margin: 0;
	padding-left: 0;
	list-style: none;
	background: #005172;
	}

#navPrimary li li { /* all list items */
	float: left;
	width: 12em; /* width needed for Opera */
	margin: 0 !important;
	}

#navPrimary li li a {
	display: block;
	padding: .5em;
	line-height: 1;
	text-transform: none;
	}

#navPrimary ul li.first,
#navPrimary ul li li.first { /* all list items */
	border: 0;
	}

#navPrimary li ul ul { /* third-and-above-level lists */
	margin: -1.95em 0 0 12em;
	}

#navPrimary li:hover ul ul,
#navPrimary li:hover ul ul ul,
#navPrimary li.sfhover ul ul,
#navPrimary li.sfhover ul ul ul {
	left: -9999px;
		z-index: 1001;
	}

#navPrimary li:hover ul,
#navPrimary li li:hover ul,
#navPrimary li li li:hover ul,
#navPrimary li.sfhover ul,
#navPrimary li li.sfhover ul,
#navPrimary li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

/* @end Nav - Primary - Dropdown ------------------------------- */

/* @end Nav - Primary -------------------------------- */

/* @group Nav - Secondary ===================================== */

.navSecondary { margin: 0 0 4em; padding: 0; list-style: none; height: auto; }
.navSecondary li { margin: 0 0 .5em; padding: 0 0 .5em; border-bottom: 1px solid #d6d6d6; line-height: 1.2; }
.navSecondary .last { border: 0; padding-bottom: 0; } 
.navSecondary li ul { margin: .5em 0 0; padding: 0; list-style: none; overflow: hidden; }
.navSecondary li { margin-bottom: .5em; }
.navSecondary li a { display: block; text-decoration: none;} 
.navSecondary li a:hover { text-decoration: underline; }
.navSecondary li.current a { font-weight: bold; color: #9E0B0B; }


/* @group Nav - Secondary - Second Level
===================================== */

.navSecondary li.current ul { }

.navSecondary li li {
	margin: 0 0 .5em 1em;
	padding: 0;
	border-bottom: none;
	list-style: none;
	line-height: 1.2em;
	}

.navSecondary li.current li a { font-weight: normal; color: #434343; }
.navSecondary li.current li a.current { font-weight: bold;}

/* @end Nav - Secondary - Second Level
-------------------------------- */

/* @end Nav - Secondary
-------------------------------- */


/* @group Nav - More Results
===================================== */

.moreResults {
	border-top: 2px solid #e6e6e6;
	padding-top: 1.5em;
}

/*.moreResults dt {
	float: left;
	margin-right: .5em;
	}*/

.moreResults ul {
	/*float: right;*/
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

.moreResults li {
	display: inline;
	padding: 0 .25em;
	list-style: none;
	border-right: 1px solid #b6b6b6;
	}
	
.moreResults li.resultsFound {
	padding-right: .5em;
}
	
.moreResults li.navNext {
	border-right: 0;
	}
	
.moreResults li.navPrev {
	border-right: 0;
	}

.moreResults li a {
	padding: 0;
	}

/* @end Nav - More Results
-------------------------------- */

/* @end NAVIGATION/UI
-------------------------------- */



/* @group MODULES
===================================== */

/* @group Galleries
===================================== */
/*Optimized Grid for 80px Thumbnails*/

#svGallery {
	border-top: 2px solid #e6e6e6;
	padding-top: 1.8em;
}

.oneCol #svGallery li {
	width: 9%;
	}
	
.twoColSR #svGallery li, .twoColSL #svGallery li {
	width: 11%;
	}

.threeCol #svGallery li {
	width: 18%;
	}


/* @end
-------------------------------- */

/* @group Calendar
===================================== */

.svCalendar table { margin-top: 0; }
.svCalendar th { background: #666; vertical-align: middle; }
.svCalendar th a, .svCalendar th a:hover { background: #666; }
.svCalendar th a:hover { color: #ccc; }
.svCalendar tr.dayofweek td { background: #ccc; color: #fff; }
.svCalendar th, .svCalendar td { border: 1px solid #fff; }
.svCalendar td { background: #efefef; }


/* @end Calendar -------------------------------- */
/* @group Dragable Feeds */

.feedtitle { padding-left: 20px; background: url(http://asset.melsa.org/img/feed-icon-14x14.png) no-repeat; }
.feeds { list-style: none; margin: 0 0 0 20px; padding: 0;}
.feeds li { margin-bottom: 0; }

#svRSSFeeds form { background: transparent; }

li.boxItemHeader { /* Link of items inside dragable boxes */
	color: #003E57;
	padding-left: 10px;
	background: url(../images/pointer_red_sm.gif) no-repeat left .25em;
	}

a.boxItemHeader { /* Link of items inside dragable boxes */
	color: #003E57;
	}

#svAddNewFeed {
	padding: 0 !important;
	background: transparent !important;
	}

#svAddNewFeed button { /* !important used to override dragable_feeds.css */
	background: #003E57 !important;
	font-size: 11px !important;
	}

/* @end */



/* @group Features
===================================== */

#features { overflow: hidden; }

#features dl { float: left; clear: none; width: 213px; margin: 0 16px 0 0; }
#features dt { font-size: 2em; font-weight: bold; letter-spacing: -0.025em; }
#features dt a { color: #232323; }
#features dt a:hover { text-decoration: none; }
#features dd { font-size: 1.1em; }
#features dd p { margin: -3px 0 8px; line-height: 15px; }
#features dd a { font-weight: bold; }
#features dd.image { float: none; margin: 0 0 1.7em; }
#features dd.image img {
	/* recommended size: */
	/*width: 213px;*/
	/*height: 120px;*/
	}


/* @end Features -------------------------------- */
/* @group Home Feeds ===================================== */

.home .sidebar .svIndex h3 {
	display: block;
	padding: 0 1em;
	margin-bottom: 1em;
	line-height: 40px;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #fff;
	background: #9E0B0B;
	}
	
.home h3 {color: #003E57;}

.home .sidebar .svIndex dl { margin: 0 1.5em 1em; padding: 0 0 .5em; border-bottom: 1px solid #d6d6d6; }
.home .sidebar .svIndex dl.last, .home .sidebar .svIndex dl:last-child { border-bottom: 0; padding-bottom: 0; }
.home .sidebar .svIndex dt {
	margin: 0 0 .5em;
	padding: 0;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.3;
	}

.home .sidebar .svIndex dt.releaseDate {
	margin: 0 0 3px;
	font-size: 1em;
	text-transform: uppercase;
	color: #979797;
	}

.home .sidebar .svIndex dd {
	margin: 0 0 .25em;
	padding: 0;
	font-size: 1.1em;
	color: #434343;
	}

.home .sidebar .svIndex dd.summary { margin: 0 0 .5em; }

/*.home .sidebar .credits,
.home .sidebar .tags,
.home .sidebar .ratings,
.home .sidebar .credits {
	color: #999 !important;
	}*/

.home .sidebar .svIndex dl.hasImage .image { margin: 0 .5em 0em 0; }
.home .sidebar .svIndex dl.hasImage .image img { width: 50px; }
.home .sidebar .svIndex dd p { margin: 0; padding: 0; line-height: inherit; }
.home .sidebar .svIndex span.readMore a {  display: none; }

/* @end Home Promo Feeds
-------------------------------- */

/* @group Indexes
===================================== */

.svIndex dl {
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccc;
	}

.sidebar .svIndex dl {
	margin: .5em 0;
	padding: .5em 0 .5em;
	}

.svIndex dl.hasImage {
		padding-left: 90px;
		position: relative;
		min-height: 90px;
		}

.sidebar .svIndex dl.hasImage {
	min-height: 0;
	padding-left: 0;
	}

.svIndex dl.hasImage .image {
		float: none;
		}

.sidebar .svIndex dl.hasImage .image {
	display: none;
	}

.content .svIndex {
	margin-top: 2em;
	}

.content .svIndex dt {
	font-size: 1.6em;
	margin-bottom: .5em;
	}

.svIndex dt.releaseDate {
	text-transform: uppercase;
	color: #777;
	margin-bottom: .5em;
	font-size: 1em !important;
	}

.svIndex dd {
	line-height: 1.2;
	}

.svIndex dd.image {
	position: absolute;
	top: 0;
	left: 0;
	}

/* @group Ratings */

.content .svIndex dd.credits,
.content .svIndex  dd.comments,
.content .svIndex  dd.tags,
.content .svIndex  dd.rating {
	line-height: 20px; /* acommodate height of stars */
	}

div.stars a {
	width: 14px;
	height: 13px;
	background: transparent url(../images/rater/stars.png) no-repeat;
}

.zero { background-image: url(../images/rater/star_zero.png); }
.one { background-image: url(../images/rater/star_one.png); }
.onehalf { background-image: url(../images/rater/star_onehalf.png); }
.two { background-image: url(../images/rater/star_two.png); }
.twohalf { background-image: url(../images/rater/star_twohalf.png); }
.three { background-image: url(../images/rater/star_three.png); }
.threehalf { background-image: url(../images/rater/star_threehalf.png); }
.four { background-image: url(../images/rater/star_four.png); }
.fourhalf { background-image: url(../images/rater/star_fourhalf.png); }
.five { background-image: url(../images/rater/star_five.png); }

/* @end */

/* @group Slideshow
===================================== */

.svSlides dl { border: 0; margin: 0; }
.svSlides dl.hasImage { position: relative; padding-left: 100px; min-height: 80px; background: transparent !important; 	}

.home .svSlideshow {
	position: relative;
	width: 570px;
	overflow: hidden;
	padding: 10px;
	margin: 0 0 0 -10px;
	color: #b4dffa;
	background: #025273 url(http://asset.melsa.org/img/bg-hero.jpg) no-repeat !important;
	border: 0;
	}
	
.home #primary { width: 575px; }

.home .svSlides { position: relative; border: 0; z-index: 1; padding: 0; margin: 0 !important; min-height: 130px; }
.home .svSlides dl { height: 170px; padding-bottom: 0; margin-right: 0; border: 0; font-size: 1em; background: transparent !important; /*for IE 6/7*/ }

.home .svSlides dt { margin-bottom: .35em !important; font-size: 2.6em !important; font-weight: bold; letter-spacing: -0.025em; line-height: 1; color: #fff; 	}
.home .svSlides dt.releaseDate { color: #abdffa; font-size: 11px !important; font-weight: normal; margin-bottom: .5em !important; }
.home .svSlides dt a { color: #fff; }
.home .svSlides dd { margin-bottom: 1.1em; letter-spacing: -0.025em; font-size: 1.4em !important; line-height: 1.2em; padding: 0; }

.home .svSlides dd.image { position: absolute; display: block; width: 80px; height: 80px; float: none; padding: 0; }
.home .svSlides dd.image img { display: block; }
.home .svSlides .readMore { }
.home .svSlides .readMore a { font-size: 11px !important; font-weight: bold; color: #fff; height: 2.1em; line-height: 2.1em;
	border: none; padding: 0 1em; display: block; width: 60px; text-align: left; padding-right: 22px; margin-right: 339px;
	margin-top: .75em; background: #003E57 url(http://asset.melsa.org/img/arrows_white.gif) no-repeat 6.8em 50%; -webkit-border-radius: 11px;
	-moz-border-radius: 11px; border-radius: 11px; }
.svPager { text-align: center; line-height: 2; }
.home ol.svPager { position: relative; z-index: 2; text-align: right; margin: 0; padding: 0; list-style: none; }

ol.svPager li { }
ol.svPager a { color: #fff; background: #0c243a; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 3px; border-radius: 3px; }
ol.svPager li.activeLI a, ol.svPager a:hover { background: #9E0B0B; text-decoration: none; }

/* @end Slideshow -------------------------------- */
/* @end Indexes -------------------------------- */
/* @group Session Tools ===================================== */

#svSessionTools p#welcome { font-weight: bold; color: #9E0B0B; }

/* @end Session Tools
-------------------------------- */


/* @group User Tools - Categories
===================================== */

#svCategories li {
	margin: 0;
	padding: 0;
	}

#svCategories li a {
	margin: 0;
	padding: 0;
	}

/* @end User Tools - Categories
-------------------------------- */


/* @group User Tools - Favorites
===================================== */

#favoriteList li {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	}

#favoriteList li a {
	margin: 0;
	padding: 0;
	}

/* @end User Tools - Favorites
-------------------------------- */
/* @end MODULES
-------------------------------- */
/* EOF */