/* CSS Document */
html, body, #content { height: 100%; }
body > #content { height: auto; min-height: 100%; }
.background_image { 
	height: auto;
	min-height: 100%;
}

.adjust_biography_footer{
	height:500px;
}
.adjust_footer{
	height:30px;
}
body.credits .main_body .description .footer_list li{
	padding-bottom:12px;
}
.main_body .description .footer_list{
	padding:0 0 11px;
}
.main_body .description .footer_list li{
	padding:0;
}
#homepage_container{
	/* height:375px; */
	width:1200px;
	margin-top:65px;
	background:url(img/transparent_back.png) 0 0;
	padding-bottom: 30px;
}

hr{
	color:#999999;
	background-color:#CCCCCC;
	height: 0px;
}
.white_top{
	font-family:lucida grande, arial;
	background-color:#ffffff;
	margin:auto;
	padding:0;
	background:url(img/white_top_background.gif);
	background-repeat:repeat-x;
	width:100%;
}
.gray_top{
        font-family:lucida grande, arial;
        background-color:#ffffff;
        margin:auto;
        padding:0;
        background:url(img/gray_top_background.gif);
        background-repeat:repeat-x;
        width:100%;
}
.background_image{
	background-color:#FFFFFF;
	display:block;
	width:1200px;
}
body.herbblock .background_image {
        background: url(img/home_background.gif) no-repeat;
}
body.biography .background_image {
	background: transparent url(img/bio_background.jpg) no-repeat;
}
body.contact .background_image{
	background: transparent url(img/contact_background.jpg) no-repeat;
}
body.copyright .background_image{
	background: transparent url(img/copyright_background.jpg) no-repeat;
}
body.credits .background_image{
	background: transparent url(img/credits_background.jpg) no-repeat;
}
body.education .background_image{
	background: transparent url(img/education_background.jpg) no-repeat;
}
body.publications .background_image {
	background: transparent url(img/publications_background.gif) no-repeat;
}
body.education .background_image {
	background: transparent url(img/education_background.jpg) no-repeat;
}
body.exhibit .background_image {
	background: transparent url(img/exhibit-background.jpg) no-repeat;
}
body.education .top_image {
	background: url(img/education_top_image.gif) no-repeat;
}
body.publications .top_image {
	background: url(img/pub_top_image.jpg) no-repeat;
}
body.contact .top_image{
	background: url(img/contact_top_image.jpg) no-repeat;
}
body.copyright .top_image{
	background: url(img/copyright_top_image.jpg) no-repeat;
}
body.credits .top_image{
	background: url(img/credits_top_image.jpg) no-repeat;
}
body.biography .top_image {
	background: url(img/bio_top_image.gif) no-repeat;
}
body.result .top_image,
body.request_exhibition .top_image {
	background: url(img/request_top_image.gif) no-repeat;
}
body.exhibit .top_image {
	background: url(img/exhibitions-top-image.jpg) no-repeat;
}
a{
	text-decoration:none;
}
li {
	list-style-type:none;
}
img{
	border-style:none;
}

body.gallery .content,
body.contact .content,
body.credits .content,
body.copyright .content,
body.request_exhibition .content{
	height:820px;
}
body.biography .content{
	height:820px;
}
.content{
	width:1200px;
	margin:0 auto;
	padding:0;
	margin-left:auto;
	margin-right:auto;劉top:0px;
	right:0px;
	bottom:0px;
	left:0px;
}
div.header{
	height:45px;
	background: url(img/header.png) no-repeat;
}
div.header .request_exhibition_button{
	float:right;
	margin-right:125px;
}

