/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font-weight:normal;font-style:normal;font-family:inherit;}
strong { font-weight:bold;}
/* background: #f5f1ee  */
body { margin: 0px; font: 12px Arial, Helvetica, sans-serif; background: url('../images/background.jpg') repeat-x fixed top left; overflow: auto; }
input { font: 12px Arial, Helvetica, sans-serif; vertical-align: middle; }
input[type=text],input[type=password] { background: #f5f1ee; }
input:hover[type=text],input:hover[type=password] { background: #ffc; }
button { margin:0 7px 0 0; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font: 12px Arial, Helvetica, sans-serif; font-size:100%; line-height:100%; text-decoration:none; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ ; }
select { font: 12px Arial, Helvetica, sans-serif; vertical-align: middle }
textarea { font: 12px Arial, Helvetica, sans-serif; vertical-align: text-top }
img { border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px; border-right-width: 0px }
pre {
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
white-space: -pre-wrap; /* Opera 4 - 6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE 5.5+ */
}
input.groovybutton
{
   font-size:12px;
   width:70px;
   background-color:#66FF00;
   border-style:dotted;
   border-color:#336600;
}

.labelColor1, a.labelColor1:hover, a.labelColor1:active { color: #C00000; font-weight: bold; }
.labelColor2, a.labelColor2:hover, a.labelColor2:active { color: #76923C; font-weight: bold; }
.labelColor3, a.labelColor3:hover, a.labelColor3:active { color: #5F497A; font-weight: bold; }
.labelColor4, a.labelColor4:hover, a.labelColor4:active { color: #F000F0; font-weight: bold; }
.labelColor5, a.labelColor5:hover, a.labelColor5:active { color: #0070C0; font-weight: bold; }
.labelColor6, a.labelColor6:hover, a.labelColor6:active { color: #00C000; font-weight: bold; }
.labelColor7, a.labelColor7:hover, a.labelColor7:active { color: #3C7692; font-weight: bold; }
.labelColor8, a.labelColor8:hover, a.labelColor8:active { color: #7A5F49; font-weight: bold; }
.labelColor9, a.labelColor9:hover, a.labelColor9:active { color: #007B7B; font-weight: bold; }

#navigation UL UL LI A:visited { font-size: 12px; color: #000000; text-decoration: none }

.smallText { font: 12px Arial, Helvetica, sans-serif; vertical-align: middle }
.middleText { font: 14px Arial, Helvetica, sans-serif; vertical-align: middle }
.leftText { font:Arial, Helvetica, sans-serif; font-size:25px; vertical-align: left }
.bigText { font: 18px Arial, Helvetica, sans-serif; vertical-align: middle }
.extraBigText { font: 22px Arial, Helvetica, sans-serif; vertical-align: middle }
.alertText { color: #FF0000 }

#titleHeader { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; height: 20px; width: 100%; background-color: #F5F1EE; FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#F5F1EE,endColorStr=#F5E1EE) }
#titleHeader A { color: #000000; text-decoration: none }
#titleHeader A:link { color: #000000; text-decoration: none }
#titleHeader A:visited { color: #000000; text-decoration: none }
#titleHeader A:hover { text-decoration: underline }

#titleHeader2 { background-image: url(../images/title_body.jpg); padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; height: 100px; width: 100%; background-color: #ffffff }
#titleImage { padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px; vertical-align: top; padding-top: 0px; height: 100px; background-color: #ffffff }
#titleSearch { background-image: url(../images/title_body.jpg); padding-right: 0px; padding-left: 0px; float: right; padding-bottom: 0px; margin: 0px; vertical-align: top; padding-top: 0px; height: 60px; background-color: #ffffff }

#indexWrapper { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 100%; padding-top: 0px; POSITION: relative }
#mainFrame { padding-right: 0px; padding-left: 0px; MIN-height: 500px; padding-bottom: 0px; margin: 0px; width: expression( (document.body.clientWidth - 23) + "px" ); padding-top: 0px; height: 500px; min-width: 985px }
#contentFrame { background-color: #F9F3F7; padding-right: 0px; padding-left: 0px; MIN-height: 480px; float: left; padding-bottom: 0px; margin: 0px; width: expression( (document.body.clientWidth - 23) + "px" ); padding-top: 0px; min-width: 750px }

.contentFrameMenu { width: expression( (document.body.clientWidth - 23) + "px" ); min-width: 750px }
.contentFrameMenu1 { width: expression( (document.body.clientWidth - 23) + "px" ); min-width: 725px }
.contentFrameMenu2 { width: expression( (document.body.clientWidth) + "px" ); min-width: 750px }
.contentFrameSearch { padding-bottom: 0px; margin: 5px; width: 750px; padding-top: 0px; min-width: 750px }
.table-alt { background-color: #f7f6f3 }
#footer { CLEAR: both; padding-right: 0px; padding-left: 0px; padding-bottom: 5px; margin: 0px; font: 10px Arial, Helvetica, sans-serif; width: expression( (document.body.clientWidth - 23) + "px" ); padding-top: 5px; text-align: center }

#contentNewsFrame { float: left; vertical-align: top; }
#contentLoginFrame { float: left; vertical-align: top; margin: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px }
.contentAreaLogin { position:relative; z-index:2; border-right: #9b084f thin solid; border-top: #9b084f thin solid; border-left: #9b084f thin solid; border-bottom: #9b084f thin solid; padding-right: 0px; padding-left: 50px; padding-bottom: 2px; padding-top: 50px; background-color: #ffffff; }

.searchField { font-size: 11px; color: #666666; width: 160px; border: 1px solid #FFFFFF; vertical-align: top; margin-top: 2px; padding-top: 1px; float: left; }
.boxSearch { background-image: url(../images/box_search_bg_db.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 10px; padding-top: 5px; padding-bottom: 3px; white-space: nowrap; width: 250px; }
.submitImage { background-image: none; width: 25px; height: 21px; border: none; }

/* tables */
.formhead { color: white; font-weight: bold; font-size: 1em; line-height: 1.2em; background-color: #6b8899; text-align: left; text-indent: 0.5em; letter-spacing: 0.1em; vertical-align: middle; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 12pt }
tr.sessionColOdd { color: #000000; background-color: #F7F6F3 }
tr.sessionColEven { color: #000000; background-color: #FFFFFF }
.spacing{padding:8px;}
th { background-color: #F9F3F7; border: 1px solid #FFF; font-size: 14px; padding: 4px; text-align: center; color: steelblue; font-weight: bold; border-top: solid 1px #d8d8d8; }
td.portletCaption { color: #82BDE8; background-color: white; background-image: url(../images/PortletCaption-bg-stq.png); border-right: #000000 1px none; border-top: #000000 1px none; padding-left: 8px; padding-right:6px; border-left: #000000 1px none; font-size: 13pt; font-style: ; border-bottom: #000000 1px none; height: 32px; text-overflow:ellipsis; overflow:hidden; background-repeat: repeat-x; background-attachment: scroll; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e5e5e5; border-right-color: #e5e5e5; border-bottom-color: #e5e5e5; border-left-color: #e5e5e5 }
td.infoTitle { font-weight: bold; color: #FFFFFF; background-color: #8F8F8F; text-align: left; font-size: 16px; height: 25px }
td.infoTitle1 { font-weight: bold; color: #000000; text-align: center; font-size: 16px; height: 25px }
td.infoSubTitle1 { font-weight: bold; color: #FFFFFF; background-color: #C00000; text-align: left; font-size: 16px; height: 25px }
td.infoSubTitle1small { font-weight: bold; color: #FFFFFF; background-color: #BF9A9C; text-align: left; font-size: 12px; height: 25px }
td.infoSubTitle2 { font-weight: bold; color: #FFFFFF; background-color: #76923C; text-align: left; font-size: 16px; height: 25px }
td.infoSubTitle2small { font-weight: bold; color: #FFFFFF; background-color: #A63E43; text-align: left; font-size: 12px; height: 25px }
td.infoSubTitle3 { font-weight: bold; color: #FFFFFF; background-color: #5F497A; text-align: left; font-size: 16px; height: 25px }
td.infoSubTitle3small { font-weight: bold; color: #FFFFFF; background-color: #FFCDCF; text-align: left; font-size: 12px; height: 25px }
td.infoSubTitle4 { font-weight: bold; color: #FFFFFF; background-color: #F000F0; text-align: left; font-size: 16px; height: 25px }
td.infoSubTitle4small { font-weight: bold; color: #FFFFFF; background-color: #A77D3F; text-align: left; font-size: 16px; height: 25px }
td.infoSubTitle5 { font-weight: bold; color: #FFFFFF; background-color: #0070C0; text-align: left; font-size: 16px; height: 25px }
td.infoSubTitle5small { font-weight: bold; color: #FFFFFF; background-color: #C0B19A; text-align: left; font-size: 12px; height: 25px }
td.infoSubTitle6 { font-weight: bold; color: #FFFFFF; background-color: #6D43A6	; text-align: left; font-size: 16px; height: 25px }
td.infoSubTitle7 { font-weight: bold; color: #FFFFFF; background-color: #3C7692; text-align: left; font-size: 16px; height: 25px }
td.infoSubTitle8 { font-weight: bold; color: #FFFFFF; background-color: #7A5F49; text-align: left; font-size: 16px; height: 25px }
td.infoSubTitle9 { font-weight: bold; color: #FFFFFF; background-color: #007B7B; text-align: left; font-size: 16px; height: 25px }
td.infoButton { font-weight: bold; color: #FFFFFF; background-color: #8F8F8F; text-align: right; height: 25px }
td.infoLabel { font-weight: bold; color: #000000; background-color: #E0E0E0; text-align: right; vertical-align: top; filter: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=100,finishOpacity=50,startX=50,finishX=0) }
td.infoLabelBlk { font-weight: bold; color: #FFFFFF; background-color: #000000; text-align: Center; vertical-align: top; }
td.infoCenterLabel { font-weight: bold; color: #000000; background-color: #E0E0E0; text-align: center; vertical-align: top; filter: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=100,finishOpacity=50,startX=50,finishX=0) }
td.infoCenterLabel2 { font-weight: bold; color: #000000; background-color: #BFB1A1; text-align: center; vertical-align: top; filter: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=100,finishOpacity=50,startX=50,finishX=0) }
td.infoCenterLabel3 { font-weight: bold; color: #000000; background-color: #BFB1A1; text-align: center; vertical-align: top; filter: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=100,finishOpacity=50,startX=50,finishX=0) }
td.infoData { color: #000000; background-color: #F7ECEC; text-align: left; height: 25px }
td.infoData2 { color: #000000; background-color: #CCCCFF; text-align: left; height: 25px }
td.infoData3 { color: #000000!important; background-color: #CCCCFF !important; text-align: left!important; height: 25px!important }
td.infoDataNoraml { color: #000000; text-align: left; height: 25px }
td.infoLabelNormal { font-weight: bold; color: #000000; text-align: left; vertical-align: top; }
td.infoDataWarning { color: #000000; background-color: #F83026; text-align: left; height: 25px }
td.infoLabe2 { font-weight: bold; color: #000000; background-color: #E0E0E0; text-align: left; vertical-align: top; filter: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=100,finishOpacity=50,startX=50,finishX=0) }
.infoLabelInData { font-weight: bold; padding: 2px 0; margin: 5px 0; background-color: #E0E0E0; text-align: left; }

.enquiryLabel { font-weight: bold; color: #FF3336; background-color: #FFFFFF; text-align: right; vertical-align: top; }
.enquiryLabel2 { font-weight: bold; color: #F95925; background-color: #FFFFFF; text-align: right; vertical-align: top; }
.admissionLabel { font-weight: bold; color: #AA3336; background-color: #FFFFFF; text-align: right; vertical-align: top; }
.infoResult { color: #000000; font-weight: bold; background-color: #FFFFFF; text-align: left; height: 25px }
.infoCenterLabel { font-weight: bold; color: #000000; background-color: #E0E0E0; text-align: center; vertical-align: top; filter: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=100,finishOpacity=50,startX=50,finishX=0) }

td.divbg { background-color: #FFF1E1; }
.smallinfolabel{background-color:#E3CEF6; font-weight: bold;}

thead td, thead th { background-color: #F9F3F7; border: 1px solid #FFF; font-size: 14px; padding: 4px; text-align: center; color: steelblue; font-weight: bold; border-top: solid 1px #d8d8d8; }

table.generaltable { font-family:arial; background-color: #CDCDCD; margin:0px 0pt 0px; font-size: 10pt; width: 100%; text-align: left; border-collapse: collapse }
table.generaltable thead tr th, table.generaltable tfoot tr th { background-color: #F9F3F7; border: 1px solid #FFF; font-size: 10pt; padding: 4px; }
table.generaltable tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; }
table.generaltable tbody tr.odd td { background-color:#F7F6F3; }

table.tablesorter { font-family:arial; background-color: #CDCDCD; margin:0px 0pt 0px; font-size: 10pt; width: 100%; text-align: left; border-collapse: collapse }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #F9F3F7; border: 1px solid #FFF; font-size: 10pt; padding: 4px; }
table.tablesorter thead tr .header { background-image: url(../images/nosort.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; }
table.tablesorter thead tr .headerSortUp { background-image: url(../images/up.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(../images/down.gif); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #F5E6EF; }
table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; }
table.tablesorter tbody tr.odd td { background-color:#F7F6F3; }

div#tbl-container {
	/* default value will be overrided by minimum of table width or screen resolution*/
	width: 100%;
	height: 450px;
	overflow: auto;
	/* scrollbar-base-color: #ffeaff; */
}

.dataTable { /*table-layout: fixed; */
	border-collapse: collapse;
	/* background-color: WhiteSmoke; */
}

.dataTable thead tr {
	position: relative;
	top: expression(document . getElementById("tbl-container") . scrollTop-2); /* IE5+ only */
	z-index: 20;
}

.dataTable th {
	padding: 2px 2px 2px 2px !important;
	text-align: center;
	position: relative;
	cursor: default;
	font-family: sans-serif;
	font-size:  xx-small;
	background-color: #F9F3F7;
	color: #3D3D3D;
}

.dataTable tbody td.locked { /* padding-right: 20px; */
	position: relative;
	left: expression(document.getElementById("tbl-container").scrollLeft); /* IE5+ only */
		
	z-index: 20;	/* smaller than header column td */
	background: #F9F3F7;
}

.dataTable tbody td.flow { /* padding-right: 20px; */
	position: relative;
	z-index: 11;	/* smaller than header column td */
}

.dataTable tbody td.flow_online { /* padding-right: 20px; */
	position: relative;
	z-index: 11;	/* smaller than header column td */
	color:#5A5F59;
}

.dataTable tbody td.flow_class { /* padding-right: 20px; */
	position: relative;
	z-index: 11;	/* smaller than header column td */
	color:blue;
}

.dataTable tbody td span.flow_class { /* padding-right: 20px; */
	color:blue;
}

.dataTable tbody tr {
	position: relative;
	z-index: 10;
}

.dataTable thead th {
	position: relative;
	z-index: 30;
}
	
.dataTable thead th.locked {
	position: relative;
	left: expression(document.getElementById("tbl-container").scrollLeft); /* IE5+ only */
	z-index: 40;
}

.dataTable thead tr {
	position: relative;
	height: 3px;
	background-color: #F9F3F7;
	font-size:  xx-small;
}



.dataTable th a:link,th a:visited {
	color: #F9F3F7;
	text-decoration: none;
	font-family: sans-serif;
	font-weight: normal;
}

.dataTable a:hover {
	color: #F9F3F7;
	text-decoration: none;
	font-family: sans-serif;
}

.dataTable thead  th.sorted A {
}

.dataTable td {
	padding: 3px 3px 3px 3px !important;
}

.dataTable tbody tr {
	height: auto;
	white-space: nowrap;
	font-size:  x-small;
}

.dataTable tbody tr.odd {
	background-color: #FFFDFD;
	font-size:  x-small;
}

.dataTable tbody tr.tableRowEven,tr.even {
	background-color: #F9F3F7
	font-size:  x-small;
}

.dataTable tbody tr td:last-child { /* padding-right: 20px; */
}

/* calendar */
.calendarHeader { background: #f5f1ee; text-align=center; vertical-align: top; }
.calendarDayText { font-weight: bold; color: #993366; text-align=left; vertical-align: top; font-size: 16px }
.calendarDaySunText { font-weight: bold; color: #FF0000; text-align=left; vertical-align: top; font-size: 16px }
.calendarBG { background: #f5f1ee; text-align=left; vertical-align: top; }
.calendarBGHighlight { background: #ffc; text-align=left; vertical-align: top; }

/* tab */
#tabList { clear: both; float:left; width:762px; padding-left: 1px; background: #fff; font-size:12px; font-weight: bold; line-height:normal; border-bottom:2px solid #AA0066; voice-family: "\"}\""; voice-family: inherit; width: 761px; }
#tabList ul { margin:0; padding:0; list-style:none; }
#tabList li { display:inline; margin:0; padding:0; }
#tabList a { float:left; background:url("../images/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabList li a.linkSelected { background-position:0% -42px; }
#tabList li a.linkSelected span { background-position:100% -42px; }
#tabList a span { float:left; display:block; background:url("../images/tabright.gif") no-repeat right top; padding:5px 11px 4px 5px; color:#036; }
#tabList a span.clubnav { padding:5px 9px 4px 5px !important; padding:5px 6px 4px 3px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabList a span { float:none }
/* End IE5-Mac hack */
#tabList a:hover span { color:#036; }
#tabList a:hover { background-position:0% -42px; }
#tabList a:hover span { background-position:100% -42px; }
#tabList #sel a { background-position:0% -42px; }
#tabList #sel a span { background-position:100% -42px; }

/* button like a:hover */
a.button { background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right; color: #999; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; }
a.button span { background: transparent url('../images/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; }
a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ }
a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ }
a:hover.button { color:#333; }

/* memo */
.outer { border: dotted 2px #bcc; height: 260px; width: 14em; float: left; margin-right: 1em; margin-bottom: 15px; -moz-border-radius: .75em; border-radius: .75em; background-color: whitesmoke; }
.content { margin: 8px; width: 13em; text-align: justify; text-justify: newspaper; /*IE5+ only*/ height: 100%; }

.mod { position:relative; z-index:0; _padding-bottom:6px; /* IE6 fix - bounds x1's height */ _overflow-y:hidden; }
.mod .mod-content { position:relative; z-index:2; border:1px solid #746555; background:#bdafa1; }
.mod .x1 { display:block; background:#000; height:100%; _height:3000px; /* IE6 can't do 100% of an unknown height */ width:100%; position:absolute; top:6px; /* offset the shadow */ left:6px; z-index:-1; opacity:.30; *filter:alpha(opacity="30"); /* use 'filter' for IE6 & 7 */ }

/* border */
.b1, .b2, .b3, .b4{ font-size:1px; overflow:hidden; display:block; }
.b1 { height:1px; background:#888; margin:0 5px; }
.b2 { height:1px; background: url('../images/title_background.gif'); border-right:2px solid #888; border-left:2px solid #888; margin:0 3px; }
.b3 { height:1px; background: url('../images/title_background.gif'); border-right:1px solid #888; border-left:1px solid #888; margin:0 2px; }
.b4 { height:2px; background: url('../images/title_background.gif'); border-right:1px solid #888; border-left:1px solid #888; margin:0 1px; }
.contentb { background: url('../images/title_background.gif'); border-right:1px solid #888; border-left:1px solid #888; }
.contentb div { margin-left: 5px; }

.b1_2, .b2_2, .b3_2, .b4_2{ font-size:1px; overflow:hidden; display:block; }
.b1_2 { height:1px; background:#888; margin:0 5px; }
.b2_2 { height:1px; background: url('../images/title_background_2.gif'); border-right:2px solid #888; border-left:2px solid #888; margin:0 3px; }
.b3_2 { height:1px; background: url('../images/title_background_2.gif'); border-right:1px solid #888; border-left:1px solid #888; margin:0 2px; }
.b4_2 { height:2px; background: url('../images/title_background_2.gif'); border-right:1px solid #888; border-left:1px solid #888; margin:0 1px; }
.contentb_2 { background: url('../images/title_background_2.gif'); border-right:1px solid #888; border-left:1px solid #888; }
.contentb_2 div { margin-left: 5px; }

.b1_3, .b2_3, .b3_3, .b4_3{ font-size:1px; overflow:hidden; display:block; }
.b1_3 { height:1px; background:#888; margin:0 5px; }
.b2_3 { height:1px; background: url('../images/title_background_3.gif'); border-right:2px solid #888; border-left:2px solid #888; margin:0 3px; }
.b3_3 { height:1px; background: url('../images/title_background_3.gif'); border-right:1px solid #888; border-left:1px solid #888; margin:0 2px; }
.b4_3 { height:2px; background: url('../images/title_background_3.gif'); border-right:1px solid #888; border-left:1px solid #888; margin:0 1px; }
.contentb_3 { background: url('../images/title_background_3.gif'); border-right:1px solid #888; border-left:1px solid #888; }
.contentb_3 div { margin-left: 5px; }

.b1_4, .b2_4, .b3_4, .b4_4{ font-size:1px; overflow:hidden; display:block; }
.b1_4 { height:1px; background:#888; margin:0 5px; }
.b2_4 { height:1px; background: url('../images/title_background_4.gif'); border-right:2px solid #888; border-left:2px solid #888; margin:0 3px; }
.b3_4 { height:1px; background: url('../images/title_background_4.gif'); border-right:1px solid #888; border-left:1px solid #888; margin:0 2px; }
.b4_4 { height:2px;  border-right:1px solid #888; border-left:1px solid #888; margin:0 1px; }
.contentb_4 { background: url('../images/title_background_4.gif'); border-right:1px solid #888; border-left:1px solid #888; }
.contentb_4 div { margin-left: 5px; }

/* title */
.pageTitle { font-weight: bold; color: #fff; text-align: right; vertical-align: top; margin: 1em; }
.pageLine { border:none;border-bottom:solid #AA0066 1.0pt;solid #AA0066 .75pt;padding:0cm 0cm 2.0pt 0cm }

.step1_1 { background: #6666cc url('../images/step1_1.gif') 110% no-repeat; color:#fff; }
.step1_1 p { padding:2px 30px 2px 5px; }
.step1_2 { background: #ccccff url('../images/step3_1.gif') 110% no-repeat; color:#fff; }
.step1_2 p { padding:2px 30px 2px 0; }
.step1_3 { background: #ccccff url('../images/step1_3.gif') 105% no-repeat; color:#fff; }
.step1_3 p { padding:2px 20px 2px 0; }.return{ border-top: #ccc 1px solid; background: #ffffcc; margin:1em -15px 0 -15px; padding:15px; }

.step2_1 { background: #ccccff url('../images/step2_1.gif') 110% no-repeat; color:#fff; }
.step2_1 p { padding:2px 30px 2px 0; }
.step2_2 { background: #6666cc url('../images/step1_1.gif') 110% no-repeat; color:#fff; }
.step2_2 p { padding:2px 30px 2px 5px; }
.step2_3 { background: #ccccff url('../images/step1_3.gif') 105% no-repeat; color:#fff; }
.step2_3 p { padding:2px 20px 2px 0; }.return{ border-top: #ccc 1px solid; background: #ffffcc; margin:1em -15px 0 -15px; padding:15px; }

.step3_1 { background: #ccccff url('../images/step3_1.gif') 110% no-repeat; color:#fff; }
.step3_1 p { padding:2px 20px 2px 0; }
.step3_2 { background: #ccccff url('../images/step2_1.gif') 110% no-repeat; color:#fff; }
.step3_2 p { padding:2px 30px 2px 0; }
.step3_3 { background: #6666cc url('../images/step3_3.gif') 105% no-repeat; color:#fff; }
.step3_3 p { padding:2px 30px 2px 5px; }.return{ border-top: #ccc 1px solid; background: #ffffcc; margin:1em -15px 0 -15px; padding:15px; }

/* news portal */
.title { PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; COLOR: #333333 }
.reported_quote { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; line-height: 13px; text-decoration: none; font-weight: bold; }
.reported_quote_urgent { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #840010; line-height: 13px; text-decoration: none; font-weight: bold; }
.pupular_content { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #111111; line-height: 16px; text-decoration: none; font-weight: normal;}

.h1_margin { padding-bottom: 1px;}

H1#blog { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #004173; line-height: 25px; font-weight: bold; display: inline;}
H2#blog { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; line-height: 18px; font-weight: bold; display: inline;}
H1#ART { font-family: Arial, Helvetica, sans-serif; font-size: 25px; color: #0C4790; line-height: 27px; font-weight: bold; display: inline;}
H2#ART { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #999999; font-weight: bold; display: inline;}
H1#TS { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0C4790; display: inline;}
H2#TS { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #0C4790; display: inline;}
HR.blog { border-style: dashed; height: 0.5px; color: #0C4790; margin: 10px 0px 10px 0px;}
H1#login { font-size: 17px; }

A.topstoryblue:link { color: #0C4790; text-decoration: none;}
A.topstoryblue:visited { color: #0C4790; text-decoration: none;}
A.topstoryblue:actived { color: #0C4790; text-decoration: none;}
A.topstoryblue:hover { color: #0C4790; text-decoration: underline;}

div.memo { float: left; width: 60em; padding: 20px; margin: 1em; background: #EFF5FD; }

div.scrollBanner{
	position:relative;
	height:24px;
	width:900px;
	display:block;
	overflow:hidden;
	background-color:#8B3349;
	padding:3px;
}
div.scrollText{
	position:absolute;
	white-space:nowrap;
	font-family:'Trebuchet MS',Arial;
	font-size:18px;
	font-weight:bold;
}

/* photo gallery */
/* include galleriffic-portal.css */

/* SLIDER */
.slider-wrap { width: 339px; position: absolute; top: 87px; left: 40px; }
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
.stripViewer { position: relative; overflow: hidden; width: 339px; height: 480px; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 339px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
.nav-thumb { border: 1px solid black; margin-right: 5px; }
#movers-row { margin: -43px 0 0 62px; }
#movers-row div { width: 20%; float: left; }
#movers-row div a.cross-link { float: right; }
.photo-meta-data { background: url(../images/transpBlack.png); padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span { font-size: 13px; }
.cross-link { display: block; width: 62px; margin-top: -14px; position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb { background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }

/* dark background */
.darkenBackground { background-color: rgb(0, 0, 0); opacity: 0.7; /* Safari, Opera */ -moz-opacity:0.70; /* FireFox */ filter: alpha(opacity=70); /* IE */ z-index: 20; height: 100%; width: 100%; background-repeat:repeat; position:fixed; top: 0px; left: 0px; }

/* =-=-=-=-=-=-=-[Menu One]-=-=-=-=-=-=-=- */
#menu1 { width: 200px; border-style: solid solid none solid; border-color: #94AA74; border-size: 1px; border-width: 1px; margin: 10px; }
#menu1 li a { height: 32px; voice-family: "\"}\"";  voice-family: inherit; height: 24px; text-decoration: none; }
#menu1 li a:link, #menu1 li a:visited { color: #5E7830; display: block; background: url(../images/menu1.gif); padding: 8px 0 0 10px; }
#menu1 li a:hover { color: #26370A; background: url(../images/menu1.gif) 0 -32px; padding: 8px 0 0 10px; }
#menu1 li a:active { color: #26370A; background: url(../images/menu1.gif) 0 -64px; padding: 8px 0 0 10px; }
/* =-=-=-=-=-=-=-[Menu Two]-=-=-=-=-=-=-=- */
#menu2 { width: 200px; border-style: solid solid none solid; border-color: #677D92; border-size: 1px; border-width: 1px; margin: 10px; }
#menu2 li a { height: 50px; voice-family: "\"}\"";  voice-family: inherit; height: 24px; text-decoration: none; }
#menu2 li a:link, #menu2 li a:visited { color: #fff; display: block; background: url(../images/menu2.gif); padding: 8px 0 0 10px; }
#menu2 li a:hover { color: #283A50; background: url(../images/menu2.gif) 0 -32px; padding: 8px 0 0 10px; }
#menu2 li a:active { color: #283A50; background: url(../images/menu2.gif) 0 -64px; padding: 8px 0 0 10px; }
/* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */
#menu3 { width: 200px; border: 1px solid #ccc; margin: 10px; }
#menu3 li a { height: 32px; voice-family: "\"}\"";  voice-family: inherit; height: 24px; text-decoration: none; }
#menu3 li a:link, #menu3 li a:visited { color: #888; display: block; background: url(../images/menu3.gif); padding: 8px 0 0 30px; }
#menu3 li a:hover, #menu3 li a:active { color: #283A50; background: url(../images/menu3.gif) 0 -32px; padding: 8px 0 0 30px; }
/* =-=-=-=-=-=-=-[Menu Four]-=-=-=-=-=-=-=- */
#menu4 { width: 200px; border-style: solid solid none solid; border-color: #D76100; border-size: 1px; border-width: 1px; margin: 10px; }
#menu4 li a { height: 32px; voice-family: "\"}\"";  voice-family: inherit; height: 24px; text-decoration: none; }
#menu4 li a:link, #menu4 li a:visited { color: #9E3C02; display: block; background: url(../images/menu4.gif); padding: 8px 0 0 30px; }
#menu4 li a:hover { color: #fff; background: url(../images/menu4.gif) 0 -32px; padding: 8px 0 0 30px; }
#menu4 li a:active { color: #fff; background: url(../images/menu4.gif) 0 -64px; padding: 8px 0 0 30px; }
/* =-=-=-=-=-=-=-[Menu Five]-=-=-=-=-=-=-=- */
#menu5 { width: 200px; border-style: none solid none solid; border-color: #D0D0D0; border-width: 1px; margin: 10px; }
#menu5 li a { height: 32px; voice-family: "\"}\"";  voice-family: inherit; height: 24px; text-decoration: none; }
#menu5 li a:link, #menu5 li a:visited { color: #777; display: block; background: url(../images/menu5.gif); padding: 8px 25px 0 10px; text-align: right; }
#menu5 li a:hover { color: #fff; background: url(../images/menu5.gif) 0 -32px; padding: 8px 25px 0 10px; text-align: right; }
#menu5 li a:active { color: #fff; background: url(../images/menu5.gif) 0 -64px; padding: 8px 25px 0 10px; text-align: right; }
/* =-=-=-=-=-=-=-[Menu Six]-=-=-=-=-=-=-=- */
#menu6 { width: 200px; margin: 10px; }
#menu6 li a { height: 32px; voice-family: "\"}\"";  voice-family: inherit; height: 24px; text-decoration: none; }
#menu6 li a:link, #menu6 li a:visited { color: #8D9179; display: block; background: url(../images/menu6.gif); padding: 8px 0 0 10px; }
#menu6 li a:hover, #menu6 li a:active { color: #6C7250; background: url(../images/menu6.gif) 0 -32px; padding: 8px 0 0 10px; }
/* =-=-=-=-=-=-=-[Menu Seven]-=-=-=-=-=-=-=- */
#menu7 { width: 200px; margin: 10px; }
#menu7 li a { height: 32px; voice-family: "\"}\"";  voice-family: inherit; height: 24px; text-decoration: none; }
#menu7 li a:link, #menu7 li a:visited { color: #8D9179; display: block; background: url(../images/menu6.gif); padding: 8px 0 0 10px; }
#menu7 li a:hover { color: #6C7250; background: url(../images/menu6.gif) 0 -32px; padding: 8px 0 0 10px; }
#menu7 li a:active { color: #6C7250; background: url(../images/menu6.gif) 0 -32px; padding: 8px 0 0 10px; }
/* =-=-=-=-=-=-=-[Menu Eight]-=-=-=-=-=-=-=- */
#menu8 { width: 200px; margin-top: 10px; }
#menu8 li a { text-decoration: none; height: 32px; voice-family: "\"}\"";  voice-family: inherit; height: 24px; }
#menu8 li a:link, #menu8 li a:visited { color: #777; display: block; background: url(../images/menu8.gif); padding: 8px 0 0 20px; }
#menu8 li a:hover { color: #257EB7; background: url(../images/menu8.gif) 0 -32px; padding: 8px 0 0 25px; }
#menu8 li a:active { color: #fff; background: url(../images/menu8.gif) 0 -64px; padding: 8px 0 0 25px; }
/* =-=-=-=-=-=-=-[Menu Nine]-=-=-=-=-=-=-=- */
#menu9 { width: 200px; margin-top: 10px; }
#menu9 li a { height: 32px; voice-family: "\"}\"";  voice-family: inherit; height: 24px; text-decoration: none; }
#menu9 li a:link, #menu9 li a:visited { color: #E5E8D4; display: block; background: url(../images/menu9.gif); padding: 8px 0 0 10px; }
#menu9 li a:hover { color: #725033; background: url(../images/menu9.gif) 0 -32px; padding: 8px 0 0 10px; }
#menu9 li a:active { color: #fff; background: url(../images/menu9.gif) 0 -64px; padding: 8px 0 0 10px; }

/* Staff education (TWAH) */
#staffEducationWrapper { width: 100%; }
#staffEducationWrapper a:link { color: #000000; text-decoration: none;}
#staffEducationWrapper a:visited { color: #000000; text-decoration: none;}
#staffEducationWrapper a:hover { color: #000000; text-decoration: underline;}

#staffEducationWrapper span {
  /* allow Gecko to read width property */
	display:-moz-inline-box; /* Gecko proprietary */
	display:inline-block; /* supported by Opera and ? */
	vertical-align:top; /* Gecko needs this */
} /* IE, Opera & Gecko slight diff */

#staffEducationWrapper .nav-footer a:link, #breadcrumb a:link  { color: #0066AA; text-decoration: none;}
#staffEducationWrapper .nav-footer a:visited, #breadcrumb a:visited { color: #0066AA; text-decoration: none;}
#staffEducationWrapper .nav-footer a:hover, #breadcrumb a:hover { color: #FF0000; text-decoration: underline;}

#educationFrontPage { width: 640px; margin: 10px 0 0 0; }
#educationFrontPage h2 { font-size: 120%; font-weight: bold; }
#educationFrontPage tr { margin: 20px 0; }
#educationFrontPage td { height: 25px; }
#educationFrontPage td.nav { background-image: url(../images/right2.gif); background-repeat:no-repeat; background-position:2% 50%; padding-left: 18px;}
#educationFrontPage .header { text-align: center; }
#educationFrontPage p { padding: 3px 0; }
#educationFrontPage .nav-header { background: #FFCC00; text-align: left; color: #0000FF; }
#educationFrontPage .nav-header td { padding-left: 10px; }
#educationFrontPage .nav-footer { background: #FFFF99; text-align: center; }

#staffEducationWrapper #contentPage { width: 640px; margin: 10px 0 10px 50px; }
#staffEducationWrapper #contentPage h2 { font-size: 200%; font-weight: bold; text-align: center; margin: 10px 0; }
#staffEducationWrapper #contentPage h3 { font-size: 150%; font-weight: bold; text-align: center; margin: 5px 0; }
#staffEducationWrapper #contentPage .header { text-align: center; }
#staffEducationWrapper #contentPage p { padding: 3px 0; }
#staffEducationWrapper #contentPage tr { margin: 20px 0; }
#staffEducationWrapper #contentPage td { height: 25px; }
#staffEducationWrapper #contentPage ul { list-style: none; }
#staffEducationWrapper .nav-footer { margin: 10px 0; }

ul#breadcrumb-menuContent { list-style: none; margin: 10px 0; }
ul#breadcrumb-menuContent li { padding: 5px 0; }
ul#breadcrumb-menuContent li.level0 { font-size: 130%; }
ul#breadcrumb-menuContent li.level1 { padding-left: 5px; font-size: 120%; }
ul#breadcrumb-menuContent li.level2 { padding-left: 15px; font-size: 110%;  }
ul#breadcrumb-menuContent li.level3 { padding-left: 25px; font-size: 100%; }
ul#breadcrumb-menuContent li.parent a { font-weight: bold; }
ul#breadcrumb-menuContent a:link { color: #000000; text-decoration: none;}
ul#breadcrumb-menuContent a:visited { color: #000000; text-decoration: none;}
ul#breadcrumb-menuContent a:hover { color: #000000; text-decoration: underline;}

.mottoText { font: Arial, Helvetica, sans-serif; color: #993366; font-weight: bold; text-align: center; }
.navText { font: "Arial Narrow", Arial, Helvetica, sans-serif; }
.reviseText { margin-bottom: 10px; font-size: 90%; text-align: center; color: #ff0000; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.clear { clear: both; }
.dragHandler { cursor: move; }
.dateHighlight { background: #ffff00; }
.warning { background: #FFFF99; text-align: center; font-weight: bold; color: #ff0000; }
.cautionText { font-weight: bold; color: #FF0000; font-size: 120; }

#weather_widget * {	margin:0px;	padding:0px; font-family:arial; font-size:14px; }
#weather_widget { border:1px solid #444; background:#EEE; width:275px; padding:15px; overflow:auto; }
#weather_img { float:left; padding-right:20px; }
#weather_country { font-weight:bold; }
#weather_city { font-size:10px; }
#weather_temp { margin-top:5px; }
#weather_cond { margin-top:5px; font-style:italic; }
#weather_conditions { float:left; }

.errormsg { FONT-WEIGHT: bold; COLOR: #b80000 }

label, select {
	font-size: 15px;
}

.loading {
	position: absolute;
    border: 1px solid #D02090;
    padding: 2px;
    background-color: #D02090;
    color: #ffffff;
    opacity: 0.90;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 210px;
    height: 50px;
    text-align: center;
    z-index: 100000;
    font-size: 16px;
    display: none;
}

.leafletItem {
	width: 33%; 
	float: left; 
	height: 200px;
	align: center;
}

/* buttons */
#login_button {
    display: block;
    width: 170px;
    height: 50px;
    background: url('../images/login_button_en.png') no-repeat 0 0;
    /* Hide "Buy now" text by moving it beyond
     * the browser viewport */
    text-indent: -9999px;
    /* Because of the outline:none property, we must visually style
     * the :focus pseudo-class for keyboard users */
    outline: none;
}
a:hover#login_button, a:focus#login_button {
    /* -50px for the y-axis value of the background-position property
     * places the background on the bottom-half of the CSS sprite */
    background: url('../images/login_button_en.png') no-repeat 0 -50px;
}

#instructionBlock { margin: 10px 0; padding: 5px; background: #EEEEEE; border: solid 3px #C6DEFF; }