﻿#formParent
{
    /*font-size:small;*/
}
#formContent
{
    /*font-size:small;*/
}
#formContent h1 
{
	border-bottom: 1px solid #888888;
	color: #7DCD00;
	display: block;
	font: bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 8px 0;
	text-transform: uppercase;
}
#formContent h3 
{
    color:#666666;
    font: bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#formContent label 
{
	display: inline;
	margin: 0;
	font-size: x-small;
}
#formContent h2 
{
	color: #7DCD00;
	display: block;
	font: bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 20px 0 10px 0;
	padding: 0 0 8px 0;
	width: auto;
}
#formContent h4 
{
    color:#0062C4;
    font: bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-bottom:5px;
}
#formContent a:link 
{
    color:#7DCD00;
    text-decoration:none;
    font-size: 1.0em;
    font-weight:bold;
	/*font-size: 130%; */
}
#formContent a:visited 
{ 
    color:#7DCD00;
    text-decoration:none; 
}
#formContent a:hover,a:focus 
{ 
    color:#000000;
    text-decoration:none;
}
img
{
	border:none;
}

/********************************/
/* WIZARD HEADER                */
/********************************/
#wizardHeader table.headerContainer
{
    width:100%;
    border: 0;
    padding: 2%;   
}
/*Validation*/
#wizardHeader .validationSummaryTitle
{
    color:#666666;
}
#wizardHeader .validationSummary
{
    font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-top:10px;
}
/*Progress Tracker*/
#wizardHeader .progress 
{
   color:#aaaaaa;
   font: bold 0.7em Geneva, Arial, Helvetica, sans-serif;
}
html>body #wizardHeader .progress  
{
	font: bold 1.0em Geneva, Arial, Helvetica, sans-serif;
} 
#wizardHeader .progressDivider 
{
    color:#000000;
    font: normal 0.9em Geneva, Arial, Helvetica, sans-serif;
    vertical-align:top;
}
#wizardHeader .progressActive
{
   color:#666666;
	 font-weight:bold;
}
#wizardHeader .progressTop {
	border-bottom: none;
	padding: 1px;
	background: url(../images/dotted_border.gif) repeat-x bottom;	
}
#wizardHeader .progressBottom {
	border-bottom: none;
	padding: 1px;
	background: url(../images/dotted_border.gif) repeat-x top;	
}
#wizardHeader .progressPrompt
{
    color:#666666;
    font: bold 1.0em Geneva, Arial, Helvetica, sans-serif;
}
/*Form Header*/
#wizardHeader div.titleText
{
    color:#7DCD00;
    font: 150% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#wizardHeader .loginInformation
{
    color:#666666;
    font: 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:right;
}
#wizardHeader .applicantName
{
    font-size:130%;
    text-align:center;
}
/********************************/
/* FORM CONTENT                 */
/********************************/
#formContent .questionNumber
{
	font: bold 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
}


#formContent textarea
{
    margin-top:4px;
    width:98%;
    font: normal 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
    /* Changed 120% to 1.0em as text size in text area was bigger than text boxes (SS) */
}
#formContent .URL
{
  font: normal 180% Verdana, Geneva, Arial, Helvetica, sans-serif;  
}
#formContent .questionDivider
{
    border-bottom: dotted 1px #cccccc;
}
#formContent .confirmationTick 
{
    color:#7DCD00;
	font: bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#formContent .mandatoryStar
{
    color:#7DCD00;
}
/*Input Table*/
#formContent table.inputTable
{
    width:100%;
    vertical-align:top;
}
#formContent table.inputTable td 
{
	padding: 2px 0 2px 20px;
	vertical-align:top;
}
#formContent table.inputTable .threeColumn1
{
	width: 40%;
}
#formContent table.inputTable .threeColumn2
{
	width: 32%;
}
#formContent table.inputTable .threeColumn3
{
	width: 28%;
}
#formContent table.inputTable .twoColumn1
{
	width: 80%;
}
#formContent table.inputTable .twoColumn2
{
    /*Have to align cells old school style due to Firefox's lack of support for aligning colGroups!*/
	width: 20%;
}
#formContent table.inputTable .twoColumnB1
{
	width: 40%;
}
#formContent table.inputTable .twoColumnB2
{
	width: 60%;
}
#formContent table.applicationSearch .fourColumn1
{
	width: 20%;
}
#formContent table.applicationSearch .fourColumn2
{
	width: 30%;
}
#formContent table.applicationSearch .fourColumn3
{
	width: 20%;
}
#formContent table.applicationSearch .fourColumn4
{
	width: 30%;
}
#formContent table.inputTable .numberText
{
	font: bold 120% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
}
#formContent table.inputTable .exampleText
{
	font: normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif  
}
#formContent table.inputTable .evidenceText
{
	font: italic 80% Verdana, Geneva, Arial, Helvetica, sans-serif; 
}
/*Welcome Text*/
#formContent div.welcomeMessage
{
    background: #f8f8f8;
	border: 1px solid #cccccc;
	height: 175px;
	margin-bottom: 10px;
	overflow: auto;
	padding: 5px 20px 20px 5px;
	font: normal 83% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/*Important Notes*/
#formContent div.importantNotes
{
    background: #f8f8f8;
	border: 1px solid #cccccc;
	height: 135px;
	margin-bottom: 10px;
	overflow: auto;
	padding: 5px 20px 20px 5px;
	font: normal 83% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*Summary*/
#formContent div.summary
{
	background: #f8f8f8;
	border: 1px solid #cccccc;
	height: 175px;
	margin-bottom: 10px;
	overflow: auto;
	padding: 5px 20px 20px 5px;
	font: normal 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#formContent .summary table
{
    background: #fafafa;
    width:95%
}
#formContent .summary .twoColumn1
{
	width: 40%;
}
#formContent .summary .twoColumn2
{
	width: 60%;
}
#formContent .summary .sectionTitle
{
    border: dashed 1px #e1e1e1;
    padding:5px;
    font: normal 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#6d6d6d;
    background:#F7FEE6;
}
#formContent .summary .answerTitle
{
	font: bold 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align:top;
}
#formContent .summary .answerText
{
	padding:8px;
	font-weight:normal;
	font: normal 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align:top;
}
#formContent .summary p.alignWithP
{
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    padding-left: 0px;
    padding-top: 8px; 
    background: url("") no-repeat center left;
}
#formContent .summary  p
{
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    padding-left: 9px;
    background: url("../images/bullet.gif") no-repeat center left;
    padding-top: 8px;
    background-position: 0 .99em; 
}

/*Complete Table*/
#formContent #completion table.completeTable .twoColumn1
{
	width: 80%;
}
#formContent #completion table.completeTable .twoColumn2
{
	width: 20%;
}
.completeTable td
{
    font: normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*Application Faliure*/
#formContent #applicationFaliure ul 
{ 
    margin: 0;
    margin-top:10px; 
    margin-bottom:10px; 
    padding: 0;
} 
#formContent #applicationFaliure ul li 
{ 
    margin-left: 25px;
    padding-left: 0; 
    color:#CB5062;
    font-weight:bold;
} 

/*Submission*/
#formContent .normalText
{
    font: normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#formContent ul{
	margin-top: 2px;
	margin-bottom:0;
}
#formContent li {
	padding: 0;
	margin: 0;
	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom:15px;
}

#formContent .submittedURL
{
    font: bold 120% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* ==================== */
/* ADMIN                */
/* ==================== */
.nccGrid
{
    font: normal 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
    border: 0;
}

.nccGrid td
{
    /*padding:8px;*/
    font: normal 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
    border: solid 1px #eeeeee;/*
    padding: 4px,4px,4px,4px; 
    text-align: center;
    font: normal 80% Verdana, Geneva, Arial, Helvetica, sans-serif;*/
}

#formContent .nccGrid td a, #formContent .nccGrid td a:link, #formContent .nccGrid td a:visited 
{
    color:#4F76A3;
}
#formContent .nccGrid td a:hover
{
    color:#FF7800;
    text-decoration: underline;
}

.nccGridRowStyle
{

    background-color:#FCFDFE;
    color:#666666;
}
.nccGridAlternatingRowStyle
{
    background-color:#F7F9FC;
    color:#666666;
}
.nccGridHeader
{
    font: normal 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color:#E6EDF5;
    border-top: solid 1px #ff0000;
    text-align:left;
    /*text-transform:uppercase;*/

}

#formContent .nccGridHeader a, #formContent .nccGridHeader a:link, #formContent .nccGridHeader a:visited
{
    color:#4F76A3;
    padding:4px;
    font-weight:bold;
}
 #formContent .nccGridHeader a:hover
{
    color:#4F76A3;
    padding:4px;
    font-weight:bold;
    text-decoration: underline;
}

.nccGridRecordsFound
{
    color:#666666;
    font: normal 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.nccGridHeaderText
{
    color:#666666;
    font: normal 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
    vertical-align:middle; 
    text-align:center;
}
.nccGridPagerText
{
    color:#666666;
    font: normal 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
    vertical-align:text-top;
}

.hiddenColumn
{
    display:none;
}

#formContent #controls
{
    width:100%;

}


#formContent #controls table
{
    width:100%;
    text-align:right;
    font: normal 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-left:1px;
    margin-bottom:2px;
    margin-top:0px;
}

#formContent #controls .textLink
{
    vertical-align:middle;
    padding-right:2px;
    padding-left:3px;
    
}
#formContent #controls a:link, #formContent #controls a:visited
{
    text-decoration:none;
    color:#006BAD;
}
#formContent #controls a:hover, #formContent #controls a:focus
{
    color:#284775;
}
#formContent .button
{
	border:0;
	width:106px;
	height:22px;
	padding:5px;
	text-align:center;
	background-image:url(../images/button.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color:#666666;
	vertical-align:middle;
	background-repeat:no-repeat;
}
formContent table.mi
{
    font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#666666;
}

#formContent table.mi .twoColumn1
{
	width: 50%;
}
#formContent table.mi .twoColumn2
{
	width: 50%;
}
#formContent table.mi .titleText
{
	font: bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#formContent table.editApplication
{
    width:100%;
    font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#666666;
}
#formContent table.editApplication td
{
    vertical-align:top;
    
}
#formContent .editApplication .twoColumn1
{
	width: 40%;
}
#formContent .editApplication .twoColumn2
{
	width: 60%;
}

/* ==================== */
/* CALENDAR             */
/* ==================== */

#calendarBody
{
	padding:0;
	margin:0;
	text-align:center;
	background:#7DCD00;
}

#calendarContainer
{
	border: solid 1px #7DCD00;
	background:#7DCD00;
	padding:0;
	margin:0;
	width:200px;
}
#calendarContainer select
{
	font-size:70%;
}
.yearText
{
	font-weight:bold;
}

#calendarContainer .header td
{
	background:#7DCD00;
	color:#fff;
}
#calendarContainer .header a
{
	text-decoration:none;
	color:#fff;
}
#calendarContainer .dropdowns
{
	width:70%;
}

.calendar
{

	background:#000;
	border: solid 1px #7DCD00;
}
.weekend
{
	border: solid 1px #dedede;
}

.dayHeader
{
	font-size:70%;
	padding-left:5px;
	padding-right:5px;
	background:#F0F7E2;
	border: solid 1px #B9C5A1;
	font-weight:bold;
	color:#666;
}

.otherMonth
{
	font-size:70%;
	border: solid 1px #dedede;
	background:#f2f2f2;
}
.otherMonth a
{
	text-decoration:none;
	color:#ff0000;
}
.day
{
	font-size:70%;
	border: solid 1px #dedede;
}
.day a
{
	text-decoration:none;
	color:#ff0000;
}
.day a:hover
{
	text-decoration:underline;
	color:#000;
}

