@charset "utf-8";
/*********************************************/
/* PAGE LAYOUT STYLES - Header / Footer, etc */
/*********************************************/
/* DEFAULT GREEN = #46790f */
/* LIGHT GREEN HOVER = D6E4DD */
html { 
	height: 100%; 
  display: block;
	position: relative;
}
body {
	font-family: Calibri, 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
	font-size: 15px;
	background: #333;
	padding: 0px;
	margin: 0px;
	height: 100%;
	color: #000;
	position: relative;
  display: block;
}

a {
	color: #06C;
}
a:hover {
	color: #09C;
}
hr {
	background: none;
	border: none;;
	border-bottom: 1px solid #46790f;
	display: block;
	clear: both;
	margin: 4px 0px;
	padding: 2px 0px;
}
img {
	border-color: #017234;
}
/*********************************************/
/* Heading and Title styles
/*********************************************/
h1, h2, h3, h4, h5, h6 {
  font-family: Garamond, Calibri, Helvetica, Arial, 'sans-serif';
	font-weight: normal;
	font-style: none;
	padding: 3px 0px;
	margin: 0px;

}
h1 {
	font-size: 30px;
	color: #46790f;
}
h2{
	font-size: 24px;
	color: #111;
}
h3 {
	font-size: 20px;
	color: #222;
}
h4{
	font-size: 18px;
	color: #333;
}	

ul li {
	list-style-image: url("/images/icons/arrow1.png");
	list-style-type: none;
	line-height: 1.65em;
}
ol li {
	line-height: 1.65em;
}

#imgPrintLogo {
	display: none;
}

/*******************************************/
/*************** LOGIN SCREEN **************/
/*******************************************/
.BodyLogin {
	color: #fff;
	height: auto;
}
.BodyLogin h1, .BodyLogin h2, .BodyLogin h3, .BodyLogin h4 {
	color: #fff;
	text-shadow: none;
}
.LoginBox {
	background: #fff;
	width: 600px;
	height: auto;
	padding: 15px;
	margin: 20px 0px;
	border-radius: 15px;
  color: #000;
  font-size: 20px;
	border: 1px solid #ccc;
}
.LoginBox h1, .LoginBox h2, .LoginBox h3, .LoginBox h4 {
	color: #000;
}


/*******************************************/
/****************** HEADER *****************/
/*******************************************/
.BodyBox {
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	display: block;
	position: relative;
}

.tableBody {
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	position: relative;
}

#ColMenu {
  font-family: Garamond, Calibri, Helvetica, Arial, 'sans-serif';
  background: #272727 url("/images/layout/menuback.jpg") top right repeat-y;
  padding: 0px 15px 10px;
  margin: 0px;
}

#ColMenu h2, #ColMenu h3, #ColMenu h4 {
  color: #fff;
}
#ColContent {
  background: #FFF;
}


/*************** MENU **************************/

.MenuBox {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	text-align: left;
	position: relative;
	color: #fff;
	font-size: 16px;
}

.mnuMain {
	width: 100%;
	height: auto;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	position: relative;	
	display: block;
	border-top: 1px solid #555;
}


.mnuMain li {
	height: auto;
	width: auto;
	color: #fff;
	padding: 3px 3px;
	margin: 0px 0px;
	font-size: 20px;
	border-bottom: 1px solid #555;
	list-style: none;
  font-weight: normal;
	position: relative;
}
.mnuMain li a {
	color: #FFF;
	text-decoration:none;
}
.mnuMain li:hover, .mnuMain li.mnuActive, .mnuMain li:hover a {
	color: #fff;
}
.mnuMain li ul li:hover {
	background:  none;
}
.mnuMain li.mnuActive a:hover {
	color: #fff;
}
.mnuMain li ul {
  border-top: 1px solid #555;
	background: #1d1d1d;
	display: none;
	font-size: 16px;
	margin: 0px;
	padding: 5px 0px;
}
.mnuMain li ul li{
	height: auto;
	width: auto;
	color: #ffe;
	padding: 1px 2px;
	margin: 0px 0px 0px 35px;
	font-size: 16px;
	border: none;
	list-style: disc;
	position: relative;
}
.mnuMain li ul li a {
	color: #fff;
	text-decoration:none;
}
.mnuMain li ul li a:hover {
	color: #fff;
	text-decoration:none;
}
.mnuMain li.mnuPageLine {
  list-style: none;
  margin-left: 15px;
  margin-right: 15px;
}
.mnuTop {
	cursor: pointer;
}
/************** CONTENT BAR ***************/

