/*==========================================================================
||    FILE: drcBaseStyles.css
||
|| PURPOSE: system-level styles for drcWeb
||    Note: New/User-created styles should go in drcUserStyles.css
||==========================================================================*/

/*
base colors:
document services: #cc9933
education services:#990000
survey services: #669933
hr: #d3e4f4
*/

/*==========================================================================
|| StyleSet: Page-Level Elements
||     Note: 
||==========================================================================*/
body
{
	margin:0px;
	padding:0px;
	border:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	color:lime;
	
}

#PageGeneral a:hover 
{
	font-weight: normal;
	color: #999999;
	table-layout:fixed;
}

.drcPage
{
	width:800px;
}

.drcTable
{
	border-collapse:collapse;
	border:0px;
	margin:0px;
	padding:0px;
}

.drcContentBlock
{
	width:790px; 
	margin-left:10px; 
	margin-top:10px;
	vertical-align:top;
	overflow:hidden;
}

.drcColumnBlock
{
	float:left;
	vertical-align:top;
	overflow:hidden;
}

.drcImage
{
	border:0px;
}

.LinkStd
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #003399;
	/* 
		Note: the padding-left value overcomes an IE bug related to the
		background image -- it doesn't display if the link is at the
		beginning of a wrapped line of text.
	*/
	padding-left:1px;
	padding-right:10px;
	background-image: url(../Assets/System/arrow_textlink.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: underline;
}

.LinkImage
{
	text-decoration: underline;
}

.SeparatorHorizontal
{
	width:100%;
	height: 1px;
	color: #cc9966;
	border-top: solid 1px #cc9966;
	font-size:1px;
	margin-top:2px;
	margin-bottom:6px;
}

.drcHorizontalRule
{
	font-size:1px; 
	height:1px; 
	border-top:solid 1px black; 
	margin-top:5px; 
	margin-bottom:5px;
}

.FloatClear
{
	clear:both;
}

.UserMsg
{
	color:Red;
	border:solid 1px red;
	padding:4px;
	margin:5px;
}


.ButtonStd
{
	cursor:pointer;
	border:solid 1px black;
	font-size:8pt;
	font-weight:bold;
}


/*==========================================================================
|| StyleSet: Horizontal Menu
||     Note: 
||==========================================================================*/
.drcMenuHorizontal
{
	width:800px; 
	margin:0px; 
	background-color:#003164; 
	color:White;
}

