DIV#nav2 {
	CLEAR: left; PADDING-RIGHT: 2px; PADDING-LEFT: 15px; BACKGROUND: #eaf3fd; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #c6dff9 1px solid
}
DIV#nav2 H2 {
	MARGIN: 6px 6px 6px 0px; FONT-SIZE: 1.5em
}
DIV#nav2 H5 {
	MARGIN: 6px 6px 6px 0px; FONT-SIZE: 1.2em
}
DIV#nav2 UL {
	PADDING-TOP: 4px
}
DIV#nav2 LI {
	PADDING-RIGHT: 15px; DISPLAY: inline; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px
}
DIV#nav2 .selected {
	BORDER-RIGHT: #c6dff9 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #c6dff9 1px solid; PADDING-LEFT: 15px; FONT-WEIGHT: bold; BACKGROUND: #ffffff; PADDING-BOTTOM: 2px; BORDER-LEFT: #c6dff9 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ffffff 1px solid
}
DIV {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
	FONT-SIZE: 1.2em
}
.ovfl {
   width:510px; height:150px; border:1px none #000000;
   overflow-y: scroll; overflow-x: hidden;
}
.ovflmiddle {
   width:510px; height:250px; border:1px none #000000;
   overflow-y: scroll; overflow-x: hidden;
}
.ovfl1 {
  width:510px; 
  border:1px none #000000; padding:10px; background:#ffffff;


}
.ovfl2 {
  width:550px; height:350px; 
  border:1px none #000000; padding:0px; background:#ffffff;

}

.ovflarge {
   width:510px; height:350px; border:1px none #000000;
   overflow-y: scroll; overflow-x: hidden;
}

.ol_cgclass  {
  COLOR: #E6F0FF;
}

.main {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333323;}

HR {
	BORDER-RIGHT: #ccc 0px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 0px solid; BORDER-BOTTOM: #ccc 0px solid; HEIGHT: 1px
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #232323;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #232323;
}

.colbar {
        background-color: #035A90;
        vertical-align: top; }
.colface {
    background-color: #ffffff;
        vertical-align: top; }
        
.topic {
        COLOR: #ffffff;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 12px;
        TEXT-DECORATION: none }

.coltable {
    background-color: #dedede;
        width: 100% }
.colbg {
    background-color: #ffffff; }

font,table,td,tr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.stdtblheader {
	color: #ffffff;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	background-color: #00A2D6;
}

.stdtblfooter {
	color: #ffffff;
	height: 20px;
	font-size: 10px;
	font-weight: normal;
	background-color: #00A2D6;
}

.button{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND: url(../images/admin/button.gif);
    BORDER-LEFT: medium none;
    WIDTH: 85px;
    CURSOR: pointer;
    COLOR: #000000;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Verdana,Tahoma,Helvetica,sans-serif;
    HEIGHT: 22px
}

.button_small{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND: url(../images/common/button_small.gif);
    BORDER-LEFT: medium none;
    WIDTH: 22px;
    CURSOR: pointer;
    COLOR: #000000;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Verdana,Tahoma,Helvetica,sans-serif;
    HEIGHT: 22px
}

.button_medium{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND: url(../images/admin/button_medium.gif);
    BORDER-LEFT: medium none;
    WIDTH: 110px;
    CURSOR: pointer;
    COLOR: #000000;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Verdana,Tahoma,Helvetica,sans-serif;
    HEIGHT: 22px
}


.button_date
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND: transparent;
    BORDER-LEFT: medium none;
    WIDTH: 22px;
    CURSOR: hand;
    COLOR: #000000;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Verdana,Tahoma,Helvetica,sans-serif;
    HEIGHT: 22px
}

td.roundtab{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 1px solid;
	border-bottom-width: 1px solid;
}

td.roundtab2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #ffffff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px solid;
}

.stdTextBox{
	font: normal 12px arial;
	border: 1px solid gray;
}

.stdTextBoxReadOnly{
	font: normal 12px arial;
	background-color: #dedede;
	border: 1px solid gray;
}

.stdTextArea{
	border: 1px solid gray;
	font: normal 12px arial;
}

