/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul, ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */


/* ----- type selectors ----- */ 
body { 
	background:#857165 url("../images/bkgd-spacer1.jpg") top repeat-x;
	text-align:center; 
	font:12px/20px Arial, Helvetica, sans-serif; 
	color:#000;
	}

blockquote { 
	margin-left:10px; 
	margin-right:10px; 
	}

h1	{ font-size:1.5em; color:#f47034; }
h2	{ font-size:1.4em; color:#999; }
h3	{ font-size:1.2em; color:#5b5d5c; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#f47034; text-decoration:underline; outline:none; font-weight:bold; }
a:hover,a:active	{ color:#f47034; text-decoration:none; outline:none; font-weight:bold; }

/* ----- classes ----- */

div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.jpg") right no-repeat;
	}
	
img.img-left { 
	float:left; 
	margin:2px 10px 10px 0; 
	}

img.img-left1 { 
	float:left; 
	margin:2px 10px 0px 0; 
	}

img.img-left-cal { 
	float:left; 
	margin:0px 15px 0px 0; 
	}
	
img.img-right { 
	float:right; 
	margin:5px 0 10px 10px; 
	}


/* framework
 * ------------------------------------------------------------------------- */

#wrap {
	background:url("../images/spacer.gif") repeat-y;
	width:966px;
	margin:0 auto;
	text-align:left;
	}
	
#ban-ad { background:#50433d; height:90px; padding:20px 0 2px 0;}
	#ban-ad img {padding-left:112px;}

#masthead {
	position:relative;
	background:url("../images/banner.jpg");
	height:398px;
	}
	/* index page link within #masthead */		
	#masthead a {	
		position:absolute;
		left:25px;
		width:125px;
		top:30px;
		height:213px; 
		}
	#masthead a span {
		display:none;
		}

	body#index #masthead { background:url("../images/banner.jpg"); }
	body#festival #masthead { background:url("../images/banner-festival.jpg"); }
	body#visual #masthead { background:url("../images/banner-visual.jpg"); }
	body#performing #masthead { background:url("../images/banner-performing.jpg"); }
	body#cafe #masthead { background:url("../images/banner-cafe.jpg"); }
	body#kids #masthead { background:url("../images/banner-kidsphere.jpg"); }
	body#sponsors #masthead { background:url("../images/banner-visual.jpg"); }
	body#town #masthead { background:url("../images/banner-town.jpg"); }
	body#gala #masthead { background:url("../images/banner-gala.jpg"); }
	body#contact #masthead { background:url("../images/banner-contact.jpg"); }
	body#sitemap #masthead { background:url("../images/banner.jpg"); }


/* ----- column-left ----- */

