/*
------------------------------------------------------
OLEM default theme CSS file
Author: Art Leonard
------------------------------------------------------
*/
/*---- HTML Elements ----*/

body 
{
	margin				: 0px;
	padding				: 0px;
	background-color	: #FFFFFF;
	font-family			: Arial;
	font-size			: .8em;
	color				: #002A64;
}

ul, ol
{
	margin				: 2px 2px 2px 30px;
}

.table
{
	border				: 1px solid black;
}

/*---- Menu Classes ----*/
.menuContainer
{
	position			: absolute;
	top					: 92px;
	left				: 5px;
	width				: 800px;
}

.menu
{
	padding				: 0px;
}

.menuPopup
{
	padding				: 0;
	border				: 1px solid #2F71FF;	
	filter				: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#40FFFFFF, endColorstr=#40000000);
}

.menuItem
{
	color				: #002A64;
	padding				: 2px;
}

.menuItem input /*This formats checkboxes in menus and treeviews */
{
	width				: 20px;
	border				: none;
	background-color	: Transparent;
}

.menuItem checkbox /*This formats checkboxes in menus and treeviews */
{
	width				: 20px;
	border				: none;
	background-color	: Transparent;
}

.menuItemHover
{
	background-color	: #6EAAFF;
	color				: #FFFFFF;
	padding				: 2px;
	filter				: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#80F1F7FF, endColorstr=#80002A64);
}

.menuItemHover a, .menuTopItemHover a
{
	background-color	: Transparent;
	filter				: none;
}

.menuItemSelected
{
	background-color	: #B9D7FF;
	color				: #000000;
}

.menuTopItem
{
	background-color	: Transparent;
	color				: #FFFFFF;
	padding				: 0 2px 0 2px;
	font-weight			: bold;
	border				: 1px solid transparent;
	text-align			: center;
	margin				: 0 2px 0 2px;
}

.menuTopItemHover
{
	color				: #002A64;
	background-color	: #B9D7FF;
	font-weight			: bold;
	padding				: 0 2px 0 2px;
	border-bottom		: 1px solid #6EAAFF;
	border-top			: 1px solid #002A64;
	border-right		: 1px solid #6EAAFF;
	border-left			: 1px solid #002A64;
	margin				: 0 2px 0 2px;
}

/*---- Toolbar Classes ----*/
.toolbar
{
	background-color	: #6CA8FE; /*4289EA;*/
	filter				: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#80F1F7FF, endColorstr=#80002A64);
	color				: #FFFFFF;
	vertical-align		: middle;
	padding				: 0px 2px 0px 2px;
	height				: 22px;
}

.toolbarLink a
{
	color				: #FFFFFF;
	text-decoration		: none;
}

.toolbarLink a:hover
{
	color				: #002A64;
	background-color	: #B9D7FF;
	text-decoration		: none;
	border-bottom		: 1px solid #6EAAFF;
	border-top			: 1px solid #002A64;
	border-right		: 1px solid #6EAAFF;
	border-left			: 1px solid #002A64;
}

.userInfoBar
{
	background-color	: #E9EFF7;
	color				: #002A64;
	padding				: 2px;
	margin				: 0;
	font-size			: .85em;
	line-height			: .9em;
	border-bottom		: 1px solid #002A64;
	filter				: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#40FFFFFF, endColorstr=#60000000);
}

.userInfoBar td, .userInfoBar span
{
	height				: 14px;
	padding				: 0px;
	margin				: 0px;
	white-space			: nowrap;
}

/*---- Treeview Classes ----*/
.treeView
{
	background-color	: #FFFFFF;
}

.treeContainer
{
	border				: 1px solid #002A64; 
	overflow			: auto;
	overflow-y			: auto; 
	overflow-x			: visible; 
	background-color	: #FFFFFF; 
}

/*---- Form & Field Classes ----*/
.userForm
{
	background-color	: #EAEAEA;
	border				: 1px solid #002A64;
	padding				: 0px;
	text-align			: left;
	/*
	The syntax below is an odd way to say that you want a block
	element centered, but apparently, it's the compliant standard
	*/
	margin-left			: auto;
	margin-right		: auto;
}
.Advanced
{
	background-color	: #EAEAEA;
	border				: 1px solid #002A64;
	padding				: 0px;
	text-align			: left;
	/*
	The syntax below is an odd way to say that you want a block
	element centered, but apparently, it's the compliant standard
	*/
	margin-left			: 0px;
}

.userForm>tbody>tr>td
{
	/*padding				: 2px 8px 2px 8px;*/
}

