html, body
{
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Sans-Serif, Verdana;
}

input, select, label, legend, caption, span
{
	font-family: Arial, Sans-Serif, Verdana;
	font-size: 11px;
}

input.text
{
	/* my text css */
}
input.button
{
	/* my button css */
}

/* This will only work in Mozilla FireFox */
.disabled, input[disabled], textarea[disabled], select[disabled]
{
	color: #000 !important;
	background-color: Silver;
	border: solid 1px #000;
}

a
{
	text-decoration: none;
	color: #000000;
}
.returnlink a
{
	font-size: 80%;
	padding-bottom: 5px;
}

a:hover
{
	text-decoration: underline;
}
fieldset
{
	border: solid 1px #CCC;
	padding: 0 1em 0.5em 1em;
	margin-bottom: .5em;
	margin-left: 0px;
}
/* Divs inside fieldsets */
div fieldset div, fieldset div
{
/*	padding: .2em 0 .2em 0; */
/*	clear: both; */
}

/* Tables inside fieldsets */
fieldset table
{
	border: none;
	display: inline;
}
fieldset table td
{
	border: none;
}

legend
{
	color: navy;
	font-weight: bold;
	font-size: 90%;
}

label
{
	font-size: 11px;
}

fieldset div label
{
	width: 11.9em;
	float: left;
}

div label
{
	font-weight: bold;
	width: 13em;
	float: left;
	vertical-align: top;
}

/* Custom definitions */

.alignLeft
{
	text-align: left;
}
.alignCenter
{
	text-align: center;
}
.alignRight
{
	text-align: right;
}

.wrapper
{
	width: 99.8%;
	margin: 0px auto; /* 	border:1px solid #bbb; */
}
.header
{
	border: 0px solid #bbb;
	height: 76px;
	margin: 0px auto;
	background-image: url(  "../../Images/headerlogo.jpg" );
	background-repeat: no-repeat;
	background-color: #426696;
}
#content
{
	padding: 10px;
	overflow: hidden;
}

.headerRight
{
	display: block;
	padding-top: 28px;
	padding-left: 480px;
	padding-right: 15px;
	float: right;
	text-align: right;
	white-space: nowrap;
	width: 300px;
	clear: right;
	min-width: 700px;
	overflow: auto;
}
.headerRight .client
{
	font-weight: bold;
	font-size: 75%;
	color: #ffffff;
}
.headerRight .database
{
	font-size: 70%;
	color: #ffffff;
}
.topNavigation
{
	margin-top: 0px;
	font-size: 70%;
	background-image: url(  "../../Images/headerbar.jpg" );
	background-repeat: repeat-x;
	height: 23px;
	border-bottom: 1px solid #bbb;
}
.topNavigation a
{
	text-decoration: none;
}
.topNavigation .navigationLeft
{
	float: left;
	border: none;
	padding-top: 5px;
}

.navigationLeft .showHideNavigation
{
	float: left;
	padding-left: 15px;
	padding-right: 20px;
}
.navigationLeft .downloadCart
{
	float: none;
	width: 20%;
	white-space: nowrap;
}
.navigationLeft .downloadCart img
{
	width: 19px;
	height: 15px;
	text-align: right;
	vertical-align: top;
	border: none;
}

.topNavigation .navigationRight
{
	padding-left: 200px;
	padding-right: 15px;
	padding-top: 5px;
	text-align: right;
	float: none;
	white-space: nowrap;
}
.contentLeft
{
	clear: both;
	float: left;
	display: block;
	width: 150px;
	height: 99.5%;
	color: #ffffff;
	padding: 5px 10px 10px 10px;
	background-color: #f1f1ff;
	font-size: 12px;
	white-space: nowrap;
}
.contentMain
{
	margin-left: 172px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}
.noLeftMargin
{
	margin-left: 0px;
}
.contentRight
{
	margin-left: 10px;
	float: left;
}

.bottom
{
	clear: both;
	text-align: right;
}

#pageHeader
{
	margin-left: 10px;
}

.instruction
{
	font-size: 80%;
	padding-top: 5px;
	padding-bottom: 2px;
	display: block;
}
.popupInstruction
{
	padding-top: 3px;
	padding-bottom: 3px;
	width: 80%;
}

table.boldText td label, span.boldText label, label.boldText, .boldText
{
	font-weight: bold;
	padding-left: 2px;
}