.MenuHorizontalItem
{
	width:225px; 
	height:20px; 
	color:White;
	border:solid 1px #cc9966;
	border-left:solid 0px #003164;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

#MenuHorizontal table a:hover 
{
	/* Note: duplicates part of [MenuHorizontalItem] for the hover */
	color:white;
	font-size:11px;
	font-weight:bold;
}

.MenuHorizontalSubItem
{
	width:215px; 
	height:20px; 
	color:black;
	border:solid 1px #cc9966;
	border-top:solid 0px #cc9966;
	background-color:#99ccff;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	margin-left:10px;
}

.MenuHorizontalSubItemHover
{
	color:black;
	background-color:#ffff99;
	font-size:11px;
	font-weight:bold;
}


#MenuHorizontal a:hover 
{
}

#MenuHorizontal div table a:hover 
{
	/* Note: duplicates [MenuHorizontalSubItemHover] for the link itself */
	color:black;
	background-color:#ffff99;
	font-size:11px;
	font-weight:bold;
}

/*==========================================================================
|| StyleSet: Vertical Menu (departments)
||     Note: 
||==========================================================================*/
.MenuVerticalItem
{
	color:black;
	background-color:transparent;
	border-bottom:solid 1px #003164;
	text-align:center;
	font-size:9px;
	font-weight:normal;
	padding:5px;
	padding-left:10px;
	width:190px;
	text-align:left;
}

.MenuVerticalItemHover
{
	background-color:white;
	color:black;
}

.MenuVerticalSubItem
{
	color:black;
	background-color:transparent;
	border-bottom:solid 1px #003164;
	padding:5px;
	font-size:9px;
	font-weight:normal;
	width:150px;
	text-align:left;
}

.MenuVerticalSubItemHover
{
	background-color:white;
	color:black;
	width:150px;
}

#MenuVertical table a:hover 
{
	/* Note: styles the hover on the link itself vs the default a:hover styling */
	color:black;
	background-color:white;
	font-weight:normal;
}


.MenuVerticalTitle
{
	font-size:11px;
	font-weight:bold;
	border-bottom:solid 1px #003164;
	padding-bottom:5px;
	width:190px;
}


.MenuVerticalContainer
{
	margin-bottom:10px;
	width:210px;
}

/*==========================================================================
|| StyleSet: FileUpload control
||     Note: 
||==========================================================================*/
.UploadBlock
{
	border:solid 1px navy;
	margin:10px;
	padding:10px;
	width:400px;
}

.UploadTitle
{
	color:black;
	font-size:13px;
	font-weight:bold;
	margin-left:10px;
}

.UploadText
{
	color:black;
	font-size:10px;
	margin-left:10px;
	margin-top:5px;
}

.UploadResult
{
	color:green;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	margin-left:10px;
}

.UploadButton
{
	border:solid 1px navy;
	font-size:8pt;
	font-weight:bold;
	vertical-align:middle;
	margin-left:345px;
}

.UploadButtonBlock
{
	margin-top:10px;
}

.Upload
{
	border:solid 1px black;
	color:navy;
	width:380px;
	font-size:7pt;
	margin-top:10px;
}


/*==========================================================================
|| StyleSet: Breadcrumbs control
||     Note: 
||==========================================================================*/

#BreadcrumbNav a:hover, #BreadcrumbNav a:visited, #BreadcrumbNav a:link
{
	color:navy;
	text-decoration: underline;
}

.CrumbsBlock
{
	width:100%;
	height:15px;
	text-align:left;
	border:solid 1px gray;
	margin-top:5px;
	margin-bottom:10px;
	
	font-size:7pt;
	color:Navy;
	padding-top:3px;
}

.CrumbItem
{
	font-weight:bold;
	padding-left:5px;
	text-decoration:none;
}

.CrumbLink
{
	font-weight:normal;
	padding-left:5px;
	text-decoration: underline;
}

/*==========================================================================
|| StyleSet: Jobs control
||     Note: 
||==========================================================================*/
.JobsSpacer
{
	font-size:1px;
	height:5px;
}

/*==========================================================================
|| StyleSet: FormFill control
||     Note: 
||==========================================================================*/
.FormItem
{
	margin-bottom:2px;
}

.FormLabel
{
	font-weight:bold;
	margin-right:2px;
	margin-top:3px;
	text-align:right;
}
.FormVerticalLabel
{
	font-weight:bold;
	margin-right:2px;
	color:green;
}

.FormField
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:Blue;
}

.FormAssistance
{
	margin-right:2px;
	margin-top:3px;
}
.FormVerticalAssistance
{
	vertical-align:middle;
	margin-top:2px;
}

.FormPrompt
{
	font-style:italic;
	margin-left:2px;
	color:green;
}


/*==========================================================================
|| StyleSet: FormStatus control
||     Note: 
||==========================================================================*/
.FormStatusItem
{
	margin-bottom:2px;
}

.FormStatusLabel
{
	font-weight:bold;
	margin-right:5px;
	text-align:right;
	width:120px;
}

.FormStatusField
{
	color:navy;
}


.FormStatusSubformName
{
	color:teal;
	font-size:1.2em;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:2px;
}


.FormStatusTitle
{
	color:black;
	font-size:13px;
	font-weight:bold;
}

.FormStatusText
{
	color:black;
	font-size:10px;
	margin-left:10px;
	margin-top:5px;
}

/*==========================================================================
|| StyleSet: News custom control
||     Note: 
||==========================================================================*/
.NewsHeaderRule 
{
background:url(../images/999999_vbar.gif) repeat-x 80% 0;
padding-left: 10px;
padding-bottom: 5px;
border:solid 0px red;
}

.NewsEventsLinks
{
	padding-top:10px; 
	padding-bottom:10px; 
	color:#666666; 
}

.NewsEventsText
{
	width:170px; 
	margin-left:5px; 
	padding-top:10px; 
	padding-bottom:10px; 
	color:#666666; 
	border:solid 0px lime; 
	text-align:left;
	border-bottom:solid 1px silver;
}

