/* Client */
body {font-family:Tahoma,Geneva,Arial; font-size:12px; line-height:normal; color:#333333}
ol label, .defaultLabel, label {font-family:Tahoma,Geneva,Arial; font-size:11px; color:#3C3C3C}
h1, .detailHeading {font-size:15px;}
#TabList {font-size:11px;}
legend {color:#222222;}


.grantStepRole, .grantStepStatus, .grantStepDueDate, .grantStepLastUpdatedBy {font-size:10px; padding-right:2em;}

#singaporeGov {display:none;}

body {background:#DBDBD6}

#topBar {background:#2d6bbd url(../gfx/topBarBk.png) 212px -20px no-repeat;height:63px; margin: 0; padding: 0px; position: relative; overflow:hidden; border-bottom:1px solid #183f82}
#topMenu {height:18px; background:transparent  repeat-y right top; color:#fff; margin-bottom:0; padding:1px 0 0px; position:absolute; top:65px; right:6px; z-index:3000}
	#topMenu a {color:#BBDBE2; font-weight:bold; font-size:11px}
#leftSide {clear:both; width: 180px; margin-left:30px; margin-top:9px; margin-right:21px}
.loginBox {width:150px; margin:7px 5px 5px 5px; padding:5px; background:#FFC156; min-height:400px}
	.loginBox h2 {color:#003399;margin-bottom:12px; text-transform: uppercase;}
 	.loginBox label, .loginBox a {color:#333}
.loginBox label {font-size:12px; font-weight:400; margin-bottom:3px}
.loginBox a {font-size:12px; text-align:left; text-decoration:none; color:#183F82; clear:both}

	#content {margin-top:17px; margin-bottom:10px; margin-right:15px; width:auto}
#footer {font-family:Arial, Helvetica, sans-serif; background:#fff url(../gfx/footerBk.png) repeat-x; height:31px; position:relative; padding-top:17px}
	#footer p {padding:15px 5px 0 5px;color:#8f8f8f; font-weight:normal; line-height:normal}
	#footer a {color:#8f8f8f}
	
.container td.container {padding:0;}

a {color:#195cb6}
a:hover {text-decoration:underline}

.menu {margin:8px 0 0 0;font-size:1.1em; color:#B99000; border:1px solid white;  font-weight:400; list-style-image:none; list-style-position:outside; list-style-type:none;  padding:0 0 0; font-size:12px; 
background:url("../gfx/subnav-utilities-gradient.jpg") no-repeat scroll 0 100% #FFFFFF;}
	.menu li {border-top:1px solid #ffffff; border-bottom:1px solid #dbdbd6; zoom:100%;padding:0; margin:0 !important; background:none}
	.menu li.firstLink {border-top:none}
	.menu li.lastLink {border-bottom:none}
	.menu a {text-decoration:none; color:#666666;display:block; font:tahoma, verdana; padding:4px 5px 4px 5px; _display:inline-block; *display:inline-block; width:168px; line-height:15px}
		.menu a:hover {text-decoration:underline;}
	.menu ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 0 0px; padding:0}		

#primaryBranding {background:url(../gfx/primaryBranding.png) no-repeat; width:212px; height:39px; margin:0; position:absolute; top:12px; left:9px}
#secondaryBranding {display:none}

#singaporeGov {position:absolute; right:8px; top:8px; height:50px; width:230px; z-index:999;}
	#singaporeGov label {font-weight:bold; width:auto; margin:5px 0 0 0}
	#singaporeGov ol, #singaporeGov li {padding:0; margin:0}
	#singaporeGov li {padding-bottom:5px;}
	#singaporeGov .links {text-align:center; padding-right:0px; font-size:10px; color:#F30B17}
		#singaporeGov .links a {color:#5C5C5C}
	.singaporeLogo { background:transparent url(../gfx/sglogo.gif) no-repeat; height:50px; width:226px}

#login #topMenu #logout {display:none}

#login .contentPadding {width:550px; background-color:#f6f6f6;}
.contentPadding {padding-right:5px; background:#f6f6f6 url(../gfx/shadow-right.png) repeat-y scroll top right;}

.grantDescription {line-height:1.5em; padding:0}

h1 {color:#183f82; font-size:26px; font-family:Arial, Helvetica, sans-serif; padding-top:0}
h2 {color:#183f82; font-size:16px; margin-top:15px; line-height:1.5em}
#login .contentPadding h2 {background: url(../gfx/seperator.png) repeat-x; padding-top:12px; margin-bottom:2px}

.searchButton {background:url(../gfx/go.gif) no-repeat scroll 0pt top;margin-top:0;color:#002F26;font-weight:bold;font-size:11px;width:57px; height:23px; margin:0; padding:0; border:none; margin-left:15px}
.searchBox {background:transparent url(../gfx/searchBox.gif) no-repeat scroll 0pt top;color:#000000;font-size:11px;height:17px;padding:5px 0pt 0pt 18px;width:130px;border:0; }

p {font-size:12px; margin-bottom:16px; line-height:1.5em; margin:0 0 5px 0}
.welcomeText {font-size:14px; margin-top:10px; line-height:1.5em}

.actionLink {color:#71b532; font-weight:bold; font-size:10px}
.apply {color:#005072}

.grantSummary {position:relative; border:1px solid #cbcbcb; width:80%; padding:2px 5px 5px 6px; margin-bottom:15px;background:#fff url( ../gfx/grantSummary.gif) repeat-x}
	.grantSummary h1 {font-color:#000; font-size:16px; margin:0 0 3px 0;}
		.grantSummary h1 span {font-size:14px}
		.grantSummary h1 .timeLeft {background:url(../gfx/timeLeft.gif) no-repeat 0 2px; font-size:10px; font-weight:bold; position:absolute; right:7px; top:2px;  line-height:18px; padding-left:20px}
		.description  {font-weight:bold;  background:url(../gfx/alert.gif) no-repeat 0 2px; height:20px; line-height:20px; padding:0 0 0 25px}
			.description span {font-size:12px; color:#be1e2d; }
				.description a {font-size:11px}
	.alert {color:#be1e2d; margin-left:20px; background:url(../gfx/alertGrad.gif) no-repeat 0 1px; padding-left:25px}
	.alert2 {color:#be1e2d;}
	
#TabList a {color:#195cb6}
	#TabList .selected a {color:#fff;}
	
.headsum_container {border:1px solid #CBCBCB; background-color:#fff}
.headsum_hv_head {color:#333;}

.detailHeading {color:#183F82}

#login .loginBox {margin:7px 3px 0 0; background-color:#f6f6f6; min-height:1px;  width:178px; padding:0}
.loginBox input {width:140px; margin:4px 0 4px 0; float:left; }

.loginBox .loginButton, .loginBox .singPass {background:url("../gfx/login.png") repeat scroll 0 0 transparent;border:medium none;cursor:pointer;height:30px;padding:5px 0 0 0;margin:6px 0;text-indent:-400px;text-transform:capitalize;width:93px;float:none}


.logonContainer {background:url(../gfx/loginBackground.png) no-repeat; padding-top:3px; margin:10px 0 0}
#login #content {margin-right:235px;  margin-bottom:20px}
#login .loginBox {right:-235px;}


/* .grantDescription {line-height:20px; padding-left:14px}
.grantApplication {font-size:11px; margin-left:14px}
	.grantApplication a {background:url(../gfx/grantLink.gif) no-repeat 0 2px; padding-left:14px;} */
h2 {zoom:100%}


.grantApplication {float:left;background:url(../gfx/left.gif) no-repeat left top ; display:block; margin-right:20px}
	.grantApplication a {background:url(../gfx/right.gif) no-repeat top right; color:#fff; font-size:10px; padding:8px 35px 15px 0px; margin-left:15px;text-decoration:none; display:block}
	.grantApplication a:hover {text-decoration:underline} 
	
.grantApplicationButtonDisabled {float:left;background:url(../gfx/leftInactive.gif) no-repeat left top ; display:block; margin-right:20px}
	.grantApplicationButtonDisabled a {background:url(../gfx/rightInactive.gif) no-repeat top right; color:#fff; font-size:10px; padding:8px 35px 15px 0px; margin-left:15px;text-decoration:none; display:block}
	.grantApplicationButtonDisabled a:hover {text-decoration:underline} 
	
	
.recordsFound, .pageLinks, .itemsPerPage, .pageCount {color:#888; font-style:italic; font-size:11px}
.itemsPerPage select {color:#444; font-size:11px}

.headingRight {width:260px}
.headingLeft {vertical-align:top}
.returnToListLink {margin-top:10px}
.projectHeaderMessage {margin-bottom:4px;}
.GridView th {color:#005072}

.buttons {width:100%}

.GridViewNavigation {width:inherit;}

.grantApplication {width:350px; text-align:center;}
.grantApplicationButtonDisabled {width:350px; text-align:center;}

.twoLine {width:48%; text-align:center; background:transparent url(../gfx/twoLineButton.gif) no-repeat scroll left top;}
.twoLine a {background:transparent url(../gfx/twoLineButton.gif) no-repeat scroll right top; padding-top:15px; padding-bottom:17px}

.twoLineInactive {width:48%; text-align:center; background:transparent url(../gfx/twoLineButtonInactive.gif) no-repeat scroll left top;}
.twoLineInactive a {background:transparent url(../gfx/twoLineButtonInactive.gif) no-repeat scroll right top; padding-top:15px; padding-bottom:17px; color:#666666}

.grantApplication {margin-right:1%}
.grantApplicationButtonDisabled {margin-right:1%}
.grantApplicationButtonDisabled a:hover {text-decoration:none}

#topMenu #logout {float:right;;background:transparent url(../gfx/loginBk.png) repeat scroll 0 0;display:block;height:19px;margin:0 12px;padding:6px 0 0 0;position:relative;top:-16px; right:0px; font-size:11px; }
#logout .logoutLHS {background:transparent url(../gfx/loginBkLeft.png) repeat scroll 0 0; _background:transparent url(../gfx/loginBkLeft.gif) repeat scroll 0 0 ;height:25px;left:-12px;position:absolute;top:0;width:12px;}
#logout .logoutRHS {background:transparent url(../gfx/loginBkRight.png) repeat scroll 0 0; _background:transparent url(../gfx/loginBkRight.gif) repeat scroll 0 0;;height:25px;right:-12px;position:absolute;top:0;width:12px;}
#topMenu span {padding-left:1px}

#TabList a, #TabList span {padding:4px 7px 4px 0}
#TabList li {padding-left:7px}

.pageCount {*width:50%}

.shadowBottom {height:3px; background:url(../gfx/shadow-bottom2.png) repeat-x scroll 0 0;}
.borderContainer {border:1px solid #fff; background-color:#f6f6f6;}

#TabList li.active {background:url("../gfx/tabSelected_left.png") no-repeat scroll left top transparent;}
#TabList .active a {background:url("../gfx/tabSelected_right.png") no-repeat scroll right top transparent;}
#TabList .active span {background:url("../gfx/tabSelected_right.png") no-repeat scroll right top transparent;color:#FFFFFF;display:block;}

.header .headerDesc {padding-top:3px; font-weight:bold;}

.contentBorderContainer {border:1px solid #fff; background-color:#f6f6f6; padding-left:23px; padding-right:9px; padding-bottom:20px; padding-top:15px}

#login .contentBorderContainer {padding-left:0px;}

#login .contentPadding h1, #login .contentPadding .welcomeText, #login .contentPadding h2, #login .contentPadding p, #login .contentPadding ul {padding-left:23px;}

.subTabDetailHeading {padding-left:0}

table {border-collapse:collapse}
table td {padding:0}

.selected a {color:#195cb6; font-weight:bold}

.headingBox  {padding:0; position:relative; padding:0; margin:0px 0 4px 0; margin-left:-1px; background:#fff none repeat scroll 0 0; text-align:left; z-index:150}
	 .headingBoxTL {width:100%; margin-right:0}
	.headingBoxTR  {padding:2px 5px 9px 6px; top:0;}
	.headingBox table, .headingBox td {border:none; padding:0; margin:0;background-color:transparent}
	.headingBox div {zoom:1}

.headingBox {background:transparent url(../../../FW/looks/Common/gfx/summaryBlDropShadow.png) no-repeat scroll 0 100%;}
	.headingBox .headingBoxBR {background:transparent url(../../../FW/looks/Common/gfx/summaryBrDropShadow.png) no-repeat scroll 100% 100%;}
	.headingBox .headingBoxTL {background:transparent url(../../../FW/looks/Common/gfx/summaryTlDropShadow.png) no-repeat scroll 0 0;}
	.headingBox .headingBoxTR {background:transparent url(../../../FW/looks/Common/gfx/summaryTrDropShadow.png) no-repeat scroll 100% 0;}
	
.headingBox ol li {line-height:auto; vertical-align:top; min-height:11px; _height:11px; margin:5px 0 0 0}

.headingBox ol li li {margin:0}
	.headingBox .textBoxContainer {float:none}
	.headingBox label { width:128px; color:#484848; font-size:10px; margin:0; padding:0;}
	.headingBox .valueContainer {color:#000000; font-size:10px}
	.headingBox .rhsMenuContainer, .searchLink {padding:2px 0 0 0}
	#detailExpand {position:relative; left:-4px; top:4px; cursor:pointer}
	.headingBox #moreInfo {display:none}
	.headingBox h4 {font-size:10px; font-weight:bold; color:#85391F; margin:-1px 0 0 0; padding:0px 0 5px 4px; }
	.headingBox h5 {font-size:10px; padding-bottom:6px}

.headingBox .captionedListContainer {width:100%; display:block}
	.headingBox .headerControls table {width:100%;}
	.headingBox .headerControls td table {width:auto;}
	
.header {background:none}
.headingBox .project {padding-top:2px; padding-bottom:5px; min-width:156px;}
.headingBox .project  .detailHeading {display:block; width:156px}

.subscript {color:#484848}

.recordBrackets {color:#808080; font-size:10px; font-weight:400}

.header .returnToListLink {padding-top:2px}

.banner {margin-bottom:6px}
#TabList {margin-bottom:6px}
.subTabDetailHeading, .detailHeading {margin-top:0px; padding-top:0}

.contentPadding, #content, .contentBorderContainer, .headingBox {zoom:1; }