/**
 * Global styles. Some styles must be repeated for TABLE and BODY because
 * IE seems not to do the inheritance properly.
 * Clors that may be used: White, Black, Red, #006397, #b0d3e5
 */

Body 
{
	background-color : white;
	margin-left : 5px;
	margin-top : 0px;
	margin-right : 0px;
	font-size : 8pt;
	font-family : Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	behavior : url(./Behaviors/BrowserCtrl.htc);
}

Table
{
	font-size: 10pt;
}

TR 
{
	height: 20px;
}

TH 
{
	padding:0 5px 0 5px;
}

TD 
{
	padding:0 5px 0 5px;
}

Input
{
	font-size : 10pt;
}

Select
{
	font-size : 10pt;
}

A
{
	color: #006397;
	text-decoration: none;
}

A:Hover
{
	text-decoration : underline;
}

HR
{
	color : #006397
}


/*--------------------------------------------------------------------------
 *  Styles for the message boxes
 *--------------------------------------------------------------------------*/

.messageDiv 
{
	position: absolute;
	z-index: 500;
	left: 30%;
	top: 60%;
	width: 300px;
	height: 120px;
	
}

.messageDiv table 
{
	position: absolute;
	border: double 4px #1972a1;
	background-color: #f3f3f3;
	font-size: 9pt;
	width: 100%;
	height: 100%;
}

.messageDiv table table
{
    position: relative;
    border: none;
}

.messageFrame 
{
	position: absolute;
	width: 300px;
	height: 120px;
	left: 30%;
	top: 60%;
	
}

/*--------------------------------------------------------------------------
 *  Styles for the header tag
 *--------------------------------------------------------------------------*/

/* This style is used for the table that host all the header controls 
*/
.Header
{
	margin-left: -5px;
}

/* this brings the header control back against the left margin of the page */
#HeaderDiv
{
	margin-left: -5px;
	
	background-color: #FFFFFF;	
	width:100%; 
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorstr=#FFFFFF, endColorstr=#1C536E);
	/*background: -moz-linear-gradient(right,  #FFFFFF 0%, #1C536E 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#FFFFFF), color-stop(0%,#1C536E)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(right,  #FFFFFF 50%,#1C536E 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(right,  #FFFFFF 50%,#1C536E 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(right,  #FFFFFF 50%,#1C536E 100%); /* IE10+ */
    /*background: linear-gradient(to right,  #FFFFFF 50%,#1C536E 100%); /* W3C */
	
}

/* The application name style. */
.HeaderAppName
{
	/*font-family:FoundrySterling-Demi;*/
	font-family:Arial;
	font-weight: bold;
	color: #002664;
	font-size: 14pt;
}

/* The function name style. */
.HeaderFuncName
{
	color: #002664;
	font-size: 10pt;
	/*font-family:FoundrySterling-Demi;*/
	font-family:Arial;
	font-weight:bold;
}

/* The link that is used to display the current status */
.LogOff
{
	/*font-family:FoundrySterling-Demi;*/
	font-family:Arial;
	font-weight: bold;
	font-size: 10pt;
	color: #002664;
	text-decoration: none;
	cursor: pointer;/*: hand;*/
}

.UserViewShown
{
	/*font-family:FoundrySterling-Demi;*/
	font-family:Arial;
	font-size: 8pt;
	color: #002664;
	text-decoration: none;
}

.UserView:hover
{
	/*font-family:FoundrySterling-Demi;*/
	font-family:Arial;
	font-weight: bold;
	font-size: 8pt;
	color: #002664;
	text-decoration: none;
}

/* The version number label */
.Version
{
	/*font-family:FoundrySterling-Demi;*/
	font-family:Arial;
	font-weight: bold;
	font-size: 10pt;
	color: #002664;
}

.Logo
{
	background-image: url(logo.gif);
}

.MiddleDiv 
{
	position:absolute;
	left:4px;
	top:4px
}
.TitleDiv 
{
	position:absolute;
	left:30%;
	top:20px
}

/*--------------------------------------------------------------------------
 *  Styles for the skmMenu
 *--------------------------------------------------------------------------*/

/* The menu style
 */
.menuItem
{
	color: #002664;
	font-size: 10pt;
	background-color:#b0d3e5;
	/*font-family:FoundrySterling-Demi;*/
	font-family:Arial;
	cursor: pointer;/*: hand;*/
}
.menuItem-selected
{
	color: #002664;
	font-size: 10pt;
	background-color:#dff2fe;
	/*font-family:FoundrySterling-Demi;*/
	font-family:Arial;	
	cursor: pointer;/*: hand;*/
}