#column-left {
	width:305px;
	float:left;
	}
	
	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
		margin:0 0px 10px 50px;
		}
	
	/* single column list */
	#column-left ul { padding:0 0 30px 5px; }
		#column-left ul li { 
			background:transparent url("../images/bullet-left.gif") 0px 11px no-repeat;
			padding:2px 0 2px 10px; /* pushes text to the right to display bg img */
			margin-right: 5px;
			}

      
	
	/* definition list */
	#column-left dl { padding-left:0px; }
		#column-left dl dt {
			font-weight:bold;
			color:#383938;
			padding-top:15px;
			}
		#column-left dl dd {
			background:transparent url("../images/bullet-left.gif") 0px 11px no-repeat;
			padding:2px 0 2px 10px;  /* pushes text to the right to display bg img */
			margin-left:5px;
			}
			
			#column-left .v-arts
			{
			    margin-top:40px;
			}
	
	#carolina { margin:40px 0 0 50px; background:url("../images/carolina-first.gif") no-repeat; height: 62px; }
	
	#art { height:266px; margin:40px 0 0 50px; }
	
		body#index #art { background:url("../images/img-1.jpg") no-repeat; }
		body#festival #art { background: url("../images/art-festival.jpg") no-repeat; }
		body#visual #art { background:url("../images/art-visual.jpg") no-repeat; }
		body#performing #art { background: url("../images/art-performing.jpg") no-repeat; }
		body#cafe #art { background:url("../images/art-cafe.jpg") no-repeat; }
		body#kids #art { background:url("../images/art-kids.jpg") no-repeat; }
		body#sponsors #art { background:url("../images/art-festival.jpg") no-repeat; }
		body#town #art { background:url("../images/art-town.jpg") no-repeat; }
		body#gala #art { background:url("../images/img-1.jpg") no-repeat; }
		body#contact #art { background:url("../images/art-contact.jpg") no-repeat; }
		body#sitemap #art { background:url("../images/img-1.jpg") no-repeat; }
		body#press #art { background: url("../images/art-festival.jpg") no-repeat; }
	
	.but { margin:30px 0 30px 50px; }
		#column-left .but p {margin:8px 0 0 0;}
	.but1 { margin:40px 0 20px 50px; }
	
	#spon { margin:50px 0 30px 50px; }
	
	#sponsor-logo { background:url(../images/sponsor-logos.gif) no-repeat; height:1400px; margin:0 0 0 10px;}
	
	#gal { margin:0 0 0 50px; }
			
	#column-left .purchase {  }
		#column-left .purchase p { margin-left:65px}
		#column-left .purchase img { margin-left:40px}
			#column-left img.poster { margin-left:80px}		
		#column-left .purchase form { margin:0 0 15px 58px; }
		#column-left .purchase table { margin:0 0 10px 0; }
		
		#column-left .purchase h3 { }
			#column-left .purchase h3.first { padding-top:15px;}
		
		#column-left .purchase ul {padding-bottom:5px;}
		
		#column-left .purchase ul li {display:inline; background:transparent url("../images/bullet-left.gif") 0px 8px no-repeat}
		
		#column-left .purchase #poster-frm { padding:10px 0 0 43px;}


hr {background:#c2b8b2;color:#c2b8b2;clear:both;float:none;width:605px;height:.1em;margin:0 0 1.45em 15px;border:none;}

.flash-box { width:240px; margin:40px 0 0 50px; }
.flash-logos { width:240px; margin:40px 0 0 50px; }

.watch {background:url(../images/view-video.gif) no-repeat; height:63px;}

#column-left h2.news {padding-top:25px; }


/* ----- column-right ----- */

#column-right {
	width:661px;
	float:left;
	}

#column-right h1.hm-tp { background:url(../images/home-h1-top.gif) no-repeat; height:22px; margin-top:40px; }
#column-right h1.hm-btm { background:url(../images/home-h1-bt.gif) no-repeat; height:24px; }

img.top-events { margin:25px 0 0 40px;}
#column-right .main-right p.events { margin-top:20px; }

	#column-right p, #column-right h1, #column-right h2, #column-right ul, #column-right dl {
		margin:0 41px 8px 15px;
		}
	 
	/* single column list */
	#column-right ul { padding:0 20px 0 20px; }
		#column-right ul li { 
			background:transparent url("../images/bullet-right.gif") 0px 8px no-repeat;
			padding-left:15px;  /* pushes text to the right to display bg img */
			}
			
		#column-right ul li em { font-weight:bold; text-transform:uppercase; font-style:normal; }
		
	#column-right h2 { padding:15px 0px 0px 0px; }
	
	#column-right h3 { text-transform:uppercase; margin:0 41px 8px 15px; padding:8px 0 0 0; border-bottom: 1px solid #ff0000; }	
	
		#column-right h3 a:link, #column-right h3 a:visited	{ text-decoration:none; }
		#column-right h3 a:hover, #column-right h3 a:active	{ text-decoration:none; }
		
	
	#column-right .pay { background:url("../images/paypal.gif") 160px 18px no-repeat;}
	
	#column-right h4 { text-transform:uppercase; margin:0 41px 0px 29px; padding-top:8px; }	
	
	
	.main-left { width: 326px; float:left; }
		
		#column-right .main-left ul, #column-right .main-right ul {padding:0 10px; }
		
		#column-right .main-left p { margin:0 20px 8px 15px; }
		
		#column-right .main-left h3 { border-bottom: none; }
		
		#column-right .main-left h2 { padding:20px 0 5px 0; margin:0 10px 0 15px;}
	
	.main-right { width: 335px; float:left; }
	
		#column-right .main-right p { margin:0 40px 8px 15px; }
		
		#column-right .main-right h3 { border-bottom: none; }
		
		#column-right .main-right h2 { padding:20px 0 5px 0; }
		
		#jurors { background:url("../images/jurors-divider.gif") repeat-y; width:661px; }
		
		
		
		#bt-juror { background: url("../images/jury-ft.gif") no-repeat; height:17px; }
		
		#mini-banner { margin:30px 0 30px 15px;}
		
		.vcard { margin:0 41px 8px 15px; }

		
		.left {width: 326px; float:left;}
		
		.right {width: 335px; float:left;}
		
		