.NewsEventsTextMultiCol
{
	width:150px; 
	margin-left:5px; 
	padding-right:15px;
	color:#666666; 
	border:solid 0px lime; 
	text-align:left;
	float:left; 
}

.NewsEventsHeader
{
	border-bottom:solid 1px #666666; 
}

.NewsEventsHeaderMultiCol
{
	background: url(../Assets/System/Spacer.gif);
	width:500px; 
	margin-left:5px; 
	margin-right:20px;
	margin-bottom:5px;
	color:#666666; 
	text-align:left;
	border:solid 0px lime; 
	border-bottom:solid 1px #666666; 
}

.NewsEventsHeaderMultiColSpacer
{
	background: url(../Assets/System/Spacer.gif);
	background-repeat:repeat;
	width:220px; 
	height:20px; 
	border:solid 0px green; 
}

.NewsEventsHeaderLink
{
	background: url(../Assets/System/Spacer.gif);
	margin-top:10px;
	color:#666666; 
	text-align:right;
	border:solid 0px red; 
}

.NewsEventsDivider
{
	/* adjust the height to control overall height of news item container */
	background: url(../Assets/System/Spacer.gif);
	height: 90px;
	float: left;
	border-right: solid 1px #666666;
	margin-right:5px;
}


/*==========================================================================
|| StyleSet: Spotlight custom control
||     Note: 
||==========================================================================*/
.SpotlightMultiCol
{
	border-left:solid 1px #666666; 
}

.SpotlightHeaderMultiCol
{
	background: url(../Assets/System/Spacer.gif);
	width:250px; 
	margin-left:0px; 
	margin-right:0px;
	margin-bottom:5px;
	color:#666666; 
	text-align:left;
	border-bottom:solid 1px #666666; 
}

.SpotlightTextHorizontal
{
	float:left; 
	width:150px; 
	margin-left:5px; 
	color:#666666; 
	border:solid 0px lime; 
	text-align:left;
}

.SpotlightTextVertical
{
	float:left; 
	width:90px; 
	margin-left:5px; 
	color:#666666; 
	border:solid 0px lime; 
	text-align:left;
}

.SpotlightSummary
{
	line-height:15px;
}


/*==========================================================================
|| StyleSet: Awards custom control
||     Note: 
||==========================================================================*/
.AwardsHeader
{
	border-bottom:solid 1px #666666; 
	padding-bottom:2px;
	margin-bottom:5px;
}

.AwardsHeaderCustom
{
	border-bottom:solid 1px #cc9966; 
	margin-bottom:10px;
}

.AwardImage
{
	border: 1px solid #336699;
	margin: 1px;
	cursor:pointer;
}

/*==========================================================================
|| StyleSet: RadiusBox custom container
||     Note: 
||==========================================================================*/
.RadiusBoxDefaultClass
{
	/* Note: at minimum a radius box needs the default font-size since we set it to 1px to build table properly */
	font-size:10px;
}

/*==========================================================================
|| StyleSet: Standard custom container
||     Note: 
||==========================================================================*/

.DivTextBody
{
	font-family:verdana;
	font-size:8pt;
	color:black;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	position:relative; 
	width:100%;
}


/*==========================================================================
|| StyleSet: Story custom control
||     Note: 
||==========================================================================*/
.DivImageWrapOnRight
{
	clear:left; 
	float:left; 
	display:block; 
	visibility:visible; 
	position:static;
	padding-top:3px;  
	padding-bottom:2px;  
	padding-right:3px;  
}

.DivImageWrapOnLeft
{
	clear:right; 
	float:right; 
	display:block; 
	visibility:visible; 
	position:static;
	padding-top:3px;  
	padding-bottom:2px;  
}

.DivImageNoWrap
{
	float:none;
	display:block; 
	visibility:visible; 
	position:static;
	padding-top:3px;  
	padding-bottom:2px;  
}

