/* ---------------------------- INPUT & LINKS -------------------------------*/
BODY {
  /*background: #FFFFFF;*/
  background-image: url(../images/body_background_red.jpg);
  background-repeat: repeat-x;
  font-family:verdana,arial;
  font-size:11px;
}

TD {
  font-family:verdana,arial;
  font-size:11px;
}

INPUT {
  font-family:verdana,arial;
  font-size:11px;
}

.textbox {
  /*background-color:#FFF0E1; /*#F2F2F2*/
  /*border:solid 1 #DDDDDD; /*#DDDDDD*/
  /*padding: 3px 3px 3px 3px;
  height:23px;*/
  background: transparent url("images/textfield.gif");
}

.ErrorField {
	background-color: #FFB0B0;
	border: 1px solid #DDDDDD; /*padding: 3px 3px 3px 3px;
  height:23px;*/
}

.EmptyField {
  background-color:#BFDFFF;
  /*border-style:solid;
  border-width:1px;
  padding: 3px 3px 3px 3px;
  height:23px;*/
  /*background: transparent url("shared/textfield_empty.gif");*/
}

.textboxWithBg {
  background-color:#f2f2f2;
  border:1px solid #DDDDDD;
  padding: 3px 3px 3px 3px;
  height:23px;
  background: transparent url("shared/textfield.gif");
}

.textboxFocus {
  background-color:#f2f2f2;
  border:1px solid #DDDDDD;
  padding: 3px 3px 3px 3px;
  height:23px;
  background: transparent url("shared/textfield_focus.gif");
}

.upload {
  background-color:#f2f2f2;
  border:1px solid #DDDDDD;
  padding: 3px 3px 3px 3px;
  height:22px;
  background: transparent url("images/textfield.gif");
}

.checkbox {
  background-color:#f2f2f2;
  color:#ff0000;
}

.button {
	cursor: pointer;
	border: 1px outset #ccc;
	background: #FF8C00;
	color: #000000;
	/*font-weight: bold;*/
	padding: 1px 2px; 
	background:url("images/button.gif") repeat-x left top;
}

SELECT {
  font-family:arial;
  font-size:11px;
}

