html, body, #div_body {
	width:100%;
	height:100%;
	margin:0px;
	color:#000000;
	overflow:hidden;
	font-size:12px;
	font-weight:normal;
	font-family: helvetica, sans-serif, Arial, Verdana;
}
#div_body{
	overflow: auto;
}
html, body{
	color:#222;
}
.title{
	color:#444; 
	font-size:14px; 
	font-weight:bold;
	text-align:justify;
	}
.labelColumn{
	color:#666;
	font-size:12px;
	font-weight:bold;
}
#wrap{
	min-height: 100%;
	min-width: 100%;
	margin-bottom: -20px;   
	position: relative;
}

.push{
	height: 20px; 
	clear: both; 
}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}



.textSmall { font-size:11px; font-weight:normal; }
.textSmallB { font-size:11px; font-weight:bold; }
.textSmallI { font-size:11px; font-style:italic;}
.textSmallBI { font-size:11px; font-weight:bold; font-style:italic; }

.textNormal { font-size:12px; font-weight:normal; }
.textNormalB { font-size:12px; font-weight:bold; }
.textNormalI { font-size:12px; font-style:italic;}
.textNormalBI { font-size:12px; font-weight:bold; font-style:italic; }

.textMedium { font-size:14px; font-weight:normal; }
.textMediumB { font-size:14px; font-weight:bold; }
.textMediumI { font-size:14px; font-style:italic;}
.textMediumBI { font-size:14px; font-weight:bold; font-style:italic; }

.textLarge { font-size:18px; font-weight:normal; }
.textLargeB { font-size:18px; font-weight:bold; }
.textLargeI { font-size:18px; font-style:italic;}
.textLargeBI { font-size:18px; font-weight:bold; font-style:italic; }

.textHuge { font-size:22px; font-weight:normal; }
.textHugeB { font-size:22px; font-weight:bold; }
.textHugeI { font-size:22px; font-style:italic;}
.textHugeBI { font-size:22px; font-weight:bold; font-style:italic; }

