/* Screen style */
body { font-size: 68.75%; padding: 0; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: -1px;	position: absolute; top: 1px; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }
a.ir span { cursor: pointer; }
.ir2 { overflow: hidden; text-indent: -2000px; }

/* Auto clearing floats */
#nav .flyout .inner:after, .orange-panel .top:after, .home-cols:after, #footer .inner:after, #bottom:after, .sortable-box .inner:after, .customize-box .welcome:after, .customize-box .inner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Wrapper */
#wrapper { 
/*
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-width: medium 1px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
*/	
    margin: 0 auto;
    width: 973px; /*951*/
	padding-bottom:7px;
	background:url(../images/layout_bg_repeat.png) repeat-y;

 }
#inner_wrapper {float:left;width:100%;position:relative;background:url(../images/layout_bg_repeat.png) repeat-y 0 0;}


/* Header Style Start*/

.header_right_sec {float:right;width:auto;padding:0 20px 0 0;}

.top_links {float:right;width:auto;height:26px;background:url(../images/top_link_repeat.gif) repeat-x 0 0;}
.top_links .left_curve {float:left;width:auto;height:26px;background:url(../images/top_link_left.gif) no-repeat 0 0;}
.top_links .right_curve {float:left;width:auto;height:26px;padding:0 7px 0 20px;background:url(../images/top_link_right.gif) no-repeat right 0;}
.top_links ul {float:left;width:auto;list-style:none;padding:6px 1px 4px 0;/*margin-right:7px */;display:inline; /*background:url(../images/language_sep.gif) no-repeat right 4px; */}
.top_links ul li {float:left;width:auto;padding:0 12px 0 0;}
.top_links ul li a {float:left;width:auto;color:#666666;text-decoration:none;font:bold 1em Arial, Helvetica, sans-serif;}
.top_links ul li a:hover {text-decoration:underline;color:#474747}
.top_links a.language {float:left;width:auto;color:#313131;margin:5px 0 0 0;text-decoration:none;font:12px/14px "Adobe Heiti Std",Arial, Helvetica, sans-serif;}
.top_links a:hover.language {text-decoration:underline;}

.search_area {float:right;width:auto;clear:right;padding:18px 0 0 0;}
.search_area form,.search_area form fieldset {float:left;width:100%;}
.search_area .text_box {float:left;width:143px;height:18px;padding:8px 2px 4px 12px;background:url(../images/text_box.gif) no-repeat 0 0;}
.search_area .text_box input {float:left;width:100%;height:18px;border:0;color:#8c8a8a;background:none;font:11px/14px Arial, Helvetica, sans-serif;}
.search_area .drop_sec {float:left;width:129px;height:30px;background:url(../images/drop_repeat.gif) repeat-x 0 0;}
.drop_sec .right_curve {float:left;width:100%;height:30px;background:url(../images/drop_right.gif) no-repeat right 0;}
.search_area input.go_btn {float:left;width:auto;color:#30302d;border:0;cursor:pointer;padding:8px 0px 0px 6px;background:none;font:bold 12px/14px Arial, Helvetica, sans-serif;}
.drop_sec .drop {float:left;width:93px;padding-bottom:5px;}
.drop_sec a.arrow {float:left;width:7px;height:6px;margin:11px 7px 0 0;background:url(../images/down_arrow.gif) no-repeat right 2px;}
.select_box {width:93px;float:left;position:relative;z-index:999;display:inline;background:url(../images/drop_sep.gif) no-repeat right 2px;}
.select_box span {background:none;float:left;width:auto;padding: 10px 0 6px 6px;font:9px/12px Arial, Helvetica, sans-serif;color:#555448;text-transform:capitalize;}
.select_btn {position: absolute;right: -6px;top: 13px;width: 20px;}
.drop_sec1 {width:93px;z-index:999;padding:bv5px 0 0 0;top:30px;left:0px;position:absolute;background:url(../images/drop_repeat01.png) repeat-y 0 0;}
.drop_sec ul {float:left;width:auto;list-style:none;padding:1px 5px 5px 6px;}
.drop_sec1 ul li {float:left;width:auto;padding-bottom:2px;font-size:10px;}
.drop_sec1 ul li a{float:left;width:auto;color:#3f3f3f;text-decoration:none;}
#faculty-logo {float:left;margin-top:20px;padding-left:12px;border-left:2px solid #286cb7;}

.drop_search{
	background-color: #EEEEEE;
    border: 1px solid #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    display: inline-block;
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
	height:26px
	}

#search-box1 {
	display: inline-block;
    float: left;
    list-style: none outside none;}
#search-box1 .inputbox {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, 0 0%, 0 25, from(#FFFFFF), color-stop(0.04, #EEEEEE), to(#FFFFFF));
    border-color: -moz-use-text-color #E5E5E5 -moz-use-text-color -moz-use-text-color;
	background:url(../images/search_bg.png) no-repeat left top;
    border-image: none;
    border-radius: 5px 0 0 5px;
    /*border-style: none solid none none;*/
    border-width: 0 1px 0 0;
    color: #666666;
    font-family: arial;
    font-size: 11px;
    margin: 0;
    outline: 0 none;
    padding: 6px;
    width: 128px;
	
	}
	
#search-box1 .inputbox:hover{
	background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;	
}
#search-btn {    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #E5E5E5;
    border-image: none;
    border-radius: 0 5px 5px 0;
   /* border-style: none none none solid;*/
    border-width: 0 0 0 1px;
   /* color: #333333;*/
    cursor: pointer;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    height: 26px;
    margin: 0;
    padding: 0;
    width: 32px;}
#search-btn:hover{    background: none repeat scroll 0 0 #FF7F50;
    color: #FFFFFF;	
}
#search-coloumn {float:left;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#666; background: url("../images/select_arrow.png") no-repeat scroll 110px 35% transparent;}
#go-coloumn {float:left;}
go-coloumn .button {
	
}
.desc { color:#6b6b6b;}
.desc a {color:#0092dd;}        
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px;}
.dropdown dt { /*margin-top:-11px; */}
*:first-child+html .dropdown dt {margin-top:0px;}
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#666; text-decoration:none; outline:none;}
.dropdown a:hover { color:#666;}
.dropdown dt a:hover { color:#666; border: none;}
.dropdown dt a {    border: medium none;
    display: block;
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    height: 22px;
    padding-left: 9px;
    padding-top: 5px;
    width: 120px;}
	
.dropdown dt a span {cursor:pointer; display:block;}
.dropdown dd ul { background:#ffffff none repeat scroll 0 0; border:1px solid #ccc; color:#666; display:none;left:0px;position:absolute; top:0px;width:auto; min-width:120px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { display:block;padding:3px 0;padding-left:4px;}
.dropdown dd ul li a:hover { background-color:#efefef;}
select {display:none;}
/* Header Style End*/


/* Header */
#header { height: 90px; position: relative;z-index:9999; }/* updated 08/01/2008 */
#header h1 { width: 334px; height: 68px; position: absolute; top: 12px; left: 20px; }
#header h1 span { background-image: url(../images/logo.gif); }
#header h1 .bschool { background-image: url(../images/logo_bschool.gif); }
#header h1 .iss { background-image: url(../images/logo_iss.gif); }
#header h1 .isas { background-image: url(../images/logo_isas.gif); }
#header h1 .crisp { background-image: url(../images/logo_crisp.gif); }


#searchform form {margin: 0; /* for IE */ font-size: 0.91em; position: absolute; top: 56px; left: 640px;}
#searchform .equal {vertical-align: middle; /* for IE */}
#searchform #txt {height: 14px;	padding-left: 5px;	background: white;	color: #808080; /* grey */	border: 1px solid #cccccc; /* brownish */}
#searchform #txt:focus { /* not working in IE6 */ color: black;	}
#searchform #butn {	background: none; }


/* Emergency Message */
ul.emergency {background:url(http://www.nus.edu.sg/../images/emergency.gif) no-repeat; height: 36px;}
ul.emergency li { background:url(http://www.nus.edu.sg/../images/emergency-text.gif) no-repeat 25px 8px; padding: 5px 0 0 33px; color:#FF0000;}
ul.emergency li a {color:#FF0000;}

/* Content */
#content { clear: both; }
.right {float: right;}

/* Standard Accordion - First Title */
#StandardAccordion { width: 290px; height: 380px; margin: 0 5px 0 6px; overflow: hidden; }
#StandardAccordion .inner { padding: 0 2px; height: 120px; overflow: hidden; }
#StandardAccordion .firstTitle h2 { height: 35px; color:#FFFFFF; overflow: hidden; position: relative; display: block; }
#StandardAccordion .firstTitle h2 a { cursor: pointer; display: block; height: 100%; width: 100%;  text-decoration:none; color:#FFFFFF;}
#StandardAccordion .firstTitle h2 a:hover {color:#547DC9;}
#StandardAccordion .firstTitle h2 span { height: 38px; background-image: url(../images/acFirstTitle.gif); cursor: pointer; background-repeat: no-repeat; display: block; height: 100%; width: 100%;}
#StandardAccordion .firstTitle h2 span .title {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; padding-left:28px; padding-top:3px; padding-bottom: 0px;}
#StandardAccordion .firstTitle .inner { padding: 8px 0 8px 0px; background: url(../images/news-1.gif) no-repeat; height: 90px;}
#StandardAccordion .firstTitle .innercontent h1 { font-size:13px; color:#19449b; padding-bottom:10px; font-family:Arial, Verdana, Helvetica; font-weight:bold; }
#StandardAccordion .firstTitle .innercontent h3 { color:#000; height: 20px;}
#StandardAccordion .firstTitle .innercontent {padding: 8px; line-height: 14px;}
#StandardAccordion .firstTitle .innercontent{ width: 270px; height: 90px;  overflow: auto; }
#StandardAccordion .firstTitle .inner { background: url(../images/news-1.gif) no-repeat; }
#StandardAccordion .firstTitle .inner ul { padding-left: 0; margin: 12px 0 8px 10px; width: 260px; height: 80px; overflow: auto; }
#StandardAccordion .firstTitle .inner li { padding-left: 8px; background: url(../images/plus2.gif) 0 5px no-repeat; line-height: 1.27; margin-bottom: 3px; }
#StandardAccordion .firstTitle .inner li.eventheader { padding-left: 0px; background: none; line-height: 1.27; margin-top: 10px; color: #0D2C7C; font-weight:bold;}
#StandardAccordion .firstTitle .inner ul a { color: #454b49; text-decoration: none; }
#StandardAccordion .firstTitle .inner ul a:hover { color: #000604; text-decoration: none; }
#StandardAccordion .firstTitle .inner ul a strong { font-weight:normal; }
#StandardAccordion .firstTitle .inner .view-all { height: 18px; padding: 5px 0 0 9px; background: #C5D4D0; margin: 0; font-size: 0.82em; text-transform: uppercase; }
#StandardAccordion .firstTitle .inner .view-all a { text-decoration: none; color: #243995; padding-left: 8px; background: url(../images/plus2.gif) left center no-repeat; }

/* Standard Accordion - Middle Title */
#StandardAccordion .middleTitle h2 { height: 37px; color:#FFFFFF; overflow: hidden; position: relative; display: block; }
#StandardAccordion .middleTitle h2 a { cursor: pointer; display: block; height: 100%; width: 100%;  text-decoration:none; color:#FFFFFF;}
#StandardAccordion .middleTitle h2 a:hover {color:#547DC9;}
#StandardAccordion .middleTitle h2 span { height: 38px; background-image: url(../images/acMiddleTitle.gif); top:0; left:0; cursor: pointer; background-repeat: no-repeat; display: block; height: 100%; width: 100%;}
#StandardAccordion .middleTitle h2 span .title {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; padding-left:28px; padding-top:3px;}
#StandardAccordion .middleTitle .inner { background: url(../images/news-1.gif) no-repeat; }
#StandardAccordion .middleTitle .inner ul { padding-left: 0; margin: 12px 0 8px 10px; width: 260px; height: 80px; overflow: auto; }
#StandardAccordion .middleTitle .inner li { padding-left: 8px; background: url(../images/plus2.gif) 0 5px no-repeat; line-height: 1.27; margin-bottom: 3px; }
#StandardAccordion .middleTitle .inner li.eventheader { padding-left: 0px; background: none; line-height: 1.27; margin-top: 10px; color: #0D2C7C; font-weight:bold;}
#StandardAccordion .middleTitle .inner ul a { color: #454b49; text-decoration: none; }
#StandardAccordion .middleTitle .inner ul a:hover { color: #000604; text-decoration: none; }
#StandardAccordion .middleTitle .inner ul a strong { font-weight:normal; }
#StandardAccordion .middleTitle .inner .view-all { height: 18px; padding: 5px 0 0 9px; background: #C5D4D0; margin: 0; font-size: 0.82em; text-transform: uppercase; }
#StandardAccordion .middleTitle .inner .view-all a { text-decoration: none; color: #243995; padding-left: 8px; background: url(../images/plus2.gif) left center no-repeat; }

/* Standard Accordion - Last Title */
#StandardAccordion .lastTitle h2 { height: 36px; color:#FFFFFF; overflow: hidden; position: relative; display: block; }
#StandardAccordion .lastTitle h2 a { cursor: pointer; display: block; height: 100%; width: 100%;  text-decoration:none; color:#FFFFFF;}
#StandardAccordion .lastTitle h2 a:hover {color:#547DC9;}
#StandardAccordion .lastTitle h2 span { height: 38px; background-image: url(../images/acLastTitle.gif); cursor: pointer; background-repeat: no-repeat; display: block; height: 100%; width: 100%;}
#StandardAccordion .lastTitle h2 span .title {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; padding-left:28px; padding-top:3px;}
#StandardAccordion .lastTitle .inner { background: url(../images/news-1.gif) no-repeat; }
#StandardAccordion .lastTitle .inner img { float: right; margin-left: 8px; }
#StandardAccordion .lastTitle .inner ul { padding-left: 0; margin: 12px 0 8px 10px; width: 260px; height: 77px; overflow: auto; }
#StandardAccordion .lastTitle .inner li { padding-left: 8px; background: url(../images/plus2.gif) 0 5px no-repeat; line-height: 1.27; margin-bottom: 3px;}
#StandardAccordion .lastTitle .inner ul a { color: #121917; text-decoration: none; }
#StandardAccordion .lastTitle .inner ul a:hover { color: #000604; text-decoration: none; }
#StandardAccordion .lastTitle .inner ul a strong { font-weight:normal; }
#StandardAccordion .lastTitle .inner .read-full { height: 18px; padding: 5px 0 0 9px; background: #C5D4D0 url(../images/read-full-story.gif) no-repeat; font-size: 0.82em; text-transform: uppercase; width: 290px; margin: 0 -2px; }
#StandardAccordion .lastTitle .inner .read-full a { text-decoration: none; color: #243995; padding-left: 8px; background: url(../images/plus2.gif) left center no-repeat; }

/* Oanger Nav */
#orange-nav { clear: both; height: 35px; margin: 0; width: 940px; padding-left: 5px; }
.orange-nav-static { margin-bottom: 10px !important; }
#orange-nav li { float: left; }
#orange-nav a { background: #999; color: #fff; display: block; height: 35px; line-height: 27px; margin: 0; overflow: hidden; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; width: 150px; }
#orange-nav a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#orange-nav a:hover { background-color: #999; color: #fff; }
#orange-nav a#a-nav {
	width: 183px;
	margin-right: 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
}
#orange-nav a#a-nav:hover{ color:#ffe29e; }
#orange-nav a#a-nav span { background-image: url(../images/orange_panel.gif); }
#orange-nav a#a-nav .panel-title {padding-bottom:15px;}

/* Expandable Home Boxes */
.expandable-box .inner {
	overflow: hidden;
}
.expandable-box h2 {
	line-height: 1.1;
	margin-bottom: 6px;
}
.expandable-box a {
	text-decoration: none;
	color: #5B5B5B;
}
.expandable-box a:hover {
	color: #000;
}
.expandable-box .tab {
	clear: both;
	margin: 10px 0 0 0;
	height: 16px;
}
.expandable-box .tab a {
	display: block;
	width: 106px;
	height: 12px;
	text-align: center;
}
.expandable-box .tab a span {
	background-image: url(../images/box2-toggle.gif);
}

/* theLinks */
.theLinks {
	background: url(../images/box2b.gif) repeat-y;
	margin: 0;
}
.theLinks .inner {
	background: url(../images/box2b-inner.jpg) no-repeat;
	padding: 12px 26px 0 30px;
	height: 155px;
}
.theLinks .tab {
	background: url(../images/box2b-tab.gif) no-repeat;
}
.theLinks .tab a {
	margin-left: 79px;
}
.theLinks .tab a span {
	background-image: url(../images/box2-toggle.gif);
}
.theLinks h2 {
	margin-bottom: 8px;
}
.theLinks p {
	margin: 0;
}
.theLinks ul {
	float: left;
	width: 200px;
	margin-top:0;
	border-bottom:1px;
}
.theLinks li {
	padding-left: 7px;
	margin-top: 5px;
	background: url(../images/plus.gif) 0 3px no-repeat;
	line-height: 1.1;
}
.theLinks a {
	color: #4D4D4D;
}

/* Home columns */
.home-cols { clear: both; margin: 5px 0 10px 1px; }
.home-cols .spotlight, .home-cols .middle2 { float: left; width: 180px; margin: 10px 2px 0 2px; }
.home-cols .middle1 { float: left; width: 260px; margin: 10px 2px 0 2px;}
.home-cols .right { float: right; width: 290px; margin: 10px 2px 0 2px;}

/* Footer */
#footer { clear: both; width: 950px; margin: 13px 0 5px 0; padding-top: 10px; color: #636363; font-size: 0.92em; }
#footer .inner { padding:25px 21px 16px; height: 30px; position:absolute; width:973px;background:url(../images/layout_bottom_curve.png) no-repeat center top; margin-top:12px; margin-left:-21px;}

#footer .innerp { padding:25px 21px 16px; height: 30px; position:absolute; width:973px;background:url(../images/layout_bottom_curve.png) no-repeat center top; margin-top:12px; margin-left:-33px;}

#footer p { margin: 0; }
#footer a { color: #999999; text-decoration: none; }
#footer a:hover { color: #464646; text-decoration: none; }
#footer .left { float: left; width: 500px; }
#footer .left li { float: left; padding-left: 8px; margin-left: 6px; background: url(../images/sep2.gif) left center no-repeat; }
#footer .left li.first { margin: 0; padding: 0; background: none; }
#footer .left .tel { padding-left: 16px; background: url(../images/tel.gif) 0 20% no-repeat; }
#footer .left .email { padding-left: 16px; background: url(http://www.nus.edu.sg/../images/email.gif) 0 40% no-repeat; }
#footer .right { float: right; width: 350px; text-align: right; color: #616161; padding-right: 10px; }
#footer .right a { color: #999999; }
#footer .right a:hover { color: #464646; }
#footer .right .copy { color: #464646; }
#footer .right .copy a { padding:1px 5px 3px 5px; background: url(http://www.nus.edu.sg/../images/copy.gif) left top no-repeat; }


/* Table */
.odd {background-color: #d8e1de; vertical-align:top;}
.even {background-color: #ffffff; vertical-align:top;}

/* preference popups */
.customize-box div.pop {position:relative; left:-22px; top:-128px; z-index:9999}
.customize-box div.pop div{ position: absolute; left: -1000em; text-align: left; width: 288px; padding: 10px; z-index: 9999; background: #fff; color: #666; font-size: 1em; text-transform: none; border: 1px solid #f0f0f0; }
.customize-box div.pop div.active{ position:absolute; left: 0; text-align: left; z-index: 9999; top:0; width:288px; }
.customize-box div.pop div p{ margin: 0 0 5px;}
.customize-box div.pop div fieldset{ border-bottom: 1px solid #eee; margin: 0 0 5px; }
.customize-box div.pop div fieldset label{ margin: 0 5px 0 0;}
.customize-box div.pop div fieldset input{vertical-align: middle; margin: 0 2px 0 0; padding: 0;}
.customize-box div.pop div fieldset.search { margin: 0 0 10px;}


/*main top header blue menu */

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

#pointermenu2 ul{
margin: 0;
margin-left: 15px; /*menu offset from left edge of window*/
float:right;
position: relative; 
padding-left: 8px;
font: normal 11px Arial;
text-transform: uppercase;
background: #0e3a82 url(../images/leftround2.gif) bottom left no-repeat; /*optional left round corner*/
}

* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu2 ul li{
display: inline;
}


#pointermenu2 ul li a{
float: left;
color: white;
padding: 7px 9px 7px 5px;
text-decoration: none;
}

#pointermenu2 ul li a:visited{
color: white;
}


#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color: lightyellow;
text-decoration:underline;
}

#pointermenu2 ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
background:url(../images/rightround2.gif) bottom right no-repeat; /*optional right round corner*/
}


/* Top navigation */
#top-nav { color: #fff; 
width: 390px; 
height: 25px; 
padding: 4px 12px; 
position: absolute; 
top: 0; 
right: 0; 
background: url(../images/top-nav.gif) no-repeat; 
}
#top-nav a { color: #fff; font-weight: normal; font-size: 10px; background: transaparent; text-decoration:none; }
#top-nav a:focus, 
#top-nav a:hover,
#top-nav a:active { text-decoration:underline; background-color: transparent;}

.custom_footer{
	font-size:11px;
	color:#999999;
	padding-left: 10px;
}
#footer .custom_footer_2 a{
	font-size:11px;
	color:#547DC9
}

#footer .custom_footer_2 a:hover{
	font-size:11px;
	color:#000000;
	text-decoration:underline
}

#footer .inner .right .menu li:first-child {
    border: 0 none;
    margin-left: 0;
    padding: 0;
	font-size:11px;
}
#footer .inner .right .menu li {
    border-left: 1px solid #DDDDDD;
    display: inline;
    font-size: 9px;
    list-style: none outside none;
    margin-left: 5px;
    padding-left: 5px;
	font-size:11px;
}