/*laf.css - ServicePoint Portal Look and Feel Style Sheet
			Classes are based on the Web Application UI Standards
			Additional Classes are added for Portal Project
Revision(s) : 04.16.06 Joel Castro  
              02.13.07 - added DCS CVD porlet styles  
              02.19.07 - Modified pageAction buttons & panelFooter.
*/

/*style used for the MultiLevel-root menu option that need an icon*/
.menuCustom {
	align: left;
	background-color: #5F5F5F;
	color:#FFFFFF;
	font-family: Arial, Helvetica;
	font-size: 11px;
	text-decoration:none;
	margin: 0px;
	padding: 3px 20px 2px 12px;	
}

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








/*Menu panel classes*/
.menuPanel {
	background: #F3F3F3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 1.3em;
	font-weight: bold;
	text-transform: capitalize;
	color: #333333;
	border: thin none #000000;	
	border-bottom: 1px solid #000000;
}

/*Table Panels*/
.panelContent{
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 0.1em;
	color: #333333;
	border: thin none #000000;
	padding-left:0px;	
}

.panelFooter{	
	font-family: Arial, Helvetica, sans-serif;	
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F3F3F3', endColorStr='#CCCCCC', gradientType='0');
	color: #333333;	
	border-top:1px solid #cccccc;	
	padding: 2px 4px 2px 0px;
	height: 22px;
	text-align:right;
	vertical-align: middle;
}

.panelTableFormat{
	font-size: 8pt;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: 1px solid #000000;
	width: 100%;
	background: #FFFFFF; 
}

.panelUploadField{
	background: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;		
	width: 360px;
	margin: 0px;
	padding: 5px;
	border: 1px solid #CCCCCC;
		
}
.panelUploadTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Bold;
	color:#000000;
}

.panelTitle{
	border-bottom: 1px solid #000000;	
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF000000', endColorStr='#6C6C6C', gradientType='0');
	font-family: Arial, Helvetica, sans-serif;
    padding: 3px 3px 3px 3px;
    height: 10pt;
    letter-spacing: .1em;
	font-size: 9pt;
    vertical-align: middle;
	white-space: nowrap;
	color: #FFCC00;
    width: 100%;
	text-align: left;
	
}

.panelSubtitle{
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	font-WEIGHT: bold; 
	font-SIZE: 8pt; 	
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFc700', endColorStr='#A0FFCC00', gradientType='0');
	padding-left:15px;
}

.panelTitleFirstWord{
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
}

/*quick help*/
.quickLinkTableContent {
	padding: 2px;
	border: 1px solid #CCCCCC;
}
.quickHelpLink {
	vertical-align: middle;
	height: 16px;
	width: 16px;
	margin: 0px;
	padding: 1px;
	background-position: center center;
}
.quickLinkListFormat {
	list-style-position: outside;
	list-style-type: disc;
}

/*fonts*/
.pageTitle 
{
	background-color: #FFFFFF;
	border-bottom-width: .1em;
	border-bottom-style: solid;
	border-bottom-color: #EECF12;
	color: #336699;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=95);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	letter-spacing: 2px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	text-alin: left;	
	width: 100%;	
}

.pageTitle:first-letter
{
	font-size: 150%;
}

.olFormat {
	text-transform: capitalize;
	text-align: left;
	font-size: 10px;
	list-style-type: none;
}

.ulFormat {		
	text-align: left;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
}

.copyright
{
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
	background-position: left center;
}

.instructionFonts{
	font-size:10px;
}

.labelCell {
	text-align: right;
	vertical-align: middle;
	font-size: 8pt;
	color: #1F1F1F;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.label {
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	white-space: nowrap;
}