.ContentBox {
	font-size: 15px;
	line-height: 1.5em;
	width: auto;
	padding: 0px;
	margin: 8px 15px 5px 10px;
	text-align: left;
	color: #111;
}
.PrintTitle {
  display: none;
}
.ContentTitle {
  font-family: Garamond, Calibri, Helvetica, Arial, 'sans-serif';
  background: #e3eee4 url("/images/layout/titlearrow1.png") -37px -11px no-repeat;
	width: auto;
	height: auto;
	font-size: 30px;
	color: #46790f;
	margin: 0px;
	padding: 5px 0px 5px 25px;
	display: block;
}
.ContentTitleLogin {
	width: auto;
	height: auto;
	font-size: 16px;
	float: right;
	color: #303030;
	margin: 0px;
	padding: 12px 10px 0px 0px;
}

#boxSaving {
	display: none;
}

.boxMessage {
	background: #C00;
	font-family: myHelvetica, Verdana, Geneva, sans-serif;
	width: 200px;
	height: auto;
	position: absolute;
	top: 0px;
	right: 10px;
	margin: 0px;
	padding: 8px 10px;
	text-align: center;
	border-radius: 0px 0px 5px 5px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	z-index: 100;
}
#boxMessageSuccess, #boxMessageGreen {
	background: #46790f;
}


/*********************************************/
/*  BUTTONS */
/*********************************************/
.boxButton, .boxButton2, .boxButton3 {
	font-family: Calibri, Helvetica, serif;
	background-color: #255298;
	float: right;
	width: auto;
	height: auto;
	color: #00FFFF;
	font-size: 15px;
	font-weight: bold;
	border: none;
	border-radius: 3px;
	padding: 6px 11px;
	margin: 0px 0px 0px 12px;
	text-shadow: none;
	line-height: normal;
	text-align: center;
}
.boxButton2 {
	float: left;
	background: #46790f;
	margin: 3px 12px 3px 0px;	
}
.boxButton3 {
	background: #7127aa;
	float:none;
	display: inline-block;
	margin: 3px 6px;	
}
.boxButton a, .boxButton2 a, .boxButton3 a {
	color: #fff;
	text-decoration: none;
}
.boxButton a:hover, .boxButton2 a:hover, .boxButton3 a:hover {
	color: #CCFFCC
}
.boxButton a:focus, .boxButton2 a:focus, .boxButton3 a:focus {
	color: #FF3;
}

.boxButtonGreen {
  background-color: #46790f;
}
.boxButtonRed {
  background-color: #600;
}
.boxClear {
	width: 1px;
	height: 1px;
	clear: both;
	display: block;
}

/********************************************/
/* DASHBOARD
/********************************************/
.DashboardBox {
	float: left;
	width: 45%;
	height: auto;
	margin: 10px 2% 10px 2%;
	padding: 0px;
}

/********************************************/
/** LOADING POPUPS
/********************************************/
.LoadingBox1 {
	width: 125px;
	height: 125px;
	padding: 5px;
	border-radius: 5px;
	background: #f3f3f3;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	line-height: 1.4em;
	margin: -80px 0px 0px 60px;
	text-align:center;
	z-index: 1001;
}
.LoadingText {
	font-size: 22px;
	font-weight: bold;
	text-align:center;
	width: 100%;
	color: #017234;
}
.CountDownBox {
	background: url("/images/shade1.png");
	width: 45px;
	height: 30px;
	font-size: 22px;
	color: #333;
	position: fixed;
	bottom: 0px;
	right: 0px;
	text-align:center;
	z-index: 1000;
}
.ListPopup {
  background-color: #F3F3ff;
  width: 50%;
  height: 65%;
  position: fixed;
  top: 12%;
  left: 32%;
  margin: 0px 0px 0px 0px;
  padding: 15px;
  border: 1px solid #888;
  border-radius: 5px;
  display: none;
  z-index: 1001;
  overflow-y: scroll;
}

