body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small; 
/*	font-size:12px; */
	margin:0px;
	padding:0px;
}

#skip {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

#wrapper {position:relative;}
#header {position:relative; top:30px;}
.popup #header {position:relative; top:-20px;}
#header h1 {
	text-indent:-9999px;
	background-image:url(../images/header.gif); 
	background-repeat:no-repeat;
	background-position:top right;
	height:122px;
}

#header .logo {position:absolute; top:0px; left:0px;}

#login {position:absolute; top:0px; right:0px; font-size:80%; margin-top:2px; padding-right:40px;}

#search {position:relative; top:10px; border-left:125px solid #C6D8EC; background-color:#E6A017; margin:0px 0px 15px 0px; padding:0px 40px 0px 0px;}
#search form {text-align:right; right:0px; color:#235793; font-size:80%;}
#search form #lnkadminhome{text-align:left; color:#fff; font-weight:bold; position:relative;}
#search form #lnkadminhome a {color:#fff; font-size:110%; margin: 5px 0px 0px 8px; display:block; position:absolute;width:200px;}


#nav {position:absolute; left:0px; margin-bottom:40px; text-align:right;}
#nav ul {
	margin:0px 0px 0px 10px;
	padding:0px;
	width:185px;
}

#nav ul li{
	list-style:none;
	padding:2px 5px 2px 5px;
	margin:0px 0px 5px 0px;
}

#nav ul li a {text-decoration:none; font-weight:normal;}

#nav ul.block1 li {background-color:#D1DCE7; border-right:3px solid #548DAD;}
#nav ul.block2 li {background-color:#E6E6E6; border-right:3px solid #ADADAD;}
#nav ul.block3 li {background-color:#F0D1B4; border-right:3px solid #D58334;}
#nav ul.block4 li {background-color:#F1C984; border-right:3px solid #D58334;}
#nav ul.block5 li {background-color:#EBAF50; border-right:3px solid #D58334;}
#nav ul.block6 li {background-color:#CECCC8; border-right:3px solid #999;}


h2 {color:#567EAC; background-image:url(../images/arrow.gif); background-position:top left; background-repeat:no-repeat; padding-left:30px; font-size:120%;}
h3 {color:#567EAC; font-size:100%;}
a {color:#235793; text-decoration:underline; font-weight:bold;}
a:hover {color:#A80532; text-decoration:underline;}
a img {border:none;}
.warning {color:red; font-weight:bold;}

#content {position:relative; left:0px; top:10px; margin:0px 230px 50px 230px; min-height:630px; _height:630px;}
.popup #content {position:relative; margin:0px 10px 0px 10px;}

#content .introbox {background-color:#EFF3F7; padding:10px;}

#content form fieldset {display:block; border:1px solid #678BB4; margin:0px 0px 30px 0px; padding:10px;}
#content form legend {margin:0px 0px 10px 0px; padding:0px 10px; background-color:#678BB4; color:#fff; font-weight:bold;}
#content form label {float:left; width:150px;}
#content form label.long {float:left; width:350px;}
#content form label.short {float:left; width:auto; display:inline;} /* used to display multiple (short label) radio options inline */
#content form br {clear:both;}
#content form input.date {width:80px;}
#content form input.date.warning{background-color:#FFBFBF;}
#content form input.long {width:400px;}
#content form input.warning {background-color:#FFBFBF;}
#content form li.warning {color:red; font-weight:bold;}
#content form p.warning {color:red; font-weight:bold;}

#content form input.long.warning {background-color:#FFBFBF;}

#content form textarea {font-family:Verdana, Arial, Helvetica, sans-serif; width:300px; height: 200px; font-size:small;}
#content form textarea.warning{background-color:#FFBFBF;}
#content form .submit {text-align:center;}
#content form .button {background-color:#678BB4; color:#fff; font-weight:bold; border:0px; text-align:center;}
#content form .delete {background-color:red; color:#fff; font-weight:bold; border:0px; text-align:center;}
#content form .tip {display:block; color:#999; font-size:80%;}

#content form fieldset fieldset legend {background-color:#fff; color:#000;}

/* 28/06/2011 JJL,NCS STORY331 */
#content form fieldset fieldset legend label.long {float:left; width:350px;}

table {width:100%;}
table th {background-color:#91ABC9; color:#fff; font-weight:bold; border:1px solid #ccc; padding:3px;}
table td {border:1px solid #ccc; padding:3px;}
table.listpages td {border:none;} /*used by admin pages*/

#highlightcol {position:absolute; top:200px; right:0px; width:200px; margin-right:10px;}
.highlight1, .highlight2, .highlight3 {float:left; width:195px; margin-right:20px; margin-bottom:20px; font-size:90%;}
.highlight1 h2 {background-color:#225691; color:#fff; margin:0px 0px 2px 0px;}
.highlight2 h2 {background-color:#6D8BD0; color:#fff; margin:0px 0px 2px 0px;}
.highlight3 h2 {background-color:#CC6400; color:#fff; margin:0px 0px 2px 0px;}
.highlight1 .box, .highlight2 .box, .highlight3 .box {border:1px solid #ccc; padding:0px 10px; background-color:#f5f5f5;}

#highlightcol a {font-weight:normal;}

#footer {clear:both; position:relative; background-color:#888; color:#fff; font-size:80%; text-align:center;}
#footer ul li {list-style:none; display:inline;}
#footer ul li a {color:#fff; text-decoration:none; font-weight:bold;}
#footer .wblogo {position:absolute; bottom:50px; left:30px;}


