/* ******************************************************* */
/* ***************        Page ElEMENTS		************** */
/* ******************************************************* */

body
{
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	margin-top: 	0px;
}

h1
{
	font-size:16px;

}

h3
{
	font-size: 14px;

}

a:link, a:visited , a:active
{ 
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}

a:hover 
{ 
	color: #666666;
}

/* ******************************************************* */
/* ***************        Labels            ************** */
/* ******************************************************* */

.label
{
	font-size:		9px;
}

.labelBold
{
	font-weight:	bold;
	font-size:		9px;
}

.labelWhite
{
	color: #fff;
	font-size: 9px;
}

.labelBlack
{
	color: #000;
	font-size: 9px;
}

.StatusHeading
{
	background-image: url(../images/icons/check.png);
	background-repeat: no-repeat;
	padding: 0 0 10px 20px;
	margin-left: 5px;
	font-size: 12px;
	font-weight: bold;
}

.ErrorHeading
{
	background-image: url(../images/icons/delete.png);
	background-repeat: no-repeat;
	padding: 0 0 10px 20px;
	margin-left: 5px;
	font-size: 12px;
	font-weight: bold;
}

/* ******************************************************* */
/* ***************        Buttons           ************** */
/* ******************************************************* */

/* ******************************************************* */
/* ***************        Buttons           ************** */
/* ******************************************************* */

.FloatingButtonContainer
{
	float: left;
	margin: 5px 0px 5px 0px;
	width: 100%;
}

.FloatRight
{
	float:right!important;
	margin-right:22px;
}

.standardButton
{
	display: block;
	background-color: transparent;
	width: 120px;
	height: 20px;
	line-height:20px;
	background-image: url(../images/site/site_menu.jpg);
	background-repeat: repeat-x;
	color: #000;
	float: left;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	margin: 5px 3px 5px 0px;
	border: 1px solid #999999;
}

.standardButtonTiny
{
	text-align:center;
	width: 20px!important;
}

.standardButtonLarge
{
	width: 180px!important;
}


.standardButton:hover 
{
	background-position: -2px;
}

.iconAddImage
{

	background-image: url(../images/icons/add.png);
	background-repeat: no-repeat;
	padding: 0 0 10px 20px;
	margin-left: 5px;
}

.iconCheckImage
{
	background-image: url(../images/icons/check.png);
	background-repeat: no-repeat;
	padding: 0 0 10px 20px;
	margin-left: 5px;
}

.iconSaveImage
{

	background-image: url(../images/icons/save.png);
	background-repeat: no-repeat;
	padding: 0 0 10px 20px;
	margin-left: 5px;
}

.iconEditImage
{

	background-image: url(../images/icons/edit.png);
	background-repeat: no-repeat;
	padding: 0 0 10px 20px;
	margin-left: 5px;
}

.iconDeleteImage
{
	background-image: url(../images/icons/delete.png);
	background-repeat: no-repeat;
	padding: 0 0 10px 20px;
	margin-left: 5px;
}

.iconBackImage
{
	background-image: url(../images/icons/back.png);
	background-repeat: no-repeat;
	padding: 0 0 10px 20px;
	margin-left: 5px;
}

.iconFindImage
{
	background-image: url(../images/icons/find.png);
	background-repeat: no-repeat;
	padding: 0 0 10px 20px;
	margin-left: 5px;
}


.buttonImage
{
	background-repeat: no-repeat;
	margin-left: 2px;
	width: 16px;
	border: 0px;
}

/* ******************************************************* */
/* ***************        DIV               ************** */
/* ******************************************************* */

.siteContainer
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.siteContainer dt
{
	float: left;
	list-style: none;
}

.siteContainer dd
{
	margin-left: 125px;
	list-style: none;
}

.siteHeaderContainer
{
	width: 950px;
	height: 80px;
	background-color: #000000;
	background-image: url(../images/site/OL_header.jpg);
}

.siteHeaderContainer a
{
	color: #38a6cf;
}