/* multi column list */

	#column-right ol { padding-left:15px;} 
		#column-right ol li { 
			padding:0px 0 10px 0;  /* pushes text to the right to display bg img */
			float:left;
			width:210px;
			line-height:20px; 
			}
	
	.multi-list ul { padding-left:15px;} 
		.multi-list ul li { 
			padding:0px 0 10px 0;  /* pushes text to the right to display bg img */
			float:left;
			width:230px;
			line-height:20px; 
			}
		

/* ----- column-right press ----- */

body#press h1 { margin:0 41px 0 15px; text-align:center; text-transform:uppercase; }

body#press h2 { margin:0 41px 0 15px; padding:0 0 15px 0; text-align:center; font-size:1.2em;}



/* calendar */
#calendar { width: 606px; margin: 0 0px 0 15px; border-left: 1px solid #dfdad7; border-right: 1px solid #dfdad7;}

#calendar h2 { background:#dfdad7; color:#857165; padding: 12px 0 12px 19px; margin:0;}

#calendar p { background:#baaea7; color:#000; font-size: 1.1em; font-weight:bold; padding: 5px 0 5px 19px; margin:0;}

.c1 { width: 303px; float:left; }

	#calendar .c1 ul { padding:0 1px 0 1px; margin:0;}
		#calendar .c1 ul li { background:none; padding:4px 0 4px 15px;}
		
		#calendar .c1 ul li:hover { color:#f47034;}
			
			#calendar .c1 ul li.codd {background:#f1eeed;}


.c2 { width: 302px; float:left; border-left: 1px solid #dfdad7;}

	#calendar .c2 ul { padding:0 1px 0 1px; margin:0;}
		#calendar .c2 ul li { background:none; padding:4px 0 4px 15px;}
		
			#calendar .c2 ul li:hover { color:#f47034;}
			
			#calendar .c2 ul li.codd {background:#f1eeed;}

/* ----- gallery ----- */

#gallery {margin-left:15px; }

	#gallery p {text-align:center; margin:0; }
	
	#gallery img {margin: 20px 0 5px 0;}

.g1 { width:149px; float:left; }

.g2 { width:153px; float:left; }

.g3 { width:152px; float:left; }

.g4 { width:150px; float:left; }

	
/*---- mailinglist--*/


#m-list { 
	background:url("../images/mailing-list.gif") no-repeat; 
	width:240px; 
	height:37px; 
	margin:0 0 30px 50px;
	padding:0; 
	}

#m-list span { display: none; }

#m-list li, #m-list a { height:37px; display:block; } /* change height here also */

#m-list li { float:left; list-style:none; _display:inline; }

#m-list-01 { width: 116px;}
#m-list-02 { width: 124px;}

#m-list-01 a:hover { background:url("../images/mailing-list.gif")  -0px -37px no-repeat; }
#m-list-02 a:hover { background:url("../images/mailing-list.gif") -116px -37px no-repeat; }




/* --- board table --*/