.DivTextHeadline
{
	font-family:verdana;
	font-size:10pt;
	color:#9999FF;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}

.DivTextSubHead
{
	font-family:verdana;
	font-size:8pt;
	color:palegoldenrod;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}

.DivTextCutline
{
	font-family:verdana;
	font-size:7pt;
	color:black;
	font-weight:normal;
	vertical-align:top;
}

/*==========================================================================
|| StyleSet: LogoBlock custom control
||     Note: 
||==========================================================================*/
.drcLogoBlockHeader
{
	border-bottom:solid 1px #666666;
	padding-bottom:2px;
	margin-bottom:5px;
}

/*==========================================================================
|| StyleSet: Product/ProductList custom controls
||     Note: 
||==========================================================================*/
.drcProduct
{
	color:black;
	text-align:left;
}

.drcProductList
{
	color:black;
	text-align:left;
	padding:5px;
}

/*==========================================================================
|| StyleSet: paging elements -- multipage lists, etc.
||     Note: 
||==========================================================================*/

.drcPagingDiv
{
	color:black;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

.drcPagingLinkPrior
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #003399;
	/* 
		Note: the padding-left value overcomes an IE bug related to the
		background image -- it doesn't display if the link is at the
		beginning of a wrapped line of text.
	*/
	padding-left:10px;
	padding-right:20px;
	background-image: url(../Assets/System/LinkArrowLeft.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: underline;
}


.drcPagingLinkNext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #003399;
	/* 
		Note: the padding-left value overcomes an IE bug related to the
		background image -- it doesn't display if the link is at the
		beginning of a wrapped line of text.
	*/
	padding-left:20px;
	padding-right:10px;
	background-image: url(../Assets/System/arrow_textlink.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: underline;
}

.drcPagingLinkList
{
	padding-left:5px;
	padding-right:2px;
}

/*==========================================================================
|| StyleSet: Dynamic Content Elements
||     Note: see changeable style classes -- leave the rest alone, generally
||==========================================================================*/
.ParentCellContent
{
	height:100%;
	padding-bottom:4px;
	padding-top:4px;
}

.TableContent
{
	font-size:8pt;
	border:solid 0px red;
	padding:0px;
	margin:0px;
	table-layout:fixed;
	vertical-align:top;
	border-collapse:collapse;
	height:100%;
	/* height:100%;	*/
}

.CellContent
{
	/* height:100%;	*/
	/* width:100%;	*/
	
	padding-left:4px;
	padding-right:2px;
	/* testing	*/
}

.ArticleContent
{
	
	padding-left:10px;
	padding-right:10px;
	
	/* from DivTextBody	*/
	font-family:verdana;
	font-size:8pt;
	color:black;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	position:relative; 
	width:100%;

}

.RowContent
{
	height:100%;
	vertical-align:top;
	border:solid 0px red;
}

.DivTextBodyBlack
{
	font-family:verdana;
	font-size:8pt;
	color:lime;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

.DivTextLink
{
/*
	color:red;
	font-weight:normal;
*/
}

.DivSectionHeader
{
position:relative; 
width:99%; 
height:20px; 
padding-top:2px;  
padding-left:2px;
font:bold 10pt verdana; 
color:silver; 
background-image:url(http://localhost/epSwim/Assets/System/barGreen20px.png); 
/*
background-image:url(http://www.epSwim/Assets/System/barGreen20px.png); 
*/
/* relative-root url -- "/Assets/xxx" -- doesn't work (it's not a root on lakestone.net */
background-repeat: repeat-x;
}

/*==========================================================================
|| StyleSet: General Elements
||     Note: see changeable style classes -- leave the rest alone, generally
||==========================================================================*/
.Image
{
	border:solid 0px red;
	padding:0px;
	margin:0px;
}

.TextHeadline
{
	font-family:verdana;
	font-size:10pt;
	color:black;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}

.TextSubHead
{
	font-family:verdana;
	font-size:8pt;
	color:black;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}

.TextBody
{
	font-family:verdana;
	font-size:8pt;
	color:dimgray;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}


.TextBodyBlack
{
	font-family:verdana;
	font-size:8pt;
	color:black;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

.DivSectionHeader
{
position:relative; 
width:99%; 
height:20px; 
padding-top:2px;  
padding-left:2px;
font:bold 10pt verdana; 
color:silver; 
background-image:url(../Assets/System/barGreen20px.png); 
background-repeat: repeat-x;
}

/*==========================================================================
|| StyleSet: Home page
||     Note: 
||==========================================================================*/
.DeptBoxMain
{
	width:190px;
	float: left;
	margin-right: 10px;
}

.drcAdRotateMain
{
	float: left;
	color: #FFFFFF;
	font-size:10px;
	width:188px;
}

.drcAdRotateSmall
{
	color:black;
	background-color:white;
	font-size:10px;
	height:100%;
	width:100%;
}

.edContentMain
{
	background-color: #990000;
	color: #FFFFFF;
	font-size:10px;
	height:190px;
	vertical-align:top;
}

.svContentMain
{
	background-color: #669933;
	color: #FFFFFF;
	font-size:10px;
	height:190px;
	vertical-align:top;
}

.dsContentMain
{
	background-color: #cc9933;
	color: #FFFFFF;
	font-size:10px;
	height:190px;
	vertical-align:top;
}

.edLinkHomeWhite
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	padding-left: 13px;
	background-image: url(../Assets/System/arrow_maineduc.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.svLinkHomeWhite
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	padding-left: 13px;
	background-image: url(../Assets/System/arrow_mainsurv.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.dsLinkHomeWhite
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	padding-left: 13px;
	background-image: url(../Assets/System/arrow_maindocserv.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/*==========================================================================
|| StyleSet: Header
||     Note: 
||==========================================================================*/

.drcHeader
{
	margin:0px;
	padding:0px;
}

.HeaderSearch
{
	font-weight:bold;
	vertical-align:middle;
	color:#FFFFFF;
	height:16px;
	float:left; 
	width:200px; 
	margin-top:5px;
	padding-right:35px;
	padding-left:180px;
}

.SearchInput
{
	font-weight:normal;
	background-color:#FFFFFF;
	border: solid 1px #6699cc;
	vertical-align:middle;
	width:130px;
}

.SearchLabel
{
	vertical-align:middle;
}

.SearchButton
{
	font-weight: bolder;
	background-color: #d3e4f5;
	border: solid	0px #FFFFFF;
	vertical-align:middle;
	margin-left: 2px;
	padding-left: 2px;
	padding-right: 2px;
	height:16px;
}

.HeaderNav
{ 
	vertical-align:top; 
	border:solid 0px lime;
	font-size:9px;
	background-image:url(../Assets/System/drc_nav1px.gif);
}

.HeaderLink
{
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	text-align: right;
	vertical-align: middle;
}

#HeaderLinks a:hover 
{
	color: #ffff66;
	text-decoration: underline;
}

.HeaderPhone
{
	font-weight: bold;
	color: #FFFFFF;
	vertical-align:bottom;
	text-align:right;
	border: solid 0px Lime;
	height:16px;
	float:left;
	margin-top:15px;
	margin-left:10px;
}

/*==========================================================================
|| StyleSet: Footer
||     Note: 
||==========================================================================*/
.drcFooter
{
	width:800px; 
	margin-top:10px;
	vertical-align:top;
	font-size:9px;
	color: #666666;
	text-decoration: none;
	text-align: center;
}
.FooterNav
{
	width:80%; 
	text-align:center; 
	border:solid 0px lime
}

.FooterLink
{
	color:#666666; 
	text-decoration:none;
}

.FooterLinkSeparator 
{
	color: #666666;
	vertical-align: middle;
}

.FooterCopyright
{
	width:100%; 
	margin-top:10px; 
	border:solid 0px lime;
}



/*==========================================================================
|| StyleSet: classes from sample pages
||     Note: 
||==========================================================================*/

.vlinenavwhite 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
	font-weight: normal;
	vertical-align: middle;
	text-align: inherit;
}
	
.vlinenavblk 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	font-weight: normal;
	vertical-align: middle;
	text-align: inherit;
}
	
.vlinenavsilver 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	vertical-align: middle;
	text-align: inherit;
	}

.Notered 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	vertical-align: top;
	text-align: left;
	padding:0 0 0 15;
	font-weight: bold;
}

.NoteCopy 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: top;
	text-align: left;
	padding:5 0 0 0;
	font-weight: normal;
}