.userFormHelpLink
{
	cursor				: pointer;
}

.selectRow, .selectRow>td
{
	border-bottom		: 1px solid #000A44;
	border-top			: 1px solid #000A44;
	padding-bottom		: 5px;
	padding-top			: 5px;
	background-color	: #C1DAFF; /*B9D7FF;*/
}

.selectRowStart, .selectRowStart>td
{
	border-top			: 1px solid #000A44;
	padding-top			: 5px;
	background-color	: #B9D7FF;
}

.selectRowMiddle, .selectRowMiddle>td
{
	background-color	: #B9D7FF;
}

.selectRowEnd, .selectRowEnd>td
{
	border-bottom		: 1px solid #000A44;
	padding-bottom		: 5px;
	background-color	: #B9D7FF;
}

.separatorRow, .separatorRow>td
{
	font-size			: 1px;
	height				: 5px;
}

.userFormTitlebar, th
{
	background-color	: #000000;
	filter				: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#80FFFFFF, endColorstr=#80000000);
	color				: #FFFFFF;
	font-weight			: bold;
	padding				: 4px;
	text-align			: left;
	border-bottom		: 1px solid #000000;
}

.currentActionRow, .currentActionRow>td
{
	background-color	: #6CA8FE;
	font-weight			: bold;
	padding				: 4px;
	border-bottom		: none;
	color				: #FFFFFF;
	filter				: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#80F1F7FF, endColorstr=#80002A64);
}

.captionColumn
{
	width				: 15%;
	vertical-align		: top;
	white-space			: nowrap;
	padding				: 2px 8px 2px 8px;	
}

.dataColumn
{
	width				: 35%;
	vertical-align		: top;
	white-space			: nowrap;
	padding				: 2px 8px 2px 8px;
}

.formControlsCell
{
	text-align			: right;
	vertical-align		: bottom;
	white-space			: nowrap;
	margin-right		: 0px;
	margin-left			: auto;
	padding				: 2px 8px 2px 8px;
}

.textbox, input, textarea
{
	border				: 1px solid #002A64;
	background-color	: #FFFFFF;
	color				: #002A64;
	padding				: 1px;
	font-family			: Arial;
	font-size			: inherit;
}

.inputCheckbox, .inputOption, .inputOption input, .inputCheckbox input
{
	width				: 20px;
	border				: none;
	background-color	: transparent;
}

.inputButton, button
{
	border				: 1px solid #002A64;
	background-color	: #EBEBEB;
	color				: #002A64;
	filter				: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#A0FFFFFF, endColorstr=#50000000);
	padding				: 0px;
	font-weight			: bold;
	height				: 20px;
}

.dropdownlist
{
	border				: 1px solid #002A64;
	background-color	: #FFFFFF;
	color				: #002A64;
	height				: 22px;
	width				: 100%;
}

#divReport .dropdownlist
{
	width				: 125px;
}

select
{
	border				: 1px solid #002A64;
	background-color	: #FFFFFF;
	color				: #002A64;
	height				: 22px;
}

.fieldLabel, label
{
	padding				: 2px;
	font-weight			: bold;
}

.inputOption label
{
	font-weight			: normal !important;
}

.requiredField
{
	background-color	: #FFE2E1 !important;
}

.requiredIndicator
{
	font-weight			: bold;
	color				: #FC0128;
	font-size			: 1.1em;
}

.readOnly
{
	background-color	: transparent;
	border				: none;
	color				: Black !important;
}

.errorContainer
{
	background-color	: #FFFFDA;
	border				: 2px solid #FC0128;
	color				: #FC0128;
	font-weight			: bold;
	padding				: 4px;
	line-height			: 150%;
	width				: 710px;
	text-align			: left;
	margin				: 1px 0px 5px 0px;
}

.errorContainer>ul
{
	list-style-type		: square;
	padding				: 2px 2px 2px 10px;
}

.notificationContainer
{
	background-color	: #FFFFDA;
	border				: 2px solid #406AE4;
	color				: #406AE4;
	font-weight			: bold;
	padding				: 4px;
	line-height			: 150%;
	width				: 710px;
	text-align			: left;
	margin				: 1px 0px 5px 0px;
}

.notificationContainer>ul
{
	list-style-type		: none;
	padding				: 0px;
	margin-left			: 0px;
}

.errorMessage
{
	font-weight			: bold;
	color				: #FC0128;
}

.exceptionDetails
{
	cursor				: pointer;
	color				: #0000CC;
	font-style			: italic;
}

