a {font: 10px Verdana, Arial, Helvetica, sans-serif;font-weight: normal; text-decoration: none; color: #325585 }
a:link {text-decoration: none }
a:active { text-decoration: none }
a:visited { text-decoration: none }
a:hover { text-decoration: underline }

.main{
	background-color:#325585;
	margin: 0px 0px 0px 0px;
}
.warning
{
	color:#000000;
	text-align: center;
	font-family: verdana;
	font-weight:normal;font-size: 10px;
	background-color: #F0F0F0;
	border: 1px dotted #999;padding: 2px 2px 2px 2px;
	
}
hr {border: 0;color: black;background-color: black;height: 1px;width: 100%;}
.news { font: 9px Verdana, Arial, Helvetica, sans-serif; }
.label { font: 14px Arial, Helvetica, sans-serif; font-weight:bold;}
.labelred { font: 14px Arial, Helvetica, sans-serif; font-weight:bold; color: #FF0000; }

.staff { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #325585; }
.staffbig { font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #325585; }
.staffmiddle { font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #325585; }
.staffred { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }

.text{ font: 10px Verdana, Arial, Helvetica, sans-serif; }
.textbold{ font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
.textred{font-family: Verdana,Arial,sans-serif;font-size: 10px;color: #FF0000;}
.textredbold{font-family: Verdana,Arial,sans-serif;font-size: 10px;font-weight:bold;color: #FF0000;}
.menu{font: 10px Verdana, Arial, Helvetica, sans-serif;font-weight: normal; text-decoration: none; color: #FFFFFF; }
.textreadonly{ font: 10px Verdana, Arial, Helvetica, sans-serif;background-color:#D3D3D3 }
.text12bold{ font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
.textsmall{ font: 8px Verdana, Arial, Helvetica, sans-serif; }
.textboldblue{font-family: Verdana,Arial,sans-serif;font-size: 10px; font-weight:bold; color: #0000FF;}
/* ---------- for login --------- */
.loginTitle {
  height: 59px;
  //background-image: url(../images/login-header.gif);
  //background-image: url(../images/tl_blend.gif);
  background-color: #325585;
  font-size: 19px;
  font-family: "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #CCCCCC;
  padding-left: 25px;
}
.login {
	width: 400px;
	height: 240px;
	background-image: url(../images/tl_blend.jpg);
}

.nestedtab {
	
    width: 80%;
    background-color:#E6E6FA;
    padding-left: 2px;
    padding-right: 1px;
    text-align: left;
    vertical-align: top;
    border:1px solid #D1CBD0;
    
}

.btnGrey {
  width: 150px;
  height: 25px;
  background-image: url(../images/menubgover.gif); 
  background-repeat: repeat-x; 
  border-style: outset;
  border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF; 
  padding: 2px 2px 2px 2px;
  text-align: center;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  color: #191970;
}

.btnGreySmall {
  width: 80px;
  height: 20px;
  background-image: url(../images/menubgover.gif); 
  background-repeat: repeat-x; 
  border-style: outset;
  border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF; 
  padding: 1px 1px 1px 1px;
  text-align: center;
  vertical-align: center;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  color: #191970;
}
.btnGreySmallDisabled {
  width: 80px;
  height: 2Opx;
  background-image: url(../images/menubgover.gif); 
  background-repeat: repeat-x; 
  border-style: outset;
  border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF; 
  padding: 1px 1px 1px 1px;
  text-align: center;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  color: #838B8B;
}
.btnGreyDisabled {
  width: 150px;
  height: 25px;
  background-image: url(../images/menubgover.gif); 
  background-repeat: repeat-x; 
  border-style: outset;
  border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF; 
  padding: 2px 2px 2px 2px;
  text-align: center;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  color: #838B8B;
}

.btnNew {
  width: 70px;
  height: 25px;
  background-image: url(../images/new_record.gif); 
  background-repeat: no-repeat;
  background-position: left center;
  border-style: outset;
  border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF; 
  padding: 2px 2px 2px 2px;
  text-align: center;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  color: #191970;
}
 /* LIST MENU BUTTONS*/
.btnNew {
  width: 70px;
  height: 25px;
  background-image: url(../images/new_record.gif); 
  background-repeat: no-repeat;
  background-position: left center;
  border-style: outset;
  border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF; 
  padding: 2px 15px 2px 2px;
  text-align: right;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  color: #191970;
}

.btnSearch {
  width: 70px;
  height: 25px;
  background-image: url(../images/search.gif); 
  background-repeat: no-repeat;
  background-position: left center;
  border-style: outset;
  border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF; 
  padding: 2px 5px 2px 2px;
  text-align: right;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  color: #191970;
}

.btnExport {
  width: 70px;
  height: 25px;
  background-image: url(../images/export.gif); 
  background-repeat: no-repeat;
  background-position: left center;
  border-style: outset;
  border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF; 
  padding: 2px 5px 2px 2px;
  text-align: right;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  color: #191970;
}

.btnPrint {
  width: 70px;
  height: 25px;
  background-image: url(../images/print.gif); 
  background-repeat: no-repeat;
  background-position: left center;
  border-style: outset;
  border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF; 
  padding: 2px 15px 2px 2px;
  text-align: right;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  color: #191970;
}

.btnEdit {
  width: 70px;
  height: 25px;
  background-image: url(../images/edit.gif); 
  background-repeat: no-repeat;
  background-position: left center;
  border-style: outset;
  border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF; 
  padding: 2px 15px 2px 2px;
  text-align: right;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  color: #191970;
}

.btnSave {
  width: 70px;
  height: 25px;
  background-image: url(../images/save.gif); 
  background-repeat: no-repeat;
  background-position: left center;
  border-style: outset;
  border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF; 
  padding: 2px 15px 2px 2px;
  text-align: right;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  color: #191970;
}

.btnSaveDisabled {
  width: 70px;
  height: 25px;
  background-image: url(../images/save.gif); 
  background-repeat: no-repeat;
  background-position: left center;
  border-style: outset;
  border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF; 
  padding: 2px 15px 2px 2px;
  text-align: right;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  color: #838B8B;
}

.btnCancel {
  width: 70px;
  height: 25px;
  background-image: url(../images/cancel.gif); 
  background-repeat: no-repeat;
  background-position: left center;
  border-style: outset;
  border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF; 
  padding: 2px 15px 2px 2px;
  text-align: right;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  font-weight: bold;
  color: #191970;
}

/* ---------- for left menu --------- */
.submenu {
  background-color: #325585;
  margin-bottom: 15px;
  font-weight: bold;
  vertical-align: middle;
  border-bottom: 1px solid #D1CBD0;
  border-left: 1px solid #D1CBD0;
  border-right: 1px solid #D1CBD0;
}


.titleText {
  color: #FFFFFF;
  height: 20px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  vertical-align: middle;
  background-color: #fc0;
  border-bottom: 1px solid #325585;
  border-left: 1px solid #325585;
  border-right: 1px solid #325585;
}
.titleTextGrey {
  color: #FFFFFF;
  height: 15px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  vertical-align: middle;
  background-color: #D3D3D3;
}
.titleText2 {
  color: #FFFFFF;
  height: 20px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  vertical-align: middle;
  background-color: #325585;
  border-bottom: 1px solid #325585;border-left: 1px solid #325585; border-right: 1px solid #325585;
}

/* ---------- for nav bar  --------- */
.navBar {
  height: 20px;
  background-image: url(../images/menubgover.gif);
  background-repeat: repeat;
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 2px;
  padding-right: 10px;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

/* ---------- for page header  --------- */
.pageHeader {
  height: 20px;
  background-image: url(../images/tl_blend.jpg);
  background-repeat: repeat;
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 0px;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

/* The following lines are for displaytag */
/*padding : up right bottom left*/
.displayTag th {padding: 2px 2px 2px 2px !important; text-align:left; font-family: verdana,arial, sans-serif; font-size: 10px; color:#000000; text-decoration: none;}
.displayTag td {padding: 2px 2px 2px 2px !important; text-align:left; font-family: verdana,arial, sans-serif; font-size: 10px; color:#000000; text-decoration: none;}
.displayTag thead tr {background-color: #fc0;}
.displayTag th a,th a:visited {color: black;}
.displayTag th a:hover {text-decoration: underline;color: black;}
.displayTag th.sorted a,Th. a {background-position: right; display: block; width: 100%; background-repeat: no-repeat;}
.displayTag th.sortable a {background-position: right; background-image: url(../images/arrow_off.png); background-repeat: no-repeat; padding-right: 10px;}
.displayTag th.order1 a {background-image: url(../images/arrow_up.png); background-repeat: no-repeat;}
.displayTag th.order2 a {background-image: url(../images/arrow_down.png); background-repeat: no-repeat;}
.displayTag tr.odd {background-color: #E6E6E6;}
.displayTag tr.tableRowEven,tr.even {background-color: #ffffff;}

span.pagebanner{font-family: verdana,arial,sans-serif;font-size: 10px;background-color: #eee;border: 1px dotted #999;padding: 2px 4px 2px 4px;width: 90%;margin-top: 5px;display: block;border-bottom: none;}
span.pagelinks{font-family: verdana,arial,sans-serif;font-size: 10px;background-color: #eee;border: 1px dotted #999;padding: 2px 4px 2px 4px;width: 90%;margin-bottom: 5px;display: block;border-top: none;}
div.exportlinks{font-family: verdana,arial,sans-serif;font-size: 10px;background-color: #eee;border: 1px dotted #999;padding: 2px 4px 4px 4px;width: 90%;margin-top: 5px;display: block;}
span.export {padding: 0 4px 4px 20px;display: inline;display: inline-block;cursor: pointer;}
span.excel {background-image: url(../images/ico_file_excel.png);background-repeat: no-repeat;}
span.csv {background-image: url(../images/ico_file_csv.png);background-repeat: no-repeat;}
span.xml {background-image: url(../images/ico_file_xml.png);background-repeat: no-repeat;}
span.pdf {background-image: url(../images/ico_file_pdf.png);background-repeat: no-repeat;}
span.rtf {background-image: url(../images/ico_file_rtf.png);background-repeat: no-repeat;}
/* End of displaytag lines */

.tableList {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #D1CBD0;
    border-bottom: 1px solid #D1CBD0;
    border-left: 1px solid #D1CBD0;
    border-right: 1px solid #D1CBD0;
    width: 100%;
}

.activeTab {
  color: #FFFFFF;
  height: 20px;
  width: 100px;
  spacing: 20px;
  text-align: center;
  vertical-align: middle;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-color: #fc0;
  border-top: 1px solid #325585;
  border-bottom: 1px solid #325585;
  border-left: 1px solid #325585;
  border-right: 1px solid #325585;
}

.passiveTab {
  color: #FFFFFF;
  height: 20px;
  width: 100px;
  spacing: 20px;
  text-align: center;
  vertical-align: middle;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-color: #CCCCCC;
  border-top: 1px solid #325585;
  border-bottom: 1px solid #325585;
  border-left: 1px solid #325585;
  border-right: 1px solid #325585;
}

.btncalendar {
  background-image:url("../images/cal.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-color:blue;
  width: 16px;
  height: 16px;
  border: none;
}

input.button {
  color: #fff; background: #0034D0;
  font-size: .8em;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid 1px #ffcf31;
}

.pageFooter
{
	color:#000000;
	text-align: left;
    vertical-align: top;
	font-family: verdana;
	font-weight:normal;font-size: 10px;
	font-weight:bold;
	background-color: #F0F0F0;
	border: 1px dotted #999;
    padding: 2px 2px 2px 2px;
}

.redFlag
{
	text-align: center;
	font-family: verdana;
	font-weight:bold;
        font-size: 9px;
        background-color: #FF0000;
	border: 1px solid #999;
        padding: 2px 2px 2px 2px;
        width:100px;
}

.yellowFlag
{
	text-align: center;
	font-family: verdana;
	font-weight:bold;
    font-size: 9px;
    background-color: #FFFF33;
	border: 1px solid #999;
    padding: 2px 2px 2px 2px;
    width:100px;
}

.greenFlag
{
	text-align: center;
	font-family: verdana;
	font-weight:bold;
    font-size: 9px;
    background-color: #009933;
	border: 1px solid #999;
    padding: 2px 2px 2px 2px;
    width:100px;
}



.link
{ 
	display:inline-block;
	background:none; 
	border:none;
	cursor:pointer; 
	color:#325585;
	text-align: left; 
	line-height: 1;
	font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:10px;
    text-decoration: none;	
	
}
.link:hover { text-decoration: underline }


.btnRemove {
  width: 18px;
  height: 18px;
  background-image: url(../images/drop.png); 
  background-repeat: repeat-x; 
  padding: 0px;
  color: white;
  font-size:0px;
  border-color: white;
  border:1px solid white;
}