/* --------- /stylesheets/san5common.css --------- */ 
/*
  # - Colors
  #   - beige 204:194:192         #CCC2C0
  #   - light purple 123:98:158   #7B629E
  #   - brown 145:127:99          #917F63
  #   - orange 206:139:77         #CE8B4D
  #   - maroon 96:51:72           #603348
  #   - green-dark 51:96:75       #33604B
  #   - green-light 133:158:98    #859E62
  #   - red-dark 219:72:38        #DB4826
  #   - red-light 219:99:71       #DB6347
*/

body { font:0.76em Helvetica,Arial,sans-serif; }
* { margin:0em; padding:0em; }
img { border: 0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:block; }

/* Common Attributes for Structural Components */
#header      { background-color: #603348; }
#columnleft  { background-color: #917F63; }
#columnmain  { background-color: #CCC2C0; }
#columnright { background-color: #CE8B4D; }
div.main_inner { padding-left: 1em;}

/* Default Formatting */
p   { font-size:100%; margin-top:1em; }
h1  { font-size:120%; margin-top:1em; margin-bottom: 1em; }
h2  { font-size:110%; margin-top:1em; }
h3  { font-size:100%; margin-top:1em; }
h4  { font-size:100%; margin-top:1em; }
h5  { font-size:100%; font-weight:normal; margin-top:1em; margin-bottom: 0; }
ul  { list-style-type: none; margin: 1em 0em 1em 2em; }
td  { padding: 0em .5em .2em .5em; }
th  { padding: 0em .5em .2em .5em; }
th[scope="col"] {text-align: right; padding-right: 1em;}
a:link,a:visited { color: #603348; text-decoration:none; }
a:hover { color: #CE8B4D; text-decoration:none; }
#columnright a:hover {color: #CCC2C0;}
.more  { margin-top: .5em; color: #7B629E; }
.more:hover  { color: #CE8B4D; }
.detail p {margin-top: 0;}
.artwork_block p {margin:0;}
.gallery_block p {margin:0;}
.show_entry_block p {margin:0;}
td *:first-child { margin-top: 0em;}
span.article_date { font-size: 76%; font-weight:normal; padding-left:2em; vertical-align:bottom; color: #917F63; }
.email { margin-top: .5em; }
.detail ul {margin-top: 0;}
div.textblock ul { list-style-type:none; }
.drophover { border: 2px green; }
div.draggable { float:left; cursor:move; }
div.droppable { float:left; }
.sortelement { cursor: move; }
.sortelement span { cursor:text; }
div.gallery_item { background:white; border:1px solid black; }
div.context_menu ul { margin-top: 0em;}
div.abstract_text h3 { margin-top: 0em;}

/* Form Formatting */
input.required { border: 2px solid red;}

/* Left Column Formatting */
div.left div.artwork_text  { margin: 1em; }
div.left div.event_text    { margin: 1em; }
div.left div.gallery_text  { margin: 1em; }
div.left div.about_block   { margin: 1em; }

/* Main Page Menu */
#listmenu div.multi_drop_menus { border-top: 3px solid #917F63; border-bottom: 3px solid #917F63; text-transform:capitalize; background-color: #917F63; }
#listmenu div.multi_drop_menus ul { border-left:1px solid #CCC2C0; display:inline; }
#listmenu div.multi_drop_menus li { color: #CCC2C0; background-color: #917F63; border-right:1px solid #CCC2C0; }                						    /* border-right is automatically removed from vert menu below  */
#listmenu div.multi_drop_menus a  { color: #CCC2C0; }
#listmenu div.multi_drop_menus a:hover { color: #603348; }

/* Logged in User Main Horizontal Menu */
div.main_inner div.multi_drop_menus { background-color: #CE8B4D; }
div.main_inner div.multi_drop_menus ul { border-left:1px solid #603348; }
div.main_inner div.multi_drop_menus li { color: #603348; background-color: #CE8B4D; border-right:1px solid #603348; }
div.main_inner div.multi_drop_menus li:hover { background-color: #CE8B4D; }
div.main_inner div.multi_drop_menus p { color: #603348; }
div.main_inner div.multi_drop_menus a { color: #603348; }
div.main_inner div.multi_drop_menus a:hover { color: white; }
div.main_inner div.multi_drop_menus li li           { background-color: #CE8B4D; border-bottom:1px solid #CCB; }
div.main_inner div.multi_drop_menus ul li ul li ul  { border-top:1px solid #CCB; } 
div.main_inner div.multi_drop_menus li li li        { background-color: #CE8B4D; }
div.main_inner div.multi_drop_menus li li li li     { background-color: #CE8B4D; }
div.main_inner div.article      { margin-top: 1em; margin-right: 2em; }
div.main_inner div.event        { margin-top: 1em; margin-right: 2em; }
div.main_inner div.event_image  { margin-top: 1em; }
div.main_inner div.event_text   { margin-right: 2em; }
div.main_inner div.links        { margin-top: 1em; margin-right: 2em; }
div.main_inner div.links p      { margin-top: 0em; }
div.main_inner div.textblock    { margin-right: 2em; }
div.main_inner div.privacyofuse { margin-right: 2em; }
div.main_inner {margin-bottom: 1em;}
div.gallery_thumb img { float: right; padding-right: 1em; }
div.artwork_thumb img { float: right; padding-right: 1em; }
div.left div.content_gallery_block img { padding: 0px;}

/* Footer Formatting */
#copyright { font-size:76%; text-align:left; padding-left: 1em; }
#footer ul { margin:0 0 0 0; }
#footer li { float:left; position:relative; list-style-type:none; border-right:1px solid black; }
#footer li:first-child { border-left:1px solid black; }
#footer a  { display:block; padding-left: 1em; padding-right: 1em; text-decoration:none; color:black; }

/* Calendar Page Formatting */
#month_detail table {background-color: white; }
.calendar       { margin: auto;}
.monthName  th  { font-weight: normal; text-align: right; padding-top: 1em; padding-bottom: 0.7em;}
.dayName    th  { color: white; background-color: #603348; font-size: 0.7em; padding-top: 0.6em; padding-bottom: 0.3em; }
td.otherMonth,td.day,td.specialDay    { padding: 0.7em 1em; border-right: 1px solid white; }
.otherMonth         { color: #eeeeee;}
.weekendDay         { background-color: #CCC2C0;}
td.day,td.specialDay    { text-align:center; border-bottom: 1px dotted #bbbbbb;}
.specialDay         { color: white; background-color:#CE8B4D;}
.specialDay a,.specialDay a:visited,.specialDay a:hover { color:white; text-decoration:none; padding:1em;}
.specialDay a:hover { color: white; background-color: black;}
.today              { color: white; background-color: #859E62;}
div.specialDay { text-align: center; margin: 1em 1em 1em 1em; padding: 1em 1em 1em 1em;}

/* Other */
div#working_indicator { position:absolute; top:50%; left:40%; height:25%; width:25%}

/* Information and Error Notices */
#notice  { color: green; background-color: white; margin-bottom: 1em; }
#message { color: red; background-color: white; margin-bottom: 1em; }
.fieldWithErrors        { padding: .25em; background-color: #DB6347; /*display: table;*/ }
#errorExplanation       { background-color: #DB6347; border: 2px solid #DB4826; padding: 0em .5em 1em .5em; margin: 0em 1em 1em 1em;  }
#errorExplanation h2    { color: white; background-color: #DB4826; text-align: left; font-weight: bold; padding: .5em .5em .5em 1em; font-size: 120%; margin: 0em;}
#errorExplanation p     { color: black; margin: 0; padding: .5em; }
#errorExplanation ul    { margin: 0em;}
#errorExplanation ul li { margin-left: 2em; list-style: square; }
#stickies .error_stickie,
#stickies .warning_stickie,
#stickies .notice_stickie,
#stickies .debug_stickie    { margin: 1em 1em 1em 0em; padding: 1em 1em 0.7em 1em; /*-webkit-border-radius:10px;*/ }
#stickies .error_stickie    { border: solid 2px #DB4826; background-color:#DB6347; }
#stickies .warning_stickie  { border: solid 2px #FFFF99; background-color:#FFFFCC; }
#stickies .notice_stickie   { border: solid 2px #33604B; background-color:#859E62; }
#stickies .debug_stickie    { border: dashed 2px #444;   background-color:#eee; }
#stickies .stickies_close_area { margin: 0; padding: 0 10px 4px 0; float:right; }

/* Styles for templated_attribute plugin */
input.templated_attribute,textarea.templated_attribute { color: #aaa; }
/* --------- /stylesheets/san5ext.css --------- */ 
/* Structural Formatting */
div.mainwrapper { width:1000px; background-color: white; }
/* Common Elements */
.line { float: left; width: 100%; display: block; position: relative; }
.item { position: relative; float: left; left: 100%; }
#header         { height: 75px; }
#header_logo    { margin-left: -100%; }
#header_logo2   { margin-left: -263px; }
#listmenu       { margin-left: -100%; width: 100%; }
#listmenu div.multi_drop_menus { margin: 0; }
#listmenu div.multi_drop_menus ul { margin-left: 25%; }
#columnleft     { margin-left: -100%; width:  35%; }
#columnmain     { margin-left:  -65%; width:  65%; }
#columnright    { margin-left:  0px; width:  0px; }
#copyright      { margin-left: -100%; width:  30%; }
div.left            { min-height: 747px; /*overflow: hidden;*/}
div.main            { min-height: 747px; /*overflow: auto;*/ }
div.main_no_scroll  { min-height: 747px; }
#footer         { margin-left:  -70%; width:  70%; }
#errorExplanation { width:80%; }
/* Sub-Elements */
#listmenu div.multi_drop_menus ul { margin-left: 35%; }
.artwork_block  { float:left; width:300px; height:120px; padding: 10px 0px 10px 0px; }
.artwork_thumb  { margin-left: -100%; width:  35%;}
.artwork_text   { margin-left:  -65%; width:  65%;}
.gallery_block  { float:left; width:300px; height:100px; margin:10px 0px 10px 0px; }
.gallery_thumb  { margin-left: -100%; width:  40%;}
.gallery_text   { margin-left:  -60%; width:  60%;}
div.left img    { padding-top: 1em; padding-left: 4em;}
div.left .gallery_text img   { padding-top: 0em; padding-left: 3em;}
div.abstract div.abstract_image { float: left; margin-right: 1em }
div.abstract div.abstract_text  { float: left; display: block; width: 70%; }
div.left div.calendar_block { margin-top: 1em;}/* --------- /stylesheets/multi_drop_menus_class.css --------- */ 

 div.multi_drop_menus * {
 margin:0; padding:0;     /* removes margin and padding off all list elements */
 }
/* SET YOUR PREFERENCES!!! */
/* set your menu's font and colors here - the MENU MECHANICS  follow below */
div.multi_drop_menus {
 font-family: arial, sans-serif;   /* font family for menu */
 font-size:1em; /* size of menu's type relative to parent element */
 margin:0px 0 10px 0px;
 background-color:white;    /* colors the div - div fills the parent element for a horizontal menu - set to background-color:transparent; if not needed */
 }

div.multi_drop_menus ul {
 	border-left:1px solid #000;   /* creates dividing line to left of level 1's first menu item, revealing div color to left of menu */
	display:inline;						/* fixes margin-doubling bug in IE6 */
 	}
div.multi_drop_menus li {
 color: blue;                     		/* sets the color of all menu type */
 padding:.1em 5px;           		/*creates space top/bottom and left/right respectively around each menu item's text - set vert height in ems   */
 background-color: white;         /* background color of the level 1 menu items */
 border-right:1px solid #000;   /* creates dividing lines to right of each horiz level 1 menu item *//* set to 0px to remove */
 }                						    /* border-right is automatically removed from vert menu below  */

div.multi_drop_menus li:hover {
 background-color: white;      /* background color of hovered menu items */
 }
 div.multi_drop_menus p {
 color: blue;                     		/* sets the color of all menu type */
 padding: .1em 5px .1em 5px;           		/*creates space top/bottom and left/right respectively around each menu item's text - set vert height in ems   */
 margin-top: 0px;
 }
 div.multi_drop_menus a {
 color: blue;                     		/* sets the color of all menu type */
 padding:.1em 5px;                /*creates space top/bottom and left/right respectively around each menu item's text - set vert height in ems   */
 }
 div.multi_drop_menus a:hover {
 color: blue;        				 /* type color of a hovered menu choice */
 }
div.multi_drop_menus ul li ul {
 width:9em;   						/* sets the width of menu levels 2 - 4 */
 padding-top: 0px;
 margin-top: 0px;
 }
div.multi_drop_menus li li { 
 background-color: white;        /* background color of the level 2 menu */
 border-bottom:1px solid #CCB; /* lines between menu choices - set to 0px if not wanted */
 }
div.multi_drop_menus ul li ul li ul  {
 border-top:1px solid #CCB;     /* set the border-top of levels 3 and 4 of a horizontal menu - set to 0px to remove - for a vertical menu, you will set this for levels 1 - 4 below */
 top:-1px; /* set to negative value of border-top for perfect pop-out alignment -set to 0 if border is 0 - don't remove! */
 } 
div.multi_drop_menus li li li { 
 background-color: white;          /* background color of the level 3 menu */
 }
div.multi_drop_menus li li li li { 
 background-color: white;         /* background color of the level 4 menu */
 }
  /* Want transparency on your menus? add the class 'transparent' to the multi_drop_menus div */
/*div.multi_drop_menus.transparent ul ul li {*/
 /* note: the lower the value, the greater the transparency */
/*  opacity:0.9;      /* CSS3 - range 0 to 1 */ 
/*  -moz-opacity:0.9; /* Firefox- range 0 to 1  */
/*  }*/
/* ADDITIONAL PREFS FOR VERTICAL MENU - NO NEED TO TOUCH THESE IF LEVEL 1 IS HORIZONTAL */
div.multi_drop_menus.vertical ul {
 border-top:1px solid #CCB;     /* set the border-top of level 1 of the vertical menu - broken out separately so it can be different from top border of other levels */
 }
div.multi_drop_menus.vertical li {
 border-bottom:1px solid #CCB;  /* adds horizontal lines between menu choices - overrides main setting above for this feature */
 }
div.multi_drop_menus.vertical ul ul  {
 border-top:1px solid #CCB;       /* set the border-top of levels 2 - 4 of a vertical menu - set to 0 to remove */
 top:-1px;            /* set to negative value of border-top for perfect pop-out alignment - set to 0 if border is 0 - don't remove!*/
 }
 
/* end vertical menu preferences */
/* END MENU PREFERENCES */
 
/* YOU ARE STONGLY ADVISED NOT TO MODIFY THE CODE THAT FOLLOWS : ) */
/* the menu mechanics start here */
div.multi_drop_menus {
	float:left;
 	width:100%;
	}
div.multi_drop_menus ul {
 float:left; /* makes ul wrap li */
font-size:1em; /* prevents inheritence from maiin text style sheet */
}
div.multi_drop_menus li {
 float:left;  /*causes the list to align horizontally instead of stack */
 list-style-type:none; /* removes the bullet off each list item */
 position:relative; /* positioning context for the absolutely positioned drop-down */
 }
div.multi_drop_menus a {
 display:block; /* makes link fill li so entire area is "hot" */
 text-decoration:none;  /* removes the underlining from the links */
 }
/* the horizontal menu ends here */
/* the drop-downs starts here */
div.multi_drop_menus ul li ul { 
 position:absolute;     /* positions the drop-down ul in relation to its relatively positioned li parent */
 border:0;         			/* stops inheritance from level 1 ul */
 margin-left:0px;        /* stops inheritance from level 1 ul */
 }
div.multi_drop_menus ul li ul li {
 width:100%;
 padding:0; /* stops inheritance */
 border-left:0; /* stops inheritance */
 border-right:0; /* stops inheritance */
 }
div.multi_drop_menus ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div.multi_drop_menus ul li:hover ul {
	display:block; /* shows the drop-down when the menu is hovered */
	z-index:1000; /* Safari needs this to display menu on top of other page elements */
	} 
/* pop-outs starts here */
body div.multi_drop_menus ul li ul li ul  {
 position:absolute; /* associated menu with parent li positioning context */
 visibility:hidden; /* ensures that level 3 menu is not reveal when level 2 is reveled */
 left:100%;
 top:-1px; /* aligns level 3 and 4 pop-out with previous level */
 }
div.multi_drop_menus ul li ul li:hover ul {visibility:visible;} /* shows level 3 menu when associated level 2 li is hovered */
/* second and third level popouts here*/
div.multi_drop_menus ul li ul li:hover ul li ul {visibility:hidden;} /* ensures that level 4 is not reveal when level 3 is reveled */
div.multi_drop_menus ul li ul li ul li:hover ul {visibility:visible;}  /* shows level 4 menu when associated level 3 li is hovered */
/* the drop-downs end here */
 
/* extra styles for the vertical menu */
div.multi_drop_menus.vertical ul {
 border-left:0px; /* removes the border of the level 1 ul that can be used in the horizontal menu */
 margin-left:0;         /* removes left margin that is available on horizontal menu */
 }
.vertical ul { /* took off the id so the ul ul width setting in prefs was more specific */
 width:100%; 
}
div.multi_drop_menus.vertical li {
 position:relative; /* positioning context for the level 2 menu */
 width:100%;         /* set width of level 1 menu - MUST match left value in ul ul selector below */
 clear:left; /* makes the main menu stack - note: turning off floating (alternative way to create stacking) causes spacing problems in IE */
 border-right:0; /* removes right borders used by horiz level 1 */
}
div.multi_drop_menus.vertical ul ul  {
 position:absolute; /* make ul position relative to parent li for all menu levels */
 left:100%;         /* align level 2 with level 1 - MUST match li width in selector above */
 top:-1px; /* aligns the level 2 pop-out */
 }
/* levels 2 -4 width */
div.multi_drop_menus.vertical li li {
}
div.multi_drop_menus.vertical ul ul ul {
 left:100%;          /* align level 2 with level 3 and 3 with 4 - MUST match li width in selector above */
 }
 /* END MENU MECHANICS */
 
 /* END OF LIST-BASED MENU *//* --------- /stylesheets/lightwindow.css --------- */ 
#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(/images/lightwindow/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(/images/lightwindow/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(/images/lightwindow/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(/images/lightwindow/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
/*      filter: alpha(opacity=70);*/
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(/images/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(/images/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(/images/lightwindow/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
/*      filter: alpha(opacity=70);*/
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}


/* --------- /stylesheets/modalbox.css --------- */ 
#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #EFEFEF;
	height: 100%;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(/images/spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
/*  -webkit-border-radius: 7px; 
    -moz-border-radius: 7px;*/
/*  border-radius: 7px;*/
}
#MB_window {
	background-color: #EFEFEF;
	color: #000;
/*  -webkit-box-shadow: 0 8px 64px #000; 
    -moz-box-shadow: 0 0 64px #000; */
/*  box-shadow: 0px 64px #000;*/
	
/*  -webkit-border-radius: 7px; 
    -moz-border-radius: 7px;*/
/*  border-radius: 7px;*/
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color: #DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color: #000 }
#MB_close { color: #777 }
#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}/* --------- /stylesheets/calendar_date_select/default.css --------- */ 
.calendar_date_select {
  color:white;
  border:#777 1px solid;
  display:block;
  width:195px;
  z-index: 1000;
}
/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
iframe.ie6_blocker {
  position: absolute;
  z-index: 999;
}

.calendar_date_select thead th {
  font-weight:bold;
  background-color: #aaa;
  border-top:1px solid #777;
  border-bottom:1px solid #777;
  color: white !important;
}

.calendar_date_select .cds_buttons {
  text-align:center;
  padding:5px 0px;
  background-color: #555;
}

.calendar_date_select .cds_footer {
  background-color: black;
  padding:3px;
  font-size:12px;
  text-align:center;
}

.calendar_date_select table {
  margin: 0px;
  padding: 0px;
}


.calendar_date_select .cds_header {
  background-color: #ccc;
  border-bottom: 2px solid #aaa;
  text-align:center;
}

.calendar_date_select .cds_header span {
  font-size:15px;
  color: black;
  font-weight: bold;
}

.calendar_date_select select { font-size:11px;}

.calendar_date_select .cds_header a:hover {
  color: white;
}
.calendar_date_select .cds_header a {
  width:22px;
  height:20px;
  text-decoration: none;
  font-size:14px;
  color:black !important;
}

.calendar_date_select .cds_header a.prev {
  float:left;
}
.calendar_date_select .cds_header a.next {
  float:right;
}

.calendar_date_select .cds_header a.close {
  float:right;
  display:none;
}

.calendar_date_select .cds_header select.month {
  width:90px;
}

.calendar_date_select .cds_header select.year {
  width:61px;
}
.calendar_date_select .cds_buttons a {
  color: white;
  font-size: 9px;
}

.calendar_date_select td {
  font-size:12px;
  width: 24px;
  height: 21px;
  text-align:center;
  vertical-align: middle;
  background-color: #fff;
}
.calendar_date_select td.weekend {
  background-color: #eee;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}

.calendar_date_select td div {
  color: #000;
}
.calendar_date_select td div.other {
  color: #ccc;
}
.calendar_date_select td.selected div {
  color:white;
}

.calendar_date_select tbody td {
  border-bottom: 1px solid #ddd;
}
.calendar_date_select td.selected {
  background-color:#777;
}

.calendar_date_select td:hover {
  background-color:#ccc;
}

.calendar_date_select td.today {
  border: 1px dashed #999;
}

.calendar_date_select td.disabled div {
  color: #e6e6e6;
}

.fieldWithErrors .calendar_date_select {
  border: 2px solid red;
}