.exceptionDetails DIV
{
	cursor				: pointer;
	color				: #4040A0;
	font-weight			: normal;
	font-style			: normal;
}

.link, .link:visited, .link:active, .link:hover
{
	color				: #000000;
	text-decoration		: none;
	font-weight			: normal;
}

.link:hover
{
	font-weight			: bold;	
}
/*---- DataList Classes (Calendar) ----*/
.calendar
{
	color:#771122;
}

.calendar2 .ajax__calendar_container 
{
	padding:4px;
	position:absolute;
	cursor:default;
	width:170px;
	font-size:11px;
	text-align:center;
	font-family:tahoma,verdana,helvetica;
}
.calendar2 .ajax__calendar_body 
{	
	height:139px;
	width:170px;
	position:relative;
	overflow:hidden;
	margin:auto;
}

.calendar2 .ajax__calendar_days, .calendar2 .ajax__calendar_months, .calendar2 .ajax__calendar_years 
{	
	top:0px;
	left:0px;
	height:139px;
	width:170px;
	position:absolute;
	text-align:center;
	margin:auto;
}
.calendar2 .ajax__calendar_container TABLE 
{
	font-size:11px;
}
.calendar2 .ajax__calendar_header
{
	vertical-align: bottom;
	width: 100%;
	background-color: #6699cc;
	background-position: 50% top;
	height: 30px;
}
.calendar2 .ajax__calendar_prev 
{
	cursor:pointer;
	width:15px;
	height:15px;
	float:left;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);
}
.calendar2 .ajax__calendar_next 
{
	cursor:pointer;
	width:15px;
	height:15px;
	float:right;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);
}
.calendar2 .ajax__calendar_title 
{
	cursor:pointer;
	font-weight:bold;
}
.calendar2 .ajax__calendar_footer 
{
	height:15px;
}
.calendar2 .ajax__calendar_today 
{
	cursor:pointer;
	padding-top:3px;
}
.calendar2 .ajax__calendar_dayname 
{
	height:17px;
	width:17px;
	text-align:right;
	padding:0 2px;
}
.calendar2 .ajax__calendar_day 
{
	height:17px;
	width:18px;
	text-align:right;
	padding:0 2px;
	cursor:pointer;
}
.calendar2 .ajax__calendar_month 
{
	height:44px;
	width:40px;
	text-align:center;
	cursor:pointer;
	overflow:hidden;
}
.calendar2 .ajax__calendar_year 
{
	height:44px;
	width:40px;
	text-align:center;
	cursor:pointer;
	overflow:hidden;
	border:1px solid red;
}