/*--------------------------------------------------------------------------
 *  Styles for the user input controls
 *--------------------------------------------------------------------------*/
/* All text that descibes a user input should use this style */

.label-xtiny
{
	font-size: 6.5pt;
}

.label-tiny
{	
	font-size: 7pt;	
}

.label-tiny-strong
{	
	font-size: 7pt;	
	font-weight : bold;
}

.label-small
{	
	font-size: 8pt;	
}

.label-small-strong
{	
	font-size: 8pt;	
	font-weight : bold;
}

.label
{	
	font-size: 9pt;	
}

.label-strong
{	
	font-size: 9pt;
	font-weight : bold;
}

.label-large
{	
	font-size: 10pt;	
}

.label-large-strong
{	
	font-size: 10pt;	
	font-weight : bold;
}

.label-xlarge
{	
	font-size: 12pt;	
}

.label-xlarge-strong
{	
	font-size: 12pt;	
	font-weight : bold;
}

/* All error messages and exclamation marks should use this style */
.error
{
	color : Red;
	font-weight : bold;
}

/* Style for labels that need to display error messages */

.label-error
{
	color : Red;
	font-weight : bold;
	font-size: 9pt;
}

/* Use this style as a heading to highlight a table cell*/
.headerBackground
{
	color: black;
	BACKGROUND-COLOR: #e2edf3;            
    border-color: #8080FF;
    font-size: 9pt;
    font-weight : bold;
}

/* Use this style on a DIV to render it as a panel*/
.panel
{
	border-style : solid;
	border-width : 1px;
	border-color : #006397;
}

.seperator
{
	left : 16px;
	width : 94%; 
	height : 1px;
}

/* use this style when a field is mandatory*/
.mandatory
{
	font-size: 8pt;
	color: black;
	background-color:beige;
}

/* use this style on an asp:panel so that it doesn't sit right against the left margin*/
.panel-offset
{
	padding-left: 10px;
	padding-top : 10px;
}

/* use these styles on elements that need to be really visible */
.warning
{
	font-size: 9pt;
	color:Red;
	font-family: Verdana;
	font-weight: bold;
}

.warning-large
{
	font-size: 10pt;
	color:Red;
	font-family: Verdana;
	font-weight: bold;
}

.warning-xlarge
{
	font-size: 12pt;
	color:Red;
	font-family: Verdana;
	font-weight: bold;
}


/*--------------------------------------------------------------------------
 *  Styles for the standard asp grid
 *--------------------------------------------------------------------------*/
.aspgrid
{
	border-style : none;
	border-color : Silver;
	border-width : 1px;
	color: black;
}

.aspgrid-head
{	
	COLOR:White;
	font-size: 8pt;
	font-family: Verdana;
    BACKGROUND-COLOR: #006397;
    height: 24px;
}

.aspgrid-footer
{
	background-color: #999999;
}



.aspgrid-item-selected
{
	color: White;
	BACKGROUND-COLOR: #7dafca;            
    border-color: #8080FF;
    height: 24px;
    cursor: pointer;/*: hand;*/
}


.aspgrid-item-even
{
	color: Black;
	BACKGROUND-COLOR: #e2edf3;            
    border-color: #8080FF;
    height: 24px;
    cursor: pointer;/*: hand;*/
}


.aspgrid-item-odd
{
	COLOR: Black;
    BACKGROUND-COLOR:White;
    height: 24px;
    border-color: #8080FF;
    cursor: pointer;/*: hand;*/
}


.aspgrid-item-selected-nohand
{
	color: White;
	BACKGROUND-COLOR: #7dafca;            
    border-color: #8080FF;
    height: 24px;
}


.aspgrid-item-even-nohand
{
	color: Black;
	BACKGROUND-COLOR: #e2edf3;            
    border-color: #8080FF;
    height: 24px;
}


.aspgrid-item-odd-nohand
{
	COLOR: Black;
    BACKGROUND-COLOR:White;
    height: 24px;
    border-color: #8080FF;
}

.aspgrid-hide-cell
{
	display : none;	
}

.aspgrid-item-even-setwidth
{
	color: Black;
	BACKGROUND-COLOR: #e2edf3;            
    border-color: #8080FF;
    height: 24px;
    cursor: pointer;/*: hand;*/
    width : 60px
}


.aspgrid-item-odd-setwidth
{
	COLOR: Black;
    BACKGROUND-COLOR:White;
    height: 24px;
    border-color: #8080FF;
    cursor: pointer;/*: hand;*/
    width : 60px
}


