﻿body
{
    font-size: 12px;
    color: #333333;
    font-family: Arial;
  	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	

}

.copyOrange
{
    font-size: 12px;
    color: #f77e14;
    font-family: Arial;
  	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height:16px;

}

.copyTinyGray
{
    color: #666666;
    font-size: 10px;
	font-family: Verdana;
	line-height: 12px;
}

a.copyTinyGray, a.copyTinyGray:hover; a.copyTinyGray:active; a.copyTinyGray:visited
{
    color: #666666;
    font-size: 10px;
	font-family: verdana;
	line-height: 12px;
	text-decoration: underline;
}


.questionOrange,
A.questionOrange
{
    font-size: 10px;
    color: #f77e14;
    font-family: Arial;
  	
}
.invoice
{
    font-size: 11px;
    color: #666666;
    font-family: Arial;
	line-height:13px;

}

.error
{
	font-size: 11px;
	color: red;
	font-family: Verdana;
	text-decoration: none;
}


.button
{
    border-right: #336699 2px groove;
    border-top: #ccffff 2px groove;
    font-weight: bold;
    font-size: 11px;
    border-left: #ccffff 2px groove;
	clip: rect(auto 8px auto 8px);
    color: white;
    border-bottom: #336699 2px groove;
    font-family: Arial;
    background-color: #0278f6;
}

.buttonGreen
{
    border-right: #006600 2px groove;
    border-top: #66ff66 2px groove;
    font-weight: bold;
    font-size: 11px;
    border-left: #66ff66 2px groove;
	clip: rect(auto 8px auto 8px);
    color: white;
    border-bottom: #006600 2px groove;
    font-family: Arial;
    background-color: #3ba536;
}

.buttonOrange
{
	border-right: #e56e05 2px;
	border-top: #fba961 2px;
	font-weight: bold;
	font-size: 11px;
	border-left: #fba961 2px;
	clip: rect(auto 8px auto 8px);
	color: white;
	border-bottom: #e56e05 2px;
	font-family: Arial;
	background-color: #f77e14;
}

.buttonConfirm
{
    border-right: #006600 2px groove;
    border-top: #66ff66 2px groove;
    font-weight: bold;
    font-size: 11px;
    border-left: #66ff66 2px groove;
	clip: rect(auto 5px auto 5px);
    color: white;
    border-bottom: #006600 2px groove;
    font-family: Arial;
    background-color: #3ba536;
}


.buttonGrayBlue
{
    border-right: #336699 2px groove;
    border-top: #ccffff 2px groove;
    font-weight: bold;
    font-size: 11px;
    border-left: #ccffff 2px groove;
	clip: rect(auto 8px auto 8px);
    color: white;
    border-bottom: #336699 2px groove;
    font-family: Arial;
    background-color: #4872ba;
}

.buttonGray
{
    border-right: #cacacd 2px groove;
    border-top: #f4f4f5 2px groove;
    font-weight: bold;
    font-size: 10px;
    border-left: #f4f4f5 2px groove;
	clip: rect(auto 8px auto 8px);
    color: #666666;
    border-bottom: #cacacd 2px groove;
    font-family: verdana;
    background-color: #e9e9ea;
}

.buttonCloseWindow
{
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: #FFFFCC;
	border-bottom-style: none;
	color: #3300ff;
}

.loginTable
{
    background: url(images/login/loginBG.jpg) #063b6f fixed no-repeat left top;
}

table.yellow
{
	width:100%; 
	border-style: solid; 
	border-width: 1px; 
	border-top-color: #dbdbba; 
	border-right-color: #dbdbba; 
	border-bottom-color: #dbdbba; 
	border-left-color: #dbdbba; 
	background-color: #fbfbdb
}
td.yellow
{
	padding: 10px;
	}

A.loginLinks,  A.loginLinks:visited, A.loginLinks:active, A.loginLinks:link 
{
    color: #9bc2ff;
    text-decoration: none;
}