A { color:#0080C0; text-decoration:none }
A:link { color:#0080C0; text-decoration:none }
A:active { color:#0080C0; text-decoration:none }
A:visited { color:#0080C0; text-decoration:none }
A:hover { color:#0080C0; text-decoration:underline }

/* ---------------------------- LAYOUT -------------------------------*/
.mainLayout{
  padding:0px;
}
.mainLayout THEAD TD{
	background-color: #FFF4F6;
	padding: 0px;
}
.mainLayout TFOOT TD{
	background-color: #FFF4F6;
}
.mainLayout TBODY TD{
}
.mainLayoutMenu{
  background-color: #FFF4F6;
}
.mainLayoutBody{
	background-color: #FFF4F6;
}

/* ---------------------------- INPUT FORM -------------------------------*/
.inputForm{
  /*text-align: center;*/
  font-family: Verdana,arial;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  background: #ffffff;
  padding: 5px;  
}
.inputForm .inputFormTitle{
  text-align: left;
  font-family: Verdana,arial;
  font-size: 22px;
  font-weight: bold;	
  position: relative;
}
.inputForm .inputFormDesc{
	text-align: left;
	font-family: Verdana,arial;
	font-size: 11px;
	font-weight: normal;
	color: #808080;
	position: relative;
}
.inputForm .fieldLabel{
	color:#008000;
	/***** left align *****/
	/*text-align: left;
	padding-left:10px;*/
	/***** right align *****/
	text-align: right;
	padding-right:10px;	
   /*display: none;*/
}
.inputForm .fieldLabelCompulsory{
   color:#008000;
	font-weight: bold;	
	/***** left align *****/
	/*text-align: left;
	padding-left:10px;
	background: url("images/star.gif") no-repeat left center;*/
	/***** right align *****/
	text-align: right;
	padding-right:10px;
	background: url("images/star.gif") no-repeat right center;
}
.inputForm .fieldInput{
	color:#000000;
	text-align: left;
   /*display: none;*/
}
.inputForm .fieldInputCompulsory{
	text-align: left;
}

.inputForm .menuHighlight{
	background: #DCDCDC;
}
/* ---------------------------- LISTING -------------------------------*/
.divRecordListing{
	margin:0px;
	margin-top:0px;
}

.recordListingTitle{  
  text-align: left;
  font-family: Verdana,arial;
  font-size: 22px;
  font-weight: bold;	
  position: relative;
  padding:0px 0px 0px 0px;
}

.recordListingDesc{  
  text-align: left;
  font-family: Verdana,arial;
  font-size: 11px;
  font-weight: normal;	
  position: relative;
  padding:0px 0px 0px 0px;
  color:#808080;
}

.recordListing{
	background-color: #e7e7e7; /* used to set the border*/
}

.recordListing THEAD TH{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	background-color: #FFB6C1;
	color: #666;
	border: 1px solid #9FB4F0;
	text-transform: uppercase;
	padding: 4px 4px 4px 4px;
}

.recordListing THEAD TD{
  font-family: Verdana;
  font-size: 8pt;
  text-align: left;
  background-color:#FFB6C1;
  color: #666;
  border: 1px solid #9FB4F0;
  padding: 4px 4px 4px 4px;
}

.recordListing .sortColumn{
	background-color: #B6C5F2;
}

.recordListing TR{
  background-color: #f9f9f9;
}

TBODY TR .odd{
  background-color: #F2F2F2;
}

TBODY TR .recordListingHightlight{
	background-color: #F3D8D8;
}

TBODY TR .recordNew{
  background-color: #FFDECE;
  visibility:show;
}

.recordListing A:link{
  color: #0000ff;
  text-decoration:none;
  font-weight: bold;
}

.recordListing A:visited{
  color: #0000ff;
  text-decoration:none;
  font-weight: bold;
}

.recordListing A:active{
  color: #0000ff;
  text-decoration:none;
  font-weight: bold;
}

.recordListing A:hover{
  color: #0000ff;
  text-decoration:underline;
  font-weight: bold;
}

.iconTypeListing SPAN{
  color:#000000;
  font-family:Verdana,Arial;
  font-size:14px;
  font-weight:bold;
}
.recordListing .newRecord{
	background: #969696;
}
.recordListing .highlight{
	background: #FF7777;
	color: #FFFFFF;
}
.recordListing .rollover{
	background: #FF7777;
	color:#FFFFFF;
}
/* ---------------------------- MENU -------------------------------*/
.menuHighlight{
	background: #DCDCDC;
}
.highlight{
	background: #FF7777;
}
.highlight A:link,
.highlight A:visited,
.highlight A:hover,
.highlight A:active,{
	color:#FFFFFF;
}
/* ---------------------------- MODULE ITEM -------------------------------*/
.moduleItem{
	font-family:verdana,Arial;
	font-size:11px;
}

.moduleItem A:link, 
.moduleItem A:visited, 
.moduleItem A:active{
  color: #000000;
  text-decoration:none;
}

.moduleItem A:hover{
  color: #7BAD27;
  text-decoration:none;
}

.moduleItemToolTips{
	padding: 6px 6px 6px 6px;
	position: absolute;
	z-index: 100;
	/*visibility: hidden; */
	background: #FFFFAA;	
	border: 1px dotted #808080;	
	width:200px; 
  	height:50px;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

/* ---------------------------- TOOL TIPS -------------------------------*/
.toolTips A:link, 
.toolTips A:visited, 
.toolTips A:active{
  color: #000000;
  text-decoration:none;
}

.toolTips A:hover{
  color: #7BAD27;
  text-decoration:none;
}

.toolTips SPAN{
	font-family:verdana,Arial;
	font-size:11px;
	color:#808080;
}

/* ---------------------------- OTHER -------------------------------*/
.createdBy, 
.createdOn{
  color: #808080;
  font-weight:normal;
  font-family:Arial;
  font-size:7pt;
}

.loadingText{
  color:#808080;
}

.viewerStyle{
	background-color: #FFFFCC;
	visibility: hidden;
	position: absolute;
	left: 0;
	width: 0;
	height: 0;
	z-index: 1;
	overflow: auto;
	border: 0px ridge white;
}

.tableTitle{
  font-weight:bold;
  text-align:left;
  font-size:10pt;
  font-family:Tahoma,Verdana,Arial;
}

/* ---------------------------- MENU &  TOOLBAR -------------------------------*/
.hovermenu {
  margin: 0px;
  margin-top:20px;
}

.hovermenu ul{
  font: bold 11px verdana;
  padding-left: 0;
  margin: 0px; 
  /*margin-left: 0;*/
  height: 20px;
}

.hovermenu ul li{
	list-style: none;
	display: inline;
}

.hovermenu ul li a{
  padding: 4px 0.5em;
  text-decoration: none;
  float: left;
  background-color: #F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}

.hovermenu ul li a:link{
  padding: 4px 0.5em;
  text-decoration: none;
  float: left;
  background-color: #F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}

.hovermenu ul li a:visited{
  padding: 4px 0.5em;
  text-decoration: none;
  float: left;
  background-color: #F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}

.hovermenu ul li a:hover{
  text-decoration: none;
  background-color: #E9E9E9;
  float: left;
  /*border-style: outset;*/
  border-top-color: #ffffff;
  border-bottom-color: #C5C5C5;
  border-left-color: #ffffff;
  border-right-color: #C5C5C5;
}

.hovermenu ul li span{
  color: #c0c0c0;
  padding: 4px 0.5em;
  text-decoration: none;
  float: left;
  background-color: #F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}

.customToolbar FONT {
  font-size: 8pt;
  font-weight:normal;
  color:#808080;
}

.customToolbar ul{
  font: bold 11px verdana;
  padding-top: 5px;
  padding-left: 0;
  margin-left: 0;
  height: 30px;
  margin:0px;
}

.customToolbar ul li{
  list-style: none;
  display: inline;
  text-decoration: none;
}

.customToolbar ul li A{
  color:#0080C8;
  padding: 4px 0.5em 4px 0.5em;
  text-decoration: none;
  background-color: F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}

.customToolbar ul li a:link{
  color:#0080C8;
  padding: 4px 0.5em 4px 0.5em;
  text-decoration: none;
  background-color: F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}

.customToolbar ul li a:visited{
  color:#0080C8;
  padding: 4px 0.5em 4px 0.5em;
  text-decoration: none;
  background-color: F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}

.customToolbar ul li a:hover{
  background-color: #E9E9E9;
  border-top-color: #ffffff;
  border-bottom-color: #C5C5C5;
  border-left-color: #ffffff;
  border-right-color: #C5C5C5;
}

.customToolbar ul li span{
  padding: 4px 0.5em 4px 0.5em;
  text-decoration: none;
  color: #c0c0c0;
  background-color: F2F2F2;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB; /* must be same as the bgcolor of the container for best result*/
}
/* ---------------------------- LOGIN-LOGOUT PANEL -------------------------------*/
.lightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 30%;
	left: 35%;
	width: 310px;
	/*height: 200px;*/
	padding: 0px;
	/*border: 5px solid #B8B8B8;*/
	/*background-color: white;*/
	text-align: left;
	z-index: 9999;
	overflow: auto;   
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5), alpha(opacity=90);
	-moz-opacity: .09;
	opacity: .90;	
}
.lightboxBG{
	background:url("images/xp_blue.jpg") repeat-y left top;
}
.overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	z-index:1001;
	background-color:#333;
   filter: alpha(opacity=50);
   -moz-opacity: .50;
   opacity: .50;
}
/* ---------------------------- "LOADING..." Layer -------------------------------*/
#divLoading{
	color: #333;
	display: none;
	position: absolute;
	top: 30%;
	left: 35%;
	width: 200px;
	height: 65px;
	padding: 10px;
	border: 1px solid #DDEEFF;
	background-color: #DDEEFF;
	text-align: center;
	overflow: auto;
	z-index: 8080;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5), alpha(opacity=90);
	-moz-opacity: .09;
	opacity: .90;
}
/* ---------------------------- FORM FIELD SHOW HIDE -------------------------------*/
.divFormShowHideField a, 
.divFormShowHideField a:active, 
.divFormShowHideField a:link, 
.divFormShowHideField a:visited{
  float:right;
  color:#0080C8;
  text-decoration: none;
  padding: 4px 4px 4px 4px;    
  margin-right: 10px;  
  background-color: F2F2F2;
  height: 2em;
  border-width: 1px;
  border-style: solid;
  border-color: #FBFBFB;
}
.divFormShowHideField a:hover{
  float:right;
  color:#0080C8;
  text-decoration: none;
  padding: 4px 4px 4px 4px;
  margin-right: 10px;
  background-color: F2F2F2;
  height: 2em;
  background-color: #E9E9E9;
  border-top-color: #ffffff;
  border-bottom-color: #C5C5C5;
  border-left-color: #ffffff;
  border-right-color: #C5C5C5;
}
/* ---------------------------- SystemDoc -------------------------------*/
.systemDoc{
	color: #333;
	position: absolute;
	top: 15%;
	left: 25%;
	width: 500px;
	height: 400px;
	padding: 10px;
	text-align: center;
	overflow: hidden;
	z-index: 2001;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5), alpha(opacity=90);
	-moz-opacity: .09;
	opacity: .90;
}
.systemDocContent{
	overflow:auto; 
	height:320px; 
	border:1px solid #D1CAA3;
	background:#f4f4f4;
	padding:5px;
}
.systemDocTabActive{
	overflow:hidden; 
	border:1px solid #D1CAA3;
	border-bottom:0px;
	background:#D1CAA3;
	padding:5px;
	font-weight:bold;
}
.systemDocTabInactive{
	overflow:hidden; 
	border:1px solid #DDDDDD;
	border-bottom:0px;
	background:#f4f4f4;
	padding:5px;
	font-weight:bold;
}

.boxContainer1{
	color: #333;
	overflow: hidden;
	z-index: 2050;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5), alpha(opacity=90);
	-moz-opacity: .09;
	opacity: .90;
}

#divAlertPrompt{
	background:#C4E1FF;
 	padding: 10px;
	border: 1px solid #D1CAA3;
	text-align: left;
	display:show;
	width: 90%;	
}
#divAlertPrompt TD{
	background:#C4E1FF;
}
#divAlertPromptMySQL{
	background: #FFC6C6;
	padding: 10px;
	border: 1px solid #D1CAA3;
	text-align: left;
	display: show;
	width: 90%;
}
.confirmDelete{
	color: #333;
	/*display: none;*/
	position: absolute;
	top: 20%;
	left: 20%;
	height:300px;
	width:450px;
	padding: 10px;
	/*border: 1px solid #D1CAA3;*/ 
	/*background-color: #FFBBBB;*/
	text-align: center;
	overflow: auto;
	z-index:2000;
}
.customDialog{
	color: #333;
	position: absolute;
	top: 15%;
	left: 15%;
	width: 700px;
	height: 500px;
	padding: 10px;
	text-align: center;
	overflow: hidden;
	z-index: 2001;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5), alpha(opacity=90);
	-moz-opacity: .09;
	opacity: .90;
}
/* ---------------------------- Calendar -------------------------------*/
.CalendarYearTitle{
  font-size:20px;
}

