/* Basic tag layouts */
* { margin: 0px; padding:0px;}
body
{
	text-align: center;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
}
img { border-style: none; border-width: 0px; }
li { list-style-position: inside; }
p { font-size: 13px; font-family: Arial, Verdana, Helvetica, Sans-Serif; line-height:normal; color: Black; margin-top: 10px; margin-bottom: 10px; }
table { margin: 10px padding: 10px; border-collapse: collapse; }
td { color: Black;}
th { text-align: left; }
a:link, a:active, a:visited { color: Blue; text-decoration: underline; }
a:hover { color: Purple; text-decoration: underline; }
h1 { color: #000099; font-size: 18px; margin-bottom: 16px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; margin-top: 5px; }
h2 { color: #513B23; font-size: 16px; margin-bottom: 16px; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; margin-top: 5px; }
h3 { color: #AC9479; font-size: 14px; margin-bottom: 12px; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; margin-top: 5px; }
h4 { color: #507CD1; font-size: 14px; margin-bottom: 12px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; margin-top: 5px; }
h5 { color: Purple; font-size: 12px; margin-bottom: 12px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; margin-top: 5px; }
h6
{
	color: #513B23;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: bolder;
	font-family: Arial, Helvetica, Sans-Serif;
	margin-top: 5px;
}

/* basic building blocks */
#diyms
{
	width: 998px;
	/*background-color: #507CD1;*/
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#header
{
	float: left;
	width: 968px;
	height: 85px;
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}
#top-gutter
{
	float: left;
	width: 998px;
	height: 0px;
	margin: 0px;
	background-color: #CDCDCD;
}

#menu
{
    background-position: center center;
    float: left;
    width: 968px;
    background-image: url('../images/Menu/mnuBackgroundBar.gif');
    background-repeat: no-repeat;
}


#left-gutter
{
	float: left;
	width: 15px;
	margin: 0px;
	background-color: #FFFFFF;
	height: 31px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#right-gutter
{
	float: right;
	width: 15px;
	margin: 0px;
	background-color: #FFFFFF;
	height: 31px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

#content
{
	padding: 5px 0px 15px 5px;
	float: left;
	width: 960px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
	background-color: #ffffff;
	min-height: 500px; 
	height: auto !important;  
	height: 500px;
}

/* basic classes */
.clear { clear: both; height:0px; }

/* header layout */
#header #image { width: 300px; float: left; padding-top: 10px; }
#header #title { float: left; width: 425px; font-family: Arial, Verdana, Helvetica, Sans-Serif; padding-top: 18px; text-align: center; font-weight: normal; font-size: 24px; color: Black; }
#header #actions { width: 225px; float:right; text-align: right; }

/* action layout */
#header #actions .actionTable
{
	margin: 5px 0px 1px 5px;
	border: 0px solid #0000FF;
	float: right;
}

#header #actions .actionTable td
{
	 padding-left: 10px;
	 padding-bottom: 3px;
}

#header #actions .actionTableText
{
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	line-height: 1.5em;
}
#header #actions .actionTableTextBalance
{
	font-size: 11px;
	color:Green;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	line-height: 1.5em;
}

#breadcrumb
{
	padding: 0px 0px 0px 8px;
	float: left;
	width: 960px;
	margin-right: 15px;
	margin-left: 15px;
	height: 10px;
	background-color: #FFFFFF;
	border-bottom-color: #82ACD2;
	border-bottom-style: solid;
	border-bottom-width: 0.5px;
}

/* footer layout */
#footer
{
	float: left;
	padding-top: 10px;
	background-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #82ACD2;
	width: 968px;
	height: 60px;
	margin: 0px;
	text-align: center;
	font-size: 10px;
	color: Black;
}

#footer #left { width: 150px; float: left; }
#footer #center { float: left; width: 558px; padding-top: 15px;}
#footer #right { float: left; width: 250px; text-align: right; padding-top: 15px; padding-right: 10px; }

#footer-left-gutter
{
	float: left;
	width: 15px;
	margin: 0px;
	background-color: #FFFFFF;
	height: 31px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#footer-right-gutter
{
	float: right;
	width: 15px;
	margin: 0px;
	background-color: #FFFFFF;
	height: 31px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}


/* custom classes */
.indent { margin-left: 20px; }
.errorBox
{
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 12px;
	color: Red;
	text-align: left;
	font-weight: bold;
}

/* form styles */
/* input  { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: Black; font-size: 12px; background-color: #F7FAFE; border-color: #CCCCCC; border-style:solid; border-width: 1px; height: 16px; } */
select { font-size: 12px; color: Black; background-color: #F7FAFE; font-family: Arial, Verdana, Helvetica, Sans-Serif; border-color: #CCCCCC; border-style:solid; border-width: 1px; }
/*textarea { font-size: 12px; color: Black; background-color: #F7FAFE; font-family: Arial, Verdana, Helvetica, Sans-Serif; border-color: #CCCCCC; border-style:solid; border-width: 1px; }*/
.label { vertical-align: top; line-height: 1.6em; color: Black; }
.sidelabel { text-align: left; vertical-align: bottom; color: #3C4D5F; padding-right: 20px; font-weight: bold; }
.tableheadinglabel { text-align: left; vertical-align: bottom; color: #FFFFFF; padding: 5px; font-weight: bold; }
.toplabel
{
	vertical-align: top;
	line-height: 1.6em;
	color: #3C4D5F;
	font-weight: bold;
}
.textbox  { text-align: left; vertical-align: bottom; color: Black; }
.tableform { text-align: left; vertical-align: bottom; height: 24px;}
.smalltoplabel { vertical-align: bottom; line-height: 1.6em; color: black; font-weight: bold;}

/* table styles */
table .grid {border-style: solid; border-width: 1px; }

#formStyle	
{
	padding: 10px; 
	background-color:#D8E7EE;
	line-height:1.8em;
 }
 .formStyle	
{
	padding: 10px; 
	background-color:#D8E7EE;
	line-height:1.8em;
 }

#creditCardForm
{
	padding: 5px;
	float: left;
	width: 500px;
	text-align: left;
}

#addDiv
{
	border: thin double #C0C0C0; 
	padding: 10px; 
	overflow: auto; 
	position: relative; 
	top: -100px; 
	left: 30px; 
	background-color: #F8F5D1; 
	width: 160px;
}

/* survey */
#SurveyMaster
{
    text-align: center;
    padding: 10px;
}

.Survey td { padding: 4px; }
.radio { padding-right: 5px; padding-left: 5px; text-align: center; width: 80px;}
.QuestionNumber {width: 30px; text-align: left; font-weight: bold; vertical-align: top;}

.EditSurvey
{
	border: 1px solid #3C4D5F;
	width: 908px;
	text-align: left;
	background-color: #33CCFF;
}
.EditSurvey .questionText {}

.EditSurvey th
{
	padding: 10px;
	background-color: #D8E7EE;
	font-weight: bold;
	color:#FFFFFF;
	border-bottom-style: solid;
	border-color: #3C4D5F;
}
.EditSurvey td
{
	background-color: #FFFFF1;
	padding-left: 5px;
	padding-right: 5px;
}

.EditSurveyFooter
{
	text-align : center;
	background-color: #D8E7EE;
	font-weight: bold;
	color:#FFFFFF;
	border: 1px solid #3C4D5F;
	padding: 10px;
}

.addButtonDiv
{
	padding: 10px; text-align : center;
}
.addButtonTopDiv
{
	padding-bottom: 10px; text-align : center;
}
.addButtonBottomDiv
{
	padding-top: 10px; text-align : center;
}

.EditQuestion
{
	border: thin solid #507CD1;
	padding: 10px;
	background-color: white;
}

.EditQuestion td
{
	border-style: hidden;
	padding: 4px;
	background-color: white;
}

.QuestionMain
{
	padding: 10px;
	margin: 14px;
	background-color: #ECF8FF;
	border: 1px solid #3C4D5F;
}

.QuestionOptions
{
	padding: 10px;
	margin: 14px;
	background-color: #ECF8FF;
	border: 1px solid #3C4D5F;
}

/*Text Classes for Question Designer */
.QuestionHeaderText
{
	color: Black; font-size: 14px; margin-bottom: 12px; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; margin-top: 5px;
}

.QuestionSubHeaderText
{
	color: #507CD1; font-size: 13px; margin-bottom: 12px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; margin-top: 5px;
}

.QuestionLabelText
{
	color: Red; font-size: 12px; margin-bottom: 12px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; margin-top: 5px;
}

#AccountBalanceCC
{
	margin: 0px;
	padding: 0px;
	width: 600px;
	vertical-align: bottom
}

#CreditCardForm
{
	width: 525px;
	float: left;
	padding: 10px;
}


/*
    <asp:DetailsView runat="server" CellPadding="4" ForeColor="#333333" GridLines="None">
        <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <CommandRowStyle BackColor="#507CD1" Font-Bold="True" />
        <RowStyle BackColor="#EFF3FB" />
        <FieldHeaderStyle BackColor="#DEE8F5" Font-Bold="True" />
        <PagerStyle BackColor="#507CD1" ForeColor="White" HorizontalAlign="Center" />
        <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" HorizontalAlign="Left" />
        <EditRowStyle BackColor="White" />
        <AlternatingRowStyle BackColor="White" />
    </asp:DetailsView>

*/

.SurveyBrowser
{
	/*overflow:auto;*/
	padding-bottom: 10px;
	background-color: #FFFFFF;
}

. hiddenDivClass
{
	display: none;
	height: 1px;
}

/*Order Process Wizard*/
.OrderWizard
{
	padding: 15px;
	line-height: 1.6em;
	width: 910px;
}

.OrderWizardStep
{
	padding: 10px;
	float: right;
	vertical-align:text-top;
	font-size:18px;
	color: #513B23;
	font-weight:bold;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.gridviewStyle
{ 
	text-align:left;
	font-family: Arial, Helvetica, Sans-Serif;
}

.gridviewStyle th
{
	font-size: 13px;
	color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
	padding-top: 8px;
    padding-bottom: 8px;
    text-align:left;
    border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	background-color: #8C8C8C;
}
.gridviewStyle td
{
	font-size: 12px;
	color: #666666;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.ReportForm td
{
	padding-bottom:10px;
}


/*** Popups **********************/

.popupOutsideLayer
{
	padding: 5px;
	border: thin solid #7D6446;
	background-color: #7D6446; /* brown */
}

.popupBody
{
	border: thin outset #000000;
	background-color: #FFFEFB;
	padding: 5px;
}

.popupBodyHistory
{
	border: thin outset #000000;
	background-color: #FFFEFB;
	padding: 5px;
	height: 150px;
	overflow: scroll;
}


.popupBody td
{
	padding: 5px;
}

.popupHeader
{
	color: #FFFFFF;
	font-size: 15px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	height: 25px;
	background-image: url('../images/EOYB-PopupLogo.gif');
	background-repeat: no-repeat;
	background-position: left;
	text-align: center;
	vertical-align: middle;
}

.popupFooter
{
	text-align:center; 
	padding-top: 10px;
	height: 25px;
}

/****************My account *****************/

.myAccountGrid
{ 
	text-align:left;
	font-family: Arial, Helvetica, Sans-Serif;
}

.myAccountGrid td
{
	font-size: 11px;
	color: #000000;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.myAccountGrid th
{
	font-size: 12px;
	color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
	padding-top: 5px;
    padding-bottom: 5px;
    text-align:left;
    border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	background-color: #8C8C8C;
}

.myAccountSubheader
{
	font-size: 12px;
	font-weight: bolder;
	color: #333333;
	padding-bottom: 7px;
}

.myAccountSectionBox
{
	width: 460px;
	text-align: left;
	border: 1px;
	border-style: solid;
	border-color: #8C8C8C;
	padding: 5px;
	margin-left: 0px;
	margin-bottom: 15px;
	background-color: #EFF3FB;
}

.infoBox
{
	border: thin solid #666666;
	background-color: #FEF9D3;
	padding: 5px;
	margin-bottom: 15px;
}

.termsOfUse
{
	border: thin solid #C0C0C0;
	padding: 5px;
	overflow: auto;
	width: 910px;
	height: 200px;
	font-size: 10px;
	margin-top: 10px;
	color: #333333;
	
}

.termsOfUse p
{
	font-size: 10px;
	color: #333333;
}


.termsOfUse p b
{
	font-size: 11px;
	font-weight:bold;
}

.RegisterWizard
{
	padding: 15px;
	line-height: 1.6em;
	width: 910px;
}
.required
{
    color: #FF0000;
}

/******************** Scoring *****************/

.questionScoreBox
{
	border: thin solid #999999;
	width: 600px;
	margin-bottom: 5px;
}

.questionScore
{
	padding: 5px;
}

.answerScores
{
	padding-bottom:5px;
	padding-left:30px;
}

.questionScoreBox input
{
	margin: 3px;
	background-color: #FFFFE6;
	width: 30px;
}

.sectionBox
{
	border: thin solid #999999;
	background-color: #D8E7EE;
	padding: 8px 5px 8px 5px;
	margin-bottom: 8px;
	margin-top: 10px;
	width: 590px;
}

.sectionBox td
{
	color: #0033CC;
	font-size: 13px;
	font-weight: bold;
}

.sectionBox input
{
	background-color: #FFFFE6;
	width: 30px;
}

/******************** Reports *****************/

.reportHeaderContainer
{
	width: 100%;
}

.reportHeaderContainer td
{
	width: 50%;
}

.reportHeaderContainer td table
{
	width: 100%
}

.reportHeader
{
	font-size: 14px;
}

.reportHeader td
{
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #cccccc;
	width: 70%;
}

.reportHeader td.reportHeaderLabel
{
	border-bottom: 0px;
	font-weight: bold;
	text-align: right;
	width: 30%;
	font-size: 13px;
}

.reportSection 
{
	width: 100%;
	border: 1px solid #333333;
	margin-bottom: 20px;
	padding: 3px;
}

.reportSection h2
{
	text-align: left;
	border: 1px solid #333333;
	background-color: #1E1566;
	margin: 0px;
	color: #FEFEFE;
	letter-spacing: 2px;
	font-family: Verdana;
	padding: 1px;
}

.reportQuestion /*Outer div for every question - Nested in reportSection div, just below h2 header*/
{
	width: 800px;
	text-align: left;
	margin-bottom: 10px;
}

.reportQuestionBody /*Inner div for every question - Nested below reportQuestion div. No surrounding content*/
{
	
}

.reportQuestionBody td /*Would encompass every td in the reportQuestionBody div tables*/
{
	padding-right: 4px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 6px;
}

.reportQuestionHeader /*First tr in each table nested just below the reportQuestionBody div - used for the question text*/
{
	text-align: left;
	font-size: 13px;
	font-weight: bolder;
	padding: 2px;
	background-color: #cdcdcd;
}

.reportQuestionAnswer td.first, .reportQuestionAnswerAlt td.first /*The child td tags for each of the reportQuestAnswer tr rows - these are 1 row per answer, per question*/
{
	padding-left: 25px;
}

.reportQuestionAnswer td, .reportQuestionAnswerAlt td
{
	border-bottom: 1px solid #efefef;
}

.reportTotals /*For surveys with scoring, the main table that displays section scores*/
{
	font-size: 13px;
	margin-top: 15px;
}

.reportTotals td /*All td tags in the section scores table*/
{
	font-size: 13px;
	padding: 11px;
	border-bottom: 1px solid #cccccc;
}

.reportTotals td.reportTotalLabel /*The left most td tag in the section scores table, houses the section name*/
{
	text-align: right;
}

.reportTotals tfoot td /*All td tags in the footer of the section scores table*/
{
	border-top: 2px solid black;
	border-bottom: 0px;
}

.reportTotals thead td /*All td tags in the header of the sections scores table*/
{
	text-align: center;
	font-weight: bold;
}

.reportQuestionScore
{
	border: medium solid #808080;
	font-weight: bold;
	background-color: #FFFFFF;
}

/* navigation fix incompaibility with IE8*/
.adjustedZIndex {
    z-index: 1000;
}