.color_black { color:#000000; }
.color_white { color:#FFFFFF; }
.color_red { color:#CB2E2E; }
.color_green { color:#6BB130; }
.color_yellow { color:#FFD400; }
.color_blue { color:#488BF9; }
.color_navy { color:#134f88; }
.color_grey { color:#666666; }
.arizon_blue{ color: #134f88; }

.bg_red { background-color: #CB2E2E; padding:3px; }
.bg_green { background-color: #6BB130; padding:3px; }
.bg_yellow { background-color: #FFD400; padding:3px; }
.bg_blue { background-color: #488BF9; padding:3px; }
.bg_navy { background-color:#134f88; padding:3px; }
.bg_grey { background-color:#666666; padding:3px; }

a:link{ color:#488BF9; }
a:link , a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }

.hboxAlignLeft { width:100%; margin:-6px -8px -6px -8px; vertical-align:middle; }
.hboxAlignCenter { width:100%; margin:-6px -8px -6px -8px; vertical-align:middle; text-align:center;}
.banner{
	background-color: #209CD2;
	background-image: url("/images/Arizon-Header_1024.gif");
	background-repeat: repeat-y;
	border-bottom: 1px solid #888888;
	display: block;
	height: 86px;
	margin: 0px;
	width: 100%;
	min-width: 400px;
	padding: 0px;
	z-index: 900;
}

span{
	display: inline-block;
}

#div_main{
	padding-left: 20px;
	padding-right: 20px;
}

#navMenu{
	text-align: right;
}
#banner_logo{
	padding: 5px;
} 
#preloader {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#FFFFFF url('../images/loading.gif') no-repeat center center;
	position:absolute;
	z-index:999;
	top:0;
	left:0;
}


/* overwriting dojo claro style */
.claro .dijitTitlePane { 
	text-align: left;
	padding: 0px;
	box-shadow:2px 2px 4px #134f88;
	-webkit-box-shadow:2px 2px 4px #134f88;
	-moz-box-shadow: 2px 2px 4px #134f88;
}


.claro .dijitTitlePane .dijitArrowNode {
	background-image:url('../images/arrows_white.png');
	background-repeat:no-repeat;
	height:8px;
	width:7px;
}
.claro .NotClosableTitlePane .dijitArrowNode{
	display: none;
}

.claro .dijitTitlePaneTextNode { font-size:12px; font-weight:bold; color:#FFFFFF; padding-left:2px; vertical-align: middle; }
.claro .dijitTitlePane .dijitTitlePaneTextNode { font-size:12px; font-weight:bold; color:#FFFFFF; padding-left:2px; vertical-align: middle; }
.claro .dijitTitlePaneFocused .dijitTitlePaneTextNode { font-size:12px; font-weight:bold; color:#FFFFFF; padding-left:2px; }

.claro .dijitTitlePaneTitleHover { background-color: #134f88; border-color: #134f88; }

.claro .dijitTitlePaneTitle {
	background-color:#134f88; 
	background-image:url('../images/titlebar.png');
	background-repeat:repeat-x;
	border:1px solid #134f88;
	padding:0 7px 3px 7px;
	min-height:17px;
	text-align: left;
}

.claro .tableContainer-labelCell { font-size:12px; font-weight:bold; color:#666666; }
.claro .tableContainer-valueCell { margin-left:0px; }

.claro .dijitTextBox { width:100%; min-width: 100px;} /* keep dijitTextBox style above other form items */
.claro .dijitComboBox { min-width:100px; }
.claro .dijitDateTextBox { min-width:100px; }
.claro .dijitSpinner { min-width:100px; }
.claro .dijitExpandingTextArea { font-size:12px; }
.claro .dijitButtonText {font-size:12px; font-weight:bold; color:#666666; }
.claro .dijitMenuItemLabel{font-size:12px;   }
.claro .dijitTextArea {resize:none;}
.claro .dijitMenu{margin: 0px; }
.claro .dijitEditor .dijitTextBox {width: 70px;}
.claro table tbody td .dijitSpinner .dijitSpinnerButtonInner {
    width: 0px !important;
}
.claro .tabLabel { font-weight:bold; }
.claro .alertMessage {height:16px; padding:2px; text-align:center; background-color:#FFD400; opacity:1;}

.claro .tablePane { width: 100%; }
.claro .tablePane td label {font-size:12px; font-weight:bold; color:#666666; text-align: left;}
.claro .tablePane td{margin-left:0px; text-align: left;}
.claro .DojoDialogButtonBar{
	text-align: right;
	border-top: #134f88 1px solid; 
	padding-top: 6px;
	margin-top: 10px;
}
.claro .DojoDialogButtonBar .dijitButton{
	margin-left: 40px;
}
.claro .DojoDialogTitleBar{
	border-bottom: #134f88 1px solid; 
	padding-bottom: 10px; 
	margin-bottom: 10px;
	text-align: left;
	font-size:14px;
	color: #666666;
}
.claro .DojoDialogButtonBar .dijitButtonNode{
	min-width: 60px;
}
.claro .fileUploader {
	position: relative;
}
.claro .fileUploader .dijitButtonNode{
	min-width: 60px;
}
.claro .fileUploader .hiddenInput{
	position:absolute; 
	top:2px; 
	right:0; 
	opacity:0; 
	-moz-opacity:0; 
	filter:alpha(opacity:0); 
	z-index:2; 
	width: 70px;
	height: 25px;
	cursor: pointer;
}
.claro .fileUploader .browseButton{
	position:absolute; top:0; right:0;
}
.claro .fileUploader .filePathTextBox{
	padding-top:3px;
	width:75%;
}
.claro .fileUploader .filePathTextBox input{
	width:89%;
}

.warningIcon {
    width:24px;
    height:24px;
    background-repeat:no-repeat;
	background-image:url('/images/employimg/warning_24.gif');
}

.paperclipIcon{
	width:16px;
    height:16px;
	background-repeat:no-repeat;
	background-image:url('/images/attch.png');
}

table.collapseTable{
	border-collapse: collapse;
	width: 100%;
}
.over{
	background-color: #a5cff7;
	cursor: hand;
}

#div_body .controlPanelBackgroundColor{
	background-color: #eeeeee;
}

.innerMenuBarItem{
	height: 18px;
	vertical-align: middle;
}
.innerMenuBarItem img{
	width: 18px;
	vertical-align: middle;	
}

.job_detail_table{
	width: 100%;
}
.job_detail_table .tableTitle{
	padding-top: 15px; padding-bottom: 5px;
	font-size:12px; font-weight:bold; 
}
.job_detail_table .recordTitle{
	padding: 4px; width: 60px;
	font-size:12px; font-weight:bold; 
}

.navi_header{
	background-image: url(/images/wizard_task_bg.png);
	WIDTH: 100%;
	background-repeat:  repeat-x;
	height: 28px;
	outline-style: none;
	outline-color:  invert;
	outline-width: 0px;
	hidefocus: true;
	margin-top: 1px;
}
.step_link{
	padding-left: 10px;
	white-space: nowrap;
	padding-right: 8px;
	color:  black;
	text-decoration: none;
	font: 0.8em/28px;
	background-repeat:  repeat-x;
}

INPUT.hintTextbox       { color: #888; }
INPUT.hintTextboxActive { color: #000; }

.mybutton:hover {
	background-color: #D0E3FF ! important;
	text-decoration:none;
	color:#488BF9 ! important;
}

.mybutton {
	color: #FFFFFF !important;
	background: #134f88;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 20px;
	border-radius: 2px;
	text-align: center;
	display: inline; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
}

.mybutton_disabled {
	color: #FFFFFF;
	background: #B5BCC7;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 20px;
	border-radius: 2px;
	text-align: center;
	display: inline; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	text-decoration: none;
	cursor:auto;
}

.mybutton_disabled_small {
	color: #FFFFFF;
	background: #B5BCC7;
	font-weight: bold;
	font-size:14px;
	padding:3px 12px 3px 12px;
	display:inline-block;
	border-radius: 2px;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	text-decoration: none;
	cursor:auto;
}

.cornerBox {
        position: relative;
        background: #68b6ff;
        width: 100%;
        max-width:275px;
}
.corner {
        position: absolute;
        width: 10px;
        height: 10px;
        background: url('/images/corners.gif') no-repeat;
        font-size: 0%;
}
.cornerBoxInner {padding: 0px;}
.TL {top: 0;left: 0;background-position: 0 0;}
.TR {top: 0;right: 0;background-position: -10px 0;}
.BL {bottom: 0;left: 0;background-position: 0 -10px;}
.BR {bottom: 0;right: 0;background-position: -10px -10px;}

.acOption{
	margin-top:3px; 
	margin-bottom:0px; 
	text-align:left;
	font-size: 12px;
	font-weight:normal;
	font-family: helvetica, sans-serif, Arial, Verdana;
}
/* tables */
table.tablesorter {
    font-family:arial;
    border-top: #d2d6d9 1px solid;
	border-bottom: #d2d6d9 1px solid;
	border-left: #d2d6d9 1px solid;
	border-right: #d2d6d9 1px solid;
	border-collapse: collapse !important;
    margin:10px 0pt 15px;
    font-size: 8.3pt;
    text-align: left;
	color: #333;
	
}
table.tablesorter thead th, table.tablesorter tfoot tr {
    background-color: #e8f1fa;
    border: 1px solid #ccc;
	border-collapse: collapse;
	padding: 6px;
    font-size: 8.3pt;
}
table.tablesorter thead  .header {
    background-image: url(../images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 6px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead  .headerSortUp {
    background-image: url(../images/asc.gif);
}
table.tablesorter thead  .headerSortDown {
    background-image: url(../images/desc.gif);
}
table.tablesorter thead  .headerSortDown, table.tablesorter thead  .headerSortUp {
    background-color: #8dbdd8;
}

table.tablesorter tbody tr.over td {
    cursor: hand;
}
/*table end*/
/* for not closable title pane */
.NotClosableTitlePane .dijitTitlePaneTitle {
	cursor: default;
}
/* sorting table header style */
	.tbheader {
		background-color:rgb(103, 154, 205);color:white;height:25px;
	}
	
	.tbheader .head {
		background-image: url(/scripts/dojo/resources/themes/blue/images/bg.gif);
   	 	background-repeat: no-repeat;
    	background-position: center right;
    	cursor: pointer;
	}
	.tbheader .headUp {
		background-image: url(/scripts/dojo/resources/themes/blue/images/desc.gif);
   	 	background-repeat: no-repeat;
    	background-position: center right;
    	cursor: pointer;
    	background-color:rgb(141, 189, 216);
	}
	.tbheader .headDown {
		background-image: url(/scripts/dojo/resources/themes/blue/images/asc.gif);
   	 	background-repeat: no-repeat;
    	background-position: center right;
    	cursor: pointer;
    	background-color:rgb(141, 189, 216);
	}
/* make mybutton a little smaller*/
	.mybutton_small{
		font-size:14px;
		padding:3px 12px 3px 12px;
		display:inline-block;
	}
/* floating box css */
.item {
	width:350px;
	margin:10px;
	vertical-align: top;
}
.titleLabel {
	text-align:left;
	color:#666666;
	font-size:12px;
	font-weight:bold;
}
.box {
	max-height:105px;
	border: 1px solid #b5bcc7;
}
.buttonBar {
	text-align: center;
	margin-top: 10px;
	width:100%;
}
.buttonBar .dijitButtonNode{
	min-width: 60px;
}

.dijitReset.dijitInline.dijitSelectLabel.dijitValidationTextBoxLabel {
	color:black;
	font-weight:normal;
}