* {margin:0; padding:0;}
img {border:none;}
body, th, td, input, select {font:11px "Trebuchet MS",Arial, Helvetica, sans-serif;}

.cleardiv {clear:both;}
.divider {margin:3px 0;border-bottom:1px #CCC solid;}

p {padding-bottom:10px;}

h1 {font-size:26px; padding-bottom:15px;}
h2 {font-size:14px;}
h3 {font-size:12px;}
h4 {font-size:11px;}

a {color:#356AA0;text-decoration:none;}
a:hover {color:#FF7400;text-decoration:none;}

/* Header Elements
----------------------------------------------------------------*/
#wrapper {width:960px; margin:5px auto;}
#header #topheader {border-bottom:1px rgb(220,220,220) solid;}
#header #mainlogo { margin-left:100px; margin-bottom: 10px;}
#header #user_nav {float:right; margin-right:400px;margin-left:50px; margin-top:30px;}
#header #user_nav .uid {display:block; float:left;font-weight:bold; background:url(../images/common/icons/user.png) no-repeat;}
#header #user_nav .help {display:block; float:left;background:url(../images/common/icons/help.png) no-repeat;}
#header #user_nav .logout {display:block; float:left;background:url(../images/common/icons/door_out.png) no-repeat;}
#header #user_nav a {color:#333; text-decoration:none; margin-left:20px; padding-left:20px;}
#header #user_nav a:hover {color:#FF7400;}

#main_menu {border-bottom:2px #FF7400 solid;padding-top:5px;}
#main_menu ul {list-style:none;}
#main_menu ul li {float:left;}
#main_menu ul li a {display:block; background:url(../images/common/bg_corner.gif) top right no-repeat rgb(235,235,235); margin-right:1px; padding:5px 10px;}
#main_menu ul li a.selected, #main_menu ul li a.selected:hover {background:url(../images/common/bg_corner.gif) top right no-repeat #FF7400; color:#fff;}
#main_menu ul li a:hover {background:url(../images/common/bg_corner.gif) top right no-repeat rgb(220,220,220); color:#356AA0;}
#main_menu a {font-weight:bold; text-decoration:none;}

/* Page Elements
----------------------------------------------------------------*/
#sub_menu {background:url(../images/common/bg_submenu.gif) top repeat-x; color:#333; padding:3px;}
#sub_menu #cmd_left {float:left; margin-left:10px;}
#sub_menu #cmd_left a {display:block; float:left;margin:5px 5px 5px 0; padding:0 5px; font-weight:bold;}

#sub_menu #cmd_right {float:right;}
#sub_menu #cmd_right a {display:block; float:left;margin:5px 10px 5px 0;}

a.add {background:url(../images/common/icons/add.png) no-repeat; padding-left:20px;}
a.excel {background:url(../images/common/icons/page_excel.png) no-repeat; padding-left:20px;}
a.search {background:url(../images/common/icons/search.png) no-repeat; padding-left:20px;}

#content {padding: 20px 0;}
#column_left  {float:left; width:180px;}
#column_right {float:right; width:760px;}

.boxleft {float:center; width:80%;}
.boxright {float:right; width:47%;}
.box, .boxleft, .boxright {border:1px #DFDFDF solid; padding:8px; margin-bottom:15px;}
.box h3, .boxleft h3, .boxright h3 {padding:0 3px;margin:0 -3px;}
h3.green {background-color:#CDEB8B;}
h3.blue  {background-color:#C3D9FF;}
h3.grey  {background-color:#dcdcdc;}

/*
table, table.dgBody {border-collapse: collapse; font-size:10px; border:1px solid #dfdfdf;}
table td, tr.dgItemRows td {border:1px solid #dfdfdf; padding:3px; font-size:10px; vertical-align:top;}
table th, tr.dgHeader td {border:1px solid #dfdfdf; background:#E6E6E6; font-weight:bold; font-size:10px;}
tr.alternate td, tr.dgAltItemRows td {background:#f2f2f2;}
*/

.dgBody { padding: 3px; border-collapse: collapse; font-size:10px; border:1px solid #dfdfdf;}
.dgItemRows {padding: 3px;border:1px solid #dfdfdf; padding:3px; font-size:10px; vertical-align:top;}
.dgHeader {padding: 3px;border:1px solid #dfdfdf; background:#E6E6E6; font-weight:bold; font-size:10px;}
.dgAltItemRows {padding: 3px; background:#f2f2f2;}

.page_num {margin:5px auto;}
.page_num a {display:block; float:left;margin-right:5px; padding:0 3px; border:1px solid #fff;}
.page_num a:hover {border:1px solid #FF7400;}

.icon {
	width: 16px;
	height: 16px;
	line-height: 16px;
	vertical-align: -25%;
	padding: 0px 5px 0px 5px;
}


/* form_style1 class definitions. For form elements 

----------------------------------------------------------------*/
form.form_style1 fieldset {padding:0 10px; margin-bottom:20px; border:1px solid #C3D9FF;}
form.form_style1 fieldset fieldset {padding:0 10px; margin-bottom:20px; border:none;}
form.form_style1 fieldset legend {padding:0 12px 0 10px; color:#0046D5; font-weight:bold;}
form.form_style1 fieldset fieldset legend {color:#333; font-weight:bold; margin-left:-15px;}
form.form_style1 fieldset ol, form.form_style1 fieldset ul {list-style:none;}
form.form_style1 fieldset ol li {margin-bottom:10px; clear:both;}
form.form_style1 fieldset .box, form.form_style1 fieldset .boxleft, form.form_style1 fieldset .boxright {margin:5px 0 0 0; border:none;}
form.form_style1 fieldset ol li label {display:block; float:left; width:30%; text-align:right; margin-right:10px;}
form.form_style1 fieldset ol li input, form.form_style1 fieldset textarea {width:50%; padding:0 2px;}
form.form_style1 fieldset ol li span {display:block; float:right; width:65%; color:#003399;}
form.form_style1 fieldset span {color:#003399;}
form.form_style1 fieldset textarea {font-size:11px;}
form.form_style1 .required {font-weight:bold; color:#f10013;}
form.form_style1 .display {display:block;  color:#003399;}
form.form_style1 .note {font-style: italic; font-size: 9px; color: Gray;}
form.form_style1 input.field_date {width:100px;}

/* Footer
----------------------------------------------------------------*/
#footer {text-align:right;}

 
/* Error Message Style */
.errorMessage {
    width: 60%;
    margin: 0px auto 10px auto;
    color: #000000;
    border: 1px solid #b32525;
    background-color: #f7d0d0;
    padding: 5px;
    text-align: center;
}
/* Transaction Message Style */
.transMessage {
    width: 89%;
    margin: 0px auto 10px auto;
    color: #000000;
    border: 1px solid #54b325;
    background-color: #ddf7d0;
    padding: 5px;
    text-align: center;
}
/* Tool Tip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

#nav { width:100%; overflow:auto; padding:1px; margin:0; background-color:#D2D2D2; }
#nav ul { margin:0; padding:0; }
#nav ul li { float:left; list-style:none; padding:0; }
#nav ul li a { display:block; width:100px; height:15px; padding:8px 0; margin:0 1px 0 0; background-color:#EFEFEF; text-align:center; }
#nav ul li a:hover { background-color: #FFFFFF; color:#999999; }