*{margin:0; padding:0;}
body{background-image: url(../images/shadowg.jpg);text-align: left;padding: 0;margin: 0;background-color: #ffffff;background-repeat: no-repeat;background-position: center top;font: 14px Arial, Verdana, Helvetica, sans-serif;color: #000000;}
div{margin:5px 0;}
div#colmask{position:relative; text-align:left; background-color:#ffffff; margin: 0 auto; width:860px; overflow:auto; min-height:400px;}

/************** Header Items ****************/
div#header {overflow:auto; background-color:#7ab800; margin-bottom:5px;}
div#header img {float:left;}
div#header span {float:right; margin:5px; font-size:12pt; color:#ffffff; text-align:right;}
div#footer {background: #7ab800; text-align:center; color:#ffffff; font-size:12pt; height:25px; line-height:25px; clear:both;}

/************** Navigation Menus ****************/
#navbar {clear:both; margin:5px 0; background-color:#4D4F53; width:860px; height:19pt;}
#nav, #nav ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:16pt; z-index:5;}
#nav a:link, #nav a:active, #nav a:visited, #nav label {display:block; padding:0px 5px; color:#ffffff; text-decoration:none; background-color:#4D4F53;}
#nav a:hover {background-color:#666666; color:#ffffff;}
#nav li {float:left; position:relative; z-index:5;}
#nav ul {position:absolute; width:12em; top:16pt; display:none;}
#nav li ul a, #nav li ul label {width:12em; float:left;}
#nav ul ul {top:auto;}
#nav li ul ul {left:12em; margin:0px 0 0 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;}

/****************************************** Communication Status Styles **********************************/
*.status_present_active_no_issue {background-color:#7ab800; color:#ffffff; line-height:32px;}
*.status_not_present {background-color:#000000; color:#ffffff; line-height:32px;}
*.status_present_not_active {background-color:#F88017; color:#ffffff; line-height:32px;}
*.status_present_in_precharge{background-color:#888888; color:#ffffff; line-height:32px;}
*.status_present_active_com_issue{background-color:#cc0000; color:#ffffff; line-height:32px;}

/****************************************** Utility Styles ****************************************/
*.text-center{text-align: center;}
*.text-right{text-align: right;}
*.left{float: left;}
*.right{float: right;}
*.ui-widget {overflow:auto; padding:3px;}
*.text-larger {font-size: 14pt;}

/***************************************** Content Boxes ****************************************/
div.full_box {width:850px; margin:5px; overflow:auto; clear:both; }
div.half_box {width:405px; margin:5px; overflow:auto; min-height:156px; background-color:#ffffff;}
div.quarter_box {width:210px; float:left;}
div.eight_box {width:94px; height:32px; margin:5px; float:left;}

*.twoCol {display:block;}
*.twoCol span, *.twoCol label {display:inline-block; width:47%; text-align:right; margin-top:5px; margin-right:10px;}
*.twoCol input[type=text], *.twoCol input[type=password] {width:48%;}
*.twoCol select {width:48%;}

*.fourCol {display:block;}
*.fourCol span, *.fourCol label {display:inline-block; width:140px; text-align:right; margin-right:5px;}
*.fourCol input[type=text], *.fourCol input[type=password]{width:210px;}
*.fourCol select {width:212px;}

*.sixCol {display:block;}
*.sixCol span, *.sixCol label {display:inline-block; width:15%; text-align:right; margin-right:5px;}
*.sixCol input{width:15%;}
*.sixCol select {width:15%;}

button {margin:auto; margin:5px 10px; float:right; min-width:80px; !important;}
/***************************************** Generic Table Styles *********************************/
*.halfTable{border-collapse:collapse; width:50%; margin:5px 0; text-align:left;}
table{border-collapse:collapse; width:100%; margin:5px 0; text-align:center;}
table th {background-color:#4D4F53; color:#ffffff;}
table th.endpt {background-color:#696565; color:#ffffff;}
tr, td {border:1px solid #4D4F53; line-height:1.8em;}
tr.alt {background-color:#cccccc;}
tr:hover {background-color:#defbad;}
td.small{font-size:75%;}
td.alt {background-color:#cccccc;}

ul {text-decoration:none; list-style-type:none;}

/***************************************** Generic Input Styles *********************************/
input[type=text], input[type=password], select{border:1px solid #7ab800; margin:5px; padding-left:0.2em;}
input[type=text]:hover, input[type=password]:hover {background-color:#defbad;}
*.mh{min-height:200px;}

.ui-accordion{width:99%;}
.ui-state-error{padding:15px 0;}
.ui-button{font-size: .6em;}
.ui-button-text-only .ui-button-text{padding: 3px 5px;}
div#MSLine2Div{z-index:-9999; background-color: transparent;}

#LogOutput{width:75%; float:right}

/* -- Form Styles ------------------------------- */

div.fieldset {
	border:  1px solid #7ab800;
	margin: 10px 0;
	padding: 20px 10px;
}
div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #7ab800;
}

div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #7ab800;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

/* -- Table Styles ------------------------------- */

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	border: 1px solid #7ab800;
	vertical-align: top;
	margin: 10px 5px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}



/*
html{
	top:0;
	height: 100%;
	text-align:center;
	margin:0 auto;
	padding:0;
	background: url(../image/bg.jpg) no-repeat center center #fff;
	overflow:scroll;
}

body {
	top:0;
	height: 100%;
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align:left; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
}

a:link{ color: #CF7F18; }

a:visited{ color: #AD660C; }

a:hover, a:focus{ color: #FF9814;	text-decoration:none; }

p{	margin:1em 0; }

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p{	margin-top:-0.05em;}

h1, h2, h3, h4, h5, h6{ color: #9CA716; margin-bottom:0.5em; }

h1{ font-size:24px;}

h2{	font-size:20px;}

h3{	font-size:18px;}

h4{	font-size:16px;}

h5{	font-size:14px;}

h6{	font-size:12px;}

ol, ul{	margin: 1em 0 1em 2em; }

ol ol, ol ul, ul ol, ul ul{ margin-top:0; margin-bottom:0; }

ol li{	list-style:decimal }
ol li ol li{ list-style:upper-alpha; }
ol li ol li ol li{ list-style:upper-roman; }

ul li{ list-style:disc;}

em{font-style:italic;}

strong{font-weight:bold;}

em strong, strong em{ font-weight:bold; font-style:italic; }

#container {
	display:block;
	position: absolute;
	padding:0;
	width:100%;
	height:210px;
	background:#fff;
	top:50%;
	margin:-100px 0 0 0;
	border:solid #E69623;
	border-width:3px 0 3px 0;
	
	opacity: 0.90;
	-moz-opacity: 0.90;
	filter: alpha(opacity=90);
}

#logo{
	display:block;
	position: absolute;
	width:186px;
	height:32px;
	background: url(../image/logo.gif) no-repeat 0 0;
	left:50%;
	margin:0 0 0 -280px;
	top:15px;
	overflow:hidden;
	text-indent:999em;
	line-height:999em;
}

#content{
	position:relative;
	display:block;
	width: 660px;
	left:50%;
	margin:0 0 0 -282px;
	padding:15px 0;
	top:60px;
}

#footer {
	position: absolute;
	bottom: 0;
	margin:0;
	width:100%;
	text-align:center;
	left:0;
}*/



.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}