.alternate1{
    BACKGROUND-COLOR: #efefef;
}

.alternate2{
    BACKGROUND-COLOR: transparent;
}

.error {
	background-color: #FFEAEA;
	border: 1px solid #DD7575;
	margin: 10px;
	padding: 10px;
}

.error td {
	font-size: 8pt;
	font-weight: bold;
	padding: 3px 10px;
}

.message {
	background-color: #C3DAF8;
	border: 1px solid #79A5E4;
	margin: 10px;
	padding: 10px;
}

.message td {
	font-size: 8pt;
	font-weight: bold;
	padding: 3px 10px;
}

.compulsory{
	color:red;
}

table.displaytag th {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	background-color: #00A2D6;
	height:20px;
}

table.displaytag tr {
	cursor: pointer;
}

.upload  {
	background-color: #F7FBFF;
	border : 2px solid #61BBF2;
	font-size: 12px;
}

table.yearlyCal{
    margin-top: 10px;
    width: 100%;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

table.yearlyCal th {
    padding: 3px;
    padding-left: 3px;
 	BACKGROUND-COLOR: #E6F0FF; FONT-FAMILY: Verdana; BORDER: #ccc 1px solid; FONT-SIZE: 0.9em; TEXT-ALIGN: center;
}
table.yearlyCal td {
 padding: 0px;
 padding-left: 2px;
 padding-left: 2px;
 BORDER:  #ccc 1px solid; TEXT-ALIGN: center;
}

table.yearlyCal a {
	text-decoration: none;
 }

 
 
table.list {
    margin-top: 10px;
    width: 100%;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

table.head td, table.sys td {
    padding: 5px; BORDER-BOTTOM: #0079A2 1px solid; LINE-HEIGHT: 1.6em; font-size: 12px;
}

table.list td, table.sys td {
    padding: 5px; BORDER-BOTTOM: #ccc 1px solid; LINE-HEIGHT: 1.6em; font-size: 12px;
}

table.list1 td {
    padding: 5px; BORDER-BOTTOM: #ccc 0px solid; LINE-HEIGHT: 1.6em; font-size: 12px;
}

.sis {
   LINE-HEIGHT: 1.1em; font-size: 10px;
}
.sisx {
   LINE-HEIGHT: 1.1em; font-size: 10px; color:red;
}

table.list2 {
    margin-top: 10px;
    width: 100%;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

table.list2 td{
    padding: 5px; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid;BORDER-RIGHT: #ccc 1px solid;LINE-HEIGHT: 0.7em;
}
table.list2 th {
    padding: 5px;

 	BACKGROUND-COLOR: #E6F0FF; FONT-FAMILY: Verdana; BORDER-BOTTOM: #9fc6f5 1px solid; BORDER-LEFT: #9fc6f5 1px solid;BORDER-RIGHT: #9fc6f5 1px solid;BORDER-TOP: #9fc6f5 1px solid;  FONT-SIZE: 0.9em; TEXT-ALIGN: left
}

table.list3{
    margin-top: 10px;
    width: 100%;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

table.list3 td{
    padding: 2px; font-size: 2px;BORDER: #ccc 1px solid;
}
table.list3 th {
    padding: 5px;

 	BACKGROUND-COLOR: #E6F0FF; FONT-FAMILY: Verdana; BORDER-BOTTOM: #9fc6f5 1px solid; BORDER-LEFT: #9fc6f5 1px solid;BORDER-RIGHT: #9fc6f5 1px solid;BORDER-TOP: #9fc6f5 1px solid;  FONT-SIZE: 11px; TEXT-ALIGN: left
}
table.list4{
    margin-top: 10px;
    width: 100%;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

table.list4 td{
    padding: 0px;
}

.headback{
	 BACKGROUND-COLOR: #E6F0FF;
}

table.list th {
    padding: 5px;
    padding-left: 5px;
 	BACKGROUND-COLOR: #E6F0FF; FONT-FAMILY: Verdana; BORDER-BOTTOM: #9fc6f5 1px solid; BORDER-TOP: #9fc6f5 1px solid;  FONT-SIZE: 11px; TEXT-ALIGN: left
}



table.list th table {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

table.list th table td {
    text-align: left;
}

table.list th table td:hover, table.list th table td a:hover {
    background-color: #ffd;
}
.downl {
    BORDER-BOTTOM: #ccc 1px solid;

}

table.list th.sorted a, th.sortable a,th.sortable a:visited {
    background-position: left;
    display: block;
    padding: 0px 15px;
    text-decoration:none
    color: #000000;
}

table.list th.order1 a {
	background-image: url(../images/common/arrow_down.png) !important;
	background-position: left;
}

table.list th.order2 a {
    background-image: url(../images/common/arrow_up.png) !important;
	background-position: left;
}

table.list th.sortable a {
    background-image: url(../images/common/arrow_off.png); !important;
	background-position: left;
}

table.sys td {
    font-size:10;
}

table.sys2 td {
    font-size:12;
}

.systh2 {
    padding: 5px;
    padding-left: 5px;
 	BACKGROUND-COLOR: #E6F0FF; FONT-FAMILY: Verdana; BORDER-BOTTOM: #9fc6f5 1px solid; FONT-SIZE: 11px; TEXT-ALIGN: left
}

.systh {
    padding: 5px;
    padding-left: 5px;
 	BACKGROUND-COLOR: #E6F0FF; FONT-FAMILY: Verdana; BORDER-BOTTOM: #9fc6f5 1px solid; FONT-SIZE: 11px; TEXT-ALIGN: left
}

table.list th.sorted a, table.list th.sortable a {
    background-position: left;
    background-repeat: no-repeat;
    display: block;
    color: #000000 ;
}



DIV.exportlinks {
	BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 4px; BORDER-TOP: #999 1px dotted; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; MARGIN: 10px 0px 10px; BORDER-LEFT: #999 1px dotted; WIDTH: 100%; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px dotted; BACKGROUND-COLOR: #fff
}

SPAN.pagebanner {
	BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 4px; BORDER-TOP: #999 1px dotted; margin: 10px 0px 0px 0px; DISPLAY: block; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px dotted; WIDTH: 100%; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px; BACKGROUND-COLOR: #fff
}
SPAN.pagelinks {
	font-family: Verdana; text-decoration:none; margin: 10px 0px 0px 0px; text-align: right; BACKGROUND-COLOR: #fff;  BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 4px; BORDER-TOP: #999 1px dotted; DISPLAY: block; PADDING-LEFT: 4px;  PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BORDER-LEFT: #999 1px dotted; WIDTH: 100%; BORDER-BOTTOM: #999 1px dotted;
}
SPAN.pagelinks a{
	font-family: Verdana; text-decoration:none;
}
SPAN.pagelinks a:hover{
	font-family: Verdana; text-decoration:underline;
}

table.room {
	border-collapse: collapse;
	border-top: 1px solid #D6D3CE;
	border-right: 1px solid #848284;
	border-bottom: 1px solid #848284;
	border-left: 1px solid #D6D3CE;
	width: 250px;
}

table.room th {
	background-color: #E7F3FF;
	border: 1px solid #D6D3CE;
	border-right: 1px solid #848284;	
	padding: 2px 3px;
}

table.room th, table.room th table{
	font-weight: bold;
}

table.room select {
	font-size: 0.8em;
}

.loading {
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	height: 19px;
}

.msg-tip {
	background-color : #FFFFE1;
	border : 1px solid black;
	padding : 5px;
	position : absolute;
	white-space: nowrap;
}

table.online-form {
	border: 1px solid #CCCCCC;;
	border-collapse: collapse;
}

table.online-form th {
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
}

table.online-form td {
	border: 1px solid #CCCCCC;
}

table.online-form td.answer {
	text-align: center;
}

table.online-form td.number {
	text-align: right;
}
table.tabulatedtb {
	border: 1px solid #CCCCCC;;
	border-collapse: collapse;
	width: 500px;
}

table.tabulatedtb th {
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
}

table.tabulatedtb td {
	border: 1px solid #CCCCCC;
	text-align:center;
}

table.dartb {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

table.dartb  td{
	border: 1px solid #CCCCCC;
}

.roletext{
	color: #1E90FF;
	font-size:11px;
}