.CalendarMonthTitle{
  font-size:15px;
}

.CalendarMonthColumnDay{
  border: 1px solid #000000;
  background-color:#0080FF;
  color:#FFFFFF;
  text-align:center;
}

.CalendarMonthColumnDate{
  border: 1px solid #000000;
  background-color:#DFEFFF;
}
.CalendarMonthColumnDateHoliday{
  border: 1px solid #FF0000;
  background-color:#FFDDDD;
}
.CalendarMonthColumnDateToday{
  border: 1px solid #000000;
  background-color:#FCCF1F;
}
.CalendarMonthColumnDateMouseOver{
  border: 1px solid #FFFFFF;
  background-color:#000000;
  color:#FFFFFF;
}
.CalendarMonthStyle0{
  border: 1px solid #000000;
  background-color:#DDDDFF;
}
.CalendarMonthStyle1{
  border: 1px solid #000000;
  background-color:#FFCACA;
}
.CalendarMonthStyle2{
  border: 1px solid #000000;
  background-color:#FFEFDF;
}
.CalendarMonthStyle3{
  border: 1px solid #000000;
  background-color:#FFF8CE;
}
.CalendarMonthStyle4{
  border: 1px solid #000000;
  background-color:#CCF4D2;
}
.CalendarMonthStyle5{
  border: 1px solid #000000;
  background-color:#A2CFE8;
}
.CalendarMonthStyleHighlight{
  border: 1px solid #000000;
  background-color:#FEF1BC;
}
.CalendarMonthStyleNormal{
  border: 1px solid #000000;
  background-color:#DAE9FE;
}
.holidayBox{
  border: 1px solid #000000;
  background-color:#DAE9FE;
  margin-top:5px;
  margin-left:5px;
  margin-right:5px;
  padding:5px;
  width:95%;
}
.holidayTitleFont{
  font-size:20px;
}
.miscHolidayBox{
  display:none;
  width:100%;
  border:1px solid #000000;
  margin-top:2px;
  background-color:#FFFFFF;
}
/* ---------------------------- Page Hit -------------------------------*/
ul .boxy li { margin: 0px; align:center; }
#phonetics td {
  margin: 0px;
  padding: 0px 1em;
  vertical-align: top;
  width: 100px;
}
#phonetic3 li {
  margin: 0px;
  width: 610px;
}
#phonetic3 {
  margin-top: -4px;
}
#phonetic3 li {
  margin-top: 4px;
  margin-left:100px;
}
/* ---------------------------- Contextual Menu -------------------------------*/
.contextmenu{
position:absolute;
padding:2px;
width:165px;
border:1px solid #BEBEBE;
background-color:menu;
line-height:20px;
cursor:default;
z-index:500;
visibility:hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5), alpha(opacity=90);
-moz-opacity: .09;
opacity: .90;
}