/*TOP NAVIGATION STARTS*/
.header #navlist{
	padding-left:351px;
	padding-top:0px;
}
.header span{
	display:none;
}
#exhibit a {
	float:left;
	width:94px;
	height:45px;
	display:block;
	background:url(img/exhibitions_nav.gif) 0px 0px no-repeat;
	padding-right:37px;
}
#exhibit a:hover {
	background:url(img/exhibitions_nav.gif) 0px -50px no-repeat;
}
#exhibit #current{
	background:url(img/exhibitions_nav.gif) 0px -50px no-repeat;
}
#education a {
	float:left;
	width:90px;
	height:45px;
	display:block;
	padding-right:31px;
	background:url(img/education_nav.png) 0px 0px no-repeat;
}
#education a:hover{
	background:url(img/education_nav.png) 0px -50px no-repeat;
}
#education #current{
	background:url(img/education_nav.png) 0px -50px no-repeat;
}
#publications a{
    float:left;
	width:110px;
	height:45px;
	display:block;
	padding-right:31px;
	background:url(img/publications_nav.png) 0px 0px no-repeat;
}
#publications #current{
	background:url(img/publications_nav.png) 0px -50px no-repeat;
}
#publications a:hover{
	background:url(img/publications_nav.png) 0px -50px no-repeat;
}
#biography a{
	float:left;
	width:90px;
	height:45px;
	display:block;
	padding-right:27px;
	background:url(img/biography_nav.png) 0px 0px no-repeat;
}
#biography a:hover{
	background:url(img/biography_nav.png) 0px -50px no-repeat;
}
#biography #current{
	background:url(img/biography_nav.png) 0px -50px no-repeat;
}
#gallery a{
	float:left;
	width:90px;
	height:45px;
	display:block;
	padding-right:20px;
	background:url(img/gallery_nav.png) 0px 0px no-repeat;
}
#gallery a:hover{
	background:url(img/gallery_nav.png) 0px -50px no-repeat;
}
#gallery #current{
	background:url(img/gallery_nav.png) 0px -50px no-repeat;
}

/*TOP NAVIGATION ENDS*/

.top_image{
	height:154px;
}
.yellow_divide{
	background-color:#FFCC00;
	height:3px;
	width:100%;
}
.main_body{
	color:#4f4d4d;
	padding-top:34px;
	width:1000px;
	margin-right:75px;
	float:right;
}
.main_body .main_text{
	/*padding-left:350px;*/
	float:left;
}
.footer #credits{
	padding-right:5%;
}
.footer{
	background-color:#231f1f;
	height:30px;
	/*margin-top: -30px;*/
	width:100%;
	clear:both;
	position:relative;
	clear: both;
	color:#9c9c9c;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
	margin-right:200px;
	padding-top:12px;
}
.footer a{
	color:#9c9c9c;
	padding-right:10px;
	padding-left:10px;
}
.footer a:hover{
	color:#9c9c9c;
	text-decoration:underline;
}
/*.footer_links{
	color:#CCCCCC;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
	float:right;
	margin-right:125px;
	margin-top:7px;
}*/
/*.footer .footer_links a{
	color:#9c9c9c;
	padding-right:10px;
	padding-left:10px;
}*/
/*.footer .footer_links a:hover{
	text-decoration:underline;
}*/
.blank{
	height:300px;
}
#request_no_ol{
	padding:0;
}
#request-form ol,
#request-form ol li {
	margin-top: 40px;
	padding: 0;
	vertical-align: top;
	margin-left:0;
}
#request-form #completeForm{
	margin-top:15px;
	float:left;
	position:relative;
}
#request-form ol #not_available{
	float:left;
	font-weight:100px;
	display:block;
	background:url(img/not_available.gif) no-repeat;
	margin-top:6px;
	font-weight:100;
	padding:3px 0 0 22px;
	height:20px;
	color:#9D9494;
}
#bottom_of_form{
	margin-top:20px;
	border:1px thin;
}
#request_form #_container ol li{
	margin-top:0px;
}
/*# ol #select-an-exhibit{
    margin-top:5px;
}*/
#request-form ol #select_a_date{
	margin-top:28px;
	float:left;
	position:relative;
}
body.exhibit #gallery_flash{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
body.exhibit #exhibit_flash{
	height:560px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