.requiredField {	
	background-image: url(../images/iconAsterisk.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 8.5pt;
	padding-left:10px;	
}

/*Hyperlinks Section*/
a:link
{	color: #0066CC;
	text-decoration: underline;
}
a:visited
{	color: #333333;
	text-decoration: underline;
}	
a:active
{ 	color: #99CCFF; 
	text-decoration: underline;
}
a:hover
{	color: #999999;
	text-decoration: underline;
}


a.panelHeadingAsLink:link	
{	color: #FFFF99;
	text-decoration: underline;
}
a.panelHeadingAsLink:visited	
{
	color: #FFFF99;
	text-decoration: underline;
}
a.panelHeadingAsLink:active
{
	color: #FFFF99;
	text-decoration: underline;
}
a.panelHeadingAsLink:hover	
{
	color: #999999;
	text-decoration: underline;
}



a.pageControl:link, a.pageControl:visited
{
	color: #003399;
	font-size: 8pt;
	text-align: center;
	letter-spacing: .1em;
	padding: 1px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

a.pageControl:hover
 { 
	color: #0099FF;
	font-size: 8pt;
	text-align: center;
	letter-spacing: .1em;
	padding: 1px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
} 

a.pageControlAlt:link,a.pageControlAlt:visited,a.pageControlAlt:hover 
{
	color: #FFFF99;
	font-size: 8pt;
	text-align: center;
	border: 1px solid #000000;
	letter-spacing: .0em;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
	background-color: #666666;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
a.pageControlAlt:hover 
{
	color: #000;
	font-weight: bold;
	background-color: #FFFF99;
}
a.pageAction:link,a.pageAction:visited,a.pageAction:hover 
{
	font-face: Arial, Herlvetica, sans-serif;
	font-size: 10.5px;
	color:#000000;
	
	border-top:1px solid #666666; 
	border-left:1px solid #666666; 
	border-right:2px solid #000000; 
	border-bottom:2px solid #000000; 
		
	letter-spacing: 0.1em;
	background:#EFEFEF;
	height:12px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:5px;
	padding-right:5px;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F3F3F3', endColorStr='#CCCCCC', gradientType='0');	
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#000000FF', EndColorStr='#FFFFCC00');*/
	
	text-decoration: none;   
}
a.pageAction:hover 
{
	background:#FFEB00;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFCC00', endColorStr='#FFFFFF00', gradientType='0');	
}
  
/*form elements*/
.input{
	color:#333333;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}
	
.text{
	color: #333333;
	border: 1px solid #000000;
}

.button{
     background: #dddddd; 
	color: #333333;	
    font-family: Verdana,Arial, Helvetica, sans-serif;
	font: normal 7pt verdana;
}

.formLabel {
	font-size: 8.5pt;
	color: #333333;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}
.file {
	border: 1px solid #000000;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0em;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
	background-color: #FFFFFF;
}

.radio {
	color:#333333;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}

.checkbox{
	color:#333333;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}

.select {
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

/*Help Bubble Styles*/

.helpBubbleGraphic
{
	background-color: #FFFFFF;
	background-image: url(../images/HelpBubble.png);
	background-position: center center;
	height: auto;
	width: 50px;
	background-repeat: no-repeat;
}
.helpBubbleText
{
	font-size: 11px;
	color: #FFFFFF;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#000000', endColorStr='#CCCCCC', gradientType='0');
}
a.helpBubble:link
{
	color : yellow;
	background-image: url(../images/yellow_help.png);
}
a.helpBubble:visited 
{
	color : yellow;
}
a.helpBubble:active
{
	color : yellow;
}
a.helpBubble:hover
{
	color : orange;
	background-image: url(../images/green.png);
}
.actionNote
{
	color: red;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}
.errored
{
	color: red;
	font-weight: bold;
}
.status
{
	color: black;
	font-size: 9pt;
}
.success
{
	color: green;	
	font-size: 9pt;
}

.informational
{
	color: black;
	font-size: 9pt;	
}

.alert
{
	color: black;
	background-color: red;
}

.required
{
	color: black;
	background-color: yellow;
}
.focus
{
	color: #999999;
	background-color: white;
}
.highlight
{
	color: black;
	background-color: yellow;
}
.toolTip
{
	color: black;
	background-color: white;
}

.totalRecords{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	font-weight: bold;
	letter-spacing: .1em;
	word-spacing: .2em;
}

/*MiSC*/

/*removes border*/
.noBorder{
	border:0px;
}

/*Navigation Icons*/
.leftNavigation {
	background: url(../images/left.gif);
}
a.rightNavigation:link {
	background: url(../images/right.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
}
a.rightNavigation:hover {
	background: url(../images/right_Over.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
}
.upNavigation {
	background: url(../images/up.gif);
}
.downNavigation {
	background: url(../images/dn.gif);
}

/*Data Table */

.reportName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	letter-spacing: .1em;
	word-spacing: .2em;
	width: 300px;
    max-width:200px;
}


.reportTable {
	margin: 0px;
	padding: 15px 15px 7px 3px;
	border: 1px solid #999999;
	width: 90%;
}
.reportRowHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	padding: 2px;
	letter-spacing: 2px;
	font-weight: bold;
	color: #000000;
	
	border: thin none #000000;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	
}

.rowHeader {
	color: #000000;
	padding: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-bottom-style: solid;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#c6c6c6', gradientType='0');
	
}
.rowHeaderSortedAsc  
{
	background:  url(../images/up.gif) no-repeat right center;
}
.rowHeaderSortedDsc  
{
	background:  url(../images/dn.gif) no-repeat right center;
}


.row,.rowAlt,.rowHighlight,.rowHighlightSel
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	padding: 7px 7px 2px 3px;
	text-align: center;
	vertical-align: middle;
	text-transform: capitalize;
	
}
.row{
	color:#313131;
	background: #E6E6E6;
}	
.rowAlt {
	color:#313131;
}
.rowHighlight {
	background: #FFFF99;
	color: #000000;
	border: 1px solid #000000;
	border: thin none #000000;
	
}
.rowHighlightSel{
	background: #FFFF99;
	color: #000000;
	border: 1px solid #000000;
	cursor: hand;
}

.rowHeaderSorted{
	color: #000000;
	padding: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-left-style: none;	
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;	
	border-bottom-style: solid;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFCC00', endColorStr='#FFFFFF00', gradientType='0');	
}


/*contents div*/
#main {
	border: 1px solid #333333;
	/*clear: both;*/
	background: #333333;
	padding-top: 30px;	
}

#contents {
	padding: 0.5em 1.5em 1.5em 0em;	
	background: #FFFDF3;
	font-family: Arial, Helvetica, sans-serif;
	min-height: 300px;	
}

/*style for rounded tabs*/
.tabMenu {
	position: relative;
	width: 100%;
	height: 0em;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.1px;
	text-decoration: none;
}

.tabMenu ul {
	list-style-type: none;	
	margin: 0;
	padding: 1;
	position: absolute;
	bottom: -3px;	
	white-space: nowrap;
}

.tabMenu li {
	/*display: block;*/
	float: left;
	display: inline;
	list-style: none;	
	padding:0px 1px 0px 1px;
	margin: 0px;
}
	
/*controls the size of the tab*/
.tabMenu .inactive {	
	padding: 4px 4px 1px 4px;
	border-top: #000000 1px solid; 		 
	float: left; 		
	text-align: center;
	background: #cccccc;
	color:#000000;
	text-decoration: none;
	filter:progid:DXImageTransform.Microsoft.Gradient(startcolorStr='#F3F3F3', endcolorStr='#CCCCCC', gradientType='0');
}
	
.tabMenu .inactiveSides {
	filter:progid:DXImageTransform.Microsoft.Gradient(startcolorStr='#F3F3F3', endcolorStr='#CCCCCC', gradientType='0');
	float: left; 
	width: 5px; 
	padding: 0px 0px 1px 0px;	
}

.tabMenu .currentSides {
	filter:progid:DXImageTransform.Microsoft.Gradient(startcolorStr='#FF666666', endcolorStr='#FF333333', gradientType='0');
	float: left; 
	width: 5px; 
	padding: 0px 0px 1px 0px;
}

.tabMenu .current {
	padding: 4px 4px 1px 4px;			
	border-top: #000000 1px solid; 		 
	float: left; 		
	text-align: center;	
	background:#000000;
	color:#FFCC00; 
	text-decoration: none;	
	filter:progid:DXImageTransform.Microsoft.Gradient(startcolorStr='#FF666666', endcolorStr='#FF333333', gradientType='0');
}

.tabMenu .va {	
	border-top: #ffffff 5px solid; 	
	background: #000000; 
	float: left; 
	overflow: hidden; 
	width: 1px;		
}

.tabMenu .vb {
	border-top: #fff 2px solid; 
	background: #ccc; 
	float: left; 
	overflow: hidden; 
	width: 1px; 
	border-bottom: #000 2px solid; 
	height: 1px;
}

.tabMenu .vc {
	border-top: #fff 1px solid; 
	background: #ccc; 
	float: left; 
	overflow: hidden; 
	width: 1px; 
	border-bottom: #000 1px solid; 
	height: 1px;
}

.tabMenu .vd {
	border-top: #ccc 1px solid; 
	background: #000; 
	float: left; 
	overflow: hidden; 
	width: 2px; 
	height: 1px;
}

 html .tabMenu .vb {
	height: 1px
	}

 html .tabMenu .vc {
	height: 1px
	}

 html .tabMenu .vd {
	height: 1px
	}

.tabMenu A,tabMenu A:visited {
	 	
	cursor: pointer; 	
	text-decoration: none;
	font-color:#000000;
	}

.tabMenu A:hover {
	filter:progid:DXImageTransform.Microsoft.Gradient(startcolorStr='#FFFFCC00', endcolorStr='#FFFFFF00', gradientType='0');
	font-color:#000000;
	text-decoration: none;
	}

.tabMenu A:hover .inactiveSides {
	text-decoration: none;
	filter:progid:DXImageTransform.Microsoft.Gradient(startcolorStr='#FFFFCC00', endcolorStr='#FFFFFF00', gradientType='0');
	}

.tabMenu A:hover .inactive {
	background: #FFCC00;			
	color:#000000;
	filter:progid:DXImageTransform.Microsoft.Gradient(startcolorStr='#FFFFCC00', endcolorStr='#FFFFFF00', gradientType='0');
	text-decoration: none;
	}
	
/*********secondary tabs style *****************/
	
#header {
	position: relative;
	width: 100%;
	height: 0px;	
	width: 60em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */	
}

#header ul#secondary {
	position: absolute;
	margin: 0;	
	bottom: -20px;
	left: 6px;	
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */	
}

#header ul#secondary li a,
#header ul#secondary li span {
	width: auto;
	display: inline;
	float: left;
	padding: 1px 10px 1px 10px;
	margin: 0;
	text-align: center;	
	color:#FFFFFF;
	text-decoration: none;
}

#header ul#secondary li a {
	color:#FFFFFF;
	text-decoration:none;	
	border:1px solid #333333;
}

#header ul#secondary li a:visited {
	color:#FFFFFF;
	text-decoration:none;	
	border:1px solid #333333;
}

