@CHARSET "ISO-8859-1";

body,td,th,input,textarea,select,input {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:13px; }

p{margin:0 0 1.5em 0;}
h1{color:#4442b0;font-size:30px;font-weight:normal;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
h2{color:#5bbc43;font-size:25px;font-weight:normal;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
h3{color:#c8262b;font-size:22px;font-weight:normal;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
h3 a{color:#00CC33}

h4 {
	color:#000000;
	font-size:18px;	
	font-weight:normal;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 4px 0 4px 0;
}


/***Styles in many files******/
.horizontalCenter {
	margin: 0 auto;
}

.textHorizontalCenter {
	text-align: center;
}

.lookLikeLink {
	cursor:pointer; 
	text-decoration: underline; 
	color:#0000ff;
}

.infoTabDiv {
	top: 0px;
	width:50em;
}

.selectionHeading {
	font-size: 20px;
	margin: 5px 0;	
}

.resetPassContent {
	font-size: 16px;
	text-align: center;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	
}
/***End styles in many files******/


/***Styles for the maintabcontainer****/

.mainTabContainer .dojoTab {
	background: url(../images/tab_left.gif) no-repeat left top;
	margin-right: 10px;
	border-bottom : 1px solid #348E16;
	max-height: 36px;
}

.mainTabContainer .dojoTab div {
	font-family: arial, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 17px;
	background : url(../images/tab_right.gif) no-repeat right top;
	max-height:36px;
}

.mainTabContainer .dojoTab.current {
	border-bottom : 1px solid #348E16;
	background-position : 0 -36px;
	max-height: 36px;
}

.mainTabContainer .dojoTab.current div {
	padding-bottom: 4px;
	background-position : 100% -36px;
	max-height:36px;
}

.mainTabContainer .dojoTabPaneWrapper
{
	min-height: 300px;
	border : 1px solid #348E16;
	padding : 5px;
}

/***End styles for the maintabcontainer****/


/***Styles for smalltabcontainer/tabs used in userinfo and reports****/
.smallTabContainer .dojoTab{
	background: url(../images/tab_small_left.gif) no-repeat left top;
	margin-right: 10px;
	border-bottom : 1px solid #348E16;
	max-height:24px;
}

.smallTabContainer .dojoTab div{
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 10px;
	background : url(../images/tab_small_right.gif) no-repeat right top;
	max-height:24px;
}

.smallTabContainer .dojoTab.current{
	background-position : 0 -24px;
	max-height:24px;
}

.smallTabContainer .dojoTab.current div{
	padding-bottom: 1px;
	background-position : 100% -24px;
	max-height:24px;
}

.smallTabContainer .dojoTabPaneWrapper
{
	min-height: 300px;
	border : 1px solid #348E16;
	padding : 5px;
}
/***End styles for smalltabcontainer/tabs used in userinfo and reports****/




/***Styles for the filteringtables ****/
table.RMFilteringTable {
	font-family: arial, sans-serif;
	font-size:0.8em;
	width: 100%;
	border:1px solid #ccc;
	border-collapse:collapse;
	cursor:pointer;
}
table.RMFilteringTable td,
table.RMFilteringTable th{
	margin: 0 auto;
	padding:2px;
	font-weight:normal;
}
table.RMFilteringTable thead td, table thead th {
	background-image:url(../images/ft-head.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
table.RMFilteringTable thead td.selectedUp, table thead th.selectedUp {
	background-image:url(../images/ft-headup.gif);
}
table thead td.selectedDown, table thead th.selectedDown {
	background-image:url(../images/ft-headdown.gif);
}
	
table.RMFilteringTable tbody tr td {
	border-bottom:1px solid #ddd;
}
table.RMFilteringTable tbody tr.alt td {
	background: #CAFF95;
}
table.RMFilteringTable tbody tr.selected td {
	
}
table.RMFilteringTable tbody tr:hover td {
	background: #5BBC43;
}
table.RMFilteringTable tbody tr.selected:hover td {
	
}

table.RMFilteringTable_nohighlight {
	font-family: arial, sans-serif;
	font-size:0.8em;
	width: 100%;
	border:1px solid #ccc;
	border-collapse:collapse;
	cursor:pointer;
}
table.RMFilteringTable_nohighlight td,
table.RMFilteringTable_nohighlight th{
	margin: 0 auto;
	padding:2px;
	font-weight:normal;
}
table.RMFilteringTable_nohighlight thead td, table thead th {
	background-image:url(../images/ft-head.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
table.RMFilteringTable_nohighlight thead td.selectedUp, table thead th.selectedUp {
	background-image:url(../images/ft-headup.gif);
}
table thead td.selectedDown, table thead th.selectedDown {
	background-image:url(../images/ft-headdown.gif);
}
	
table.RMFilteringTable_nohighlight tbody tr td {
	border-bottom:1px solid #ddd;
}
table.RMFilteringTable_nohighlight tbody tr.alt td {
	background: #CAFF95;
}

/***Styles for the filteringtables ****/



/****Styles in index.php******/
.homepage {
	background:#ffffff url(../images/bg.gif) top left repeat-x;
	margin:0;
	color:#000000;
}

.layout {
	width:800px;
	position:relative;
	background:#ffffff;
	top: 0;
	min-height: 200px;
}

.indexFPDiv {
	top:0px; 
	height:20px;
}

body .dojoToasterClip {
	z-index:1500
}

body div.dojoToasterContainer
{
	font-size:1em;
	z-index: 1501;
}

body div.dojoToasterContent{
	background: #a6c2e7;
	z-index:1502
}

body div.dojoToasterMessage{ 
	color:#000;
}

.header {
	background:transparent url(../images/header-bg.gif) repeat-x scroll left top;
	width:100%;
	height:82px;
}

.tagline {
	font-family:Arial,Helvetica,sans-serif;
	font-size:20px;
	padding:30px 25px 0pt;
	text-align: center;
}

.logo {
	display:block;
	height:62px;
	margin:15px 10px;
	text-decoration:none;
	text-indent:-2000px;
	width:241px;	
}

.navbar {
 background-color: #4D4BA7;
 position: relative;
 color: #FFFFFF;
 top: 0px;
 height: 30px;

}

.navtext {
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 11px;
 text-align: right;
 padding: 8px 12px;
 vertical-align: middle;
}

.navtext a {
 color: #FFFFFF;
 text-decoration: none;
}

.navlink {
 color: #FFFFFF;
 text-decoration: none;
 cursor: pointer;
 padding: 0 5px;
}

.left {
 float:left;
}

.right {
 float:right;	
}



/****End styles in index.php******/



/****Styles in the reports tabs ******/
table.reportParentTable {
	width:100%; 
	vertical-align: middle;
	text-align: center;
}

.reportParentTableTd {
	width: 50%;
	vertical-align: top;
}

.reportFormTable {
	width: 100%;
}

.reportFormTable .dojoButton {
	margin: 0 auto;
}


.reportFormTableTdLeft {
	width: 35%;
}

.reportFormTableTdRight {
	width: 65%;
}

.reportFormTableDates .datePickerContainer {
	width: 10em;
	margin: 0 auto;
}

.reportFormTableCaptions {
	text-align: right;
	padding-right: 5px;
}

.reportFormTableMainHeader {
	font-weight: bold;
	text-align: center;
}

.reportFormTableHeader {
	text-decoration: underline;	
}

.tableSelectBoxOptions {
	font-family: Verdana, Helvetica, Garamond, sans-serif;
	/* font-size: 0.7em; */
	background-color: white;
	border: 1px solid #afafaf;
	position: absolute;
	z-index: 1000; 
	overflow: auto;
	cursor: default;	
}
	
.tableSelectBox {
	border-collapse: collapse;
}

.tableSelectBox tr td{
	border: 1px solid #afafaf;
}


.tableSelectBoxItemEven {
	background-color: #f4f4f4;
}

.tableSelectBoxItemOdd {
	background-color: white;
}

.tableSelectBoxItemHighlight {
	background-color: #63709A;
	color: white;
}

/****End styles in the reports tabs ******/





/****Style for floating pane in userlist.html ******/
	/*Note: added programmatically in userlist.js*/
div.userInfoFloatingPane {
	width: 635px;
	height: 562px;
	left: -310px;
	top: -242px;
}

div.ownerInfoFloatingPane {
	width: 560px;
	height: 510px;
	left: -310px;
	top: -255px;
}

div.dojoFloatingPaneClient {
	background-color: #FFFFFF;
}

.ownerInfoTabDiv {
	top: 0px;
	width:30em;
}

/****End style for floating pane in userlist.html ******/




/****Styles used in usertab_info.html******/
.uinfoRequired {
	font-weight: bold;
}

.passlevel0 {
	color: red;
	font-weight: bold;
}

.passlevel1 {
	color: red;
}

.passlevel2 {
	color: #49E20E;
}

.passlevel3 {
	color: #3D8B37;
}

.passlevel4 {
	color: #3D8B37;
	font-weight: bold;
}

.userInfoSelectBox {
	width:16em;
}
/****End styles used in usertab_info.html******/




/****Styles used in usertab_container.html******/
	/*Note: added programmatically in usertab_container.js*/
.ConfirmationDialogFloatingPane {
	left: -200px; 
	top: -100px; 
	width: 400px; 
	height: 200px;	
}
/****End styles used in usertab_container.html******/




/****Styles used in usertab_access.html and usertab_actions.html******/
.accessChkBoxContainer {
	width: 36em;	
}

.actionsChkBoxContainer {
	width: 34em;	
}

td.chkBoxContainerElements {
	font-size: 11px;
}

table.chkBoxContainerElements {
	height: 100%;
}
/****End styles used in usertab_access.html and usertab_actions.html******/




/****Styles used in login.html******/
.loginButtonDivStyle {
	width: 0px;
}
/****End styles used in login.html******/




/****Styles used in tabs.php******/
.indexTab {
	overflow: auto;
}
/****End styles used in tabs.php******/




/****Styles used in usertab_list.html******/
td.listPermForm {
	vertical-align: top;
}

.combopicker {
	width: 120px;	
}

table.comobpicker td {
	margin: 0 auto;	
}


table .listpermcomobpicker {
	text-align: center;	
}

table.listpermcomobpicker td {
	margin: 0 auto;
}


table .relatedselectbox {
	text-align: center;	
}

table.relatedselectbox td {
	margin: 0 auto;
}


/****End styles used in usertab_list.html******/




/****Styles used in upload.html******/
	/*Note: added programmatically in upload.js*/
.uploadRightTDPadding {
	padding-left: 2em;
}

.uploadSelectBox {
	width: 14em;
	display: inline;
}

table.uploadTable {
	font-family: arial, sans-serif;
	font-size:0.8em;
	width: 100%;
	border:1px solid #ccc;
	border-collapse:collapse;
	cursor:pointer;
}
table.uploadTable td,
table.uploadTable th{
	margin: 0 auto;
	padding:2px;
	font-weight:normal;
}
table.uploadTable thead td, table thead th {
	background-image:url(../images/ft-head.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
table.uploadTable thead td.selectedUp, table thead th.selectedUp {
	background-image:url(../images/ft-headup.gif);
}
table thead td.selectedDown, table thead th.selectedDown {
	background-image:url(../images/ft-headdown.gif);
}
	
table.uploadTable tbody tr td {
	border-bottom:1px solid #ddd;
}
table.uploadTable tbody tr.alt td {
	background: #CAFF95;
}
table.uploadTable tbody tr.selected td {
	
}
table.uploadTable tbody tr:hover td {
	background: #5BBC43;
}
table.uploadTable tbody tr.selected:hover td {
	
}

/****End styles used in upload.html******/



/****Styles used in reports.html******/
.reportstabcontainer {
	height: 200px;
}

/****End styles used in reports.html******/


/****Styles used in ownertab_info.html ******/
.ownerProvinceSelectBox {
	width: 16em;
}
/****End styles used in ownertab_info.html ******/




/****End styles used for infoform******/
.infoFormInfoRequired {
	font-weight: bold;
}

.infoFormValidate {
	color: red;
}

.infoFormEditor {
	border: solid 1px #000000; 
	height: 10em;
	overflow-y: auto;
	overflow-x: scroll;
	position: relative;	
}

/****End styles used for infoform******/
