/* ---------------------------------------------
South Carolina Philharmonic  Screen Style Sheet
author: Cyberwoven
version:  2010.05
----------------------------------------------- */

body {
	font:normal 12px/20px "Lucida Grande", "helvetica neue", Arial, sans-serif;
	color:#43484c;
	margin:0;
	padding:0;
	background:#fff;
	text-align:center;}

a {color:#0a5d8d; text-decoration:none; }
a:hover {color:#0282c4; text-decoration:underline;}


h3 {font-size:20px; margin:20px 0 4px 0; padding:0; color:#6d7780;}
h4 {padding: 0; margin:0; list-style:none; font-size:16px; font-weight:bold; color:#6d7780; padding-bottom:10px; } 
h5 {font-size:14px; font-weight:bold; margin:14px 0 2px 0; padding:0; color:#6d7780; }
h6 {font-size:12px; font-weight:bold; margin:12px 0 2px 0; padding:0;}

p {margin:0 0 15px 0; padding:0;}

blockquote {font-size:13px; line-height: 19px; margin:20px 0 20px 30px; padding:20px 30px; background:#dce2e6; height:auto; width:180px; color:#787878; font-style:italic; float:right; clear:both; }


fieldset {margin:0; padding:0; display:block; border:none;}
.textbox {border:1px solid #333; background:none; padding:2px 5px;}
textarea {border:1px solid #333; background:none; padding:2px 5px;}

img {float:right; margin:0 0 10px 10px; padding:0; border:1px dotted #000;}

a:hover img {}

hr {background:none; border:none; border-top:dotted 1px #000; height:1px; margin:1em 0 1em 0; clear:both; }


/* Reusables
----------------------------------------------- */

.hidden {display:none;}
.alt {display:none;}
.clear {clear:both; display:block; overflow:hidden; width:0; height:0;}

.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

table.data {text-align:left;}
table.data th {padding:2px 5px; border-bottom:1px solid #ccc; font-weight:bold; line-height:18px; text-align:left; color:#004e76;}
table.data td {padding:2px 5px; line-height:16px; border-bottom:1px solid #ccc; }
table.data tr.even td {background-color:#eee;}

.floatleft {float:left;}
.floatright {float:right;}
.nofloat {float:none !important;}

.linkbutton {display:inline-block; clear:both; padding:3px 5px; font-weight:bold; border:1px dotted #000; margin:10px 0; text-decoration:none; float:right;}
.linkbutton:hover {text-decoration:none; background:#dce2e6; }

ul.pager {display:block; margin:0 !important; padding:15px 0 !important; list-style:none;}
ul.pager li {display:inline; margin:0 !important; padding:0 5px 0 0 !important; background:none !important; line-height:18px;}
ul.pager li a, ul.pager li strong, ul.pager li span {display:inline-block; padding:0 8px; color:#43484C; background:#fff; border:1px dotted #ddd; text-decoration:none;}
ul.pager li strong {border-color:transparent; background:none; padding-left:0;}
ul.pager li a:hover {border-color:#000;}
ul.pager li span { border-color:#000; }


/* Layout Blocks
----------------------------------------------- */


	a.skiplink {display:block; position:absolute; top:0; left:0; font-size:1px; text-indent:-9999px;}

	#header {height:110px; margin:0; z-index:3; }
		#header h1 {margin:0; padding:10px 0 0 0px;}
		#header h1 a {display:block; width:204px; height:138px; background:#fff url(../images/logo.png) 0 0 no-repeat; text-indent:-9999px; outline:none; position:absolute; }
			#header h1 a:hover { background-position: 0 -138px; }
		
		ul.mainnav { position:absolute; top:95px; right:0; margin:0; padding:0 0 14px 0; list-style:none; text-transform:uppercase; z-index:85; border-bottom:dotted 1px #000; }
			ul.mainnav li {display:inline; margin:0; padding:0; font-weight:bold; font-style:normal;}
			ul.mainnav li a {margin-left:40px; color:#0a5d8d; text-decoration:none; font-size:14px; height:16px; font-weight:bold;}
			ul.mainnav li a:hover {text-decoration:none; color:#0282c4;}
			ul.mainnav li.active a, ul.mainnav li.active a:hover {text-decoration:none; color:#0282c4; padding-bottom:3px; border-bottom:#c0e0f0 2px solid;}
		
		ul.headernav { position:absolute; top:40px; right:0; margin:0 0 0 30px; padding:0; list-style:none;}
			ul.headernav li {display:inline; margin:0; padding:0;}
			ul.headernav li a {margin:0 0 0 30px; padding:0; text-decoration:none; line-height:16px; font-size:12px;}
			ul.headernav li a:hover { padding-bottom:2px; border-bottom:solid 2px #c0e0f0; }
			ul.headernav li.active a {color:#0282c4; padding-bottom:2px; border-bottom:solid 2px #c0e0f0; }
		
		.searchbox {position:absolute; top:58px; right:0; width:235px; text-align:left;}
			.searchbox .textbox {width:120px; margin:0 5px;}


	#footer {z-index:5; padding:20px 0 77px 0; margin:0; font-size:13px; position:relative; }
		.ie7 #footer { xmargin-top:-90px; }
		.internal #footer { margin-top:0; }
	#footer a {text-decoration:none;}

		ul.footernav {margin:0; padding:35px 0 0 0; list-style:none; font-weight:bold;}
		ul.footernav li {display:inline; margin:0; padding:0;}
		ul.footernav li a {display:inline; padding:0 2px; margin:0 10px 0 0; color:#004E76;}
		ul.footernav li a:hover {text-decoration:none; color:#0282c4; }
		ul.footernav li.active a {text-decoration:none; color:#0282c4; }
		
		.glyph { background:url(../images/logoglyph.png) 0 0 no-repeat; width:46px; height:74px; float:left; display:block; padding-right:8px; margin-top:10px; }
		
		#footer a.cyberwoven {color:#adb9c0;}
		#footer a.cyberwoven:hover {text-decoration:none;}
		#footer a.cyberwoven:hover span {color:#0282C4; text-decoration:underline;}
		
		#social ul { margin:0; padding:0; }
		#social li {list-style:none; position:absolute; }
		#social li a { outline:none; width:32px; height:32px; text-indent:-9999px; display:block; }
		#social li a:hover { background-position:0 -32px; display:block; }
		
		#youtube  {top:125px; left:838px; margin:0; }
		#youtube a { background:url(../images/youtubeicon.gif) no-repeat; }
		
		#youtubebubble { background:url(../images/bubble.png) 0 bottom  no-repeat; width:165px; height:95px; position:absolute; top:10px; left:715px; font:Arial, Helvetica, sans-serif; padding:18px 0 0 0; margin:0; text-align:center; display:none; } 
		#youtubebubble span { color:#f82b2c; font-size:16px; font-weight:bolder;}
		
		#facebook  {top:125px; left:878px; margin:0; }
		#facebook a { background:url(../images/facebookicon.png) no-repeat; }
		
		#facebookbubble { background:url(../images/bubble.png) 0 bottom  no-repeat; width:165px;  height:95px; position:absolute; top:10px; left:755px; font:Arial, Helvetica, sans-serif; padding:18px 0 0 0; margin:0; text-align:center; display:none; } 
		#facebookbubble span { color:#0066CC; font-size:16px; font-weight:bolder;}
		
		#twitter { top:125px; left:920px; margin:0;}
		#twitter a {background: url(../images/twittericon.png) 0 0 no-repeat; }
		
		#twitterbubble { background:url(../images/bubble.png) 0 bottom no-repeat; width:165px; height:95px; position:absolute; top:10px; left:800px; font:Arial, Helvetica, sans-serif; padding:18px 0 0 0; margin:0; text-align:center; display:none;}
		#twitterbubble span { color:#33CCFF; font-size:16px; font-weight:bolder;}
		
 	#sponsor ul { margin:0; padding:0;}
		#sponsor li {list-style:none; position:absolute;}
		
		.columbia { top:125px; left:325px; margin:0; }
		.columbia a {background: url(../images/columbia_logo.png) 0 0 no-repeat; width:129px; height:57px; text-indent:-9999px; display:block;   }
		.columbia a:hover { background-position:0 -57px; display:block;  }
		
		.arts { top:125px; left:460px; margin:0;}
		.arts a {background: url(../images/SCarts_logo.png) 0 0 no-repeat; width:70px; height:57px; text-indent:-9999px; display:block;   }
		.arts a:hover { background-position:0 -57px; display:block; }
		
		
		.council { top:125px; left:545px; margin:0;}
		.council a {background: url(../images/culturalcouncil_logo.png) 0 0 no-repeat; width:135px; height:57px; text-indent:-9999px; display:block;   }
		.council a:hover { background-position:0 -57px; display:block;  }
		
		
		.richland { top:125px; left:690px; margin:0;}
		.richland a {background: url(../images/richland_logo.png) 0 0 no-repeat; width:54px; height:57px; text-indent:-9999px; display:block;   }
		.richland a:hover { background-position:0 -57px; display:block;  }
		
		.city { top:125px; left:755px; margin:0; position:absolute;}
		.city a {background: url(../images/city_logo.png) 0 0 no-repeat; width:59px; height:57px; text-indent:-9999px; display:block;   }
		.city a:hover { background-position:0 -57px; display:block;  }



/* Homepage Specific
----------------------------------------------- */

body.home .content {width:100%; position:relative; display:block; height:auto;}
body.home .container {width:960px; margin:0 auto; text-align:left; position:relative; }

#homeflash {display:block; position:relative; z-index:1; width:688px; height:550px; float:left; margin:43px 0 0 0; padding:0 50px 0 0; border:dotted 1px #000; border-top:none; border-left:none; }
	#homeflash.flash-replaced { height:793px; }
		#homeflash.flash-replaced .noflash { position:absolute; display:none; }
	 .caption {display:none; }
	.noflash a.upcoming  { display:block; background:url(../images/upcoming/show5.jpg) 0 0 no-repeat; width:680px; height:490px; margin:-20px 0 0 0; text-indent:-9999px;}
	
body.home ul.headlines {margin:0; padding:0; list-style:none; z-index:100; border:none;}
body.home ul.headlines li {margin:0; padding:0; font-size:11px; font-weight:bold; color:#000; background:none;}
body.home ul.headlines li span {color:#6b6b6b; font-weight:normal; padding-right:10px;}
body.home ul.headlines li a {text-decoration:none; font-weight:normal; }
body.home ul.headlines li a:hover {text-decoration:underline;}
	
	div.homeinfo { display:block; position:relative; z-index:2; float:right; width:190px; padding:0; top:auto; left:auto; }
		.home .homeinfo { padding-top:270px; width:220px; }
	
	#homeTitle { position:absolute; z-index:1; top:0; right:0; padding:0 0 0 5px; text-indent:-9999px; width:261px; height:297px; background:#fff url(../images/home-title.png) no-repeat 100% 40px; }
	#sideBlocks { position:relative; z-index:2; }
		.home #sideBlocks { margin-left:-2px; }
	
	#sideBlocks a {display:block; padding:15px 0; text-decoration:none; }
		.home #sideBlocks a { padding:15px 10px 18px 18px; }
			.home #sideBlocks a#purchaseTickets { background:#fff; border:dotted 1px #000; border-left:none; }
	#sideBlocks a h3{color:#328fc5; text-transform:none; font-weight:bold; font-size:45px; line-height:.4; margin-top:0; }
	 #sideBlocks a h3 em { display:block; font-style:normal; font-weight:normal; font-size:32px; color:#adb9c0; }
			.ie7 #sideBlocks a h3 em { margin-bottom:-10px; }
	#sideBlocks a:hover h3 {color:#0a5d8d;}
		#sideBlocks a:hover h3 em { color:#0a5d8d; }
	
	#sideBlocks a p {color:#004E76; margin:-24px 0 0 0; font-size:13px; line-height:1.3; }
		.ie7 #sideBlocks a p, .ie8 #sideBlocks a p { margin-top:0; }
	#sideBlocks a:hover p {color:#0a5d8d; text-decoration:none;}
	
	#sideBlocks a span { background:#fbfdf6; display:block; height:7px; margin-top:15px;}
 	#sideBlocksa:hover span {background:#56b6b9; margin-top:15px;}
	
	
body.home .copyright { color:#adb9c0; font-size:12px; }


/* Internal Pages
----------------------------------------------- */

body.internal .container {width:960px; height:auto; margin:0 auto; text-align:left; position:relative; }
body.internal .content { position:relative; margin-top:20px;}
body.internal .center { width:668px; min-height:750px; position:relative; float:left; margin:0; padding:55px 50px 50px 50px; border:dotted 1px #000; border-top:none; }

body.internal h2 {font-weight:bold; font-size:36px; margin:0; padding:10px 0 10px 0; color:#adb9c0; letter-spacing:-2px; line-height:37px;  }


body.internal div.homeinfo  { display:block; position:relative; float:right; width:190px; padding:0; top:auto; left:auto; }
	.internal .homeinfo #subNavArea { margin-left:-1px; padding:30px 10px 30px 18px; background:#fff; border:dotted 1px #000; border-top:none; border-left:none; }
	body.internal div.homeinfo a {display:block;   text-decoration:none;  }
	body.internal div.homeinfo a:hover {color:#0282c4;}

	body.internal div.homeinfo a p {color:#002b3e; font-size:11px; margin:0px;}
	body.internal div.homeinfo a:hover p {color:#002b3e; text-decoration:none;}
	
	body.internal div.homeinfo a span { background:#fbfdf6; display:block; height:7px;}
	body.internal div.homeinfo a:hover span {background: #56b6b9;}
	
	.internal #sideBlocks { padding:30px 10px 30px 18px; }
	
	.intro {font-size:20px; line-height:1.2; font-weight:normal; color:#6d7780; }

body.internal .center span {font-size:13px; font-weight:bolder; color:#43484c; letter-spacing:-0.02em; }
body.internal .center h3 { text-transform:none; }

body.internal .copyright { display:block; color:#adb9c0; text-transform:uppercase; font-size:11px; font-weight:bold; }
body.internal .facemusic { background:url(../images/internalfooter.jpg) 0 0 no-repeat; width:972px; height:120px;}

body.internal span.bottomnav {background: #15b5bb; display:block; height:8px;}
	
	
	body.internal div.homeinfo h4 {padding: 0; margin:0; list-style:none; font-size:25px; line-height:1.4; text-transform:capitalize; font-weight:bold; color:#328fc5; margin-bottom:10px; } 
	
	body.internal div.homeinfo h4 a{padding: 0; margin:0; list-style:none; font-size:25px; font-weight:bold; color:#328fc5; padding-bottom:10px; } 
	body.internal div.homeinfo h4 a:hover{color:#0282c4;}

		
body.internal ul.nav { padding:0; margin:0; line-height:15px; }
body.internal ul.nav  li { list-style:none; }	
body.internal ul.nav li a {color:#328fc5; font-size:14px; padding:0 0 15px 0; margin:0;}
body.internal ul.nav li.active a, body.internal ul.nav li a:hover {color:#0A5D8D; text-decoration:none; padding:0 0 15px 0; margin:0; line-height:15px; }
body.internal ul.nav li.active ul li a {color: #328fc5; font-style:normal; text-transform:none; font-weight:100;  }
body.internal ul.nav li.active ul li a:hover {color: #0A5D8D; }
body.internal ul.nav li.active ul li.active a {color:#0A5D8D; }
/*body.internal ul.nav   { margin:5px 0 5px 0; padding:0; }
body.internal .nav ul li a {text-transform:none; color:#00a9ff; padding:0; margin:0; }
body.internal .nav ul li a:hover { text-decoration:none;  padding:0; margin:0;  }
body.internal .nav ul li.active {color:#00a9ff;  text-decoration:underline; padding:0; margin:0;  }
body.internal .nav ul li.active a {color:#00a9ff; text-transform:none; padding:0; margin:0; }  
body.internal .nav ul li.active a:hover {color: #C00; text-transform:none; padding:0; margin:0; } 
*/
body.theconductor #bgimage {background:url(../images/bgn/internalImage4.jpg) no-repeat; width:450px; height:745px; position:absolute; top:166px; left:-260px; }

body.internal #bgimage {width:450px; height:745px; position:absolute; top:166px; left:-260px; }
				.bg1 {background:url(../images/bgn/internalImage.jpg) no-repeat;}
				.bg2 {background:url(../images/bgn/internalImage2.jpg) no-repeat;}
				.bg3 {background:url(../images/bgn/internalImage3.jpg) no-repeat;}
				.bg4 {background:url(../images/bgn/internalImage4.jpg) no-repeat;}
				.bg5 {background:url(../images/bgn/internalImage5.jpg) no-repeat;}
				.bg6 {background:url(../images/bgn/internalImage6.jpg) no-repeat;}
				.bg7 {background:url(../images/bgn/internalImage7.jpg) no-repeat;}

/*Protected */

.loginform { }


/* Specialty Pages
----------------------------------------------- */
ul.photogallery {margin:0; padding:0; list-style:none; overflow:auto;}
ul.photogallery li {display:inline; margin:0; padding:0;}
ul.photogallery li a img {float:left; margin:0 22px 10px 0;}

ul.photogallerylist {display:block; margin:15px 0; padding:0;}
ul.photogallerylist li {display:block; position:relative; float:left; width:260px; margin:0 10px 10px 10px; padding:5px 0 5px 70px; min-height:60px; height:auto !important; height:60px; border-bottom:1px dashed #333; background:none;}
ul.photogallerylist li a.gallerythumb {display:block; position:absolute; top:5px; left:0; width:50px; height:50px; border:2px solid #333;}
ul.photogallerylist li a.gallerythumb:hover {border-color:#f60;}
ul.photogallerylist li a.gallerythumb img {width:50px; height:50px; border:none; margin:0; padding:0;}

#rss { display:block; margin:0; position:absolute; right:20px; top:15px; }
#rss a { display:block; padding:6px 30px 0 0; min-width:24px; min-height:24px; color:#a7a7a7; font-size:11px; font-style:italic; text-indent:-9999px; background:url(../images/rss_icon.png) no-repeat 100% 50%; }
#rss a:hover { text-indent:0; }

/* Calendar

---------------------------------------------- */

table.calendarheader { background:#dce2e6; font:bolder 28px/32px Arial, Helvetica, sans-serif; color:#328FC5; padding:5px 0 12px 0; text-transform:uppercase;}

	h6.toggle_calendar a { text-indent:-9999px; }

table.calendarbox { margin-top:5px; margin-bottom:30px; }
		table.calendarbox td { border-top:solid 1px #b5b4b1; border-bottom:solid 1px #b5b4b1;  }
		table.calendarbox td.today { background:#dce2e6; border:#004e76 solid 2px;  }
		table.calendarbox table.calendarheader td { border:none;  }
		
div#content table.calendarbox td h5 { color:#444; margin:5px; line-height:12px; }
		div#content table.calendarbox td.today h5 { color:#111; font-weight:bold; font-size:1em; color:#004E76; }
		div#content table.calendarbox td.othermonth h5 { color:#999; } 
		div#content table.calendarbox td ul { padding:0; margin:0 5px;}
		div#content table.calendarbox td li { list-style:disc; color:#024365;  margin:10px;}
		div#content table.calendarbox td li a {color:#004e76;}
		div#content table.calendarbox td li a:hover {color:#0282c4; text-decoration:underline;}


.categoryselector .dropdown {margin:20px 0 20px 0;}
table.calendarheader .nextprevmonth { background-color:#dce2e6;}
table.calendarheader .nextprevmonth a {color:#dce2e6; }
table.calendarheader .nextprevmonth a:hover { background:#dce2e6;}

/*--------Event Page-------------*/

.eventblock {border-bottom:#dbdcc6 solid 1px; padding:0 0 10px 0; margin:0 0 10px 0; width:540px; }

body.internal .center span.eventdate {color:#15B5BB; text-transform:uppercase; padding:0;}
	h4.eventtitle  {font-size:16px; padding:0; margin:0;  }

.eventdate {color:#15B5BB; }

body.events .categoryselector {float:none; margin:20}
.eventinfo {padding:5px 0 7px 0;}


/*---------- News  -------------- */
a.newsback {float:right; color:#004e76; padding:10px 10px 0 10px; height:28px;}	
.newsback a:visited { color:#15B5BB;}

 a.eventsback {float:left; color:#004e76; padding:10px 10px 0 10px; height:28px; }	
.eventsback a:visited { color:#15B5BB;}
 
body.news h4.articletitle  { font-size:16px; }
body.news p.articlepreview { border-bottom:#000 dotted 1px; padding:0 0 15px 0; }
body.internal .center span.articledate .month{padding:0 0 10px 0; text-transform:uppercase; color:#6D7780;}
body.internal .center span.articledate .day{padding:0 0 10px 0; text-transform:uppercase; color:#6D7780;}
body.internal .center span.articledate .year{padding:0 0 10px 0; text-transform:uppercase; color:#6D7780;}


/* Form Builder
---------------------------- */

fieldset.searchform { padding-left:15px;}
	fieldset.searchform label { position:absolute; left:-9999px; }
	fieldset.searchform input { width:300px; }
	fieldset.searchform input[type="submit"] { margin:15px 0 10px 5px; padding:2px 22px 2px 34px; width:auto; background-position:left -5px; }

div.formrow {display:block; margin:0 0 10px 0; clear:both;}
div.formrow label {display:block; clear:both; width:170px; text-align:right; float:left; margin:0 5px 0 0; padding:5px 8px 5px 12px; font-size:13px; color:#0A5D8D;}
div.formrow label.required {background:#edf7fa url(../images/required-stripe.gif) no-repeat 0 0;}
div.formrow input.textbox {display:block;background:#FFFFFF; width:200px; border:1px solid #ccc; margin:0 10px 0 0; font-size:12px; line-height:20px; padding:5px 5px; }
div.formrow textarea {display:block; width:350px; height:125px; border:1px solid #ccc; margin:0 10px 0 0;}
div.formrow span {display:block; padding-left:195px; margin:0; clear:left; font-size:11px; color:#555; font-style:italic;}
div.formrow span.error {display:inline; padding-left:0; font-style:normal;}
	div.formrow span.error div {display:block; padding-left:195px;}
div.formrow select {margin:4px 0 0 0;}
input.formsubmit {clear:left; margin:20px 0 50px 194px; cursor:pointer; padding:2px 25px; display:block; float:left; font-size:14px; line-height:20px; border:1px dotted #444; background:#fff; color:#004E76;}

input.formsubmit:hover {border:1px dotted #000; background:#dce2e6; color:#0282C4;  }
div.formrow table {position:relative; left:-4px; margin:0; padding:0; text-align:left; border-spacing:0;}
div.formrow table tr.even td {background:none;}
div.formrow table tr td {padding:0 0 2px 0; line-height:14px; border:none; margin:0;}
div.formrow table tr td label {display:inline; width:auto; text-align:left; float:none; margin:0; padding:0 0 0 5px; background:none; color:#333; font-size:12px;}

.searchform div.formrow {height:75px; width:600px; padding-top:10px;}
.searchform div.formrow .textbox {float:left; margin-right:5px;}
.searchform div.formrow input.formsubmit {clear:none; float:left; margin:-1px 0 0 0; padding:4px 15px;}

div.checkbox input {float:left; margin:0 6px 0 196px; clear:left;}
div.checkbox label {float:left; clear:none; background:none; color:#333; padding:0; margin:0; text-align:left; font-size:12px;}



/* Lightbox
----------------------------------------------- */
#lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding: 10px;}
#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{left:0;}
#imageContainer img {float:none; margin:0; padding:0; border:none;}
#hoverNav a{outline: none;}
#prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../images/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background:url(../images/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{color:#FF9834; font-weight:bold; text-decoration: none;}
#nextLinkText{padding-left:20px;}
#prevLinkText{padding-right: 20px;}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/
.ontop #imageData {padding-top:5px;}
/*** END : added padding when navbar is on top ***/

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto;	line-height:1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width: 70%; float:left; text-align:left; }	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{position: absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;}
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

* html>body .clearfix {display:inline-block; width:100%;}
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* Enotes
-----------------------------------------------------*/
.internal a.musiclink img {clear:both; float:none; display:inline; margin:0; padding:0; border:0;} 
