/*.main_header {
	  z-index:20000; 
}
.main_content {
		z-index:1; 
}*/


/*start add by zizan 08/12/11 */

/*start REPORT TAWARAN] 08/12/11 */
#param_table td{text-align: left;}
/*end  REPORT TAWARAN 08/12/11 */

/*start 28/02/12 for pnk>tawaran>tab-tambah calon>*/
#table_detail tr { 

height: 6px; 

}

#table_detail tr td{ 
height: inherit ; 
font-size: 11px;
}

#table_detail tr td input{ 
height: 9px; 
}

#table_detail tr td select{ 
height: 20px; 
//vertical-align:top;
//font-size: 11px;
}


#table_detail{ 
margin: 0pt 0pt 5px; 
background-color: #EBF4FB; 
padding: 0px 10px 0px 10px; 
border: thin solid activeborder; 
float:left;
}
/*end 28/02/12 for pnk>tawaran>tab-tambah calon>*/

/*end add by zizan 08/12/11 */

/* [START] RESERVATION - AIZAL */
.resvHeader { width:100px; height:40px; background:url("../images/reservation/resvHeader.png") no-repeat; text-align:center; font-weight:bold; }
.resvHeaderM { width:100px; height:40px; background:url("../images/reservation/resvHeaderM.png") no-repeat; text-align:center; font-weight:bold; }
.resvHeaderM_BM { width:100px; height:40px; background:url("../images/reservation/resvHeaderM_BM.png") no-repeat; text-align:center; font-weight:bold; }
.resvBlockEmpty { width:25px;  height:40px; background:url("../images/reservation/theme_striking/resvBlockEmpty.png") no-repeat; float:left; cursor:pointer; }
.resvBlockBlue { width:25px;  height:40px; background:url("../images/reservation/theme_striking/resvBlockBlue.png") no-repeat; float:left; cursor:pointer; }
.resvBlockRed { width:25px;  height:40px; background:url("../images/reservation/theme_striking/resvBlockRed.png") no-repeat; float:left; }
.resvBlockGreen { width:25px;  height:40px; background:url("../images/reservation/theme_striking/resvBlockGreen.png") no-repeat; float:left; }
.resvBlockYellow { width:25px;  height:40px; background:url("../images/reservation/theme_striking/resvBlockYellow.png") no-repeat; float:left; }
.resvOuterTL { width:10px;  height:10px; background:url("../images/reservation/resvOuterTL.png") no-repeat; }
.resvOuterTM { height:10px; background:url("../images/reservation/resvOuterTM.png") repeat-x; }
.resvOuterTR { width:10px;  height:10px; background:url("../images/reservation/resvOuterTR.png") no-repeat; }
.resvOuterML { width:10px;  background:url("../images/reservation/resvOuterML.png") repeat-y; }
.resvOuterMM { background-color:white; }
.resvOuterMR { width:10px;  background:url("../images/reservation/resvOuterMR.png") repeat-y; }
.resvOuterBL { width:10px;  height:10px; background:url("../images/reservation/resvOuterBL.png") no-repeat; }
.resvOuterBM { height:10px; background:url("../images/reservation/resvOuterBM.png") repeat-x; }
.resvOuterBR { width:10px;  height:10px; background:url("../images/reservation/resvOuterBR.png") no-repeat; }
/* [END] RESERVATION - AIZAL */

/* [START] STD PROG TANPA TEMUDUGA */
.std_mobility_input {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:100%;
}
/* [END] STD PROG TANPA TEMUDUGA - AIZAL */

