/* ====================== HTML tags ======================== */
body 
{
	font-family:Verdana, Arial, Sans-Serif;
	margin:1em;
	font-size:70%;
	color:#666666;
}

a
{
	color:#002C6A;
	text-decoration:none;
}
a:hover 
{
	color:#009E0D;
	text-decoration:underline;
}
a.black 
{
	text-decoration: none;
	color:#000000;
}
a.black:hover 
{
	text-decoration: underline;
	color:#000000;
}

form
{
	padding:0;
	margin:0;
}

h1, h2, h3, h4
{
	font-family:Verdana,Arial, Sans-Serif;
	color:#002C6A;
}
H1
{
	font-size:1.5em;
	font-weight:bold;
}
H2
{
	font-size:1.3em;
}
H3
{
	font-size:1.2em;
}
H4
{
	font-size:1.0em;
}
H1 I, H2 I, H3 I, H4 I,H1 em, H2 em, H3 em, H4 em
{
	font-weight:normal;
	font-style:normal;
}
HR
{
	height:1px;
}
IMG
{
	border:none 0;
}
IMG.faded
{
	filter:Gray Alpha(opacity=40);
	-moz-opacity:0.40;
	opacity:0.40;
}

legend
{
	color:#666666;
	padding:0 1em;
	margin-bottom:1em;
}
fieldset
{
	margin:0 0 1em 0;
	padding: 1em;
}

table
{
	padding: 0px;
	border-width:0px;
	border-style:none;
	border-collapse:collapse;
}

textarea
{
	font-family:Arial, Sans-Serif;
	font-size:1.2em;
}

.noborder
{
	border:none !important;
}

/* ====================== Backgrounds ======================== */

.bgGreen
{
	background-color: #CCFF33 !important;
}

.bgRed
{
	background-color: #FF6633 !important;
}

.bgSelected
{
	background-color: #FFF3C0 !important;
}

/* ====================== Forms ======================== */

TABLE.form
{
	width:100%;
}
TD.formCell, TD.formCellLabel, TD.formCellField, div.formCell
{
	border-bottom: dotted 1px #DDDDDD;
	vertical-align: middle;
	padding: 5px;
	width:25%;
}
TD.formCellTop
{
	border-bottom: dotted 1px #DDDDDD;
	vertical-align: top;
	padding: 5px;
	width:25%;
}
.formCellLabel
{
	width: 25%;
}
.formCellField
{
	width: 75%;
}

.formTableFixed 
{
	width: 720px;
}
.formTableFixed TD
{
	font-size:1em;
}
.formTableWide 
{
	width: 100%;
}
.formTableFixedLeft 
{
	width: 25%;
	vertical-align: top;
	padding: 5px;
}
.formTableFixedRight 
{
	width: 75%;
	vertical-align: top;
	padding: 5px;
}
.formTableDivider 
{

}
.formTableDivider HR
{
	height: 1px;
	color:#888877;
}

.formTable TD 
{
	
}

.floatTabPanel TD
{
	font-size:1em;
}

.tableGrid TD 
{
	border-bottom:solid 1px #cccccc;
	padding: 2px;
	font-size:1em;
}

TD.category
{
	background-color:#F0F0F0;
	color:#333333;
	font-weight:bold;
}

TABLE.searchForm TD
{
	font-size:1em;
}
TABLE.searchForm .button
{
	font-size:1em;
}
.panelItemStatus
{
	margin-top:1em;
	font-size:1em;
}

/* ====================== DbGrid ======================== */

.grid
{
	border-collapse:collapse;
	width:100%;
}
.gridHeader TH, .gridHeader TD, .gridItem TD, .gridAltItem TD, .gridItemSelected TD
{
	background:#fff;
	border:solid 1px #e0e0e0;
	padding:3px 6px;
}
.gridHeader TH, .gridHeader TD
{
	background:#F0F0F0;
	border:solid 1px #e0e0e0;
	color:#666666;
	font-family:Arial, Sans-Serif;
	font-size:1em;
	text-align:left;
}
.gridHeader th, .gridHeader td{
    font-size:1.2em;
}

.gridHeader A
{
	color:#666666;
}
.gridHeader A:hover
{
	color:#002C6A;
	text-decoration:underline;
}

.gridItemSelected TD 
{
	background-color:#eef;
}

.gridPager TABLE
{
	margin-bottom:0.5em;	
}
.gridPagerItem 
{
	background-color:#fff;
	margin:2px;
	padding:3px
}
.gridPagerItemSelected
{
	background-color:#ddd;
	margin:2px;
	padding:3px
}