#board { margin-left:15px;}
	
	#board p{ padding:5px 0 5px 5px; margin:0; }

	#board td .1 {width: 200px;}
	#board td .2 {width: 100px;}
	#board td .3 {width: 270px;}
	
	.odd {background-color:#f2efee;}
	
	#board td h3 { margin:0; color:#fff; background:#f68639; padding:5px 0 5px 10px;}

#founders { margin-left:15px;}

	#founders p{ padding:5px 0 5px 5px; margin:0; }

	#founders td {width: 150px;}
	
	#founders td h3 { margin:0; color:#fff; background:#f68639; padding:5px 0 5px 10px; width:600px; }
	
/* ----- bottom-wrap ----- */
 
#bottom-wrap {
	height:20px;
	clear:both;
	width:100%; /* fix for Safar */
	}

	
/* header framework
 * ------------------------------------------------------------------------- */

#header-flash { height:300px; } /* sets height for the flash header - REMOVE IF NOT USED */
#active-x {height:300px;}
#header-graphic { height:300px; } /* sets height for all non-flash headers */

	


/* subhead framework
 * ------------------------------------------------------------------------- */

#subhead { height:20px; margin:40px 0 8px 15px; } /* sets height for all subheads */

	body#festival #subhead { background:url("../images/hdr-festival-info.gif") no-repeat; }
	body#visual #subhead { background:url("../images/hdr-visual-arts.gif") no-repeat; }
	body#visual #subhead1 { background:url("../images/hdr-jurors.gif") no-repeat; height:20px; margin:40px 0 8px 15px;}
	body#performing #subhead { background:url("../images/hdr-performing-arts.gif") no-repeat; }
	body#cafe #subhead { background:url("../images/hdr-artists-cafe.gif") no-repeat; }
	body#kids #subhead { background:url("../images/hdr-kidsphere.gif") no-repeat; }
	body#sponsors #subhead { background:url("../images/hdr-sponsors.gif") no-repeat; }
	body#town #subhead { background:url("../images/hdr-art-around-town.gif") no-repeat; }
	body#gala #subhead { background:url("../images/hdr-opening-night-gala.gif") no-repeat; }
	body#contact #subhead { background:url("../images/hdr-contact.gif") no-repeat; }
	body#sitemap #subhead { background:url("../images/hdr-sitemap.gif") no-repeat; }
	body#press #subhead { background:url("../images/hdr-press-releases.gif") no-repeat; margin-bottom:20px; }

#subhead span { display:none; }

/* footer
 * ------------------------------------------------------------------------- */
 
#footer {
	background:url("../images/footer.gif");
	height:150px;
	width:966px;
	margin:0 auto;
	text-align:left;
	font-size:.95em;
	}

#footer p {
	color:#fff;
	padding:0 0 0 33px;
	}

#footer a:link, #footer a:visited { color:#fff; }

#footer a:hover, #footer a:active { color:#fff; text-decoration:none; }

#footer ul { padding:85px 0 0 26px; }

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0 5px 0 7px;
	display: inline;
	border-left: 1px solid #fff;
	}

	#footer li.first { border: none; }




/* Horozontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background:url("../images/nav.gif") no-repeat; 
	width:966px; 
	height:38px; 
	margin:0;
	padding:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height:38px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; }

#nav-01 { width: 61px; margin-left: 12px;}
#nav-02 { width: 104px;}
#nav-03 { width: 98px;}
#nav-04 { width: 126px;}
#nav-05 { width: 141px;}
#nav-06 { width: 86px;}
#nav-07 { width: 108px;}
#nav-08 { width: 139px;}
#nav-09 { width: 79px;}


/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.gif")  -12px -38px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.gif") -73px -38px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.gif") -177px -38px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.gif") -275px -38px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.gif") -401px -38px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.gif") -542px -38px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.gif") -628px -38px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.gif") -736px -38px no-repeat; }
#nav-09 a:hover { background:url("../images/nav.gif") -875px -38px no-repeat; }


/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */
body#index #nav-01 { background:url("../images/nav.gif")  -12px -38px no-repeat; }
body#festival #nav-02 { background:url("../images/nav.gif") -73px -38px no-repeat; }
body#visual #nav-03 { background:url("../images/nav.gif") -177px -38px no-repeat; }
body#performing #nav-04 { background:url("../images/nav.gif") -275px -38px no-repeat; }
body#cafe #nav-05 { background:url("../images/nav.gif") -401px -38px no-repeat; }
body#kids #nav-06 { background:url("../images/nav.gif") -542px -38px no-repeat; }
body#town #nav-07 { background:url("../images/nav.gif") -628px -38px no-repeat; }
body#gala #nav-08 { background:url("../images/nav.gif") -736px -38px no-repeat; }
body#contact #nav-09 { background:url("../images/nav.gif") -875px -38px no-repeat; }


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;			/* Fixes one px spacing for border-right in FF */
	background-color:#720000;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { 
	height:20px; 				/* Height of each drop down nav item */
	border:1px solid #FF00FF;
	border-top:none;
	}	