#header ul#secondary li a:hover {
	color:#000000;
	filter:progid:DXImageTransform.Microsoft.Gradient(startcolorStr='#FFFFCC00', endcolorStr='#FFFFFF00', gradientType='0');
	border:1px solid #000000;
	text-decoration: none;
}

#header ul#secondary li a:active {
	color:#FFFFFF;
	text-decoration: none;
}

#header ul#secondary li:last-child a { 
	border: none; 
	text-decoration: none;
}

#header ul#secondaryPageTitle {
	color:#FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	padding-left: 5px;
	padding-top:10px;
	position: absolute;
	margin: 0;
	bottom: -24px;
	left: 2px;
	width: 50em;
	letter-spacing: 1.5px;
	word-spacing: 3px;
}

#header ul#secondaryPageTitle li span {	
	width: auto;
	display: block;
	float: left;	
	margin: 0;
	text-align: middle;	
}

/*Portal Specific Styles*/

.portletContent{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	text-align: left;
	width:100;
  
}

/* This styles formats the navigation buttons on the headers.*/

a.portalNavMenu:link{
	color: #FFFFFF;
	text-decoration: none;
}
a.portalNavMenu:visited{	
	color: #FFFFFF;
	text-decoration: none;
}	
a.portalNavMenu:active{
 	color: #FFFFFF; 
	text-decoration: none;
}
a.portalNavMenu:hover{	
	color: #FFFF00;
	text-decoration: none;
	
}

/* 02.13.07 -  This styles formats the navigation buttons on the headers.*/

a.dcsCVDPortletLinks:link,a.dcsCVDPortletLinks:visited,a.dcsCVDPortletLinks:active{
	color: #990000;	
    font-weight:bold;
    font-size: 12px;
    font-family: verdana;
    text-decoration: none;
}

a.dcsCVDPortletLinks:hover{	
	color: #000000;	
    font-weight:bold;
    font-size: 12px;
    text-decoration: none;
}