﻿html, body {
	font-family: arial,serif;
	color: #333333;
	height: 100%;
	margin: 0px; /* Used here for IE & Mozilla */
	padding: 0px; /* Used here for Opera */
}

td, p, div, blockquote, th, a, body, li, fieldset {
	font: normal 8pt arial, sans-serif;
}

fieldset {
	border: 1px solid #cccccc;
	margin: 4px 4px 4px 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

legend {
	font: bold 12pt arial,sans-serif ;
	color: navy;
	padding: 6px 6px 6px 6px;
}

label {
	cursor: pointer; 
	
}

form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

a, a:active, a:link, a:visited {
	color: navy;
	text-decoration: none;
}

a:hover {
	color: #3366CC;
	text-decoration: underline;
}

.MenuLink {
	font-weight: bold;
	font-size: 8pt;
}



input, input[type="text"], textarea, select, option {
	font: normal 8pt arial,serif;
}

input[type="button"], input[type="submit"] {
	font: normal 8pt arial, sans-serif;
}

.Title {
	font-size: 19pt;
	padding: 8px 4px 8px 4px;
	border-bottom: 5px solid #cccccc;
}

.CopyrightRow {
	font-size: 8pt;
	text-align: center;
	padding: 4px 4px 4px 4px;
	border-top: 4px solid #cccccc;
   /* border-bottom: 30px solid #000066;*/
}


.StepTitle {
	font-size: 10pt;
	font-weight: bold;
	padding: 4px 10px 4px 10px;
	background-color: #efefef;
}

.StepSubTitle {
	font-size: 9pt;
	font-weight: bold;
	color: navy;
}

.ToolbarTable {
	background-color: #cccccc;
}

.ListTitle {
	font-weight: bold;
	background-color: #cccccc;
	padding-left: 4px;
	color: navy;
	font-size: 12px;
}

.ListRowLight, .ListColumnLight {
	background-color: #ffffff;
}

.ListRowDark, .ListColumnDark {
	background-color: #efefef;
}


.ListRowHighlight {
	background-color: #ffffcc;
}



.SelectionRowHover {
	background-color: #efefef;
	border: 1px solid #cccccc;
}

.ListRowHover * {
	background-color: #ffffcc;
	
}
.ListRowHover td {
	/*border-bottom: 1px solid #000000;*/
}

.ListRowPager {
	background-color: #cccccc;
}

.ListField, .ListField * {
	background-color: #666666;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}


.IFrameListTitle {
	font-weight: bold;
	background-color: #003366;
	font-size: 8pt;
}
.IFrameListTitle a {
	color: #ffffff;
}

.IFrameListRowLight {
	background-color: #ffffff;
	font-size: 8pt;
	color: #333333;
}

.IFrameListRowDark {
	background-color: #E1E1E1;
	font-size: 8pt;
	color: #333333;
}

.IFrameListField, .IFrameListField * {
	font-weight: bold;
	color: #ffffff;
	background-color: #003366;
	font-size: 8pt;

}


.IFrameLink {
	font-weight: bold;
	color: #003366 !important;
}







.SectionBarCaption {
	font-size: 10pt;
	font-weight: bold;
}

.RequiredField {
	color: red;
}

.Divider {
	height: 10px;
}

.ActionCell {
	text-align: center;
}

.BlankPageBody {
	margin: 0px 0px 0px 0px;
}

.MainPageBody {
	background-color: #999999;
	margin: 0px 0px 0px 0px;
}

.MainTable {
	height: 100%;
	background-color: #ffffff;
}



.ControlPanelButton {
	width: 150px;
	height: 100px;
	background-color: #efefef;
	border: 2px solid #cccccc;
	font: normal 16pt arial,serif;
	cursor: pointer;
	
	color: #666666;
	text-align: center;
}

.ControlPanelButtonHover {
	width: 150px;
	height: 100px;
	background-color: #ffffcc;
	border: 2px solid #cccccc;
	color: #666666;
	font: bold 18pt arial,serif;
	cursor: pointer;
	
	text-align: center;
}

.ControlPanelButtonMouseDown {
	width: 150px;
	height: 100px;
	background-color: #cccccc;
	border: 2px solid #999999;
	font: bold 18pt arial,serif;
	cursor: pointer;
	
	color: #000000;
	text-align: center;
}


.Green, option.Green {
	color: green;
}

.SelectionTitle {
	font-size: 14pt;
	font-weight: bold;
	padding: 4px 10px 4px 10px;
	
}

.ActionRow {
	padding: 4px 4px 4px 4px;
	background-color: #efefef;
}

.CalendarMonth {
	text-align:center;
	background-color: #666666;
	color: #ffffff;
	font-weight: bold;
}

.CalendarNormalDate {
	text-align: center;
}

.CalendarDayOfWeek {
	text-align:center;
	background-color: #cccccc;
	font-weight: bold;
	width: 30px;
}


.CalendarCurrentDate {
	text-align: center;
	font-weight: bold;
	color: green;
	border: 1px solid #cccccc;
}

.CalendarSelectedDate {
	text-align: center;
	background-color: #66ff66;
	font-weight: bold;
	
	cursor: pointer;
}


.CalendarHoverDate {
	text-align: center;
	background-color: #ccffcc;
	
	cursor: pointer;
	font-weight: bold;
}

.CalendarAvailableDate {
	text-align: center;
	background-color:  #ffff99;
	
	cursor: pointer;
}

.CalendarFullDate {
	text-align: center;
	background-color:  #FFA6A6;
	cursor: default;
}

.Calendar {
	border: 1px solid #cccccc;
}

.InvoiceTable {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.InvoiceTable th {
	font-weight: bold;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.InvoiceTable td {
	/*border-left: 1px solid #cccccc;*/
	border-right: 1px solid #cccccc;
}

.BorderTop {
	border-top: 1px solid #cccccc;
}

.BorderBottom {
	border-bottom: 1px solid #cccccc;
}

.BorderLeft {
	border-left: 1px solid #cccccc;
}

.BorderRight {
	border-right: 1px solid #cccccc;
}

.OrderNumber {
	color: Green;
	font-size: 14pt;
	font-weight: bold;
}

.OrderLabel {
	color: #333333;
	font-size: 11pt;
	font-weight: bold;
}

.InfoField {
	
}

.InfoValue {
	background-color: #efefef;
}

.PrintContainer {
	padding: 5px 5px 5px 5px;
}

.ToggleBar {
	cursor: pointer;
	height: 15px;
	padding:  5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	background-image: url('Images/ToggleBar.Background.gif');
	background-repeat: repeat-x;
}

.ToggleBar div {
	font-weight: bold;
	color: #ffffff;
}

.Disabled {
	background-color: #efefef;
}

.GridList {
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
}

.GridList td {
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}

.GridList th {
	background-color: #EFEFEF;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	font-weight: bold;
}



.GridListLight {
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
}

.GridListLight td {
	background-color: #EFEFEF;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

.GridListLight th {
	background-color: #C0C0C0;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-weight: bold;
}



.GridListRowDark {
	background-color: #EFEFEF;
}

.GridListRowLight {
	background-color: #FFFFFF;
}

.GridListRowLight {
	background-color: #FFFFFF;
}

.GridListRowLight {
	background-color: #FFFFFF;
}


.GridList2 {
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

.GridList2 td {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.GridList2 th {
	background-color: #EFEFEF;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-weight: bold;
	color: #666666;
}



.GridList2Light {
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

.GridList2Light td {
	background-color: #EFEFEF;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.GridList2Light th {
	background-color: #C0C0C0;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-weight: bold;
	
}

.GridList2RowDark {
	background-color: #EFEFEF;
}

.GridList2RowLight {
	background-color: #FFFFFF;
}

.GridList2RowLight {
	background-color: #FFFFFF;
}

.GridList2RowLight {
	background-color: #FFFFFF;
}



.Content {
	padding: 0px 10px 0px 10px;
}

.Content2 {
	padding: 15px;
}

.Content3 {
	padding-top: 10px;
}

.StrongButton {
	font-weight: bold;
}

.Note {
	border: 1px solid #cccccc;
	background-color: #ffffcc;
	padding: 4px 4px 4px 4px;
}

.Notice {
	border: 1px solid #999999;
	background-color: #ccffff;
	padding: 6px 6px 6px 6px;
}

.YellowInput {
	background-color: #ffffcc;
}

.Bold {
	font-weight: bold;
}

.Blue {
	color: blue;
}

.Purple {
	color: purple;
}


h1 {
	font-size: 18px;
	margin: 0px;
}

h2 {
	font-size: 16px;
	margin: 0px;
}

h3 {
	font-size: 14px;
	margin: 0px;
}

h4 {
	font-size: 14px;
	margin: 0px;
}

/* Borders */

.FullBorder {
	border: 1px solid #cccccc;
}

.BorderDashed {
	border: 1px dashed #cccccc;
}

.BorderDotted {
	border: 1px dotted #cccccc;
}


.BorderTopDashed {
	border-top: 1px dashed #cccccc;
}

.BorderTopDotted {
	border-top: 1px dotted #cccccc;
}

.BorderBottomDashed {
	border-top: 1px dashed #cccccc;
}

.BorderBottomDotted {
	border-bottom: 1px dotted #cccccc;
}

.BorderRightDashed {
	border-top: 1px dashed #cccccc;
}

.BorderRighDotted {
	border-bottom: 1px dotted #cccccc;
}

.BorderLeftDashed {
	border-top: 1px dashed #cccccc;
}

.BorderLeftDotted {
	border-bottom: 1px dotted #cccccc;
}

/**/

.Inline {
	display: inline-block;
	zoom: 1;
	*display: block;
}

/* font sizes */

.Medium {
	font-size:16px;
}