td,input {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
}
.content {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
}
.readonlydata {
	color: blue;
}


.fieldSearchDisplay {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight:normal;
	color: #000000;
	padding-top:8px;
}
.fieldDisplay {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight:normal;
	color: #000000;
}
.fieldSearchArea {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #000000;	
}
.fieldArea {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: blue;
}
.header {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
}
.small {

	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #222222;
	background-color: #63A9FF;
}
.headerColor {

	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	color: #222222;
	background-color: #63A9FF;

}

.pda_headerColor {

	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	font-weight: bold;
	color: #222222;
	background-color: #63A9FF;
}
.titleFont {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #63A9FF;
	padding-right: 5px;
	padding-left: 5px;

}
.titleBar {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-weight: bold;
	background-color: white;	
	padding-left: 30px;
}
.titlebyFont {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;

}
.pda_titlebyFont {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	font-weight: bold;
	color: #63A9FF;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: none;

}
.errorincolor {


	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: normal;
	color: #CC0000;
}
.menuitem {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	padding-right: 14px;
	padding-left: 14px;
	padding-top: 3px;
	padding-bottom: 3px;

}


.btn120 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	width: 120px;
}
.textfield {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
}
input.textfield {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
}

.icon {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color:#222222;
	background-color:#dddddd;
}
.listtableremark {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}

.listheader {
	font-family: "Arial", "Verdana", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #ffffff;
}
.listheader:link {
	font-family: "Arial", "Verdana", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;

}
.listheader:visited {
	font-family: "Arial", "Verdana", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}
.listheader:hover {
	font-family: "Arial", "Verdana", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #eeeeee;
	text-decoration: none;
}
.listheader:active {
	font-family: "Arial", "Verdana", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}



.speciallink:link {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #63A9FF;
	text-decoration: none;

}
.speciallink:visited {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #63A9FF;
	text-decoration: none;
}
.speciallink:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #00D898;
	text-decoration: none;
}
.speciallink:active {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #63A9FF;
	text-decoration: none;
}

.pda_speciallink:link {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	font-weight: bold;
	color: #63A9FF;
	text-decoration: none;

}
.pda_speciallink:visited {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	font-weight: bold;
	color: #63A9FF;
	text-decoration: none;
}
.pda_speciallink:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	font-weight: bold;
	color: #00D898;
	text-decoration: none;
}
.pda_speciallink:active {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	font-weight: bold;
	color: #63A9FF;
	text-decoration: none;
}

.pda_menulink:link {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	font-weight: bold;
	color: #330066;
	text-decoration: none;
	padding-right: 9px;
	padding-left: 9px;
	padding-top: 3px;
	padding-bottom: 3px;

}
.pda_menulink:visited {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	font-weight: bold;
	color: #330066;
	text-decoration: none;
	padding-right: 9px;
	padding-left: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.pda_menulink:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 9px;
	padding-left: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.pda_menulink:active {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	font-weight: bold;
	color: #330066;
	text-decoration: none;
	padding-right: 9px;
	padding-left: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
}


.speciallink2:link {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;

}
.speciallink2:visited {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.speciallink2:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #00D898;
	text-decoration: none;
}
.speciallink2:active {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.indexlink {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	color: #00566C;
	text-decoration: none;
}

.indexlink:link {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	color: #00566C;
	text-decoration: none;
}

.indexlink:visited {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	color: #00566C;
	text-decoration: none;
}


.indexlink:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	color: #00D898;
	text-decoration: none;
}

.indexlink:active {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: bold;
	color: #00566C;
	text-decoration: none;
}



.sectionlinkwhite {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFCC;
	text-decoration: none;
}

.sectionlinkwhite:link {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFCC;
	text-decoration: none;
}

.sectionlinkwhite:visited {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFCC;
	text-decoration: none;
}


.sectionlinkwhite:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #00566C;
	text-decoration: underline;
}

.sectionlinkwhite:active {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFCC;
	text-decoration: none;
}