.contextmenu .menuItemRollOut{
padding-left:10px;
padding-right:10px;
}

.contextmenu .menuItemRollOver{
color:black;
background-color:#F8E7C0;
padding-left:10px;
padding-right:10px;
}

.contextmenu hr{
  height:1px;
  color:#BEBEBE;
}
/* ---------------------------- Search Menu -------------------------------*/
.grayText{
  color:#BEBEBE;
}

/*---------------------------- Custom Table Border ----------------------*/
.CustomTableBorder {
    	border-left: 1.0px solid #6CA0D8;
    	border-right: 1.0px solid #6CA0D8;
    	border-top: 1.0px solid #6CA0D8;
    	border-bottom: 1.0px solid #6CA0D8;
} 

.CustomTableTopBorderBlack {    
    	border-top: 1.0px solid #000000;
} 

.CustomTableNoBottomBorder {    
    	border-top: 1.0px solid #000000;
    	border-left: 1.0px solid #000000;
    	border-right: 1.0px solid #000000;
} 

.CustomTableBorderBlack {    
    	border-top: 1.0px solid #000000;
    	border-left: 1.0px solid #000000;
    	border-right: 1.0px solid #000000;
   	border-bottom: 1.0px solid #000000;
} 

/*-----------------------------------------------------------------------------*/
.titleBig{
	text-align: center;
 	font-family: Verdana,arial;
 	font-size: 16px;
 	font-weight: bold;	
 	position: relative;
}

.titleMedium{
	text-align: center;
 	font-family: Verdana,arial;
 	font-size: 12px; 	
 	position: relative;
}

.titleSmall{
	text-align: center;
 	font-family: Verdana,arial;
 	font-size: 9px;
 	position: relative;
}

.titleMediumMedium{
	text-align: center;
 	font-family: Verdana,arial;
 	font-size: 10px;
 	position: relative;
}