﻿/*
// *****************************************************************************
// Filename    : YrbsStyles.css
// Author      : M.Masterson
// Created     : 2007-03-26
// Description : Default Stylesheet for YRBS Theme
//
// ---------------------------------------------------------------------------
// Modification History
// ---------------------------------------------------------------------------
//
// Date        Programmer            Description of Changes
// ----------  --------------------  ---------------------------------------
// 2007-03-26  M. Masterson          Created
// 2010-10-28  J. Scholl			 Clean up and modify to new design
//
// ---------------------------------------------------------------------------
// General Notes
// ---------------------------------------------------------------------------   
//
// *****************************************************************************
*/
/* 
********************************************************************************
Elements
********************************************************************************
*/
body {
	font-size: 12px;
	font-family: Arial, Helvetica;
	color: #000000;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

table {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

form {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

/*  
********************************************************************************
Element IDs
********************************************************************************
*/
#Container {
	width: 760px;
	padding: 0px;
	margin: 0px auto;
}

/* 
********************************************************************************
Classes - Page Layout
********************************************************************************
*/
/* Master Page Layout Table */
.PageLayoutTable {
/*	width: 100%;
	height: 100%;
*/	padding: 0px;
	margin: 0px;
	text-align: left;
	border-collapse: collapse;
	border-right: #f5f5f5 1px solid;
	border-top: #f5f5f5 1px solid;
	border-left: #f5f5f5 1px solid;
	border-bottom: #f5f5f5 1px solid;
}

.PageContentLeft {
	/*width: 15px;*/
	height: 295px;
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 0px;
	background-color: #99cc99;
}

.PageContentRight {
/*	width: 550px; */
	height: 295px;
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 5px;
	overflow:auto;
}

.PageContent {
	height: 295px;
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 5px;
	overflow:auto;
}

.PageFooter {
	height: 35px;
	text-align: left;
/*	vertical-align: baseline; */
	background-color: #99cc99;
	padding: 0px;
	margin:0px;
}


.PageHeader {
	text-align: right;
	vertical-align: middle;
	padding: 0px;
	margin:0px;
	border-bottom: #f5f5f5 1px solid;
}

.PageHeaderGraphic {
	height: 70px;
	text-align: left;
	vertical-align: middle;
	padding: 0px;
	margin:0px;
}

/* 
********************************************************************************
Classes - Controls
********************************************************************************
*/
.AnswerTextBox {
	width: 300px;
}

.DualListBoxButtons {
	width: 75px;
}

.DualListBoxControl {
	width: 98%;
}

.TextBox, .DropDownList {
	width: 250px;
}

.TextBox, .Label {
	color: #000000;
	font-size: 12px;
	font-family: Arial, helvetica;
}
.HyperLink, a:link, a:visited
{
	margin: 0;
	/*padding: 0 0 0 15px;*/
	text-decoration: none;
	color: #333399;

}
.HyperLink, a:hover
{
	color: #339933;
}
.HyperLink, a.nav:link, a.nav:visited
{
	margin: 0;
	/*padding: 0 0 0 15px;*/
	text-decoration: none;
	color: black;
	padding-left: 10px;
}
.HyperLink, a.nav:hover
{
	color: #333399;
}


/* 
********************************************************************************
Classes - General
********************************************************************************
*/

.AlignLeft {
	text-align: left;
}

.AlignRight {
	text-align: right;
}
.ErrorMessageFont {
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 1px;
	text-align: left;
	vertical-align: middle;
	color: red;
}

.ErrorText {
	color: red;
}

.FloatLeft {
	float: left;
}

.FloatRight {
	float: right;
}

.FormSectionHeader {
	font-weight: bold;
	background-color: #cccccc;
	color: black;
	height: 25px;
	padding: 0px;
	vertical-align: middle;
	width: 100%;
}

.JumpMenu {
	width: 195px;
	padding: 0px;
	margin: 5px;
	vertical-align: baseline;
	border-right: yellow 1px solid;
	border-top: yellow 1px solid;
	border-left: yellow 1px solid;
	border-bottom: yellow 1px solid;
}
.NavigationHeaderText 
{
	font-weight: bold;
	color: black;
	padding-left: 5px;
}

.PageFooterText {
	font-size: 10px;
	vertical-align: baseline;
	padding: 0px;
	margin: 5px;	
}

.PageHeaderText {
	color: white;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	background-color: #333399;
	text-align: right;
}

.SurveySectionHeader {
	color: #0066cc	;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 1px;
	border-bottom: #f5f5f5 1px solid;
	text-align: left;
	vertical-align: middle;
}

.SurveySubSectionHeader {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 1px;
	text-align: left;
	vertical-align: middle;
}
.validLabels {
	font-weight: lighter;
	padding-top: 0px;
	padding-bottom: 5px;
	text-align: left;
	color: Gray;
	font-size:smaller;
	vertical-align:text-top;	 
}


