﻿/* Layout */
body, html
{
	margin: 0px;
	padding: 0px;
}

.RecentlyChanged
{
	background-color: #4682B4;
}

.PopMMCT
{
	max-height: 500px;
	_height: 500px; /* Underscore Hack: http://wellstyled.com/css-underscore-hack.html */
	overflow-x: auto;
	overflow-y: visible;
	padding-right: 20px;
	width: 95%;
}

.InfoImg
{
	margin-top: 10px;
	float: right;
	background-image: url( 'Images/AdInfo.gif' );
	height: 24px;
	width: 24px;
	display: none;
}

#Menus
{
	position: absolute;
	left: 250px;
	width: 220px;
	top: 0px;
	background-image: none;
}

.DCatPopUpBtn
{
	background-image: url( 'Images/TreeButton.jpg' );
	height: 22px;
	width: 22px;
	cursor: pointer;
}

.DPopUpBtn
{
	background-image: url( 'Images/GridButton.gif' );
	height: 22px;
	width: 22px;
	cursor: pointer;
}

.ScriptsBtn
{
	background-image: url(Images/Scripts.jpg);
	height: 22px;
	width: 22px;
	cursor: pointer;
}

.KBBtn
{
	background-image: url(Images/KBbtn.jpg);
	height: 22px;
	width: 22px;
	cursor: pointer;
}

#Tabs
{
	position: absolute;
	margin-right: 0px;
	margin-top: 69px;
	left: 70px;
	font-family: tahoma,verdana,arial,sans-serif;
	font-weight: bold;
	height: 25px;
	padding-right: 3px;
}

#TabPanel
{
	padding-bottom: 15px;
	text-align: center;
	margin: 50px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 88px;
}

.TabPanelTop
{
	background-image: url( 'Images/ProcessTop.gif' );
	text-align: left;
	height: 27px;
}
.TabPanelTopLeft
{
	margin-left: 50px;
	background-image: url( 'Images/ProcessTopLeft.gif' );
	background-repeat: no-repeat;
	height: 27px;
	width: 27px;
	float: left;
}

.TabPanelBottomLeft
{
	background-image: url( 'Images/ProcessTopLeft.gif' );
	background-repeat: no-repeat;
	height: 27px;
	width: 27px;
	float: left;
	clear: left;
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
}

.TabPanelBottom
{
	background-image: url( 'Images/ProcessTop.gif' );
	height: 27px;
}

.TabPanelTop h2
{
	display: none;
	border-bottom: solid 1px white;
	margin: 0px;
	padding-left: 10px;
	padding-top: 30px;
	padding-bottom: 0px;
}

.TabPanelContent
{
	padding-left: 6px;
	padding-bottom: 0px;
}

.TabPanelProcess
{
	overflow: auto;
	padding-bottom: 10px;
}