.calendar2 .ajax__calendar_container 
{
	border:1px solid #646464;
	background-color: White;
	color:#000000;
}
.calendar2 .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.calendar2 .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.calendar2 .ajax__calendar_day {border:1px solid #ffffff;}

.calendar2 .ajax__calendar_year {border:1px solid black;}

.calendar2 .ajax__calendar_active .ajax__calendar_day {background-color:#6699cc;border-color:#0066cc;color: Black;}
.calendar2 .ajax__calendar_active .ajax__calendar_month {background-color:#6699cc;border-color:#0066cc;color:Black;}
.calendar2 .ajax__calendar_active .ajax__calendar_year {background-color:#6699cc;border-color:#0066cc;color:Black;}

.calendar2 .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.calendar2 .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.calendar2 .ajax__calendar_hover .ajax__calendar_day {background-color:yellow;border-color:green;color:red;}
.calendar2 .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.calendar2 .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:purple;color:#0066cc;}

.calendar2 .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.calendar2 .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}


/*---- DataList Classes (GridView, DataGrid, etc.) ----*/
.dataList
{
}

.dataListRow
{
	background-color	: transparent;
}

.dataListAlternateRow
{
	background-color	: #F8F8F8;
}

.dataListEditRow
{
}

.dataListFooter
{
}

.dataListHeader TH
{
	background-color	: Transparent;
	border-bottom		: 2px solid #000000;
	font-weight			: bold;
	color				: #000000;
	filter				: none;
}

.dataListPager
{
}

.dataListSelectedRow
{
}
.ScrollableContainer
{
	overflow			:scroll;
}
/*---- Masterpage Classes ----*/
.masterTable
{
	border				: none;
}

.masterHeaderRow
{
	border-bottom		: 1px solid #6CA8FE;
	height				: 114px;
	vertical-align		: middle;
}

.masterContentCell
{
	padding				: 5px;
	vertical-align		: top;
	text-align			: center;
}

.masterFooter
{
	font-size			: .7em;
	text-align			: center;
	padding				: 5px;
}

/*---- Page & Misc Classes ----*/
.fullWidth
{
	width				: 100%;
}

.alignCenter
{
	margin-left			: auto;
	margin-right		: auto;
	text-align			: center;
}

.alignRight
{
	margin-right		: 0;
	margin-left			: auto;
	text-align			: right;
}

.alignLeft
{
	margin-right		: auto;
	margin-left			: 0;
	text-align			: left;
}

.alignJustify
{
	text-align			: justify;
}

.vAlignTop
{
	vertical-align		: top;	
}

.vAlignMiddle
{
	vertical-align		: middle;
}

.vAlignBottom
{
	vertical-align		: bottom;
}

.hide
{
	display				: none;
}

.elementFocus
{
	padding				: 0px;
	border				: 2px solid #6CA8FE;
	background-color	: #FFFFDA;
	color				: #000000;
}

button.elementFocus
{
	background-color	: #FFFFDA;
	filter				: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20FFFFFF, endColorstr=#40555530);
}

.closeButton.elementFocus
{
	border-color		: #F54C2D;
	background-color	: #E03718;
	filter				: none;
}

.titleSmall
{
	font-size			: 12pt;
	font-weight			: bold;
	text-transform		: uppercase;
}

.titleMedium
{
	font-size			: 16pt;
	font-weight			: bold;
	text-transform		: uppercase;
}

.titleLarge
{
	font-size			: 22pt;
	font-weight			: bold;
	text-transform		: uppercase;
}

.italic
{
	font-style			: italic;
}

.bold
{
	font-weight			: bold;
}

.noWrap
{
	white-space			: nowrap;
}

.theme_logo
{
	position			: absolute;
	background-repeat	: no-repeat;
	top					: 0;
	left				: 0;
	background-image	: url(images/TracRat_Logo.gif);
	width				: 570px;
	height				: 96px;
	margin				: 2px 0 0 5px;
}

.instructions
{
	background-color	: #FFFFDA;
	color				: #000000;
	border				: 1px solid #002A64;
	padding				: 2px;
}

.closeButton
{
	background-color	: #E03718;
	width				: 20px;
	height				: 20px;
	color				: #FFFFFF;
	text-align			: center;
}

.modalBackground
{
    filter				: Alpha(Opacity=40); 
    -moz-opacity		: 0.4; 
    opacity				: 0.4;
    background-color	: #AAAAAA;
    z-index				: 500;
    top					: 0px; 
    left				: 0px;
}

.ajax__tab_xp>div:first-child
{
	border				: none !important;
	padding				: 0px !important;
}

.ajax__tab_xp>div+div
{
	border				: none !important;
	padding				: 0px !important;
}

.searchResultForm
{
	background-color	: #E6E6E6;
	border				: 1px solid #000000;
	padding				: 0px;
	text-align			: left;
}

.searchRowA
{
	background-color	: inherit;
}

.searchRowB
{
	background-color	: #FFFFFF;
}

.journalRowA
{
	background-color	: #AAAAAA;
}

.journalRowB
{
	background-color	: #CCCCCC;
}

/*--Control Adapter CSS-------------------------------------------------------------*/

/*-- Treeview Control Adapter CSS --*/
div.AspNet-TreeView
{
    margin: 0;
    padding: 0;
}

div.AspNet-TreeView ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.AspNet-TreeView-Show
{
}

.AspNet-TreeView-Hide
{
    display:none;
}

.AspNet-TreeView-Root
{
    list-style: none !important;
	margin:0 0 0 5px !important;
}

.AspNet-TreeView-Expand
{
    background: url(images/treeview_expand.gif) 0 -2px no-repeat;
    width: 20px;
    float:left;
    cursor: pointer;
}

.AspNet-TreeView-Collapse
{
    background: url(images/treeview_collapse.gif) 0 -2px no-repeat;
    width: 20px;
    float:left;
    cursor: pointer;
}

li.AspNet-TreeView-Leaf
{
	list-style-type:square;
    margin:0px 0px 0px 36px;
}

/*-- Menu Control Adapter CSS --*/

ul.AspNet-Menu 
{
    position: relative;
}

ul.AspNet-Menu, ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;
}

ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
    float: left;
}

ul.AspNet-Menu li a, ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
}

ul.AspNet-Menu ul
{
    position: absolute;
    visibility: hidden;    
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li
{
    width: 100%;
}
/*------------------------------------------------------------------*/

@media print
{
	.noPrint
	{
		display			: none !important;
	}
}

@media screen
{
	.printOnly
	{
		display			: none !important;
	}
}