/********************************************/
/** FORMS BOXES
/********************************************/
#frmCriteria {
  display: block;
  clear: both;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  padding: 5px 0px;
  margin: 5px 0px;
}
.boxCritItem {
  width: auto;  
  padding: 2px 10px;
  margin: 2px 0px;
  display: inline-block;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

/*********************************************/
/* POPUP STYLES
/*********************************************/
.NotesFrame {
	background: #FFF;
	padding: 10px 15px;
	border: 5px solid #46790f;
	border-radius: 5px;
	width: 45%;
	height: 65%;
	position: fixed;
	top: 40%;
	left: 50%;
	margin: -225px 0px 0px -275px;
	display: none;
	z-index: 1000;
}

.SmallerFrame {
  width: 35%;
  height: 35%;
  margin: -225px 0px 0px -220px;
}

/*********************************************/
/* jQUERY LINKS
/*********************************************/
.lnkButton {
	cursor: pointer;
}
.lblLookupField {
	font-weight: bold;
	vertical-align:  middle;
}
.lblLookupFieldBox {
	padding: 3px 5px;
	border: 1px solid #ddd;
	min-width: 100px;
}
.lnkCloseListPopup {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 26px;
	cursor: pointer;
}

/*********************************************/
/* STATS
/*********************************************/
.StatBox {
  width: 350px;
  height: auto;
  border: none;
  margin: 10px 20px 10px 0px;
  float: left;
  display: block;
  position: relative;    
}
/*********************************************/
/* TABS
/*********************************************/
.TabFrame {
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	padding: 0px;
	margin: 5px 0px;
  position: relative;
	display: block;
	clear: both;
}
.TabFrame .TabButtonRow {
	width: 100%;
	height: 33px;
	display: block;
}
.TabFrame .TabButton {
	width: auto;
	height: 28px;
	_height: 32px;
	padding: 4px 15px 0px;
	margin: 0px;
	font-size: 16px;
	background: #232323 url("/images/layout/hl.png") top center repeat-x;
	color: #fff;
	border: 1px solid #111;
	border-radius: 6px 6px 0px 0px;
	float: left;
	cursor: pointer;
}
.TabFrame .TabActive {
	background: #384638 url("/images/layout/hl2.jpg") top center repeat-x;
}
.TabFrame .TabPage {
	background: #f3f3f3;
	width: auto;
	height: 100%;
  position: relative;
	padding: 10px 6px;
	display: none;
	border: 1px solid #666;
	border-radius: 0px 0px 6px 6px;
}
.TabFrame #TabPage1 {
	display: block;
}

.TabFrame .TabPage .boxData {
	background: #fff;
}


.lblFundStatus, .lblPeerStatus, .lblPayStatus {
  font-size: 18px;
  margin: 10px 0px;
  padding: 5px 2px;
  width: auto;
  border: 1px solid #ccc;
	text-align: center;
	position: relative;
	display: block;
}
#lblFundName {
	width: 100%;
}
.lblEmpty {
		background: #fff url("/images/layout/shaderow3.jpg") center center repeat-x;

}
/*********************************************/
/* Data and error boxes 
/*********************************************/
.boxError {
	font-weight: bold;
	font-size: inherit;
	background: #FFCCCC url("/images/layout/smallback3.jpg");
	text-align: center;
	padding: 5px;
	border: 1px solid #990000;
	color: #990000;
	border-radius: 6px;
}
.boxSuccess {
	font-weight: bold;
	font-size: inherit;
	background: #090 url("/images/layout/smallback4.jpg");
	text-align: center;
	padding: 5px;
	margin: 3px 0px;
	border: 1px solid #060;
	color: #060;
	border-radius: 6px;
}
.boxNote {
	background: #f0f0f0;
	font-size: inherit;
	text-align: center;
	padding: 5px;
	margin: 3px 0px;
	color: #202020;
	display: block;
	position: relative;
}

.boxNote2 {
	font-size: 12px;
	color: #666;
}
.boxData {
	font-size: inherit;
	padding: 10px 12px;
	width: auto;
	margin: 5px 0px;
	color: #000;
	background: #f3fff3;
	border: 1px solid #ccc;
}
.boxData2 {
	font-size: 18px;
	padding: 15px;
	margin: 15px 0px 15px 30%;
	color: #333;
	background: #f0f0f0;
	border: 2px solid #ddd;
	border-radius: 15px;
	text-align: center;
	width: 30%;
}


/*********************************************/
/* DATA TABLES STYLES
/*********************************************/
.tablePages {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
	text-align: left;
}
.tablePages tr {
	background: none;
	border: none;
}
.tablePages td {
	background: none;
	border: none;
}
/*=================================*/
.tableClear {
	font-size: inherit;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
	text-align: left;
	color: inherit;
}
.tableClear tr {
	background: none;
	border: none;
}
.tableClear td {
	background: none;
	border: none;
}
.tableClear2
{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
	text-align: left;
}
.tableClear2 tr {
	background: none;
	border: none;
}
.tableClear2 td {
	background: none;
	border: none;
}
/*=================================*/
.tableData {
	width: 100%;
	border: 1px solid #555;
	border-radius: 1px;
	background: #FFF;
	margin: 2px auto;
	padding: 0px;
	font-size: inherit;
	z-index: 10;
	position: relative;
	display: table;
	clear: both;	
  border-collapse: separate;
  border-spacing: 0px;  
}
.tableData thead tr {
	/*background: #4d4d4d url("/images/layout/hl.png") bottom center repeat-x;*/
	margin: 0px;
}
.tableData thead td {
	font-weight: bold; 
	text-align: center;
	border: none;
	font-size: 14px;
	padding: 4px 0px;
	margin: 0px;
	border-right: 2px groove #aaa;
	border-bottom: 1px solid #888;
	background: #4d4d4d url("/images/layout/hl.png") bottom center repeat-x;
	color: #fff;
}
.tableData thead tr.row1 td {
	background: none;
}
.tableData thead tr td.headerlast {
	border-right: none;
}
.tableData thead.smallfont td {
	font-size: 12px;
}
.tableData thead.largefont td {
	font-size: 16px;
}