/*--------------------------------------------------------------------------*/
/* Calendar Control styles
/*--------------------------------------------------------------------------*/

.UTicpYearNavigation { FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #006397; TEXT-ALIGN: center; TEXT-DECORATION: none }
	.UTicpMonthNavigation { FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #006397; TEXT-ALIGN: center; TEXT-DECORATION: none }
	.UTicpDayColumnHeader { }
	.UTicpYearNavigation { }
	.UTicpMonthNavigation { }
	.UTicpCurrentMonthDate { }
	.UTicpCurrentMonthDateDisabled { }
	.UTicpOtherMonthDate { }
	.UTicpOtherMonthDateDisabled { }
	.UTicpCurrentDate { }
	.UTicpCurrentDateDisabled { }
	.UTicpTodayText { }
	.UTicpTodayTextDisabled { }
	.UTicpText { }
	TD.UTicpDayColumnHeader { BORDER-RIGHT: #006397 0px solid; BORDER-TOP: #006397 0px solid; BORDER-LEFT: #006397 0px solid; BORDER-BOTTOM: #006397 1px solid; TEXT-ALIGN: right }
	.UTicpCurrentMonthDate { TEXT-ALIGN: right; TEXT-DECORATION: none }
	.UTicpOtherMonthDate { TEXT-ALIGN: right; TEXT-DECORATION: none }
	.UTicpCurrentDate { TEXT-ALIGN: right; TEXT-DECORATION: none }
	.UTicpCurrentMonthDateDisabled { COLOR: #d0d0d0; TEXT-ALIGN: right; TEXT-DECORATION: line-through }
	.UTicpOtherMonthDateDisabled { COLOR: #d0d0d0; TEXT-ALIGN: right; TEXT-DECORATION: line-through }
	.UTicpCurrentDateDisabled { COLOR: #d0d0d0; TEXT-ALIGN: right; TEXT-DECORATION: line-through }
	.UTicpCurrentMonthDate { FONT-WEIGHT: bold; COLOR: #006397 }
	.UTicpCurrentDate { FONT-WEIGHT: bold; COLOR: #ffffff }
	.UTicpOtherMonthDate { COLOR: #808080 }
	TD.UTicpCurrentDate { BORDER-RIGHT: #000000 thin solid; BORDER-TOP: #000000 thin solid; BORDER-LEFT: #000000 thin solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 thin solid; BACKGROUND-COLOR: #6677dd }
	TD.UTicpCurrentDateDisabled { BORDER-RIGHT: #ffaaaa thin solid; BORDER-TOP: #ffaaaa thin solid; BORDER-LEFT: #ffaaaa thin solid; BORDER-BOTTOM: #ffaaaa thin solid }
	TD.UTicpTodayText { BORDER-RIGHT: #006397 0px solid; BORDER-TOP: #006397 1px solid; BORDER-LEFT: #006397 0px solid; BORDER-BOTTOM: #006397 0px solid }
	TD.UTicpTodayTextDisabled { BORDER-RIGHT: #006397 0px solid; BORDER-TOP: #006397 1px solid; BORDER-LEFT: #006397 0px solid; BORDER-BOTTOM: #006397 0px solid }
	A.UTicpTodayText { HEIGHT: 20px }
	SPAN.UTicpTodayTextDisabled { HEIGHT: 20px }
	A.UTicpTodayText { FONT-WEIGHT: bold; COLOR: #006397 }
	SPAN.UTicpTodayTextDisabled { COLOR: #d0d0d0 }
	.UTicpBorder { BORDER-RIGHT: #006397 thin solid; BORDER-TOP: #006397 thin solid; BORDER-LEFT: #006397 thin solid; BORDER-BOTTOM: #006397 thin solid }

/*--------------------------------------------------------------------------*/
/* Behavior Control styles
/*--------------------------------------------------------------------------*/

.SearchDropDownlist1
{
	behavior: url(./Behaviors/SearchDropDownList.htc);
}
.SearchDropDownlist 
{
	behavior: url(./Behaviors/SearchDropDownList.htc);
}

.NumericTextBox 
{
	behavior: url(./Behaviors/NumericTextBox.htc);
}

.AlphaNumericTextBox 
{
	behavior: url(./Behaviors/AlphaNumericTextBox.htc);
}

.AlphaTextBox 
{
	behavior: url(./Behaviors/AlphaTextBox.htc);
}

.UCTextBox 
{
	behavior: url(./Behaviors/UCTextBox.htc);
}