.siteHeaderVersionLabel
{
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
.siteHeaderUserInfo
{
	float: right;
	margin-top: 40px;
	margin-right: 10px;
}

.siteMenuContainer
{
	width: 950px;
	heigth: 32px;
	line-height: 32px;
	text-indent: 10px;
	background-image: url(../images/site/site_menu.jpg);
	background-repeat: repeat-x;
}

.siteContentContainer
{
	width: 930px;
	margin: 10px;
	text-align: left;
}

.siteActionsContainer
{
	float: left;
	width: 240px;
}

.siteContent
{
	float: left;
	padding-left: 10px;
	width: 680px;
}

.StatusMessageError
{
	width: 80%;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color:#F1D8D8;
	border: 2px solid #FF0000;
	padding: 5px;
	color: #000;
}

.StatusMessage
{
	width: 80%;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color:#DDFFB7;
	border: 2px solid #00CC00;
	padding: 5px;
	color: #000;
}

/* ******************************************************* */
/* ***************        Login           **************** */
/* ******************************************************* */

.LoginForm
{
	padding: 10px;
	width: 270px;
	float:left;
}

.LoginForm dt
{
	font-weight: bold;
	line-height: 12px;
}

.LoginForm dd
{
	margin-left: 120px;
	line-height: 12px;
	margin-bottom: 1px;
}

.LoginCredentials
{
	padding: 10px;
	width: 220px;
	float:left;
}

.LoginCredentials dt
{
	font-weight: bold;
	line-height: 12px;
}

.LoginCredentials dd
{
	margin-left: 120px;
	line-height: 12px;
	margin-bottom: 1px;
}

.SubMenu
{
	padding: 10px;
	width: 220px;
	float:left;
}

.SubMenu dt
{
	font-weight: bold;
	line-height: 12px;
}

.SubMenu dd
{
	margin-left: 120px;
	line-height: 12px;
	margin-bottom: 1px;
}

.SubMenu ul
{
	TEXT-INDENT: -24px! important
}
/* ******************************************************* */
/* ***************        Searchpanel       ************** */
/* ******************************************************* */

.SearchPanel
{
	padding:10px;
	border:1px solid #000;
	width: 95%;
}

.SearchPanel dt
{
	font-weight: bold;
	line-height: 20px;
}

.SearchPanel dd
{
	margin-left: 150px;
	line-height: 20px;
	margin-bottom: 1px;
}

.SearchPanelSmall
{
	width:33%;
	float:left;
}

.SearchPanelSmallDouble
{
	width:66%;
	float:left;
}

.SearchPanelMedium
{
	width:50%;
	float:left;
}

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

/* ******************************************************* */
/* ***************        LIST TABLE VIEW   ************** */
/* ******************************************************* */


.DetailsView
{
	padding:10px;
	border:1px solid #000;
	width: 95%;
}

.DetailsView dt
{
	font-weight: bold;
	line-height: 20px;
	width:	150px;
	float:left;
}

.DetailsView dd
{
	margin-left: 150px;
	line-height: 20px;
	margin-bottom: 1px;
}

.DetailsViewSmall
{
	width:33%;
	float:left;
}

.DetailsViewSmallDouble
{
	width:66%;
	float:left;
}

.DetailsViewMedium
{
	width:50%;
	float:left;
}

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

/* ******************************************************* */
/* ***************        LIST TABLE VIEW   ************** */
/* ******************************************************* */

.gridView
{
	width: 98%;
	margin-bottom:10px;
}

table.gridView
{
	width: 98%;
	margin-left: 0px;
	/* border: 1px solid black; */
	border-collapse:separate;
}

.gridView tr
{
	width: 100%;
	text-indent:2px;
	/* border: 1px solid black; */
	line-height:18px;
	height:18px;
}

.gridViewHeader
{
	background-color:#333333;
	color: #fff;
	font-weight:bold;
	font-size:11px;
}

tr.gridRow0 td {
	background-color:#F7F7F7;
	color: #000;
}
tr.gridRow1 td {
	background-color:#CCCCCC;
	color: #000;
}


/* ******************************************************* */
/* ***************        SPACERS           ************** */
/* ******************************************************* */

.clear
{
	clear:both;
	height: 10px;
}

.SpacerSmall
{
	clear:both;
	height: 5px;
}


.SpacerMedium
{
	clear:both;
	height: 10px;
}

.SpacerLarge
{
	clear:both;
	height: 15px;
}


/* ******************************************************* */
/* ***************        LOGIN SPECIFIC    ************** */
/* ******************************************************* */

.siteLogin
{
	width: 200px;
	
}

/* ******************************************************* */
/* ***************     LIVE VALIDATION      ************** */
/* ******************************************************* */

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 2px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 2px solid #CC0000;
}

/* ******************************************************* */
/* ***************        DatepickerS		************** */
/* ******************************************************* */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}