.tableData tbody.AllowScroll {
	overflow-y: scroll;
	height: 800px;
}
.tableData tbody tr {
	border: 0px;
	_border-bottom: 1px solid #ccc;
}
.tableData tbody td {
	font-weight: normal;
	border-bottom: 1px solid #999;
	font-size: inherit;
	position: relative;
	padding: 2px 3px;
	vertical-align: middle;
}
.tableData tbody td.cellmid {
	border-right: 1px solid #bbb;
	padding: 2px 3px;
}
.tableData tbody td.cellmid2 {
	border-right: 1px solid #999;
	padding-left: 2px;
}
.tableData tbody td.cellnote {
	color: #666;
	font-size: 12px;
}
.tableData tbody td.cellred {
	background-color: #FFD9D9;
}
.tableData tbody td.cellweekend {
	background-color: #fcf;
}
.tableData tbody td.cellhours {
	background-color: #9f9;
}

.tableData tbody td.cellreq {
	color: #900;
}
.tableData tbody tr.row1 {
	background: #fff url("/images/layout/shaderow1.jpg") center center repeat-x;
	
	/* background-color: #FCFCFC; */
}
.tableData tbody tr.row2 {
	background: #fff url("/images/layout/shaderow2.jpg") center center repeat-x;
	/*background-color: #D6E4DD;*/
}
.tableData tbody tr.row3 {
	background-color: #FEE;
	color: #600;
	font-style: italic;
	font-weight: bold;
}
.tableData tbody tr.row4 {
	background-color: #FFD;
	color: #006;
	font-style: italic;
	font-weight: bold;
}
.tableData tbody tr.row4 td {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.tableData tbody tr.row5 {
	background-color: #D4F2FF;
	color: #300;
}
.tableData tbody.allowhover tr:hover {
	background: #fff url("/images/layout/shaderow3.jpg") center center repeat-x;
}
.tableData tbody td.allowhover:hover {
	background: #fff url("/images/layout/shaderow3.jpg") center center repeat-x;
}
.tableData tbody.smallfont td {
	font-size: 12px;
}
.tableData tbody.largefont td {
	font-size: 16px;
}

.tableData .boxButton3, .tableData .boxButton {
	padding: 4px 8px;
}
/*=====================================*/

#rowPart:hover {
	background-color: #DABEBE;
	border-color: #DABEBE;
}
.tableMenu
{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border: thin solid #000000;
	background-image: url("/themes/theme1/buttonback.gif");
}


/**************************************/
/** IMAGE STYLES
/**************************************/
.imgListFunc {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	border: none;
	margin: 1px 2px;
}

.imgListFuncSm {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	border: none;
	margin: 1px 2px;
}

.imgIcon {
	width: 24px;
	height: 24px;
	margin: 0px 2px;
	vertical-align: middle;
	border: none;
}
.imgIconSm {
	width: 18px;
	height: 18px;
	margin: 0px 2px;
	vertical-align: middle;
	border: none;
}
/**************************************/
/** Input Boxes
/**************************************/

input, select, textarea, .textLabel {
	font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: inherit;
	padding: 3px 4px;
	border: 1px solid #117f89;
	border-radius: 3px;
	background-color: #E1FFF4;
}
.textLabel {
  padding: 3px 6px;
}
.txtNumberVal {
	text-align: right;
}
.txtNumberBold {
	font-weight: bold;
}
input:focus, select:focus, textarea:focus {
	background-color: #9DFFD8;
	border: 1px solid #0D5E64;
}

input.largeInput {
  font-size: inherit;
}

input[type="submit"] {
  background: #017234;
  color: #fff;
  font-size: inherit;
  padding: 5px 12px;
  border-radius: 15px;
}

.txtChanged:focus, .txtChanged:focus, .txtChanged:focus {
	border-color: #C9F;
	background-color: #D9B3FF;
}

.txtError {
	border-color: #F00;
	background-color: #FCC;
}
.txtChanged {
	border-color: #96F;
	background-color: #E7CEFF;
}

.HoursEntryBox input, .HoursEntryBox select, .HoursEntryBox textarea {
	padding: 1px;
	border-radius: 2px;
}

.HoursEntryBox .txtRight {
	text-align:	right;
}