#nav li ul li a {
	width:100%;
	height:20px;				/* Height of each drop down nav item, should match above */
	line-height:20px;			/* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#FFFFFF;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; background: 0 0; }

/* Hover styles for drop down items */
#nav-03 ul a:hover, #nav-04 ul a:hover { 
	background-image:none;
	background-color:#AA0000;
	color:#FFFFFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-03 ul, #nav-03 li { width:260px; }		
#nav-04 ul, #nav-04 li { width:90px; }



.directions { font-style:italic; font-weight:bold; font-size:.95em; text-align:right; } 


/*   ted accordion */

.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:605px;
  margin-left:15px;
}

.AccordionTitle
{
  cursor:pointer;padding:5px 0 0px 0px; margin: 0px; font-weight:bold; font-size:1.2em; color:#fff;
  
  
  height:35px; 
  overflow:hidden;
  vertical-align:middle;
  background-repeat:repeat-x;
  background-image:url('title_repeater.jpg');
  -moz-user-select:none;
}


.AccordionContent
{
/*  height:0px;
  overflow:hidden;
  display:none; */
  height:auto;
  overflow:hidden;
  margin:10px 0 10px 0;
}


.AccordionContainer
{
  background:#f2efee;
  overflow:hidden;
}


.openAccG { background: url(../images/accordion_open.gif) no-repeat 0 0; }

.closeAccG { background: url(../images/accordion_close.gif) no-repeat 0 0; }





/*   lightbox */

#lightbox{
	position: absolute;
	top: 40px;
	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;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:visited{ background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:visited { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#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;	}	
		
#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;
	}
	

.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 */
	}	


/**********
* Form classes
********************************************/
#form_holder {
  display: block;
  position: relative;
  background: #f1efee;
  width: 566px;
  margin: 20px 0px 20px 15px;
}

#form_holder form {
  border: solid 1px #C6C1BD;
  border-top: none;
  width: 100%;
  padding: 0px 0px 10px 0px;
}

#form_holder img.form_header {
  display: block;
  position: relative;
  width: 566px;
  height: 130px;
  margin: 0px 0px 0px 0px;
}

#form_holder .formline {
  padding-top: 7px;
  padding-bottom: 7px;
}

.padleft {
  padding-left: 20px;
}
#form_holder .fieldholder {
  display: block;
  float: left;
  width: 282px;
}

#form_holder .formline label {
  display: block;
  padding-left: 20px;
  color: #7c6f67;
  font-weight: bold;
}

#form_holder .formline label span {
  color: #f2523f;
}

.textfield {
  display: block;
  width: 80%;
  padding: 2px 0px 2px 5px;
  margin-left: 20px;
  border: solid 1px #7c6f67;
}

#form_holder .formline .required {
  border: solid 1px #f2523f;
}

#form_holder .fieldholder div {
  float: left;
  width: 50%;
}

#form_holder .fieldholder div .textfield {
  width: 60%;
}

#form_holder .formline select.state {
  margin-left: 20px;
  width: 100px;
}

#form_holder .formline select.fullfield {
  margin-left: 20px;
  width: 80%;
}

#form_holder .formline textarea {
  margin-left: 20px;
  width: 512px;
  border: solid 1px #7c6f67;
}

input.submit {
  display: block;
  float: left;
  width: 110px;
  height: 37px;
  background: url(../images/form-submit.gif) no-repeat 0 0;
  cursor: pointer;
  font-weight: bold;
  color: #fff;
  border: none;
}


#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
text-align: left;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}