/* Process */
.Error
{
	color: red;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/* ProgFormTest.aspx */

.FormViewHeader
{
	font-size: larger;
	font-weight: bold;
}

.ItemHeader
{
	border: medium double rgb(250,0,255);
	text-align: left;
	font-weight: bold;
}

.Item
{
	border: medium double rgb(0,250,255);
	text-align: left;
}

.AHeaderControl
{
	font-size: x-large;
	width: 100%;
	margin-right: 6px;
	margin-left: 6px;
}

#CurrentUser
{
	float: right;
	margin-right: 6px;
	margin-left: 6px;
}

.ProcessFrame, .ProcessFrameShaded
{
	/* padding: 6px; */
	overflow: auto; /*Added for Firefox to expand Frame DIV over all controls */
	color: #000;
	margin-left: auto;
	margin-right: auto; /*background-color:#006699;*/
	border-style: double;
	border-color: #306678;
	font: 14px tahoma,verdana,arial,sans-serif;
	text-align: left;
}

.ProcessFrame h3, .ProcessFrameShaded h3
{
	text-align: center;
}

.ProcessFrameShaded
{
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#B6B6C1,endColorStr=#FFFFFF);
	background-color: #B6B6C1;
	border-color: #000000;
}

#LinkBar_Tasks
{
	background-image: url(Images/Tasks.gif);
	height: 220px;
	width: 39px;
	margin-top: 15px;
	clear: left;
	float: left;
}

#LinkBar_Tasks:hover
{
	background-image: url(Images/TasksHover.gif);
	height: 220px;
	width: 39px;
	margin-top: 15px;
	clear: left;
	float: left;
}

.ProcessCategory
{
	padding: 5px;
	background-color: #E7F2F5;
	color: black;
	border-style: inset;
	border-width: 2px;
	height: 300px;
	overflow: scroll;
	width: 95%;
}

.ProcessCategoryNode
{
	margin-right: 15px;
	cursor: pointer;
}

.ProcessCategoryNodeOver
{
	margin-right: 10px;
	color: #000099;
	margin-left: 5px;
	cursor: pointer;
}

.ProcessCategoryNodeSelect
{
	margin-right: 15px;
	color: #000066;
	text-decoration: underline;
	cursor: pointer;
}


.ProcessInputControl
{
	float: left;
	text-align: left;
	margin-right: 0px; /* changed from 12 to 2 to prevent FireFox putting a scroll bar on the page */
	margin-left: 6px;
	min-height: 40px;
}

.selectedControl
{
	border-bottom: double 8px #48fb0d;
}

.ProcessBoolean
{
	float: left;
	text-align: left;
	margin-right: 0px; /* changed from 12 to 2 to prevent FireFox putting a scroll bar on the page */
	margin-left: 6px;
	margin-bottom: 3px;
	margin-top: 3px;
	min-height: 25px; /* Desired Minimum Height - Padding Top - Padding Bottom */
	display: block;
	padding-top: 9px;
	white-space: nowrap;
	font: 11px tahoma,verdana,arial,sans-serif;
}


.ProcessInputControlAfterBreak
{
	float: left;
	clear: both;
	text-align: left;
	margin-right: 0px;
	margin-left: 6px;
}

.ProcessBreak, .ProcessThankYou
{
	clear: both;
	display: block;
	text-align: center;
	height: 0px;
}

.ProcessBreakWithLine
{
	clear: both;
	display: block;
	text-align: center;
}

.ProcessThankYou
{
	height: auto;
}

.ProcessBreak hr
{
	position: relative;
	top: -10px;
}

.ProcessLabel
{
	clear: both;
	display: block;
	text-align: center;
	margin-bottom: 3px;
	margin-top: 3px;
	font: 11px tahoma,verdana,arial,sans-serif;
	font-weight: 700 !important;
}

.ProcessBehavior
{
	clear: both;
	display: block;
	text-align: center;
	margin-bottom: 3px;
	margin-top: 3px;
	font: 11px tahoma,verdana,arial,sans-serif;
	font-weight: bold;
}

h1
{
	display: none;
}
/* Tab Styles*/
.ATab
{
	float: left;
	margin-left: 3px;
	white-space: nowrap;
}

.CenterTab
{
	float: left;
	padding: 3px;
	color: #BBB;
	display: inline;
	height: 19px; /* Height of bgimage - padding times 2 */
	margin: 0;
	text-decoration: none;
	background-image: url(Images/MidTab.gif);
}

.CenterTab:hover
{
	color: #6cbdda;
}

.CenterTabActive
{
	float: left;
	padding: 3px;
	color: white;
	display: inline;
	height: 19px; /* Height of bgimage - padding times 2 */
	margin: 0;
	text-decoration: none;
	background-image: url(Images/MidTabActive.gif);
}
.CloseTab
{
	float: left;
	color: #BBB;
	height: 25px;
	margin: 0;
	background-image: url(Images/MidTabActive.gif);
}
.CloseTab:hover
{
	cursor: pointer;
	color: #6cbdda;
}

.LeftTab
{
	float: left;
	background-image: url(Images/LeftTab.gif);
	width: 14px;
	height: 25px;
}

.LeftTabActive
{
	float: left;
	background-image: url(Images/LeftTabActive.gif);
	width: 14px;
	height: 25px;
}

.RightTab
{
	float: left;
	background-image: url(Images/RightTab.gif);
	width: 14px;
	height: 25px;
}

.RightTabActive
{
	float: left;
	background-image: url(Images/RightTabActive.gif);
	width: 14px;
	height: 25px;
}


/* Thank You */
.ProcessThankYouValue
{
	float: left;
	text-align: left;
	margin-right: 12px;
	margin-left: 6px;
	margin-bottom: 3px;
	margin-top: 3px;
	border-style: none;
}
.ProcessThankYouLabel
{
	float: left;
	clear: both;
	text-align: right;
	width: 200px;
	margin-right: 12px;
	margin-left: 6px;
	margin-bottom: 3px;
	margin-top: 3px;
}

#Loading
{
	border: double 2px black;
	background-image: url(Images/Loading.gif);
	height: 160px;
	width: 160px;
}

.ProcessInputLabel
{
	white-space: nowrap;
	font-weight: bold;
	text-align: left;
	font: 11px tahoma,verdana,arial,sans-serif;
}

/*
-------------
COMBOBOX
-------------
*/
.ComboBoxDropDown_gbaMSDropDown
{
	border: 1px solid black;
	background-color: #D0E0E0;
}

/* The Dropdown arrow's image when mouse is over */
/* N3 */
.ComboBoxImage_gbaMSDropDown
{
	vertical-align: middle;
	border: 1px solid #7F9DB9;
	border-left: none;
}

/* The Dropdown arrow's image when mouse is over */
.ComboBoxImageHover_gbaMSDropDown
{
	vertical-align: middle;
	border: 1px solid #7F9DB9;
	border-left: none;
}

/* Dropdown item in the list */
.ComboBoxItem_gbaMSDropDown
{
	font-family: tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 3px;
	text-decoration: none;
	text-align: left;
	_height: 1%; /* N1 */
}

/* Dropdown item in the list when the cursor is over it */
.ComboBoxItemHover_gbaMSDropDown
{
	font-family: tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	color: white;
	text-decoration: none;
	background-color: #777777;
	cursor: pointer;
	cursor: hand;
	padding: 3px;
	text-align: left;
	_height: 1%; /* N1 */
}

/* The section that holds the selected value */
/* N2 */
.ComboBoxInput_gbaMSDropDown
{
	border: 1px solid #7F9DB9;
	background-color: white;
	vertical-align: middle;
	font-family: tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	color: black;
	padding-top: 2px;
	padding-left: 3px;
	height: 21px;
	cursor: default;
}

/* The section that holds the selected value when the cursor is over it. */
/* N2 */
.ComboBoxInputHover_gbaMSDropDown
{
	border: 1px solid #7F9DB9;
	background-color: white;
	vertical-align: middle;
	font-family: tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	color: black;
	padding-top: 2px;
	padding-left: 3px;
	height: 21px;
	cursor: default;
}

/* Multi Column Combox's Column Headers */
.ComboBoxHeader_gbaMSDropDown
{
	font-size: 12px;
	font-weight: bold;
	color: white;
	background-color: #666;
}

.ComboBoxItemDisabled_gbaMSDropDown
{
	font-family: tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	color: gray;
	cursor: no-drop;
	padding: 3px;
	text-decoration: none;
	text-align: left;
}

/* PopUp */
.Pop
{
	width: 900px;
}

.PopUL
{
	width: 14px;
	height: 40px;
	float: left;
	background-image: url(Images/UL.jpg);
}

.PopUM
{
	width: 857px; /* PopWidth - ULWidth - URWidth - UMPaddingLeft - UMPaddingRight*/
	height: 34px; /* ULHeight - PaddingTop */
	float: left;
	padding-top: 6px;
	padding-left: 12px;
	font-weight: bold;
	background-image: url(Images/UM.jpg);
	color: Black;
	font-family: tahoma,verdana,arial,sans-serif;
}

.PopUR
{
	width: 17px;
	height: 40px;
	float: left;
	background-image: url(Images/UR.jpg);
}

.PopM
{
	float: left;
	background-color: #FFFFEA;
}

.PopML
{
	width: 14px;
	background-image: url(Images/ML.jpg);
}

.PopMM
{
	padding: 10px;
	padding-top: 0px;
}

.PopMMGears
{
	float: left;
	height: 70px;
	width: 66px;
	background-image: url(Images/Gears.jpg);
}

.PopMMKBase
{
	float: left;
	height: 55px;
	width: 52px;
	background-image: url(Images/KB.jpg);
}

.PopMMC
{
	float: left;
	color: Black;
	background-image: url(Images/Divider.jpg);
	background-repeat: repeat-y;
	padding-left: 20px;
	margin-left: 10px;
	width: 748px;
}

.PopButtons
{
	margin-top: 5px;
}

.PopMR
{
	background-image: url(Images/MR.jpg);
	width: 17px;
}

.PopBL
{
	width: 21px;
	height: 19px;
	float: left;
	background-image: url(Images/BL.gif);
}

.PopBM
{
	width: 862px; /* = Pop Width - BL Width - BR Width */
	background-image: url(Images/BM.gif);
	height: 19px;
	float: left;
}

.PopBR
{
	width: 17px;
	height: 19px;
	float: left;
	background-image: url(Images/BR.gif);
}

/* Popup Grid */
.popGrid
{
	line-height: 13px;
	border: solid 2px black;
	color: Black;
}

.popGrid td
{
	padding: 2px;
	white-space: nowrap;
}

.popGridHeaderRow
{
	background-color: #237992;
	color: White;
	font-weight: bold;
}

.popGridRow
{
	background-color: #FFF;
}

.popGridAltRow
{
	background-color: #EDF4F5;
}

.popGridSelectedRow
{
	background-color: #6499AB;
	text-decoration: underline;
}

.PopFilterEntry
{
	text-align: center;
	border-bottom: double 3px #444;
	padding-bottom: 7px;
	padding-top: 7px;
}

/* Frame Item  Classes are used for CTCatDualPopup as well. */
.FrameItemNode
{
	clear: left;
	float: left;
	width: 100%;
}

.SelectedFrameItemNode
{
	background-color: #6499AB;
	font-weight: bold;
	text-decoration: underline;
}

.FrameItemNode a:hover, .FrameItemNode span:hover
{
	cursor: pointer;
	color: Orange;
}

.FrameItemNodeToggle
{
	float: left;
	margin-right: 4px;
	margin-left: 5px;
	cursor: pointer;
}

.ExpandedNode
{
	background-image: url(Images/Collapse.gif);
	margin-top: 5px;
	width: 9px;
	height: 9px;
}

.NoExpandNode
{
	background-image: url(../../Images/Transparent.gif);
	margin-top: 5px;
	width: 9px;
	height: 9px;
	cursor: default;
}

.CollapsedNode
{
	background-image: url(Images/Expand.gif);
	margin-top: 5px;
	width: 9px;
	height: 9px;
}

.ChildNodeCollection
{
	margin-left: 16px;
}

.frameResizer
{
	height: 20px;
	width: 20px;
	background-image: url(images/Resize.gif);
	cursor: se-resize;
	overflow: hidden;
	z-index: 1001;
}

/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	background: #eeeeee url(images/DatePicker/eeeeee_40x100_textures_03_highlight_soft_100.png) 0 0 repeat-x;
	font-size: 1.1em;
	border: 4px solid #dddddd;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
.ui-datepicker-div, #ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #f6f6f6 url(images/DatePicker/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #fdf5ce url(images/DatePicker/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(images/DatePicker/ef8c08_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #cccccc;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(images/DatePicker/ef8c08_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(images/DatePicker/ef8c08_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(images/DatePicker/ef8c08_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(images/DatePicker/ef8c08_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(images/DatePicker/ef8c08_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #cccccc;
	color: #1c94c4;
	background: #f6f6f6;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
	background: #fdf5ce;
}
.ui-datepicker-header select.ui-datepicker-new-month {
	width: 7em;
	left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
	width: 5em;
	left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #1c94c4;
	background: #f6f6f6 url(images/DatePicker/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #eeeeee;
}
table.ui-datepicker td a:hover {
	border: 1px solid #fbcb09;
	color: #c77405;
	background: #fdf5ce url(images/DatePicker/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #fbd850;
	color: #eb8f00;
	background: #ffffff url(images/DatePicker/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #333333;
	text-transform: uppercase;
}
table.ui-datepicker .ui-datepicker-title-row td a {
	color: #333333;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}






/* Notes:
    N1 - Underscore Hack => http://www.youcantradeonline.co.uk/Developers/CSS/The%20Underscore%20Hack.htm 
    N2 - May be overriden by input tag's style.
    N3 - If no Image is specified /RadControls/Combobox/Skins/gbaMSDropDown/DropArrow.gif will be used instead.
*/