/* [START] GENERAL - AIZAL */
.standardMax2Lines { max-height:25px !important; }
.standardRowHeight tr { height:25px; }
.standardLeftColBold td:first-child { font-weight:bold; }
.chevron { background: url(chevron.png) no-repeat scroll 100% 50% transparent; }
#bonerContent[target=popup] th, #bonerContent[target=popup] td { border: 1px solid #CCCCCC; }
.elementDisable { opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)"; filter: alpha(opacity=30); }
#TOP_BOX table tr { height:25px; }
#TOP_BOX table td:first-child { font-weight:bold; }
#TOP_BOX table tr:last-child td { vertical-align:bottom; }
.TOP_BOX table tr { height:25px; }
.TOP_BOX table td:first-child { font-weight:bold; }
.TOP_BOX table tr:last-child td { vertical-align:bottom; }
.MID_BOX table td { height:25px; padding-left:5px; }
.MID_BOX table td.seperator { padding:5px; }
.MID_BOX table td:first-child { font-weight:bold; }
.std_activetab.left { background:url(../images/progtanpaijazah/std_tab_left.png); }
.std_activetab.mid { background-color:#153941; color:white; }
.std_activetab.right { background:url(../images/progtanpaijazah/std_tab_right.png); }
.left, .right { width:10px; cursor:pointer; }
.mid { cursor:pointer; font-family:Verdana; font-size:9px; font-weight:bold; color:#153941; }
.std_tab_outter_left { background:url(../images/progtanpaijazah/std_tab_outter_left.png); width:10px; }
.std_tab_outter_mid { background-color:#CBEDA9; padding-top:5px; }
.std_tab_outter_right { background:url(../images/progtanpaijazah/std_tab_outter_right.png); width:10px; }

.std_ol_seperator {
	  width:220px;
	  height:19px;			/* height+paddingTop must be 25px */
	  padding-top:6px;		/* height+paddingTop must be 25px */
	  background-image:url('../images/progtanpaijazah/ol_seperator_std.png');
	  text-align:center;
	  margin-top:25px;
	  color:#FFFFFF;
	  font-weight:bold;
	  font-family:Arial;
	  font-size:12px;
}

.std_ol_seperator_long {
	  width:320px;
	  height:19px;			/* height+paddingTop must be 25px */
	  padding-top:6px;		/* height+paddingTop must be 25px */
	  background-image:url('../images/progtanpaijazah/ol_seperator_std_wide.png');
	  text-align:center;
	  margin-top:25px;
	  color:#FFFFFF;
	  font-weight:bold;
	  font-family:Arial;
	  font-size:12px;
}
.std_ol_seperator_hr { height:2px; background-color:#627C92; }
.std_ol_body_inner { background-color:#F7F7F7; }
.std_ol_body_inner table { width:100%; font-family:Arial; font-size:12px; }
.std_ol_body_inner td { padding:2px 5px 0 5px !important; }
.std_ol_body_inner tr { height:25px; }
[datepicker] { width:100px; }
[validate=currency] { text-align:right; }

.highlight { border:1px solid #FF0000 !important; }
.highlight2 { border:1px solid #FF0000 !important; }

.GEN3_BTN_70{
	text-align:center;
	vertical-align:middle !important;
	font-weight:normal !important;
	background-image:url('../images/progtanpaijazah/btn_std_70px.png');
	cursor:pointer;
	width:70px;
}
.GEN3_BTN_90{
	text-align:center;
	vertical-align:middle !important;
	font-weight:normal !important;
	background-image:url('../images/progtanpaijazah/btn_std_90px.png');
	cursor:pointer;
	width:90px;
}
/* [END] GENERAL - AIZAL */

/* [START] TOCIE - AIZAL */
.pointer, .ui-datepicker-trigger { cursor:pointer; }
/* [END] TOCIE - AIZAL */

/* [START] SCROLL - AIZAL */
.placeHolder { color:gray !important; font-style:italic !important; font-size:11px !important; }
/* [END] SCROLL - AIZAL */

/* [START] PNK - AIZAL */
.pagecurrent { background:#FFC9A5; }
.pagelink { background:#F0F5FA; }
.pagelink, .pagecurrent { border:1px solid #CCCCCC; padding:1px 3px; font-size:11px; color:#3D3D3D; vertical-align:top; }
.totalrecord { font-size:11px; color:#3D3D3D; }

.innermenu_filter { background:url("../images/inner_menu_filter_hover.png") no-repeat 0 0; }
.innermenu_save { background:url("../images/inner_menu_save_hover.png") no-repeat 0 0; }
.innermenu_undo { background:url("../images/inner_menu_undo_hover.png") no-repeat 0 0; }
.innermenu_filter, .innermenu_save, .innermenu_undo { display:block; float:left; width:22px; height:24px; cursor:pointer; }
.innermenu_filter:hover, .innermenu_save:hover, .innermenu_undo:hover { background-position:-22px 0; }
/* .innermenu_print {  background:url("../images/ic-print-s.png") no-repeat;  float:left; width:24px; height:24px; cursor:pointer; } */

.innermenu_print
{
height:24px;
width:22px;
background:url(../images/inner_menu_print_hover.png) no-repeat 0 0;
float:left;
cursor:pointer;
}

#FORM_MAKLUMATLENGKAP td { font-size:11px; }
#FORM_MAKLUMATLENGKAP input { width:100%; height:18px; line-height:10px; }
#FORM_MAKLUMATLENGKAP select { width:100%; height:17px; line-height:10px; padding:0px; }
#FORM_MAKLUMATLENGKAP .divdisable { width:100%; height:15px; background:#E1E1E1; border:solid thin #CCCCCC; overflow:hidden; }

#FORM_LISTING tr { height:22px; }

.cssTabHeader { width:100%; color:white; font-weight:bold; border:none; border-spacing:0px; }
.cssTabHeader tr { height:35px; }
.cssTabHeader .tdL { width:10px; background:url("../images/cssTabL.png"); }
.cssTabHeader .tdM { background-color:#153941; vertical-align: bottom; }
.cssTabHeader .tdR { width:10px; background:url("../images/cssTabR.png"); }
.cssTabChild { margin-right:10px; }
.unselected .divL { width:10px; height:24px; float:left; background-color:#153941; cursor:pointer; }
.unselected .divM { height:24px; float:left; background-color:#153941; line-height:25px; cursor:pointer; }
.unselected .divR { width:10px; height:24px; float:left; background-color:#153941; cursor:pointer; }
.selected .divL { width:10px; height:24px; float:left; background:url("../images/cssTabLc.png"); cursor:pointer; }
.selected .divM { height:24px; float:left; background-color:#BEE6FC; line-height:25px; color:black; cursor:pointer; }
.selected .divR { width:10px; height:24px; float:left; background:url("../images/cssTabRc.png"); cursor:pointer; }

div.btn { height:15px; text-align:right; padding-top:20px; }
span.btnL { height:30px; background:url("form_buttons.png") no-repeat 2px 2px; padding:10px 0px 5px 20px; cursor:pointer; }
span.btnR { height:30px; background:url("form_buttons.png") no-repeat 100% 2px; padding:10px 18px 5px 0; margin-right:-5px; }
span.btnLfix { margin-right:-3px\9; }

.rowHeadContent2 { cursor:pointer; }

.option_align { margin-top:3px\9; }
.option_align[disabled] { opacity:0.5; }

body { height:100%; }
#pnkLoaderTint { width:300%; height:300%; filter:alpha(opacity=80);opacity:.80; background-color:black; position:absolute; z-index:10000; }
#pnkLoader { background:url("../images/pnk_loader.png"); width:300px; height:30px; position:absolute; z-index:20000; }

.tableInstitution { border-left:solid thin #CCCCCC; border-top:solid thin #CCCCCC; }
.tableInstitution th { border-right:solid thin #CCCCCC; border-bottom:solid thin #CCCCCC; background-color:#A5A5A5; height:20px; text-align:center; }
.tableInstitution td { border-right:solid thin #CCCCCC; border-bottom:solid thin #CCCCCC; background-color:#E1E1E1; padding:0 5px 0 5px; }

[name^=CF_] { font-family:'Courier New' !important; }
/* [END] FOR PNK - AIZAL */

/* [START] FOR ACCOUNT STATUS & INSURANCE - AIZAL */
.allNoWrap #dataTable td { white-space: nowrap; }
.allNoWrap #dataTable [type=checkbox] { margin:0px; }
#dataTable th, #dataTable td { padding-left:5px; padding-right:5px; }
#dataTable a { font-size:11px; }
#InsuranceList img { margin-left:3px; cursor:pointer; }
#InsuranceList td { white-space: nowrap; }
#InsuranceList td:first-child { text-align: center; vertical-align: middle; }
/* [END] FOR ACCOUNT STATUS & INSURANCE - AIZAL */

/* [START] MY ACTIVITY - AIZAL */
#TBL_MAKLUMAT_AKTIVITI td { padding: 5px; }
#DIV_MaklumatAktiviti table tr, #TBL_VenueForm tr { height:25px; }
/* [END] MY ACTIVITY - AIZAL */

/* [START] FOR KALENDAR ACADEMIC - AIZAL */
#TBL_TemplateContent .rowHighlight { background-color: ; }
#TBL_TemplateContent .rowHighlight:hover { background-color: #FFC !important; }
#TBL_TemplateContent .readOnlyField { background-image: url() !important; border:none !important; font-size:11px !important; background-color:transparent !important; }
#TBL_TemplateContent .highlightBox { border:2px solid #FF0000 !important; }
#TBL_TemplateContent img { margin-left: 3px; }

.blue_bar_highXXX{
  float:left; 
  height:36px; 
  width:100%; 
  background:url("../images/smp4/searchbar_bg.jpg"); 
  /*-moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;*/
  background-repeat:repeat-x;
  background-position:bottom;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#FFFFFF;
 
}

.dc_disabled {
	opacity: 0.3;
	background-color:#999999
}	
.context-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  background-color: #f2f2f2;
  border: 1px solid #999;
  
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.context-menu a {
  display: block;
  padding: 3px;
  text-decoration: none;
  color: #333;
}
.context-menu a:hover {
  background-color: #666;
  color: white;
}
#context-menu-2 {
  border: 1px solid #333;
  background-color: orange;
  margin: 0;
  padding: 0;
}
.target1, .target2 li, .target3 li {
  background-color: #ccc;
  color: #333;
  border: 1px solid black;
}
.target1 {
  width: 100px;
  padding: 2px;
}
.target2 li, .target3 li {
  margin-top: 5px;
  padding: 2px;
}
.target1 li.green, .target2 li.green, .target3 li.green {
  background-color: green;
  color: #fff;
}
.big-font {
  font-size: 25px;
}
/* [END] FOR KALENDAR ACADEMIC - AIZAL */


/* [START] FOR ESENAT - AIZAL */
.fileinputcontainer{ position: relative; text-align:right; }
.fileinputhidden{ position:relative; cursor:pointer; opacity:0; -moz-opacity:0; filter:alpha(opacity:0); z-index:2; }
.fileinputfakecontainer{ position:absolute; top:0px; z-index:1; width:100%; text-align:right; }
.eSenatPopupDiv {
	z-index: 10;
	position: absolute;
	background-color: #FFFFD4;
	border: 1px solid black;
	padding: 5px;
	width: 250px;
}
.ckeditorPopupImage {
	z-index: 10;
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #8F8F73;
	border-radius: 5px 5px 5px 5px;
	padding: 5px;
	width: 230px;
}

.transparent{ background:url(../empty.gif); border:none; }

.eSenatMinuteHeader {
	border:solid #A6A6A6 thin;
	padding:10px 10px 0 10px;
	background:url(../js/ckeditor/skins/kama/images/sprites_bckgrnd.png) repeat-x;
	background-color:#BBBEBB;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
.eSenatToolbar{ background:url("../images/esenat_editortoolbar.png") no-repeat; }
.eSenatToolbar.disable{ background:url("../images/esenat_editortoolbar_disable.png") no-repeat; }
.eSenatToolbar.intro{ background:url("../images/esenat_editortoolbar_intro.png") no-repeat; }
.eSenatToolbar.introdisable{ background:url("../images/esenat_editortoolbar_intro_disable.png") no-repeat; }
.eSenatToolbar.save{ background-position:0 0; width:30px; cursor:pointer; }
.eSenatToolbar.saveempty{ background-position:0 -75px; width:15px; }
.eSenatToolbar.switch{ background-position:0 -25px; width:25px; cursor:pointer; }
.eSenatToolbar.attachment{ background-position:0 -50px; width:25px; cursor:pointer; }
.eSenatToolbar.empty{ background-position:0 -125px; background-repeat:repeat-x; }
.eSenatToolbar.delete{ background-position:0 -150px; width:30px; cursor:pointer; }
.eSenatToolbar.deleteempty{ background-position:0 -100px; width:30px; }
/* [END] FOR ESENAT - AIZAL */

.DataTables_sort_wrapper { text-align: center; }
.ui-state-default { vertical-align: top; }
img.disable { opacity:0.2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)"; filter: alpha(opacity=20); }
.topfield td { vertical-align:top; padding-top:3px; height:20px !important; }
.topfield td select, .topfield td input { margin-top:-3px; }

[type="checkbox"]{
	margin:0px 3px 0px 0px;
}

[type="checkbox"][disabled="disabled"]{
	opacity:0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
	filter: alpha(opacity=30);
}
.redfont{
	color:#ed1c24;
}
label {font-size: 12px;}
h2 {font-family: Arial, Helvetica, sans-serif;font-size: 16pt;font-weight: bold;}
font {font-family: Verdana, Helvetica, sans-serif;font-size: 12px;}
.standardfont{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-transform:capitalize; line-height:10px;}
.breadCrumbFont {font-family: Arial, Helvetica, sans-serif;font-size: x-small;font-weight: bold;color: #000000;}
.highlighted {
	background-color:#FDFFCE !important;
}
.row-clicked {
	/*background-color:#fdfbd8 !important;*/
}

.row-clicked-even {
	/*background-color:#fdfbd8 !important;*/
}


.LoginFont{font-family: Arial, Helvetica, sans-serif;font-size: x-small;font-weight: normal;color: #ffffff;}
.errorFont {font-family: Arial, Helvetica, sans-serif;font-size: x-small; font-style:italic;color: #ffffff;}
.welcomefontup {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;font-weight: bold;color: yellow;}
.welcomefontdown {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;font-weight: bold;color: #000000;}
.currentsemfont {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;font-weight: bold;color: YELLOW;}
.lastdeployfont {font-family: Arial, Helvetica, sans-serif;font-size: 8pt;color: GRAY;}
.logoutfont {font-family: Verdana, Helvetica, sans-serif;font-size: 8pt;color: #FEFEFE;}
.welcomefontsilver {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;font-weight: bold;color: #707378;}
h3 {font-family: Arial, Helvetica, sans-serif;font-size: x-small;font-weight: bold;}
/*input {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;font-weight: normal;background-color: #FFFFFF;color: #000000;background-image: none;}*/
a {font-family: Arial, Helvetica, sans-serif;color: #FF0000;text-decoration: underline;}
.tableHead {font-family: Arial, Helvetica, sans-serif;font-size: x-small;font-weight: bold;background-color: #FF9999;}
.tableHeadContent {
/*
background-color: #4A6D8C;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bolder;
color: #ffffff;*/
font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*color: #FFFFFF;
	background-color: #4A6D8C;
	border-color: white;
	*/
	background-color:#CFDCED;
  border:1px solid #FFFFFF;
  font-size:9pt;
  padding:4px;
}
.defaultTable {margin: 2px;padding: 5px; }
.tableBodyContent {background-color: #CEDFEF;} 
.menuRow {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;color: #000000;}
thead {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bolder;
/*color: #ffffff; */
background-color: #ffffff;
}
tbody {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.rowHeaderContent
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #FF9999;
	border-color: white;
}
.columnHeaderContent
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #FF9999;
	border-color: white;
}

.rowHeadContent
{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #4A6D8C;
	border-color: white;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*color: #FFFFFF;
	background-color: #4A6D8C;
	border-color: white;
	*/
	background-color:#CFDCED;
  border:0px solid #FFFFFF;
  font-size:9pt;
  padding:4px;
  vertical-align:top;
}
.rowTiles
{
	border: 1px; 
	border-color: #CFDCED; 
	border-style: solid;	
}

.rowrowyourboat{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #4A6D8C;
	border-color: white;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*color: #FFFFFF;
	background-color: #4A6D8C;
	border-color: white;
	*/
	background-color:#CFDCED;
  border:0px solid #FFFFFF;
  font-size:9pt;
  padding:4px;
}
.rowMouseOver
{

	background-color: #FF9999;
	border-color: white;
}

.columnHeadContent
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #ffffff;
	border-color: white;
}

.rowBodyContent
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F0F0F0;
	border-color: white;
}


.rowBodyContentL1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #F0928D;
	border-color: white;
}

.rowBodyContentL2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #79C6D1;
	border-color: white;
}

.rowBodyContentL3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #79D188;
	border-color: white;
}

.rowBodyContentL4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #9CA6FC;
	border-color: white;
}


.grey_rowBodyContent
{
	background-color:#F0F0F0;
}
/*main td css*/
.columnBodyContent
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	
	/*hud modipai
	background:#EBF4F8 url(cell.gif) repeat-x scroll left top;
	border-color:#F4F9FB #BBD8E7 #BBD8E7 #F4F9FB;
	border-style:solid;
	border-width:1pt;*/
	padding:3px 0 3px 12px;
}

.tableHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border-color: white;
	background-color: #FF9999;
}

.normalTable
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width:100%;
	border:0;
	border-color: white;
	background-color: #FF9999;
}

.normalsilvertext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff
}

.asterixfont
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bolder;
	color: RED;
	padding-left:1px;
}


.supermessagefont
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bolder;
	color: #000000

}

.sortableTableHead {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #4A6D8C;
	border-color: white;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*color: #FFFFFF;
	background-color: #4A6D8C;
	border-color: white;
	*/
	background-color:#CFDCED;
  border:1px solid #a9b9c9;
  font-size:9pt;
  padding:4px;
}

.sortableTableHeadRED {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	background-color:red;
	white-space: nowrap;
}

.sortableTableHeadGREEN {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	background-color: green;
	white-space: nowrap;
}

.formTable {
	border: 1px solid #666;
	margin: 20px 0 20px 0;
}

th.sorted {
    background-color: orange;
}
th a, th a:visited {
  color: #000000;
}
th a:hover {
  text-decoration: underline;
  color: black;
}
th.sorted a, th.sortable a {
	background-position: right;
	display: block;
}
th.sortable a {background-image: url(/igims/images/arrow_off.png);background-repeat: no-repeat;background-position: center right;}
th.order1 a {background-image: url(/igims/images/arrow_down.png);background-repeat: no-repeat;background-position: center right;}
th.order2 a {background-image: url(/igims/images/arrow_up.png);background-repeat: no-repeat;background-position: center right;}
/*tr.odd { background-color: #FFFFFF}
tr.tableRowEven, tr.even { background-color: #D0DAE8}*/
.fieldRequired { background-color: #FFE5E5}


/* Menu Collapse */
    .menuOut {cursor:pointer; 
		margin:2px; 
		background-color:#FFFFFF; 
		color:#000000; 
		font-size:12px; 
		width:750px; 
		border:1px solid #FFFFFF; 
		padding:2px; 
		text-align:left; 
		font-family:arial; 
		font-weight:normal;
		}
	.menuOver {cursor:pointer; margin:2px; background-color:#FF8E8E; color:#000000; font-size:12px; width:750px; border:1px solid #FFFFFF; padding:2px; text-align:left; font-family:arial; font-weight:bold;}
	.subsection {width:750px; font-family:arial; font-size:11px; padding-left:5px;}
	.subsection a {color:#000080; text-decoration:none; }
	.subsection a:hover {color:#ff0000; text-decoration:none; }

/* Menu Collapse 2*/
    .menuOut2 {
	cursor:pointer;
	margin:0px;
	background-color:#FFFFFF;
	color:#000000;
	font-size:12px;
	width:760px;
	border:0px solid #FFFFFF;
	padding:4px;
	text-align:left;
	font-family:arial;
	left: 10px;
}
	.menuOver2 {cursor:pointer;
	margin:0px;
	background-color:#4A6D8C;
	color:#ffffff;
	font-size:12px;
	width:758px;
	border:0px solid #FFFFFF; padding:5px;
	text-align:left; font-family:arial; font-weight:bold;}
	.subsection2 {width:760px; font-family:arial; font-size:11px; padding-left:4px;border:0px solid #FFFFFF;}
	.subsection2 a {color:#000080; text-decoration:none; border:0px solid #FFFFFF;}
	.subsection2 a:hover {color:#ff0000; text-decoration:none; border:0px solid #FFFFFF;}

/* E-drower */
.menuOutDrower {cursor:pointer; margin:0px; background-color:#F7F7F7; color:#000000; font-size:12px; width:750px; border:0px solid #FFFFFF; padding:0px; text-align:left; font-family:arial; font-weight:normal;}
.menuOverDrower {cursor:pointer; margin:0px; background-color:#EAEAEA; color:#000000; font-size:12px; width:750px; border:0px solid #FFFFFF; padding:0px; text-align:left; font-family:arial; font-weight:bold;}
.subsectionDrower {width:750px; font-family:arial; font-size:11px; padding-left:1px;}
.subsectionDrower a {color:#000080; text-decoration:none;}
.subsectionDrower a:hover {color:#ff0000; text-decoration:none; }
.headinEDrower {
	/*BACKGROUND-COLOR: #FEFEFE;*/
	margin-bottom:0;
	border-bottom:0.5pt solid #cccccc;
	padding:3px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.headinED {margin-bottom:0;border-bottom:0.5pt solid #cccccc;padding:3px;}
.edrowerbg { 
background-image: url(<%=request.getContextPath() %>/images/gradient.gif);
background-repeat: repeat-x;
background-position: top;
}

/* E-drower test */
.menuOutDrower2 {cursor:pointer;margin:0px;background-color:#FFFFFF;color:#000000;font-size:12px;width:750px;border:0px solid #FFFFFF;padding:0px;text-align:left;font-family:arial;font-weight:normal;left: 300px;}
.menuOverDrower2 {cursor:pointer; margin:0px; background-color:#FFFFFF; color:#000000; font-size:12px; width:750px; border:0px solid #FFFFFF; padding:0px; text-align:left; font-family:arial; font-weight:bold;}
.subsectionDrower2 {width:750px; font-family:arial; font-size:11px; padding-left:0px;}
.subsectionDrower2 a {color:#000080; text-decoration:none; }
.subsectionDrower2 a:hover {color:#ff0000; text-decoration:none; }
.headinEDrower2 {
	/*BACKGROUND-COLOR: #FEFEFE;*/
	margin-bottom:0;
	border-bottom:0.5pt solid #cccccc;
	padding:3px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.headinED2 {margin-bottom:0;border-bottom:0.5pt solid #cccccc;padding:3px;}
.edrowerbg2 {background-image: url(<%=request.getContextPath() %>/images/gradient.gif);background-repeat: repeat-x;background-position: top;}



/* Message, heading, boxG, input css, error */
.msg {BACKGROUND-COLOR: #FFF2F2;BORDER:solid #FF8888 0.5pt}
.headin {BACKGROUND-COLOR: #F9F9F9;margin-bottom:0;border-top:0.5pt solid #cccccc;border-bottom:0.5pt solid #cccccc;padding:12px;
font-family:"Lucida Grande",Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 0 16px;}
.headinT {BACKGROUND-COLOR: #F9F9F9;margin-bottom:0;border-top:0.5pt solid #cccccc;padding:3px;}
.headinD {BACKGROUND-COLOR: #F9F9F9;margin-bottom:0;border-bottom:0.5pt solid #cccccc;padding:3px;}
.headinTD {BACKGROUND-COLOR: #F9F9F9;margin-bottom:0;border-bottom:0.5pt solid #cccccc;border-top:0.5pt solid #cccccc;padding:3px;}
.headinA {BACKGROUND-COLOR: #F9F9F9;margin-bottom:0;BORDER:0.5pt solid #cccccc;padding:3px;}
.infoA {BACKGROUND-COLOR: #F5FFF4;margin-bottom:0;BORDER:0.5pt solid #0AB900;padding:3px;} 
.infoH {BACKGROUND-COLOR: #0AB900;margin-bottom:0;BORDER:0.5pt solid #0AB900;padding:3px;}

.boxG {BORDER:solid #cccccc 0.5pt}
input.text, textarea, select, file, text{font-size:1.1em;line-height:1.3em; border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd;background-image:#fff url(<%=request.getContextPath() %>/images/fieldbg.gif) repeat-x top;}
err {color :rgb(255,0,0)}
.msgT {BACKGROUND-COLOR: #FFF2F2;border-top: 0.5pt solid #FF8888;border-right: 0.5pt none #FF8888;border-bottom: 0.5pt none #FF8888;border-left: 0.5pt none #FF8888;}
.msgTD {BACKGROUND-COLOR: #FFF2F2;border-top: 0.5pt solid #FF8888;border-right: 0.5pt none #FF8888;border-bottom: 0.5pt solid #FF8888;border-left: 0.5pt none #FF8888;}
.msgD {BACKGROUND-COLOR: #FFF2F2;border-top: 0.5pt none #FF8888;border-right: 0.5pt none #FF8888;border-bottom: 0.5pt solid #FF8888;border-left: 0.5pt none #FF8888;}
.boxGT {border-top: 0.5pt solid #cccccc;border-right: 0.5pt none #cccccc;border-bottom: 0.5pt none #cccccc;border-left: 0.5pt none #cccccc;}
.boxGTD {border-top: 0.5pt solid #cccccc;border-right: 0.5pt none #cccccc;border-bottom: 0.5pt solid #cccccc;border-left: 0.5pt none #cccccc;}
.boxGD {border-top: 0.5pt none #cccccc;border-right: 0.5pt none #cccccc;border-bottom: 0.5pt solid #cccccc;border-left: 0.5pt none #cccccc;}

/* hintbox css */
#hintbox{position:absolute;top: 0;background-color: lightyellow;width: 150px;padding: 3px;border:1px solid black;font:normal 11px Verdana;line-height:18px;z-index:100;border-right: 3px solid black;border-bottom: 3px solid black;visibility: hidden;}
.hintanchor{font-weight: bold;color: navy;margin: 3px 8px;}

/* lightbox */
#lightbox{position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background-image: transparent url(<%=request.getContextPath() %>/images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background-image: url(<%=request.getContextPath() %>/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background-image: url(<%=request.getContextPath() %>/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
pacity: 0.6;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;
/* End hide from IE-mac */}

.neutral { background: none; } /* .hovered { background: yellow; } */.clicked { background: gold; }

/*HUdz table sort*/
.sortcol {
background-position:right center;
background-repeat:no-repeat;
cursor:pointer;
padding-right:20px;
}

.sortasc {
	background-color: #DDFFAC;
	background-image: url(up.gif);
}
.sortdesc {
	background-color: #B9DDFF;
	background-image: url(down.gif);
}

.nosort {
	cursor: default;
}

/*EDITOR*/

.editor{
width:700px;
}
#linkeditor {
background:#C6D0E1 none repeat scroll 0%;
padding:10px 0px;
position:absolute;
width:700px;
}
#linkeditor .border {
background:white none repeat scroll 0%;
border:1px solid #3B5998;
margin:0px 10px;
padding:0px 0px 10px 0px;
}
#h5{
background:#6D84B4 none repeat scroll 0%;
border-bottom:1px solid #3B5998;
color:white;
font-size:14px;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:10px;
}

.inputbutton, .inputsubmit {
background-color:#3B5998;
border-color:#D9DFEA rgb(14, 31, 91) rgb(14, 31, 91) rgb(217, 223, 234);
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

tr.rowodd {

}

tr.roweven {
	background-color:#F4F4FF;
}

tr.highlighted {
	background-color:#FFFF33;
}

tr.highlighted_mouseover {
	background-color:#FDFFCE;
}
.highlighted_mouseover{
 background-color:#FDFFCE;
}
.scroll-table-head {
  width: 705px;
	background-color:#CFDCED;
}
.scroll-table-body {
  width: 650px;
  height: 230px;
}

table.widthFixed{
width:90% !important;
}

.tab_active{
background-color:#5AA7EF; /*#CFDCED*/
border-top:1px solid #5AA7EF; /*#CECECE*/
border-left:1px solid #5AA7EF;
border-right:1px solid #5AA7EF;
border-bottom:medium none;
padding:4px 10px;
cursor:pointer;
margin:1px;
font-weight:bold;
color:#FFFFFF; /*cecece*/
}

.tab_not_active{
background-color:#DFE7EF; /*<!--#F4F4FF-->*/
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
border-bottom:medium none;
padding:4px 10px;
margin:1px;
cursor:pointer;
color:#000000; /*//cecece*/
}

.lining_tab{
margin:5px 0px 0px;
padding:2px 0px 0px;
background-color:#8ABEEF; /*//#CFDCED*/
/*width:650;*/
}

.tab_active a{
text-decoration:none;
}

#list_tab{
text-align:left;
margin:0px 0px 0px 10px;
}

/*HUdz*/

.jqiwarning .jqi{
      background-color: #b0be96;
}
.jqifade{
      background-color: #ffffff;
}
div.jqi{
      position: absolute;
      background-color: #c0cEa6;
      padding: 10px;
      width: 300px;
}
div.jqi .jqiclose{
      float: right;
      margin: -35px -10px 0 0;
      cursor: pointer;
}
div.jqi .jqicontainer{
      background-color: #e0eEc6;
      padding: 5px;
      color: #ffffff;
      font-weight: bold;
}
div.jqi .jqimessage{
      background-color: #c0cEa6;
      padding: 10px;
}
div.jqi .jqibuttons{
      text-align: center;
      padding: 5px 0 0 0;
}
div.jqi button{
      padding: 3px 10px 3px 10px;
      margin: 0 10px;
}

/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(cluetip/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(cluetip/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(cluetip/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(cluetip/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(cluetip/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(cluetip/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(cluetip/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(cluetip/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(cluetip/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(cluetip/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(cluetip/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(cluetip/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(cluetip/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(cluetip/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(cluetip/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(cluetip/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}

.button_all {
  font-size: 12px; 
  font-family: Arial,Helvetica,sans-serif; 
  font-weight: bold;
  background:transparent url(searchbar.jpg) no-repeat scroll 0 0;	
}
.table_blue {
  background:#F0F0F0;
  color:#666666;
  clear:both;
}

.table_blue_low {
  background:#F0F0F0;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  clear:both;
}


.table_blue2 {
  background:#F0F0F0;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  clear:both;

}

.table_blue3 {
  background:#EBF4FB;
  clear:both;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

.table_blue4 {
  -moz-border-radius:0 0 10px 10px;
  background:none repeat scroll 0 0 #F0F0F0;
  clear:both;	
}
.table_blue3 td{
  font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
}

.table_blue3 .label{
  font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  width:20%;
  height:30px;
  text-align:right;
  font-weight:bold;
  text-transform:capitalize;
}

.table_blue3 .gap{
  width:5px;
}

.table_blue3 .info{
  font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  height:30px;
  text-align:left;
  text-transform:uppercase;
}

/*REEN ADD */
.table_blue3 .label_all{
  font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  height:30px;
  text-transform:none;
}

.table_blue td{
  font-size:12px;
  height:30px;
  text-transform:capitalize;
}

.table_blue_low2 {
  background:#F0F0F0;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  clear:both;

}

.table_blue_low2 td{
  font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  height:25px;
  text-transform:capitalize;
}

.table_blue_low2 .label2{
  font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  /*width:20%;
  height:25px;*/
  text-align:left;
  font-weight:bold;
  text-transform:capitalize;
}

.table_blue .label{
  font-size:12px;
  color:#333333;
  height:30px;
  width:25%;
  padding-left:55px;
  text-align:left;
  font-weight:bold;
  text-transform:capitalize;
}

.table_blue .label2{
  font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  width:20%;
  height:30px;
  text-align:left;
  font-weight:bold;
  text-transform:capitalize;
}

.table_blue .label3{
  font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  width:20%;
  height:30px;
  padding:0px 5px;
  text-align:right;
  font-weight:bold;
  text-transform:capitalize;
}

.table_blue .label4{
  font-size:11px;
  color:#333333;
  text-align:left;
  font-weight:bold;
  text-transform:capitalize;
}

.table_blue .gap{
  width:8px;
}

.table_blue .gap4{
  width:8px;
  font-size:11px;
}

.table_blue .info{
  font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  height:30px;
  text-align:left;
  text-transform:uppercase;
}

.table_blue .info4{
  font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#666666;
  text-align:left;
  text-transform:uppercase;
}

	
.table_blue_low td{
  font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  height:10px;
  text-transform:capitalize;
}

.table_blue2 td{
  font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  height:30px;
}

.table_blue4 td{
  font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
 /* height:30px;*/
}

.table_blue5 td{

 height:30px;
}
.table_border{
  border:solid 1px #A6A6A6;
  padding:5px;
  margin:0 0 10px;
}


.blue_bar2{
  margin: 0 auto;
  float:left; 
  height:20px; 
  width:100%; 
  /*background-image:url(searchbar.jpg);*/
  background-color:#627C92;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  padding:5px 20px;
  background-repeat:repeat-x;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#ffffff;
  
}
.blue_bar_high{
  float:left; 
  height:36px; 
  width:100%; 
  background:url("../images/smp4/searchbar_bg.jpg"); 
  /*-moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;*/
  background-repeat:repeat-x;
  background-position:bottom;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#FFFFFF;
 
}
.blue_bar_wrapper{
  padding-left:10px;
  padding-right:10px;
  padding-top:6px;
}

.blue_bar_wrapper_high{
 padding:5px 9px;
}

.blue_bar_wrapper_high td div{
 margin:0px !important; 
}

.blue_bar_wrapper_high img{
 vertical-align:middle;
}

.pager img{
  cursor:pointer;
}


.page_title_tawaran{
  background:url(../images/smp4/tawaran_langbg.jpg) repeat-x;
	height:31px;
	width:820px;
	margin:0px auto;
	font-size: 13px;
    font-weight: bold;
    padding: 5px;
	border-right:1px solid #a6a6a6;
	border-top:1px solid #a6a6a6;
	border-left:1px solid #a6a6a6;
}
.label_title{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px; 
  /*font-weight:bold;*/
  color:#003366;
  border-bottom:solid 1px #B9B9B9;
  padding-bottom:10px;
}
.label_all{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  height:30px;
}
.bold_label{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  text-transform:capitalize;
  height:20px;	
}

/*rounded button*/
a.button, span.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0px;
	padding:0 8px 0 0;	
	vertical-align:middle;
	padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

span.button_disabled{
	
	display:-moz-inline-box;
	display:inline-block;
	border:none;
    font-size:0;
    line-height:0;
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px -4px;
	padding:0 8px 0 0;	
	vertical-align:middle;
	padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}


a.button, span.button, span.button_disabled,
a.button span, span.button button, span.button input, span.button_disabled button{
    background-image:url(form_buttons.png);
    _background-image:url(form_buttons.gif);
}


a.button span, span.button button, span.button input, span.button_disabled button{
	
	white-space:nowrap;
	cursor:pointer;
    color:#333333;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Lucida Grande","Arial" !important;
    font-size:12px !important;
    font-style:normal;  
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	min-width:100px;
	padding:9px 20px 5px 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


.blue_bar_wrapper_high a.button span,.blue_bar_wrapper_high span.button button,
.blue_bar_wrapper_high span.button input,.blue_bar_wrapper_high span.button_disabled button{
	
	white-space:nowrap;
	cursor:pointer;
    color:#333333;
	display:-moz-inline-box;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Lucida Grande","Arial" !important;
    font-size:11px !important;
    font-style:normal;  
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	min-width:100px;
	padding:2px 10px 5px 0px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}

span.button button {
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari span.button_disabled button{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}

span.button_disabled{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

span.button_disabled button{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}

span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
	position:relative;
	overflow:visible;
	display:block;
}

/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/

/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}
/*
input[type="submit"], input[type="button"], input[type="reset"] {
	 background-image:url(form_buttons2.png);
    _background-image:url(form_buttons.gif);
}*/
/*button hover
input[type="button"]{margin:1px 0 0 0;}
input[type="button"]:hover {margin:1px 0 0 0;}
input[type="button"]:active {margin:1px 0 0 0;}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
background-position:100% -60px;
}*/
a.button:active, a.button:focus span{
	color:#444;
}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}

.search_s{
	vertical-align:middle; 
}
.headin
{
	height: 15px;
}
.floatleft
{
	float: left;
}
.floatright
{
	float: right;
}

.borderbox
{
	border:1px solid;
	border-color: #8ABEEF;
}

.borderbox div
{
	margin-left: 1%;
	margin-right: 1%;
}
.borderbox div img
{
	margin-top: 1%;
}


/* BREADCRUMB */
#breadcrumb-sub-main ol{
	margin:0px;
	padding:6px 0px;
}

#breadcrumb li{
display:inline;
}

#breadcrumb-main{
/*background:rgb(238, 238, 238) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x scroll 0pt 0pt;*/
-moz-background-clip: border; 
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
/*border-bottom:1pt solid #CECECE;
border-left:1pt solid #CECECE;
border-right:1pt solid #CECECE;
border-top:1pt solid #CECECE;*/
height:33px;
}

#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:active,
#breadcrumb a:visited{

padding:7px 18px 7px 11px;
color:#FFFFFF;
height:33px;
font-family:"Lucida Grande","Lucida San Unicode",Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
margin:0px;
}

#breadcrumb a img{
color:#FFFFFF;
font-family:"Lucida Grande","Lucida San Unicode",Arial, Helvetica, sans-serif;
text-decoration:none;
margin:0px;
border: 0 solid transparent;
}
#breadcrumb a.middle{
background:transparent url(chevron.png) no-repeat scroll 100% 50%;
}

#breadcrumb a.first{
background:transparent url(chevron.png) no-repeat scroll 100% 50%;

}

#breadcrumb a.last{

}

#breadcrumb a:hover{
color:#ACD918;
}
/* AUTOCOMPLETE */
.ac_results {
	padding: 0px;
	border: 1px solid #cecece;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	/*background:transparent url(shadow.png) no-repeat scroll left bottom;*/
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	border-bottom:1pt solid #EEEEEE;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #f9f9f9;
}

.ac_over {
	background-color: #3b5998;/*#0A246A;*/
	color: white;
}

.ac_over a{
	color: white;
	text-decoration:underline;
}

.menu-automplete {
padding:3px 0 0 0;
}


#smp-error {
font-family:"Courier New", Courier, monospace;
}

span#button_disabled{
background-position:0 -60px;
}

span#button_disabled button{
color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
background-position:100% -60px;
}

span#button_disabled:hover{
color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
background-color:transparent;
background-position:0 -60px;
background-repeat:no-repeat;
}

span#button_disabled:hover button{
background-position:100% -60px;
}

.edit_icon
{
height:24px;
width:24px;
}

.profile_label
{
font-size:12px;
text-align:left;
/*text-align:left;*/
height:18px;
color:#ffe400;
padding-right:5px;
}

.profile_label2
{
font-size:12px;
text-align:left;
color:#ffe400;
padding-right:5px;
}

.profile_label_summary
{
font-size:12px;
color:#ffe400;
padding-right:5px;
width:120px;
height:18px;
display:block;
text-align:left;
float:left;
clear:left;
}

.no_data
{
color:#C24641;
}

.profile_info
{
font-size:11px;
color:#ffffff;
text-transform:uppercase;
}

.profile_info_summary
{
font-size:11px;
color:#ffffff;
text-transform:uppercase;
text-align:left;
float:left;
}

.mak_pel_print
{
height:15px;
width:15px;
background:url(printer_15px.gif) no-repeat;
float:right;
cursor:pointer;
}
.mak_pel_edit
{
height:15px;
width:15px;
margin-right:5px;
background:url(pencil_15px.gif) no-repeat;
float:right;
cursor:pointer;
}
#countdownQ
{
font-size:30px
}

.rowHighlightx {
	background-color: #FFFFFF;
	font-family: arial;
	margin: 10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}

.rowHighlightx:hover {
	background-color: #FFFFAA;
}

.x {
	color: #C24641;
}

.x:hover {
	color: #0000ff;
	text-decoration: underline;
	cursor: pointer;
}

.table_bluex2 {
	background: #62727f;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	clear: both;
}

.table_bluex tdx {
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height: 10px;
	text-transform: capitalize;
}

.table_borderx2 {
	border: solid 5px #62727f;
	padding: 20px;
}



.blue_barx2 {
	float: left;
	height: 25px;
	width: 100%;
	/*background-image:url(searchbar.jpg);*/
	background: #62727F;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	padding: 5px 0px;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFE400;
}

.blue_bar_highx {
	float: left;
	height: 10px;
	width: 100%;
	background-color: #2E4457;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	/*-webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;*/
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

.profile_infos
{
font-size:11px;
color:#ffffff;
}

.ol_light_link2{padding-left:20px; margin:0px;}

.light_link2 { margin-bottom:5px; margin-left:15px;}

.light_link a:link,.light_link2 a:link { font-family:'Arial', Helvetica, sans-serif; color: #039; font-size:12px; text-decoration:none; text-transform:capitalize;}
.light_link a:visited,.light_link2 a:visited { font-family:'Arial', Helvetica, sans-serif; color: #06C; font-size:12px; text-decoration:none; text-transform:capitalize;}
.light_link a:hover,.light_link2 a:hover { text-decoration:underline;}

.portal-alert-notice{
background:url("") no-repeat scroll 5px 50% #FFFFCC;
border-bottom:1px solid #FFCC00;
font-size:1.1em;
left:0;
padding:10px 100px 10px 25px;
position:fixed;
top:0;
width:100%;
z-index:10000;
text-align:left;
margin:33px 0 0 0;
}
	
.info_popup {
-moz-border-radius:5px 5px 5px 5px;
background:url("info_popup.png") repeat-x scroll 0 50% #FFFFFF;
border-color:#C1C1C1 #535353 #535353 #C1C1C1;
border-style:solid;
border-width:1px;
color:#505050;
font-size:12px;
height:4.5em;
padding:8px 5px 0 15px;
text-align:left;
top:8em;
width:96%;
z-index:1;
}



#panel2{
/*-moz-border-radius:6px*/
background-color:#EDEAEB;
/*background-image:url("panel_shadow.png");*/
background-position:100% 0;
background-repeat:repeat-y;
border-right:7px solid #D9DAC8;
/*border:2px solid #CCCCCC;
height:95.3% !important;*/
left:0px;
padding:27px 0 35px;
position:absolute;
height:inherit;
min-height:100%;
top:0 !important;
width:210px !important;
z-index:3;
}


#panel66{
/*-moz-border-radius:6px*/
background-color:#EDEAEB;
/*background-image:url("panel_shadow.png");*/
background-position:100% 0;
background-repeat:repeat-y;
border-left:7px solid #D9DAC8;
/*border:2px solid #CCCCCC;
height:95.3% !important;*/
right:0px;
padding:27px 0 35px;
position:absolute;
height:inherit;
min-height:100%;
top:0 !important;
width:210px !important;
z-index:3;
}


.sub-menu-title{
	background:url("category_bg.jpg") repeat-x scroll 0 0 transparent;
	border-bottom:1px solid #505050;
	padding:5px 10px;
	
}

#sub_menu_ajax{
		
}

div.btnseparator {
border-left:1px solid #CCCCCC;
border-right:1px solid #FFFFFF;
float:left;
height:22px;
margin:1px;
}

#table_title, .table_title{
	/*background: url("wbg.gif") repeat-x scroll center top transparent;
	border:1px solid #bebebe;
	background-color:#ffffff;
	-moz-border-radius:3px;
	padding:5px;*/
	color:#505050;
	font-size:114%;
	font-weight:bold;
	/*border-color:-moz-use-text-color #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-style:none solid;*/
	border-width:0 1px;
	display:block;
	font-weight:bold;
	overflow:hidden;
	position:relative;
	white-space:nowrap;
	text-align:left;
	background:url("../images/smp4/table_title.jpg");
	height:18px;
	padding:6px 10px;
	-moz-border-radius:5px 5px 0px 0px;
}

#table_title div.ptogtitle {
border:1px solid #CCCCCC;
cursor:pointer;
height:16px;
overflow:hidden;
padding:0;
position:absolute;
right:3px;
top:4px;
width:16px;
}

#table_title div.ptogtitle span {
/* background:url("up.gif") no-repeat scroll center center transparent; */
border-bottom:1px solid #DDDDDD;
border-left:1px solid #EEEEEE;
border-top:1px solid #FFFFFF;
display:block;
height:14px;
width:14px;
}

#table_title div.ptogtitle.close span {
background:url("ddn.png") no-repeat scroll center center transparent;
}


.functional_span {
	padding:5px;
	background:url("bg2.gif") repeat-x scroll center top #FAFAFA;
}

.functional_span .form_btn {
	padding-left:10px;
}

.functional_span .form_btn .add {
	background:url("add.png") no-repeat scroll left center transparent;
}

/*added by zul 13102010*/

.tiny_blue_bar{
	-moz-border-radius:5px 5px 0 0;
	background-color:#2E4457;
	background-repeat:repeat-x;
	color:#B1D918;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	height:15px;
	margin:0 auto;
	padding:10px 20px;
}

.top_info_bg1{
background:#F0F0F0;
padding:10px;
-moz-border-radius:5px;
border:1px solid #DFDFDF;
overflow:auto;
}

.top_info_bg2{
background:#CCCCCC;
padding:10px;
-moz-border-radius:5px;
}

.top_info_bg3{
background:#F0F0F0;
-moz-border-radius:5px;
margin:0px 0px 10px;
padding:10px;
border:1px solid #DFDFDF;
}

/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{


	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));




}
/*end of rounded button DONT PUT ANYTHING AFTER THIS LINE*/