A.loginLinks:hover
{
    color: #9bc2ff;
    text-decoration: underline;
}
A.loginNavyLinks
{
    color: #003366;
    text-decoration: underline;
    font-size: 10px;
}
.loginText
{
    font-size: 11px;
    color: white;
    text-decoration: none;
}
.loginTextBold
{
    font-size: 10px;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.loginSmallWhite
{
    font-size: 10px;
    color: #ffffff;    
}

.loginWhiteLink
{
    font-size: 10px;
    color: #ffffff;
    text-decoration: underline
}


.loginSmallBlue
{
    font-size: 9px;
    color: #97bdfc;
}
.loginLargeBlue
{
    font-size: 15px;
    color: #97bdfc;
    font-weight: bold;
}
.textBox
{
    border-right: #6699cc 1px solid;
    border-top: #6699cc 1px solid;
    border-left: #6699cc 1px solid;
    border-bottom: #6699cc 1px solid;
    color: black;
	font-family: verdana;
    font-size: 11px;
    height: 15px;
    vertical-align: middle;	
}
.dropdown
{
    border-right: #6699cc 1px solid;
    border-top: #6699cc 1px solid;
    border-left: #6699cc 1px solid;
    border-bottom: #6699cc 1px solid;
    color: black;
	font-family: verdana;
    font-size: 11px;
    height: 19px; 
    vertical-align: middle; 
}

td
{
	font-size: 12px;
	font-family: Arial;
	
}

A.leftnav, A.leftnav:visited, A.leftnav:active, A.leftnav:hover, A.leftnav:link
{
    color: #0000ff;
    text-decoration: underline;
    font-size: 12px;
	font-family: Arial;
	line-height:20px;
}

A.leftnavOrange, A.leftnavOrange:visited, A.leftnavOrange:active, A.leftnavOrange:hover, A.leftnavOrange:link
{
    color: #ff9900;
    text-decoration: underline;
    font-size: 15px;
	font-family: Arial;
	line-height:20px;
	font-weight:bold;
}

A.leftnavSm, A.leftnavSm:visited, A.leftnavSm:active, A.leftnavSm:hover, A.leftnavSm:link
{
    color: #012551;
    text-decoration: underline;
    font-size: 10px;
	font-family: Verdana;
	line-height: 20px;
}

.leftnavTitle
{
    color: #012551;
    font-size: 15px;
	font-family: Arial;
	font-weight:bold;
	line-height:20px;
}

.Title
{
    color: #012551;
    font-size: 15px;
	font-family: Arial;
	font-weight:bold;
	line-height:20px;
}

.h1
{
    color: #012551;
    font-size: 15px;
	font-family: Arial;
	font-weight:bold;
	line-height:20px;
}

.TitleOrange
{
    color: #f77e14;
    font-size: 14px;
	font-family: Arial; 
	font-weight:bold;
	line-height:20px;
}

.TitleToDo
{
    color: #f77e14;
    font-size: 20px;
	font-family: Arial;
	font-weight:bold;
	line-height:25px;
}

.subTitle
{
    color: #2a5b9f;
    font-size: 14px;
	font-family: Arial;
	font-weight:bold;
	line-height:17px;
}

.subTitleOrange
{
    color: #f77e14;
    font-size: 14px;
	font-family: Arial;
	font-weight:bold;
	line-height:17px;
}


.printTitle
{
    color: #666666;
    font-size: 15px;
	font-family: Arial;
	font-weight:bold;
	line-height:17px;
}

.welcome
{
    color: #012551;
    font-size: 15px;
	font-family: Arial;
	font-weight: bold;
	line-height: 17px;
}

.project
{
    color: #333333;
    font-size: 15px;
	font-family: Arial;
	line-height: 18px;
}

.copySm
{
    color: #333333;
    font-size: 12px;
	font-family: Arial;
	line-height: 15px;
}

.copySmOrange
{
    color: #f77e14;
    font-size: 10px;
	font-family: verdana;
	line-height: 13px;
}

a.copySmOrange, a.copySmOrange:hover; a.copySmOrange:active
{
    color: #f77e14;
    font-size: 10px;
	font-family: verdana;
	line-height: 13px;
	text-decoration: underline;
}


.copyTiny
{
    color: #caced1;
    font-size: 10px;
	font-family: Verdana;
	line-height: 12px;
}

.active
{
    color: #06a006;
    font-size: 12px;
	font-family: Arial;
	line-height: 16px;
	font-weight: bold;
}

.notactive
{
    color: #e80339;
    font-size: 12px;
	font-family: Arial;
	line-height: 16px;
	font-weight: bold;
}

.urgent
{
    color: #e80339;
    font-size: 10px;
	font-family: Verdana;
	line-height: 14px;
}

.high
{
    color: #cc6600;
    font-size: 10px;
	font-family: Verdana;
	line-height: 14px;
}


.medium
{
    color: #0000ff;
    font-size: 10px;
	font-family: Verdana;
	line-height: 14px;
}

.low
{
    color: #06a006;
    font-size: 10px;
	font-family: Verdana;
	line-height: 14px;
}

.copyRed
{
    color: #ff3300;
    font-size: 11px;
	font-family: Arial;
	line-height: 14px;
}

.required
{
    color: #ff3300;
    font-size: 15px;
	font-family: Arial;
	line-height: 17px;
	font-weight: bold;
}

.orangeSmBold, A.orangeSmBold
{
	color: #ff9900;
	font-size: 10px;
	font-family: Verdana;
	line-height: 12px;
	font-weight: bold;
	text-decoration: none;
	
}
.orangeSmBoldPointer, A.orangeSmBoldPointer
{
	color: #ff9900;
	font-size: 10px;
	font-family: Verdana;
	line-height: 12px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
.orangeBigBold
{
    color: #ff9900;
    font-size: 14px;
	font-family: Verdana;
	line-height: 18px;
	font-weight:bold;
}

.copyTiny
{
    color: #333333;
    font-size: 10px;
	font-family: Verdana;
	line-height: 12px;
}

.copySmallBlue
{
    color: #3300ff;
    font-size: 10px;
	font-family: Verdana;
	line-height:17px;
	text-decoration:none;
}

a.remove
{
    color: #0000ff;
    font-size: 10px;
	font-family: Verdana;
	line-height: 12px;
	text-decoration: underline;
}

.invSm
{
    color: #666666;
    font-size: 11px;
	font-family: Verdana;
	line-height: 13px;
}

a.copyTiny
{
    color: #0000ff;
    font-size: 10px;
	font-family: Verdana;
	line-height: 12px;
	text-decoration: underline;
}

a.subtitleLink
{
    color: #3300ff;
    font-size: 10px;
	font-family: Verdana;
	line-height:17px;
	text-decoration:underline;
}


.copyright
{
    color: #999999;
    font-size: 11px;
	font-family: Verdana;
	line-height: 16px;
}
.copyrightSm
{
    color: #999999;
    font-size: 10px;
	font-family: Verdana;
	line-height: 16px;
}


A.linkTiny, A.linkTiny:visited, A.linkTiny:active, A.linkTiny:hover, A.linkTiny:link
{
    color: #0000ff;
    text-decoration: underline;
    font-size: 10px;
	font-family: Verdana;
	line-height:12px;
}


.tdSubtitle
{
    color: #0000ff;
    text-decoration: underline;
    font-size: 10px;
	font-family: Verdana;
	line-height:12px;
}

td.Box1
{     
    background-color: #d8d8de;
    padding-left:6px;
    vertical-align:top; 
}

td.Box1Orange
{     
    background-color: #fec593;
    padding-left:6px;
    vertical-align:top; 
}

td.Box2
{     
	background-color:#e9e9eb; 
	width:100%;
	padding-bottom:6px; 
	padding-left:6px; 
	padding-right:6px;
	vertical-align:middle;
       
}

td.Box3
{     
	padding:6px;
	vertical-align:top;
       
}

td.Box4
{     
	background-color:#e9e9eb; 
	width:100%;
	padding-bottom:3px; 
	padding-left:5px; 
	padding-right:3px;
	padding-top:2px;
	vertical-align:top;       
}

td.titleBar1
{
	background-color: #d8d8de;
	width: 10px;
	height: 15px;
	border-width: 1px 0px 0px 0px;
	border-top-style: solid;
	border-top-color: #cccccc;
	
}

td.titleBar2
{
	border-width: 1px 0px 0px 0px;
	background-color: #e9e9eb;
	width: 100%;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 2px;
	vertical-align: middle;
	color: #2a5b9f;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	line-height: 18px;
	border-top-style: solid;
	border-top-color: #cccccc;
	height: 15px;
}

td.Box4Orange
{     
	background-color:#fceada; 
	width:100%;
	padding-bottom:3px; 
	padding-left:5px; 
	padding-right:3px;
	padding-top:2px;
	vertical-align:top;       
}


td.Box5
{     
	background-color:#e9e9eb; 
	padding-bottom:3px; 
	padding-left:5px; 
	padding-right:5px;
	padding-top:3px;
	vertical-align:middle;     
    font-size: 12px;
	font-family: Arial;
	line-height: 16px;     
}

td.Box5Orange
{     
	background-color:#fceada; 
	padding-bottom:3px; 
	padding-left:5px; 
	padding-right:5px;
	padding-top:3px;
	vertical-align:middle; 
    color: #666666;
    font-size: 12px;
	font-family: Arial;
	line-height: 16px;     
}

td.Box6
{     
	background-color:#ffffff; 
	padding-bottom:3px;
	padding-left:5px; 
	padding-right:5px;
	padding-top:3px;
	vertical-align:middle;       
}

td.Box7
{     
	background-color:#ffffff; 
	padding-bottom:3px;
	padding-left:5px; 
	padding-right:5px;
	padding-top:3px;
	vertical-align:top;       
}
td.Box8
{
	background-color: #ededf7;
	border: 1px solid #cdccdf;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 15px;
	font-size: 11px;
}
td.Font11
{
	font-size: 11px;
}
.textAreaDiv 
{
			width:500px;
			height:200px;
			font-size: 11px;
			font-family: verdana;
			overflow:scroll;
			border: thin solid Gray;
			background-color: White;
			margin:0px;
}
.TermsPanel
{
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    height: 300px;
    width: 99%;
    overflow: auto;
}
.gridView
{
    border-right-style: solid;
    border-left-style: solid;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-bottom: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
}

.UpdateProgress
{
	position: absolute;
	z-index: 10;
	left: expression((this.offsetParent.clientWidth/2)-(this.clientWidth/2)+this.offsetParent.scrollLeft);
	top: expression((this.offsetParent.clientHeight/2)-(this.clientHeight/2)+this.offsetParent.scrollTop);
	background-color: #FFFFFF;
	border: solid 1px black;
	text-align: center;
	vertical-align: middle;
}

.UpdateProgressTable
{
	width: 300px;
	height: 200px;	
}
.validatorCalloutHighlight
{
    background-color: #fffacd;
}
.validatorCalloutHighlightRed
{
	background-color: #FFCCCC;
}
.Arial11
{
	font-family: Arial;
	font-size: 11px;
}
.Arial12
{
	font-family: Arial;
	font-size: 12px;
}

.invisible
{
	visibility: hidden;
	display: none;
}
 .PopupItem
{
	border: 1px solid #000000;
	position: absolute;
	visibility: hidden;
	background-color: #FFFFCC;
	font-size: 9px;
	font-family: Arial;
	color: #000000;
	text-align: left;
	vertical-align: top;
	padding-right: 0px;
	padding-left: 10px;
}

.CustomTabStyle .ajax__tab_header
{
	border-color: #C0C0C0;
	background-color: #e9e9eb;
	color: #333333;
	height: 28px;
	vertical-align: middle;
	border-top-style: solid;
	border-top-width: 1px;
}
.CustomTabStyle .ajax__tab_tab
{
    padding: 6px 5px 0px 5px;
    font-family: Arial;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: middle;
    height: 22px;
    text-decoration: underline;
}
.CustomTabStyle .ajax__tab_active
{
    padding: 6px 5px 8px 5px;
    font-family: Arial;
    font-size: 11px;
    background-color: #6a91cc;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: middle;
    height: 22px;
    text-decoration: underline;
}
.SeeExample
{
    font-family: Arial;
    font-size: 11px;
    text-decoration: underline;
    color: #0000FF;
    cursor: pointer;
}
.PopupX
{
    font-family: Arial;
    font-size: 11px;
    cursor: pointer;
    padding-right: 5px;
}
.UnderlineItem
{
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #C0C0C0;
}

.borderUnderline
{
	border-bottom:solid 1px;
}

.clickable
{
    text-decoration:underline;
    color:Blue;
    cursor:pointer;
}
.titleBlue { font-family: Arial; font-size: 15px; font-style: normal; line-height: 20px; color: #194c81; font-weight:bold;}

.title2 { font-family: Verdana; font-size: 13px; font-weight: bold; font-style: normal; line-height: 18px; color: #194c81}

.copy { font-family: Verdana; font-size: 11px; font-style: normal; line-height: 16px; color: #333333}

a.copy { font-family: Verdana; font-size: 11px; font-style: normal; line-height: 14px; color: #0948de; text-decoration: none}

.TitleOrange
{
    color: #f77e14;
    font-size: 14px;
	font-family: Arial; 
	font-weight:bold;
	line-height:20px;
}