@CHARSET "UTF-8";

* {margin: 0px; padding: 0px;}

html {padding: 0px 10px;}

html body{ margin:5px 40px;
			color: #333;
			background-color: #eef3fa;
			font:13px arial,helvetica,clean,sans-serif;
			min-height: 100%;
			height: auto !important;
			height:100%;
			}
			
input, textarea {font:99% arial,helvetica,clean,sans-serif;color:#333;}
body * {line-height: 1.22em;}
table {table-layout:fixed;}


a:link {color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
a:visited {color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
a:hover {color:#004882;outline:none;font-weight:bold;}
a:active {color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
a:focus{color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
/** Later version of firefox from 3.6 support outline-style*/
:focus { outline-style: none; }

#enlogo {
	padding:20px 0px 0px 50px !important;
}

#ver{
	/*position:absolute; top:70px;left:210px;*/
	position: relative; 
	top: 10%;
}

/* #divCurrentTime {font-weight: bold; 	font-size: 12px;}
#welcome, #version {font-weight: bold; 	font-size: 14px;} */

#headerActions li {display: inline; padding-right: 15px; font-size: 11px;}

.footer, .footer a{
	/*background-color:#555354; font-size:12px;color:#FFF;padding:3px 0 3px 5px;*/
	color:#fff;
	font-size: 11px;
	background-color:#545454;
	width:100%; 
	height:20px;
	padding-left:10px;
	padding-right:10px;
}

/*will be used in footer links*/
.contactus a{
	display: inline;	
	font-size:11px;
	/*padding:0 5px 0 0;*/
	padding:0 0 0 0;
	color:#fff;
}

.login {
	/*background: black url(../images/HP_bg_img.jpg) no-repeat center center;*/
	background: url(../images/background-big.jpg) #f4f4f4 fixed no-repeat center top; 
	height: 550px; min-height: 550px;
	z-index: -1;
	width:100%;
}

.loginForm {
	width: 350px; 
	height: 260px; 	
	position: relative;
	top: 15%;
	
	margin-left:auto;
	margin-right:auto;

	border: 1px solid #e0e0e0;	
}

.loginHeader {
	margin:0px;color:#000;
	/*background-color:#555354;*/
	font-size:1.2em;font-weight:normal;padding:8px 10px 6px 10px;margin-bottom:5px;
}
.forgetpassowrdlink {
	float: left; padding: 20px 0px 0px 10px; font-weight: bold;font-size:13px;
}
.errorMsg {
	color: red; padding: 0px 10px;height:15px;
}

.loginPrompt {
	clear: both; float: left; padding: 10px 0px 0px 10px; font-weight: bold;font-size:13px;
}

.loginField {
	clear: both; float: left; margin: 2px 10px; width: 317px; border:1px solid #c0c0c0;
	font-size:15px;
	height:32px;
	padding:0px 10px 0px 0px;
}

.submitAction {
		color:#FFFFFF;background-color:#5a5a5a; font-size:13px; clear: both; float: left; margin: 20px 10px; width:70px;height:35px;border:0px;font-weight:bold;
}

.saveAction {
		color:#FFFFFF;background-color:#5a5a5a; font-size:1.1em; clear: both; float: left;padding: 2px; margin: 0px;border:0px;font-weight:normal;
}
.footerlogin{
	padding: 0 !Important;	
}

.footerinner{
	padding-top: 3px !Important; padding-left: 10px !Important;
}

.loginsignup{
	float:right;
}

.dvpwd{
	margin-top:10px;
}


select {
	height: 32px; padding: 2px;
}

.headerWrapper {
	padding: 30px 50px; background-color: #545454;
}

.editOrg, .outerContainer,  .accordion-outerContainer {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.editOrg, .outerContainer, .accordion-outerContainer {
	background-color:#ffffff;
	padding: 10px 12px 4px 12px;
}

.outerContainer{margin:5px;}

.editOrg span, .outerContainer span {
	color:#303030;
	font-size:1.0em;
	font-weight:bold;
}

.innerContainer {
	background-color:#FFFFFF;
	padding: 5px 5px 100px 5px;
}

.innerContainer span.load-save-errors {
	color: red; font-weight: normal; font-weight: bold; font-size: 1em;
}

.innerContainer span.save_confirmation {
	color: green; font-weight: normal; font-weight: bold; font-size: 1em;
}

.formContainer {
	padding: 15px 15px 0px 45px;
}

.formHeader {
	font-size: 1.0em;
}

.formHeader ul {
    margin: 0px; padding: 25px 0px 10.5px 0px; background-color:#555354; width: 100%;
    float: left;
}
 

.formHeader ul li {
    display: inline; padding: 0px 5px;
}

 
.formHeader ul li a {
    padding: 10.5px 21px;
    background-color: #F3F3ED; 
}

.i1 {
	min-height:10px;height:10px;
}

.field {
	clear:both;
	padding-top: 8px;
}

.formPrompt, .formValue {
	display:inline; float: left; 
}

.formPrompt {
	width: 190px; font-weight:bolder; font-size: 0.8em; color: #000000;
}

.formPrompt span {
	padding-right:10px;
	font-size: 1.2em;
}

.formValue span {
	display: block;
	font-size: 1em;
	font-weight: normal;
	padding:0px 0px 5px 0px;
}

input.error, textarea.error {
	border: 1px solid red;
	padding:1.5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.field label.error, .field span.error, span.floorError, span.areaError {
	clear:both;
	display: block;
	font-size: 1em;
	font-weight: normal;
	color: red;
	padding-bottom: 3px;
}

span.floorError, span.areaError {
	padding-top: 8px;
}

div.tableContainer {
	
	clear: both;
/* 	height: 200px;
	overflow: auto; */
	width: 100%
}

div.tableContainer table {
	float: left;
	width: 100%;
	border-bottom: 1px solid #A3A3A3;
}

thead.fixedHeader tr {
	display: block;
}

thead.fixedHeader th {
	background: #A3A3A3;
	font-weight: bold;
	color: white;
	padding: 4px 0px;
	text-align: center;
}

div.tableContainer td {
text-align: center;
padding: 2px 0px;
}

div.tableContainer td input {
	/* float: left; */ 
	/* margin-right: 7px; */
}

div.tableContainer tbody.scrollContent {
	display: block;
/* 	height: 170px;
	overflow: auto; */
	width: 100%
}

div.tableContainer th, div.tableContainer td {
	width: 15%;
}

div.tableContainer th + th, div.tableContainer td + td{
	width: 35%;
}

div.tableContainer th + th + th, div.tableContainer td + td + td {
	width: 15%;
}

div.tableContainer th + th + th + th, div.tableContainer td + td + td + td {
	width: 20%;
}

/* div.tableContainer th + th + th + th + th, div.tableContainer td + td + td +td +td {
	width: 4000px;
} */

.navigation {
		color:#FFFFFF;background-color:#555354; font-size:1.1em;
}

/* following class is for default table formating */

.entable, .entable table{
	border-collapse: collapse;	
	clear: both;
}

.entable thead tr{ 
	border-bottom: 1px solid #A3A3A3;
	background:#7c7c7c !important;
	color:#ffffff !important;
	height:32px;	
}

.entable tr:nth-child(even) {
	background:#ebebeb;
	color:#545454;
	height:32px;
}

.entable tr:nth-child(odd) {
	background:#fff;
	color:#545454;
	height:32px;
}

.entable tr:nth-child(even) input[type="text"] {
	background:#ebebeb;
	border:1px solid #757575;
}

.entable tr:nth-child(odd) input[type="text"] {
	background:#fff;
	border:1px solid #757575;
}

.entable span.error {
	clear: both; color: red; font-weight: normal;
}

.entable thead th, .entable thead td, .entable td{
	padding-left:3px;
	border:1px #252525 solid;
	height:32px;
}

.entable tr.editableRow { height: 32px }
.entable tr.editableRow  select { height: 26px }
.entable .alignright {text-align:right; padding-right:5px;}

.settingDivTop {padding:10px 100px 10px 5px;}
.settingDivOuter { clear: both; padding-bottom: 20px; }
.settingDivInner {clear: both; padding-top: 10px;}
.settingInlineFieldDivTop {float: left; padding-right: 10px;}
.settingInlineFieldSpanTop {float: left; padding-right: 10px; font-weight: bold}
.settingInlineFieldLabel {padding-right: 1px; display:inline;}
.settingInlineFieldLabel span {font-weight: bold}
.settingInlineFieldValue {display: inline}
.settingInlineFieldsError {clear:both; padding-top: 5px;}
.settingInlineFieldsError span {color: red}
input.help, input.helpAdvanced {float:right}
.settingAccordionFormDiv {padding: 10px 0px}
.settingAccordionFormDivHeader {font-weight: bold;}
.settingAccordionFormField {clear: both; padding: 5px 20px}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	z-index:5001;
	color: #fff;
	width: 150px;
	font-family: tahoma;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #FF7575;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
  position:relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
	background-color: #FF7575;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.newAction { color:#FFFFFF; background-color:#545454; border:1px solid gray; padding: 2px; margin-left: 30px}

.headertbl{background: #fff; color:#7c7c7c; width:100%; font-family: Tahoma; font-size: 12px; padding:5px 10px 3px 10px; float:left}
.welcm{position:absolute; top:40px; left:108px;}
.welcmConnexus{position:absolute; top:40px; left:178px}
fieldset{
	background:#f2f2f2;
	border:1px solid #cccccc;
}
fieldset legend {color:#3398cc; font-weight: bold}

.outermostdiv{background:#ffffff; height:99%; border:5px solid #cccccc;}

button, input[type="button"], input[type="submit"]
{
	padding:0px 5px;
	height:28px; color:#fff; background:url(../images/blue1px.png);
	border:1px solid #3399cc;
}

input[type="file"]{	height:23px;}

.pgset{float:left;width:100%;}

.ui-widget-overlay { background: none repeat scroll 50% 50% #000000 !important; opacity: 0.9 !important;}

.ui-dialog-titlebar {background: #7c7c7c !important;border: none !important;}
.ui-dialog-title {font-size: 1em; font-weight: bold;}
.ui-widget{	font: 13px arial,helvetica,clean,sans-serif !important;}
.ui-widget-content {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 0 none !important;
	padding:0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

img {border: none; }


table.tablesorter thead tr .header {
	background-image: url(../images/icon_sort.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

 table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/icon-sort-desc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/icon-sort-asc.gif);
}