.gridNavigation
{
	width: 99.8%;
	font-size: 70%;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	float: left;
	background-color: #e5ecf9;
}
.gridNavigation .navigation
{
	float: left;
	width: 57%;
	white-space: nowrap;
	padding-left: 0.5em;
}
.gridNavigation .navigation a
{
	text-decoration: none;
}
.gridNavigation .currentPage
{
	float: left;
}
.gridNavigation .currentPage span
{
	vertical-align: top;
}

.gridNavigation .results
{
	float: right;
	width: 30%;
	text-align: right;
	padding-right: 0.5em;
}
.gridView, .detailsView
{
	font-family: Arial, Sans-Serif, Verdana;
	font-size: 11px;
}
.gridView
{
	margin-top: 5px;
	margin-bottom: 5px;
	border: solid 1px #999999;
	color: #000000;
}
.gridView td, .gridView th, .detailsView td, .detailsView th
{
	padding: 3px;
	border-top: solid 1px silver;
	border-bottom: solid 1px silver;
}
.gridView th a
{
	color: #ffffff;
}
.gridView caption, .detailsView caption, .sectionHeader
{
	font-size: 12px;
	display: block;
	float: left;
	font-weight: bold;
	color: #ffffff;
	background-color: #335588;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
.gridViewRow, .gridViewAlternatingRow, .detailsViewRow, .detailsViewAlternatingRow
{
	border: solid 1px silver;
	vertical-align: top;
}
.gridViewAlternatingRow, .detailsViewAlternatingRow, .viewOnlyAlternatingRow
{
	background-color: #f1f1ff;
}

.gridViewHeader
{
	background-color: #3a5a6b;
	font-weight: bold;
	color: #ffffff;
}
.gridViewFooter, td.detailsViewCommand, .gridViewEmptyData
{
	background-color: #bdb56b;
	font-weight: bold;
	color: #000;
	vertical-align: top;
}

.gridViewSelectedRow
{
	background-color: #e9da9f;
}
.gridViewFooter br
{
	font-size: 1px;
}

.gridViewFooter div
{
	height: 25px;
}

.gridViewFooter input
{
	font-weight: bold;
	color: Black;
}

.detailsView
{
	border: solid 1px silver;
}
.detailsView td
{
	border: solid 0px #fff;
	border-top-width: 3px;
	border-bottom-width: 3px;
	padding-top: 2px;
	padding-bottom: 6px;
}

.detailsView .fieldHeader, .detailsViewFieldHeader
{
	background-color: #3a5a6b;
	font-weight: bold;
	color: #ffffff;
	width: 8.5em;
}

.detailsView .detailsViewFooter
{
	background-color: #d7ddeb;
}

.detailsView .detailsViewFooter td
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.detailsView .item
{
	padding-left: 16px;
}

/* Supports scrolling */
div.scrollContainer
{
	overflow-x: visible;
	overflow-y: scroll;
	width: 260px;
	height: 80px;
	position: relative;
	border: 1px solid Silver;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
div.scrollContainer div, div.scrollContainer .gridView
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.fixedHeader
{
	top: expression(this.offsetParent.scrollTop - 1);
	position: relative;
	z-index: 2;
}

.treeView
{
	font-size: 11px;
}
.treeView div
{
	padding: 0px;
}

.popupContent
{
	padding: 15px;
}

.buttonGroup
{
	background-color: #b0c4de;
	padding: 0.3em 0.5em 0.2em 0.5em;
	margin-top: 1em;
	margin-left: 0px;
	height: 22px;
}
.buttonGroup input, input.buttonGroup, .button
{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border: solid thin #7e8fab;
	background-color: #e7eff7;
}
.buttonGroup .leftButton
{
	float: left;
	width: 50%;
}
.buttonGroup .rightButton
{
	float: right;
}

.buttonGroup .leftButtonNarrow
{
	width: 30%;
}

.fileUpload
{
	font-size: 11px;
	font-weight: bold;
	border: solid 1px #7e8fab; /*width: 400px;*/
	background-color: #fff;
}
.subgroup
{
	margin-left: 3em;
}

.subgroup .fieldGroup
{
	padding-left: 0.5em !important;
}

.fieldGroup
{
	padding-bottom: 0.2em;
	clear: both;
	background: #f5f5f5 none repeat-y scroll 0%;
}

.fieldGroup label
{
	display: block;
	float: left;
	text-align: left;
	width: 12em;
	clear: left;
	margin-right: 0.5em;
	background: #3a5a6b none repeat scroll 0%;
	padding: 0.1em 0.5em 0.6em 0.2em;
	color: #fff;
}

.fieldGroup, .fieldGroup select
{
	font-size: 11px;
}

.fieldGroup .column
{
	width: 23%;
	float: left;
	padding-right: 1%;
}

.fieldGroup1 label
{
	width: 6em;
}

.fieldGroup2 label
{
	width: 8em;
}

.fieldGroup3 label
{
	width: 10em;
}

.fieldGroup4 label
{
	width: 14em;
}

.filter .leftGroup, .rightGroup
{
	display: block;
	width: 35%;
	text-align: left;
}
.filter .leftGroup
{
	/*	border-right: 1px solid #CEDDEB; */
	float: left;
}
.filter .rightGroup
{
	float: left;
	clear: right;
	padding-left: 15px;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	width: auto;
}

.filter .leftGroupWide
{
	width: 50%;
}

.noStyle label
{
	float: none;
	width: auto;
	display: inline;
	clear: none;
}

.addLeftSpaces
{
	margin-left: 20px;
}

.addLeftSpaces1
{
	margin-left: 15px;
}

label.fixedWidthLeftPadding
{
	margin-left: 15px;
	width: 8em;
}

.clear
{
	clear: both;
}

/* Horizontal checkbox list inside fieldset.  Spaces out the options */
fieldset.optionList, .optionList fieldset
{
	display: inline;
	padding: 0 .5em 0 .5em;
}
fieldset fieldset.optionList legend
{
	font-weight: bold;
}
fieldset table.optionList label, fieldset.optionList label, .optionList fieldset label
{
	float: none;
	width: auto;
	font-weight: normal;
	margin-right: 2em;
	display: inline;
	vertical-align: baseline;
}

div label.disableWidth, span.disableWidth label, .disableWidth label, .disableWidth
{
	float: none;
	width: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}
div label.wide
{
	width: 18em;
}
table.disableStyle td label, span.disableStyle label, label.disableStyle, .disableStyle
{
	float: none;
	width: auto;
	font-weight: normal;
	display: inline;
	padding: none;
}
.fieldGroup span.requiredField
{
	float: left;
	color: red;
	width: 8px;
	font-size: 160%;
	font-weight: bold;
	vertical-align: middle;
	margin-left: 0px;
	text-align: left;
}
div.requiredField, span.requiredField
{
	float: none;
	display: inline;
	color: red;
	width: 3px;
	font-size: 140%;
	font-weight: bold;
	vertical-align: middle;
}

.detailsView td span.requiredField
{
	font-size: 160%;
}
/* column widths and layout */
#col51, #col48, .col51, .col48
{
	float: left;
	clear: none;
}
#col51, .col51
{
	width: 53%;
}
#col48, .col48
{
	width: 47%;
}
#col66, #col33, .col66, .col33, #col28, .col28
{
	float: left;
	clear: none;
}
#col66, .col66
{
	width: 66%;
	padding-right: 1%;
}
#col33, .col33
{
	width: 33%;
}
#col28, .col28
{
	width: 28%;
}
.col1, .col2
{
	width: 35%;
	float: left;
	clear: none;
	margin-right: 1em;
}

.col15, .col20, .col25, .col30, .col35, .col45, .col50, .col60, col75
{
	float: left; 
	clear: none; 
	margin-right: 1em;
}

.col15
{
	width: 15%;
}
.col20
{
	width: 20%;
}
.col25
{
	width: 25%;
}
.col30
{
	width: 30%;
}
.col35
{
	width: 35%;
}
.col45
{
	width: 45%;
}
.col50
{
	width: 50%;
}.col60
{
	width: 60%;
}.col75
{
	width: 75%;
}

.noclear
{
	clear: none;
}

.alignCenter
{
	text-align: center;
	clear: both;
}

.alignRight
{
	text-align: right;
}

/* Definition list that mirrors the same style design As form labels and fields */
dl.formList
{
	margin: .5em 0 .5em 0;
	border: solid 1px #CCC;
	padding: .5em 1em;
	font-size: 11px;
}
dl.formList dt
{
	width: 11.5em;
	float: left;
	font-weight: bold;
	padding-bottom: .1em;
	clear: both;
	padding-right: 1px;
}
dl.formList dd
{
	padding-bottom: .1em;
	margin-left: 12em;
}
fieldset dl.formList
{
	border: none;
	padding: 0;
	margin: 0;
}
fieldset dl.formList dt, fieldset dl.formList dd, div dl.formList dt, div dl.formList dd
{
	padding: .3em 0;
}
/* For wide labels. */
dl.wide dt, dl.formList dt.wide
{
	width: 18em;
}

/* For single line definition list */
dl.singleLine dt, dl.singleLine dd
{
	float: left;
	width: auto;
	margin: 0;
}

dl.singleLine dt
{
	padding: 0 1em 0 0;
	font-weight: bold;
}

dl.singleLine dd
{
	padding: 0 2.5em 0 0;
}

/* Showing unordered lists within definition list */
.meaningList
{
	float: left;
	clear: none;
}
.meaningList ul
{
	list-style: none;
	padding: 0 .3em;
	margin: 0;
}
.meaningList li
{
	margin-bottom: .2em;
}


/* Styles to turn off or turn on borders for certain block elements */
dl.noBorder, table.noBorder, table.noBorder td, div.noBorder, ul.noBorder, ol.noBorder
{
	border: none;
	padding: 0;
}
dl.border, table.border, div.border, ul.border, ol.border
{
	border: solid 1px #ccc;
	padding: .5em 1em;
}
ul.border, ol.border
{
	margin: .5em 0;
	padding-left: 2.5em;
}

.topText, .bottomText
{
	display: block;
}

.dropDownListMaxWidth
{
	width: 280px;
}

.error
{
	color: #ef0000;
	background-color: #ffefef;
	padding: 0.2em;
	margin: 0.2em;
	padding-bottom: 0.4em;
	font-size: 80%;
	border-top: 1px solid #ef0000;
	border-bottom: 1px solid #ef0000;
}

.success
{
	color: #5baf00;
	background-color: #f0ffdf;
	padding: 0.1em;
	padding-bottom: 0.4em;
	margin: 0.1em;
	font-size: 80%;
	border-top: 1px solid #5baf00;
	border-bottom: 1px solid #5baf00;
}

.confirmation, .warning
{
	color: #cc0000;
	background-color: #ffcc66;
	padding: 0.2em;
	margin: 0.1em;
	font-size: 80%;
	font-weight: bold;
	border-top: 1px solid #cc0000;
	border-bottom: 1px solid #cc0000;
	clear: none;
}

.processing
{
	color: #000;
	background-color: Silver;
	padding: 0.2em;
	margin: 0.2em;
	padding-bottom: 0.4em;
	font-size: 80%;
	border-top: 1px solid Silver;
	border-bottom: 1px solid Silver;
}

.error h3, .error p, .confirmation h3, .confirmation p, .success h3, .success p
{
	margin: 0em 0em 0.1em 0em;
}

.error ul, .success ul
{
	margin: 0em 1.5em;
	padding: 0.1em;
	padding-bottom: 0.2em;
	list-style: none;
}
.rowError
{
	background-color: #ff0000;
}

.hide
{
	display: none;
}

.popupCalendar
{
	background-color: #ffffff;
	font-size: 70%;
	font-family: Sans-Serif;
}

.popupCalendar .weekendDay
{
	color: #54a6e2;
	background-color: Gray;
}

.popupCalendar .title
{
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	background-color: #000066;
}

.popupCalendar .nextPrev a
{
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	background-color: #000066;
}

.popupCalendar .dayHeader
{
	font-size: 110%;
	color: #000066;
	background-color: #bdb56b;
}

.popupCalendar .selectedDay
{
	color: red;
	border-color: Silver;
}

.popupCalendar .otherMonthDay
{
	background-color: gainsboro;
}

table.calendardropdown
{
	border: none;
	margin: 0;
	padding: 0;
}
table.calendardropdown select
{
	width: 100%;
}

label.hide
{
	background-color: #f5f5f5;
}

.dropDownListWidth1 select
{
	width: 80px;
}

.dropDownListWidth2 select
{
	width: 100px;
}

.dropDownListWidth3 select
{
	width: 120px;
}

.dropDownListWidth4 select
{
	width: 140px;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.resetPasswordPopup 
{
	width: 400px;
	height: 180px;
}