.weekindex{
	border: 1px solid #999999;
	background-color: #DDDDDD;
	font-weight: bold;
}
.usual{
	border: 1px solid #999999;
	background-color: #FFFFFF;
}
.redday{
	border: 1px solid #999999;
	background-color: #FFCCFF;	
}
.disday{
	border: 1px solid #999999;
	background-color: #CCCCCC;	
}
.today_blue	{
	border: 1px solid #999999;
	background-color: #dae4ee;
}




.childiframeBox {
	border: 1px solid #999999;
}
.childiframeTopMenu {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	border: 1px solid #999999;
	border-bottom: none;
	white-space:nowrap;
}



#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: transparent;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.igtBtnDis{
	background: #EEEEEE;
	/*filter:gray alpha(opacity=30);*/
	border: 1px solid #EEEEEE;
}
.igtBtnOn{
	background: #EEEEEE;
	border: 1px solid #FFFFFF;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #333333;
	border-bottom-color: #333333; 
}
.igtBtn{
	background: #EEEEEE;
	border: 1px solid #EEEEEE;
}



.fieldgroupbtn{ 
color: #333333;
}
.fieldgroupbtnOn{ 
color: blue;
}

.subTotalRow{
	background: #dddddd;
}
.subTotalRowPrint{
	background: #ffffff;
}
.subTotalRowExcel{
	background: #ffffff;
}

.groupColumnRow{
	background: #EEFFFF;
}
.groupColumnPrint{
	background: #EEFFFF;
}
.groupColumnExcel{
	background: #ffffff;
}



.leftmenuitem {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.leftmenutopic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.copyright {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	font-weight: normal;
	color: #336666;
	text-decoration: none;
}

.topicheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.topicheader a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}


.buttonRow {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-right-style: solid;
	border-right-color: #999999;
}
body{
background-color:#e6e6e6;
}




#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font-size: 12px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

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

/* IGT Datagrid */

.dCellFont{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	padding-left: 3px;
	padding-right: 3px;
	line-height:25px;
	color:black;
}
.dCellFontHightLight{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	padding-left: 3px;
	padding-right: 3px;
	line-height:20px;
	/*background-color:#333399;*/
	color:white;
}
.dCellEFont{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	padding-left: 3px;
	padding-right: 3px;
	line-height:18px;
	border:1px solid #EEEEEE;
	width:100%;
	height:100%;
}

/* end IGT Datagrid */




.login_box_outter_border{
	border:3px solid #335522;
}
.login_box_middle_border{
	border:1px solid #DDDDDD;
}
.login_box_inner_border{
	border:3px solid #557842;
	background-color:#FFFFFF;
	font-size:13px;
	color:#383838;
}

.login_box_td table td{
}
.box_space_img_top,
.box_space_img_bottom{
	height:40px;
}
.box_space_img_left,
.box_space_img_right{
	width:40px;
}

.login_box_title{
	border-bottom:1px solid #557842;
	color:#557842;
	font-size:13px;
}
.login_box_textbox{
	width:180px;
	border:1px solid #557842;
	font-size:13px;
}
.login_box_select{
	width:180px;
	font-size:13px;
}
.login_box_btn{
	width:89px;
}



.indexpage_item1,
.indexpage_item1 ul{
	padding:0;
	margin:0;
	width:100%;
}
.indexpage_item1 ul li{
	padding:0;
	margin:0;
	float:left;
	width:220px;
	height:100px;
	list-style:none;
}
.indexpage_item1 a{
	padding:0;
	margin:0;
}
.indexpage_item1 .indexpage_item1img{
	width:60px;
}
.indexpage_item1 .indexpage_item1img .indexpage_item1container{
	overflow:hidden;
	width:60px;
	height:60px;
	border:1px solid #CCCCCC;
}

.indexpage_item1 .indexpage_item1img img{
	border:none;
}
.indexpage_item1 .indexpage_item1title,
.indexpage_item1 .indexpage_item1title a{
	font-size:14px;
	font-weight:bold;
	font-family:arial;
	text-decoration:none;
}
.indexpage_item1 .indexpage_item1title a:hover{
	font-size:14px;
	font-weight:bold;
	font-family:arial;
	text-decoration:none;
}
.indexpage_item1 .indexpage_item1title a:visited{
	font-size:14px;
	font-weight:bold;
	font-family:arial;
	text-decoration:none;
}