/* ====================== HelpLabel ======================== */
.helpLabel
{
	margin:10px 0 5px 0;
	padding:0 5px 5px 21px;
	color:#999999;
	background-image:url(../Images/Icons16/Help.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

/* ====================== LinkPanel ======================== */

.linkPanel
{
	background-color:#FFF3C0;
	border: solid 1px #DDDDAA;
	color:#BBBBBB;
	padding:4px 6px 4px 6px;
	margin-bottom:10px;
}
.linkPanel a, .linkPanel a:hover {color:#666;}

.linkPanelButton
{
	font-family:Arial,Sans-serif;
	font-size:1em;
	text-decoration:none;
}
.linkPanelButton IMG
{
	border:0;
	margin-right: 4px;
	vertical-align: middle;
}

/* ====================== Message boxes ======================== */

.messageBoxError, .messageBoxMessage, .messageBoxNotification 
{
	padding:5px;
	margin-bottom: 15px;
	width:700px;
	font-weight:bold;
}
.messageBoxError UL, .messageBoxMessage UL, .messageBoxNotification UL
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight:normal;
}
.messageBoxError 
{
	color: Red;
	border:1px solid Red;
	border-left:1em solid Red;
}
.messageBoxMessage 
{
	color: Blue;
	border:1px solid Blue;
	border-left:1em solid Blue;
}
.messageBoxNotification 
{
	color: Green;
	border:1px solid Green;
	border-left:1em solid Green;
}

/* ====================== RollingPanel ======================== */
.rollingPanel
{
	margin-top: 20px;
	width:100%;
}
.rollingPanelHeader
{
	border-bottom: solid 1px #BBBBBB;
	color:#666666;
	font-size:1.2em;
	font-weight:bold;
	padding: 5px 0;
}
.rollingPanelHeader IMG
{
	margin-right: 10px;
}
.rollingPanelHeader A
{
	cursor:hand;
	color:#666666;
}
.rollingPanelContent
{
	padding: 10px 0;
	width:100%;
}

/* ====================== Scroll Area =================== */

.scrolled
{
	border:solid 1px ActiveBorder;
	height:300px;
	overflow:scroll;
	width:400px;
}

/* ====================== TabSet ======================== */

.floatTab
{
	width:750px;
	padding: 0px;
}
.floatTabPanel
{
	border-left:solid 1px #BBBBBB;
	border-right:solid 2px #BBBBBB;
	border-bottom:solid 2px #BBBBBB;
	padding: 10px;
	width:100%;
}
.floatTabActive, .floatTabPassive
{
	border:1px solid #BBBBBB;
	font-family: Arial,Sans-serif;
	padding:2px 4px 2px 4px;
}
.floatTabActive
{
	border-bottom:none;	
	font-weight:bold;
}
.floatTabPassive
{
	background: #F0F0F0;
	cursor:hand;
}
.floatTabEmpty
{
	width:100%;
	border-left:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
}

.tabSetFixed {
	width: 750px;
}
.tabSetFloat {
	width: 100%;
}

.tabSetItem 
{
	padding:10px;
	border-left:solid 1px #BBBBBB;
	border-bottom:solid 2px #BBBBBB;
	border-right:solid 2px #BBBBBB;
}
.tabSetItem TD 
{
	
}
.tabSetItemActive, .tabSetItemPassive
{
	border:solid 1px #BBBBBB;
	font-family: Arial,Sans-serif;
	padding:2px 4px 2px 4px;
	text-align:center;
	font-size:1em;
}
.tabSetItemActive 
{
	border-bottom: none;
	font-weight:bold;
	padding-bottom: 4px;
}
.tabSetItemActive A 
{
	color: #000000;
	text-decoration: none;
}
.tabSetItemPassive 
{
	background-color:#F0F0F0;
}
.tabSetItemPassive A 
{
	text-decoration: none;
	color: #000000;
}
.tabSetItemSpace 
{
	border-bottom:1px solid #BBBBBB;
}

.tabSetItem .tabSetItem
{
	padding:10px 0 10px 0;
	border:none;
}

.tabTitle 
{
	font-size: 1.4em;
	font-weight:bold;
	margin-bottom:20px;
}
.tabTitle I 
{
	font-weight:normal;	
}

/* new tabs */
.tabs
{
	padding: 3px 0;
	margin:0;
	border-bottom: 1px solid #ccc;
	font: normal 1em Tahoma, sans-serif;
}
.tabs li
{
	list-style: none;
	margin: 0;
	display: inline;
}
.tabs li a
{
	color: #000;
	padding: 3px 0.5em;
	border: 1px solid #ccc;
	border-bottom: none;
	background: #eee;
	text-decoration: none;
}
.tabs li a:hover
{
	color: #000;
	background: #FFF3C0;
	text-decoration: none;
}
.tabs li a.selected
{
	color: #000;
	background: white;
	border-bottom: 1px solid white;
	border-top:solid 3px #FFAA55;
	font-weight:bold;
}
.tabs li a.selected:hover
{
	background-color:#fff;
	text-decoration: underline;
}
.tab
{
	border: 1px solid #ccc;
	border-top:none;
	padding:1em;
	position:relative;
	top:-1px;
}

/* ====================== Tree ======================== */
TD.node
{
	font-family:Arial, Sans-Serif;
	font-size:1.1em;
	padding:0 2px;
}
TD.nodeHover
{
	
}
TD.nodeSelected
{
	
}

/* ====================== Validators ======================== */
.req
{
	color:Red;
}
.reqInfo
{
	margin-top:20px;
}
.validator 
{
	font-size: 0.9em;
	color: Red;
}

/* ====================== WebPart ======================== */

.webPartColumnLeft
{
	padding-right:1.5em;
	width:25%;
}
.webPartColumnRight
{
	width:75%;
}

.webPart 
{
	background: #FFFFFF; 
	margin-bottom:1.5em;
}
.webPart .c1,
.webPart .c2,
.webPart .c3,
.webPart .c4
{
    background-repeat: no-repeat;
}
.webPart .c1 { background-position: left top; background-image: url(../images/c1.gif); }
.webPart .c2 { background-position: right top; background-image: url(../images/c2.gif); }
.webPart .c3 { background-position: right bottom; background-image: url(../images/c3.gif); }
.webPart .c4 { background-position: left bottom; background-image: url(../images/c4.gif); }

.webPart .pad { padding: 1em; } 

.webPart H2
{	
	margin-top:0;
	color:#70232E;
    font-size:1.1em;
    background-color: #E8E6EF ;
    padding:5px 4px;
}

.webPart b{color:#002C6A}


/* ====================== Wizard ======================== */
.wizard
{
	width:100%;
}
.wizardStep
{
	border-left:solid 1px #BBBBBB;
	border-top:solid 1px #BBBBBB;
	border-bottom:solid 2px #BBBBBB;
	border-right:solid 2px #BBBBBB;
	margin-left:210px;
	padding:10px;
	width:100%;
}
.wizardNavigation table
{
	background-color:#FFF3C0;
	border:dotted 1px #BBBBBB;
	float:left;
	font-size:1em;
	padding:0px;
	width:125px;
}

.wizardNavigation a
{
    cursor:pointer;
    font-size:0.8em;
}

.wizardNavigation table a {font-size:1.2em;}

.wizardNavigation table a[disabled] {color:#666666; text-decoration:none;}

.wizardNavigation OL
{
	/*margin:0 0 0 2em;*/
}
.wizardNavigationItem, .wizardNavigationCurrentItem
{
	
}
.wizardNavigationCurrentItem
{
	font-weight:bold;
}

.dropDownMiddle {width:200px;}
.textBoxMiddle {width:200px;}


.PanelNavigation
{
    font-size:0.8em;
    font-weight:bold;
}
.PanelNavigation a
{
    background-color:#FFF3C0;
    display:block;
    width:100%; 
}
/*.PanelNavigation a { text-decoration:none; }*/


/*FORM 2011*/
.form2011 fieldset .right
{
    text-align:right;
    display:inline-block;
}
.form1x1, .form2x1, .form3x1
{
    width:100%;
}
.form2011 label
{
    width:40%;
    display:block;
    display:inline-block;
    clear:left;
    vertical-align:top;
}
.form2011 input.textBoxMiddle
{
    top:0;
    vertical-align:top;
}
.form2011 fieldset .right,.form2011 input.textBoxMiddle,.form2011 .ddl
{
    width:55%;
}
.form2011 fieldset
{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    vertical-align:top;
    border:none;
    position:relative;
    margin:0;
}
.form3x1 fieldset
{
    width:30%;
}
.form2x1 fieldset
{
    width:47%;
}
.form1x1 fieldset
{
    width:90%;
    clear:right;
}
.form2011 .multiline
{
    width:100%;
    height:150px;
}
.pdfTxt
{
    color:#f00;
}
.form2011 b, .form2011 .multiline, .form2011 input.textBoxMiddle, .form2011 label
{
    margin-bottom:10px;
}
.form2011 b
{
    display:block;
}

/*Work Pass 2011*/

.ContentTitle
{
    background-color: #fff;
    margin: 0px 10px 20px 10px;
    font-size:1.5em;
	font-weight:bold;
    color:#3A5EA7;
    /*padding: 10px;
    width:1200px;
    border-style:solid;
    border-color: inherit;
    border-width: thin;*/

}
.ContentHeader
{
    background-color: #fff;
    margin: 10px 10px 20px 10px;
    padding: 10px;
    /*width:1200px;
    border-style:solid;
    border-color: inherit;
    border-width: thin;*/
}
.ContentMain
{
    background-color: #fff;
    margin: 10px 10px 20px 10px;
    padding: 10px;
    /*width:1200px;*/
    border-style:solid;
    border-color: inherit;
    border-width: thin;

}
.ContentMenu
{
    background-color: #E9F1FA;
    padding: 3px;
    /*margin: 5px 10px 5px 10px;
    width:1200px;*/
    border-style:solid;
    border-color: #C0D6F2;
    border-width: thin;
}
.header
{
    margin: 10px 20px 0px 20px;
}
.ReferencePage
{
    margin: 10px 20px 20px 20px;
    padding: 10px;
}
.PageAlert
{
    background-color: #fff;
    margin: 10px 10px 10px 10px;
    padding: 10px;
    border-style:solid;
    border-color: red;
    border-width: medium;
    color: red;
    font-weight: bold;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	/*
	background-color : inherit;
	color : windowtext;
	height : 200px;
	border : buttonshadow;
	overflow : auto;*/
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
    text-align : left; 
    list-style-type : none;
    padding: 1px;
}