body.request_exhibition #request-form ul li {
	margin-top: 6px;
	vertical-align: top;
	list-style-type:none;
	padding-bottom:6px;
	border-bottom:1px solid #999999;
	font-size:12px;
}
/*#request-form ol li #select-exhibit{
	margin-top: 25px;
	vertical-align: top;
	list-style-type:none;
}*/
#select-exhibit {
	padding: 0;
	border:1px solid #DDD;
}
#daterangepicker{
	border: 1px solid #DDD;
	width:65%
	z-index:-1;
}
#request-form ol li #left_ex_selected{
	width:78%
}
/*#request-form .selectbox {*/
#select-exhibit {
	background:transparent url(img/form_right_arrow.gif) no-repeat scroll 210px center;
	display:block;
	height:18px;
}
#request-form ol li #fillout-form{
	line-height:25px;
	height:175px;
}
#request-form ol li #select-exhibit,
#request-form ol li #fillout-form,
#request-form ol li #daterangepicker{
    margin:0 0 0 150px;
	position:relative;
}
#request-form ol li #select-exhibit{
	width:220px;
}
/* for jquery.selectbox, width of the input element needs to be 100% */
#request-form ol li #select-exhibit select[name=exhibit] {
	width: 100%;
}
#request-form ol li .content-block {
	padding:8px 0 11px 17px;
	width:559px;
}
body.request_exhibition .main_text {
	width: 768px;
}
body.request_exhibition #request-form ol li>div:first-child {
	width: 132px;
	float: left;
	font-weight:bold;
	margin-top:12px;
}
.clearer {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cleafix { display: inline-block; }
/* hides from ie-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from IE-mac */

#request-form div.left {
        float: left;
}
#fillout-form {
    border: 1px solid #DDD;
}
#fillout-form input {
        border: none;
        border-bottom: 1px solid black;
		height:14px;
}
#fillout-form .left,
#fillout-form .right {
        /* width: 45%; */
}
#fillout-form .right label {
	padding-left: 10px;
}
#fillout-form .left label,
#fillout-form .right label {
   padding-right:8px;
}
#fillout-form .left input[type=text],
#fillout-form .right input[type=text] {
         /* width: 20%; */
}
#fillout-form input[name=address] {
        width:86%;
}
#fillout-form label[for=address] {
        width:25%;
		padding-right:8px;
}
#fillout-form input[name=exhibit_selected],
#fillout-form input[name=start_date_selected],
#fillout-form input[name=end_date_selected] {
        /*border: none;*/
        color: #B68E04;
}
#fillout-form #date_selected input{
	width:210px;
}
#fillout-form #submit_button{
	padding-right:13px;
	color:transparent;
}
#fillout-form #submit_button input{
	width:71px;
	height:26px;
	border:none;
	display:block;
	color: transparent;
	text-indent: -999999em;
	background:url(img/submit_button.png) no-repeat;
	float:right;
}

#fillout-form .left input[type="text"], #fillout-form .right input[name="contact_name"],
#fillout-form .left input[type="text"], #fillout-form .right input[name="phone"]{
	width:190px;
	font-size:12px;
}
#fillout-form input[name="email"]{
	width:242px;
}
#fillout-form input[name="institute"]{
	width:227px;
}

/* Rotator for homepage */
/* rotator in-page placement */
div#rotator ul,
div#rotator li,
div#rotator {
        position:relative;
        width:381px;
        height: 276px;
        margin:0;
        padding:0;
}
div#rotator {
        margin-top: 7px;
}
div#rotator li.slide a.slide-right,
div#rotator li.slide a.slide-left,
div#rotator li.slide a.slide-link {
        position: relative;
        display:block;
        /*border: 1px solid #DDD;*/
}
div#rotator li.slide a.slide-right,
div#rotator li.slide a.slide-left {
        height: 62px;
        width: 39px;
        top:99px;
}
div#rotator li.slide a.slide-left {
        float: left;
}
div#rotator li.slide a.slide-right {
        left: 336px;
}
div#rotator li.slide a.slide-link {
        width: 176px;
        height: 33px;
        top: 173px;
        left: 199px;
}
div#rotator li.slide-1 {
        background: url(img/slide-1.png) no-repeat;
}
#daterangepicker #end{
	padding-left:90px;
}
#daterangepicker #start{
	padding-left:88px;
}
#dep-container,
#dsp-container {
	width: 42%;
}
#dsp-container {
	float: left;
	padding-left:7px;
}
#dep-container {
	border-left:1px solid #DDDDDD;
	margin-left: 267px;
	padding-left:27px;
}
#datestartpicker {
	width:50%;
}
.ui-datepicker .ui-datepicker-header {
	height: 22px;
}