.indexpage_item1 .indexpage_item1summary{
	color:#666666;
	font-size:12px;
	line-height:16px;
	font-family:arial;
}
.indexpage_item1 .indexpage_item1summary a{
	color:#0066CC;
	font-weight:normal;
	text-decoration:none;
}
.indexpage_item1 .indexpage_item1summary a:hover{
	
	font-weight:normal;
	text-decoration:none;
}
.indexpage_item1 .indexpage_item1summary a:visited{
	
	font-weight:normal;
	text-decoration:none;
}




.indexpage_item2 ul{
	margin-top:0px;
	margin-left:0px;
}
.indexpage_item2 ul li{
	padding:0;
	margin:0;
	float:left;
	width:100px;
	height:120px;
	list-style:none;

}
.indexpage_item2 a{
	padding:0;
	margin:0;
}
.indexpage_item2 .indexpage_item2img .indexpage_item2container{
	width:60px;
	height:60px;
	border:1px solid #CCCCCC;
}

.indexpage_item2 .indexpage_item2img img{
	border:none;
}
.indexpage_item2 .item_title,
.indexpage_item2 .item_title a{
	color:#333333;
	font-size:12px;
	font-family:arial;
	text-decoration:none;
}

#infodiv{
width:450px;float:left;
}

.indexpage_div_border{
  	border-style: solid;
  	border-color: inherit;
  	border-width: 1px;
  	border-color: #999999;
	margin:5px;
  }

 a.infodiv_header_link:link {
	font-family: "Arial", "Verdana", "Helvetica", "sans-serif";
	font-size: 13px;
	/*color: #ffffff;*/
	text-decoration: none;

}
a.infodiv_header_link:visited {
	font-family: "Arial", "Verdana", "Helvetica", "sans-serif";
	font-size: 13px;
	/*color: #ffffff;*/
	text-decoration: none;
}
a.infodiv_header_link:hover {
	font-family: "Arial", "Verdana", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #eeeeee;
	text-decoration: none;
}



.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #eeeeee;
}


.text_crop_120 {
/*    text-overflow:ellipsis;*/
	overflow:hidden;
	white-space:nowrap;
	width: 120px;
	height: 30px;
	font-family:arial;
	font-size:12px;
}
.text_crop_120s {
/*    text-overflow:ellipsis;*/
	overflow:hidden;
	white-space:nowrap;
	width: 120px;
	height: 30px;
	font-family:arial;
	font-size:12px;
	font-style:italic;
}
.text_crop_150 {
 /*   text-overflow:ellipsis;*/
	overflow:hidden;
	white-space:nowrap;
	width: 150px;
	height: 30px;
	font-family:arial;
	font-size:12px;
}
.text_crop_150s {
/*    text-overflow:ellipsis;*/
	overflow:hidden;
	white-space:nowrap;
	width: 150px;
	height: 30px;
	font-family:arial;
	font-size:12px;
	font-style:italic;
}

.lessOpacity {                          
	opacity: 0.4;   
	/* filter: alpha(opacity=40);   */
	/*zoom: 1;   needed to trigger "hasLayout" in IE if no width or height is set */ 
}


ul#navlist,ul#navlist ul{
	margin:0;list-style:none;padding:0;background-color:#EFEFEF;border-width:0px;border-style:solid;border-color:#5f5f5f;}
ul#navlist ul{
	margin:0;list-style:none;padding:0;background-color:#EFEFEF;border-width:1px;border-style:solid;border-color:#5f5f5f;}
ul#navlist ul{
	display:none;position:absolute;left:0;top:100%;padding:0 10px 10px;background-color:#EFEFEF;border-color:black;
	z-index:10000;
	}
ul#navlist li:hover>*{
	display:block;}
ul#navlist li:hover{
	position:relative;}
ul#navlist ul ul{
	position:absolute;left:100%;top:0;}
ul#navlist{
	display:block;font-size:0;float:left;}
ul#navlist li{
	display:block;white-space:nowrap;font-size:12px;float:left;}
ul#navlist>li,ul#navlist li{
	margin:0;}
ul#navlist a:active, ul#navlist a:focus{
	outline-style:none;}
ul#navlist a,ul#navlist a.pressed{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;color:#000000;text-shadow:#FFF 0 0 0px;cursor:pointer;}
ul#navlist ul li{
	float:none;margin:5px 0 0;}
ul#navlist ul a{
	text-align:left;padding:4px;background-color:#EFEFEF;background-image:none;border-width:0;color:#000000;text-decoration:none;font-weight:normal;}
ul#navlist li:hover>a{
	border-color:#C0C0C0;border-style:solid;text-decoration:none;text-shadow:#FFF 0 0 0px;}
ul#navlist img{
	border:none;vertical-align:middle;margin-right:5px;}
ul#navlist img.over{
	display:none;}
ul#navlist li:hover > a img.def{
	display:none;}
ul#navlist li:hover > a img.over{
	display:inline;}
ul#navlist li a.pressed img.over{
	display:inline;}
ul#navlist li a.pressed img.def{
	display:none;}
ul#navlist span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#navlist ul span{
	background-image:url("./images/arrowsub.png");padding-right:15px;
	
	}
ul#navlist a{
	padding:10px;background-color:#EFEFEF;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 0px;}
ul#navlist li:hover>a,ul#navlist li>a.pressed{
	border-style:solid;border-color:#C0C0C0;text-decoration:none;text-shadow:#FFF 0 0 0px;}
ul#navlist ul li:hover>a,ul#navlist ul li>a.pressed{
	background-color:#EFEFEF;background-image:none;color:#0978b3;text-decoration:none;}
ul#navlist li.topfirst>a{
	height:18px;line-height:18px;}
ul#navlist li.topfirst:hover>a,ul#navlist li.topfirst>a.pressed{
	line-height:18px;}
ul#navlist li.topmenu>a{
	height:18px;line-height:18px;}
ul#navlist li.topmenu:hover>a,ul#navlist li.topmenu>a.pressed{
	line-height:18px;}
ul#navlist li.toplast>a{
	height:18px;line-height:18px;}
ul#navlist li.toplast:hover>a,ul#navlist li.toplast>a.pressed{
	line-height:18px;}


td.showshowDragHandle {
	/*background-image:url('images/displayorder.gif');*/
	background-repeat: no-repeat;
	background-position: center center;
	cursor: move;
}
td.dragHandle {
    height:20px;
    width:20px;
}
tr.bgcolor {
	background-color:#EBEBEB;
}
tr.myDragClass td {
    border:medium;
    border-top-style:solid;
    border-bottom-style:solid;    
    border-color:red;
}

#jquery_msg_area{
	position:absolute;
	right:0px;
	top:0px;
	width:auto;
	background-color:#FFFFCC;
	color:red;
	font-weight:bold;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	/*border:1px solid gray;*/
	display:none;
	
}

#jquery_msg_area_center{
	position:absolute;
	left: 50%;
    top: 50%;
	padding:30px;
	border:5px solid red;
	width:auto;
	background-color:#FFFFCC;
	color:red;
	font-weight:bold;
	/*border:1px solid gray;*/
	display:none;
}

#jquery-loader{
	border:2px black solid;
	padding-top:35px;
	background-color: white;
	text-align: center;
}
#jquery-loader-background{background-color: white}
#jquery-loader.blue-with-image{
	border:2px #008587 solid;
	padding-top:35px;
	background-color: white;
	text-align: center;
	background-image: url(images/ajax-loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
#jquery-loader.start_load{
	border:none;
	padding-top:35px;
	background-color: transparent;
	text-align: center;
	background-image: url(../images/ajax-loader.gif);
	background-position: center center;
	background-repeat: no-repeat;

}