.error label {
	color: red;
}
.error label:after {
	content: "*";
}

ul.comboboxP {
	z-index:1000;
	display:none;
	background-color: #FFFFFF;
	position:absolute;
	left:0px;
	margin:0;
	padding:0 20px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
ul.comboboxP li.comboboxC a,
ul.comboboxP li.comboboxC {
	position: relative;
	z-index: 1000;
	background-color: #FFF;
}
#_input {
	width: 100%;
	background: none;
	border: none;
}
#select-exhibit {
	z-index: 2000;
}
#ui-datepicker-div {
	display: none;
}

#confirmation {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
/*style*/
#request-form ol li #fillout-form{
	margin:10px 0 0;	
	overflow:hidden;
	padding-bottom:10px;
	height:auto;
}
#request-form h3{
	margin:10px 0 0;
	font-size:12px;
	line-height:18px;
}
#request-form h3 span{
	text-transform:uppercase;
	text-decoration:underline;
}
#request-form div.box{
	float:left;
	width:180px;
	border:1px solid #d9d9d9;
	margin:10px 6px 0 0;
}
#request-form div.title{
	width:100%;
	background:#f1f0ee;
	height:50px;
	overflow:hidden;
	border-bottom:1px solid #d9d9d9;
}
#request-form div.title h4{
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	text-align:center;
	padding:0 10px;
	margin:5px 0 0;
}
#request-form div.box div.body{
	width:168px;
	overflow:hidden;
	height:150px;
	padding:0 0 0  12px;
}
#request-form div.box .body-inner{
	overflow:auto;
	height:145px;
	width:100%;
	padding:5px 0 0;
	font-size:12px;
	line-height:24px;
}
#request-form div.box .body-inner span{
	display:block;
	font-size:11px;
	line-height:18px;
	padding:3px 0;
	margin:0 12px 0 0;
	border-bottom:1px solid #D9D9D9;
}
#request-form h3.left{
	padding-left:15px;
}
#request-form div.form-radios{
	width:350px;
	margin:10px 0 0;
	padding:5px 10px;
	overflow:hidden;
	border:1px solid #d9d9d9;
}#request-form ol{
	margin:-40px 0 0;
}
#fillout-form #left_ex_selected label,
#fillout-form #date_selected label {
	display:block;
	color:#4F4D4D;
}
#fillout-form #date_selected span{
	padding-left:20px;
}
#bottom_of_form {
	width:100%;
	overflow:hidden;
}
#fillout-form #left_ex_selected input{
	color:#B68E04;
	font-weight:bold;
	width:400px;
	height:25px;
	border:0;
	margin-left:20px;	
}
/*admin section*/
#content div.form{
	margin:10px 0 0;
	overflow:hidden;
	width:100%;
}
#content div.form .col{
	float:left;
	padding:10px 0 10px;
	width:500px;
}
#content div.form fieldset{
}
#content div.form div.form-item{
	width:100%;
	overflow:hidden;
	padding:5px 0;
}
#content div.form div.form-item label{
	display:block;
	font-size:12px;
	line-height:18px;
}
#content div.form div.form-item label.inline{
	padding-left:20px;
	padding-right:5px;
	float:left;
}
#content div.form div.form-item label.select{
	float:left;
	padding-right:5px;
}
#content div.form div.form-item input{
	float:left;
	border:0;
	border-bottom:1px solid #000;
}
#content div.form div.form-item input.readonly{
	background:#eee;
}
#content div.form input.form-submit{
	display:block;
	margin:10px auto 20px;
}
#content ul.submenu{
	width:100%;
	overflow:hidden;
	margin:10px 0 0;
	padding:0;
	border-bottom:2px solid #ebdc67;
}
#content ul.submenu li{
	float:left;
	padding:0 5px 0 0;	
}
#content ul.submenu li a{
	float:left;
	background:#f1f0ee;
	color:#000;
	padding:0 10px;
	line-height:24px;
	border:1px solid #dbdbdb;
	border-bottom:0;
}
#fillout-form #exhibitselected span{
	color:#B68E04;
	font-weight:bold;
	margin-left:20px;
	display:block;
	padding:3px 0;
	line-height:18px;
	font-size:12px;	
}
.error span {
	color:red;
}