/* 
RESET AND SET THE BASE STYLES
*/
@import url(base.css); 

/*
SCCAT COLORS
#C3D2DE = muted blue, message panel background color
#E6E0D2 = khaki tan
#00365B = dark blue, headers, box borders
#e8e8e8 = light gray, row alternate
#ffcc00 - post-it yellow, for call-outs

*/


/* DEFINE THE OEC BASIC SKIN */
html { font-size: 1em;}
body {
	font-size: 1em;
/*	font-family: Verdana, Arial, Helvetica, sans-serif;
*/
}
.ApReviewPrint { font-size: 85%;}
html > body * {
}
p, th, td {
	margin: .5em 0; /* 14x1.286=18px */
}

/* THE JOBAPS CONTAINER */
#JobApsContent
{
	padding: 0em;
	margin-top: 0em;
}

.wrapper { max-width: 950px;}
/* THE JOBAPS NAVIGATION */
#JANav
{
	border-top: 1px #999 solid;
	border-bottom: 1px #999 solid;
	width: 90%;
	margin: 1em auto;
	/*font-weight: bold;*/
	text-align:center;
	padding: .5em;
}
#JANav li
{
	list-style: none;
	display: inline;
	border-right: 2px #999 solid;
	white-space: nowrap;
	line-height: 1.5em;
}
#JANav li.last
{
	border-right: none;
}
 #JANav li a
 {
	padding: 0em .75em;
	text-decoration: none;
}

 #JANav li a:hover
, #JANav li a:active
, #JANav li a:focus
 {
	text-decoration: underline;
}
#PageFooter
{
	padding: .5em 2em;
	margin: 0em auto;
	text-align: center;
	clear: both;
}

h1, h2, h3, h4 {
    color: #9C4F1B;
    font-weight:  normal;
}

H1 { font-size: 26px; margin: 0 0 0.5em 0; line-height: 1.25em; }
H2 { font-size: 1.35em; margin: 0 0 0.5em 0; line-height: 1.15em; }
H3 { font-size: 1.15em; margin: 0 0 0.5em 0; line-height: 1em; }
H4 {
    font-size: 1em;
    margin: 0 0 0.5em 0;
}


/*---------------------------------------------*/
/*  HEADER TEMPLATE BODY STYLES                */
/*---------------------------------------------*/

body.BodyGeneric 
{
    margin: 0em 2em;
    background-color: #fff;
}
/* THE AP PAGE BODY */
body.ApPagebody 
{
    background-color: #ffffff;
}
body.ApPagebody
{
    margin: 0em auto;
    text-align: center;
	border-bottom: #00365b 3em solid;

}

/*---------------------------------------------*/
/*  FOOTER TEMPLATE STYLES                */
/*---------------------------------------------*/
	
#OEC_Footer {
	/*background-color: #ffffff;*/
	text-align: center;
}
    #OEC_Footer a {
        color: #999999;
    }
    #OEC_Footer img, #ApPageFooter img {
        border: 0;
        vertical-align: middle;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
    }
#ApPageFooter {
	text-align: center;
	padding: 0em;
	/*border-top: #00365b 1px solid;*/
    margin: 1em auto;
	background: url(../../_skin/images/hex_hdr.jPG) repeat-x left -30px;
}
/*---------------------------------------------*/
/* MISC GLOBAL ID SELECTOR                                */
/*---------------------------------------------*/
/* DATE DISPLAY */
#HeaderDatePanel {
	font-size: 1em;
	padding: 0em 2em;
	text-align: right;
	/*
margin-bottom: -2em;display: none;
position: relative;
width: 100%;
display: inline;
float: right;
margin-right: 1em;

 */
}
/*---------------------------------------------*/
/*  JOBLISTING PAGE                     */
/*---------------------------------------------*/
#SearchPage .HelpDiv {
	text-align: right;
	width: 50%;
	height: 2em;
	float: right;
	padding: .25em;
}
#HelpDivSubmit {
	width: 35px;
	padding: 0px;
	margin: 0px;
}
#SearchPage .NarrowLink, #SearchPage .HelpDiv label {
	font-weight: bold;
	color: #00365B;
	background-image: url("../../graphics/ShowSearch.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 2em;
	height: 2em;
}
#SearchPage .NoResultsBlock {
	text-align: center;
	font-weight: bold;
	/* POST-IT */
	background-color: #ffffcc;
	margin: 2em;
	padding: 2em;
	border: 1px #ffffff solid;
	border-bottom: 1px solid #00365B;
	border-right: 1px solid #00365B;
}
/*---------------------------------------------*/
/*  JOBLISTING SEARCH FORM                     */
/*---------------------------------------------*/

#SearchPanel {
	display: none;
	position: relative;
	padding: 0em;
	margin-bottom: 1em;
}
#SearchPanel fieldset {
	position: relative;
}
#SearchPanel fieldset.LayoutAdjust {
	margin-top: 2em;
}
#SearchPanel legend {
	color: #00365B;
	font-weight: bold;
	padding: .25em;
}
#SearchPanel legend span {
	background-color: #00365B;
	color: #ffffff;
	font-weight: bold;
	display:block;
	position:absolute;
	top:-22px;
	left:0px;
	width: 98%;
	padding: .25em .5em;
}
#SearchPanel input[type="text"], #SearchPanel select {
	float: left;
	margin: .25em 0;
	width: 65%;
}
#SearchPanel .Controls {
	text-align: center;
	margin: 1em auto;
}
/* COMMON TABLE */
.SearchPanelTable {
	background-color: #ffffff;
	border-collapse: collapse;
	margin: 0em auto;
	width: 100%;
	border: 1px solid #C3D2DE;
}
.SearchPanelTable th {
	background-color: #C3D2DE;
	color: #00365B;
	font-weight: bold;
	padding: .5em;
	vertical-align: top;
	text-align: right;
	width: 20%;
	border-top: 1px solid #FFFFFF;
}
.SearchPanelTable td {
	padding: .5em;
	vertical-align: middle;
	border-top: 1px solid #C3D2DE;
}
/*---------------------------------------------*/
/*  JOBLISTING RESULT TABLE                    */
/*---------------------------------------------*/
#JobListing {
	background-color: #ffffff;
	border: 1px #ffffff solid;
	margin: .5em auto;
	width: 100%;
	border-collapse: collapse;
}
#JobListing tr.ColumnHeader {
	background-color: #00365B;
}
#JobListing tr.ColumnHeader th {
	color: #ffffff;
	text-align: center;
	padding: .5em;
}
#JobListing tr.ColumnHeader th a {
	color: #ffffff;
}
#JobListing tr.RowHeader {
	background-color: #C3D2DE;
}
#JobListing tr.RowHeader th {
	color: #00365B;
	font-weight: bold;
	font-size: 105%;
	text-align: center;
	padding: .5em;
}
#JobListing td {
	/*text-align: center;*/
	padding: .5em;
}
#JobListing .JobTitle {
	font-weight: bold;
	display: block;
}
#JobListing .JobNum {
	font-weight: normal;
	display: block;
}
#JobListing .IconNew {
	background-image: url("../../graphics/newIcon.gif");
	background-repeat: no-repeat;
	background-position: 50% top;
	padding-top: 1.1em;
}
#JobListing td.Locs, #JobListing td.Salary, #JobListing td.Dept {
	text-align: left;
}
#JobListing .NoResultsText {
	font-style: italic;
}
/*---------------------------------------------*/
/*  JOB BULLETIN / JOB STATUS                   */
/*---------------------------------------------*/
#JobBulletin {
}
#JobBulletin h1 {
	margin-bottom: .5em;
	padding-bottom: 0em;
}
#JobBulletin h2 {
	font-weight: bold;
	color: #00365B;
	padding: .5em 1em;
	background-color: #C3D2DE;
	margin: .5em 0;
}
#JobBulletin .JobSubTitle {
	font-weight: bold;
	font-size: 135%;
}
#JobBulletin .JobNumTitle {
	font-weight: bold;
	font-size: 125%;
	color: #00365B;
}
#JobBulletin .DetailTable {
	background-color: #ffffff;
	border-collapse: collapse;
	border: 1px #ffffff solid;
	margin: .5em auto;
	width: 100%;
}
#JobBulletin .DetailTable th {
	color: #00365B;
	font-weight: bold;
	font-size: 100%;
	text-align: right !important;
	padding: .5em;
	width: 25%;
	vertical-align: top;
	text-transform: uppercase;
}
#JobBulletin .DetailTable td {
	font-size: 105%;
	text-align: left !important;
	padding: .5em;
	vertical-align: middle;
}
#JobBulletin .Controls {
	border-top: 2px #00365B solid;
	border-bottom: 2px #00365B solid;
	text-align: center;
	padding: 1em;
}
#JobBulletin .CloseButton {
	text-align: center;
}
#JobBulletin .Controls a {
	margin: 1em;
}
#JobBulletin .ApplyPanelDiv {
	width: 80%;
	text-align: left;
	margin: 0 auto;
}
#JobBulletin .ApplyPanelDiv .PanelHead {
	font-weight: bold;
	font-size: 105%;
}
#JobBulletin .ApplyPanel {
	border: 2px #00365B solid;
	background-color: #E6E0D2;
}
#JobBulletin .ApplyPanel td {
	padding: 1em;
	font-weight: bold;
	font-size: 105%;
	border: 1px #00365B solid;
	color: #00365B;
}
#JobBulletin .ApplyPanel td.RightPanel {
	background-color: #ffffff;
	font-weight: normal;
}
/*---------------------------------------------*/
/*  JOB STATUS                   */
/*---------------------------------------------*/
#JobStatus {
}
#JobStatus .DetailTable {
	background-color: #ffffff;
	border-collapse: collapse;
	border: 1px #ffffff solid;
	margin: .5em auto;
	width: 100%;
}
#JobStatus .DetailTable th {
	color: #00365B;
	font-weight: bold;
	font-size: 100%;
	text-align: right !important;
	padding: .5em;
	width: 25%;
	vertical-align: top;
	text-transform: uppercase;
}
#JobStatus .DetailTable td {
	font-size: 105%;
	text-align: left !important;
	padding: .5em;
	vertical-align: middle;
}
#JobStatus .DetailTable td td {
	padding: 0em;
}

#JobStatus .Controls {
	text-align: center;
	margin: 1em auto;
}
#JobStatus .BulletinPreview {
	text-align: center;
	margin: 1em auto;
}
/*---------------------------------------------*/
/*  JOB STATUS BOARD		                   */
/*---------------------------------------------*/

#JobStatusBoard {
}
#JobStatusBoard h1 {
	margin-bottom: .5em;
	padding-bottom: 0em;
}
#JobStatusBoard td.JobTitle {
	text-align: left;
	font-weight: bold;
}
#JobStatusBoard th a {
	color: #ffffff;
}
/*---------------------------------------------*/
/*  TERMS OF USE                                 */
/*---------------------------------------------*/
#TermsOfUseDiv {
}
#TermsOfUseDiv p.CallOut {
	font-weight: bold;
	color: #00365B;
	text-align: center;
	text-transform: uppercase;
}
#TermsOfUseForm {
	border: 1px #00365B solid;
	background-color: #E6E0D2;
	padding: 1em;
	margin: 1em;
}
#TermsOfUseForm p {
	font-size: 110%;
}
#TermsOfUseForm .Controls {
	text-align: center;
	margin: 1em auto;
}
/*---------------------------------------------*/
/*  PersonalStatusBoard RESULT TABLE                    */
/*---------------------------------------------*/
#PersonalStatusBoardPage {
}
#PersonalStatusBoardPage .ControlsLeft {
	margin-top: -3em;
	text-align: left;
}
#PersonalStatusBoardPage .ControlsRight {
	margin-top: 0em;
	text-align: right;
	margin-top: -2.5em;
}
#PersonalStatusBoardPage
 {
	text-align: left;
}
#PersonalStatusBoard {
	background-color: #ffffff;
	border: 1px #ffffff solid;
	margin: .5em auto;
	width: 100%;
	border-collapse: collapse;
}
    #PersonalStatusBoard tr.ColumnHeader {
        background-color: #E6E0D2;
    }
        #PersonalStatusBoard tr.ColumnHeader th {
            color: #000;
            text-align: center;
            vertical-align: middle;
            background-color: #E6E0D2;
        }
#PersonalStatusBoard tr.ColumnHeader th a {
	color: #000;
}
#PersonalStatusBoard td {
	text-align: center;
	padding: .5em;
}
#PersonalStatusBoard .JobTitle {
	font-weight: bold;
	display: block;
}
#PersonalStatusBoard .JobNum {
	font-weight: normal;
	display: block;
}
#PersonalStatusBoard .Review {
	/*background-image: url("../../graphics/ClickToReview.gif");
	background-repeat: no-repeat;
	background-position: 50% top;
	padding-top: 2em;*/
}
    #PersonalStatusBoard .Reapply {
        /*background-image: url("../../graphics/ClickToReapply.gif");
	background-repeat: no-repeat;
	background-position: 50% top;
	padding-top: 2em;*/
        margin-bottom: 0.5em;
        display: block;
    }
#PersonalStatusBoard .Copy {
	/*background-image: url("../../graphics/ClickToCopy.gif");
	background-repeat: no-repeat;
	background-position: 50% top;
	padding-top: 2em;*/
}
#PersonalStatusBoard .Finish {
	/*background-image: url("../../graphics/ClickToFinish.gif");
	background-repeat: no-repeat;
	background-position: 50% top;
	padding-top: 2em;*/
}
#PersonalStatusBoard .Late {
	color: Red;
}
#PersonalStatusBoard td.Locs, #PersonalStatusBoard td.Salary, #PersonalStatusBoard td.Dept {
	text-align: left;
}

    #PersonalStatusBoard h2 {
        margin-top: 1em;
        margin-bottom: 0em;
        background-color: #00365B;
        color: #ffffff;
        padding: .5em;
        /*-moz-border-radius: 8px 8px 0px 0px;
        -webkit-border-radius: 8px 8px 0px 0px;
        -khtml-border-radius: 8px 8px 0px 0px;
        border-radius: 8px 8px 0px 0px;*/
    }

/*---------------------------------------------*/
/*  HELP TOPICS                                */
/*---------------------------------------------*/
#HelpTopics {
}
#HelpTopics h2 {
	border-top: solid 1px #00365B;
	margin-top: 2em;
	padding-top: .5em;
}
/*---------------------------------------------*/
/*  LOGON FORM                     */
/*---------------------------------------------*/
/*---------------------------------------------*/
/*  USER REGISTRATION                                 */
/*---------------------------------------------*/
/*---------------------------------------------*/
/*  USER UPDATE CONTACT INFO                       */
/*---------------------------------------------*/
#LogonPanel {
	width: 75%;
}
#UpdateContactInfo, #UserRegistration, #LogonPanel {
	margin: 2em auto;
}
#UpdateContactInfo fieldset, #UserRegistration fieldset, #LogonPanel fieldset {
	position: relative;
}
#UpdateContactInfo fieldset.LayoutAdjust, #UserRegistration fieldset.LayoutAdjust, #LogonPanel fieldset.LayoutAdjust {
	margin-top: 2em;
}
#UpdateContactInfo legend, #UserRegistration legend, #LogonPanel legend {
	color: #00365B;
	font-weight: bold;
	padding: .25em;
}
#UpdateContactInfo legend span, #UserRegistration legend span, #LogonPanel legend span {
	background-color: #00365B;
	color: #ffffff;
	font-weight: bold;
	display:block;
	position:absolute;
	top:-22px;
	left:0px;
	width: 98%;
	padding: .25em .5em;
}
/* COMMON TABLE */
.UserProfileTable {
	background-color: #ffffff;
	border-collapse: collapse;
	margin: 0em auto;
	width: 100%;
	border: 1px solid #C3D2DE;
}
.UserProfileTable th {
	background-color: #C3D2DE;
	color: #00365B;
	font-weight: bold;
	padding: .5em;
	vertical-align: top;
	text-align: right;
	width: 20%;
	border-top: 1px solid #ffffff;
}
.UserProfileTable th:first-child {
	/* border-top: 1px solid #C3D2DE;*/
} 
.UserProfileTable th span 
{
	display: block;
	font-style:normal;
	font-weight:normal;
}

.UserProfileTable tr.RowHeader {
	background-color: #00365B;
	color: #ffffff;
	font-weight: bold;
}
.UserProfileTable tr {
	border-top: 1px solid #C3D2DE;
}

.UserProfileTable td table th {
	border-top: none;
}

.UserProfileTable td {
	padding: .5em;
	vertical-align: middle;
	border-top: 1px solid #C3D2DE;
}
.UserProfileTable td th {
	background-color: #ffffff;
	color: #00365B;
	font-weight: normal;
	padding: .5em;
	vertical-align: top;
	text-align: right;
	width: 18%;
}

.UserProfileTable td table {
	width: 90%;
}
.UserProfileTable td table tr:first-child 
,.UserProfileTable td table tr:first-child td {
	border-top: none;
} 

.UserProfileTable td table th {
	border-top: none;
}

/*---------------------------------------------*/
/*  OEC APPLICATION TABS                     */
/*---------------------------------------------*/
/* THE NAVIGATION BAR WRAPPER */
#AppNavBarDiv {
	margin: 0 auto;
	text-align: center;
}
#AppNavBarDiv table {
	margin: 0 auto;
	text-align: center;
}
#AppNavBarDiv h1
, #AppNavBarDiv h2{
	margin: 0 auto;
}

/* THE APPLICATION PAGE WRAPPER */
#AppPageDiv {
	margin: 0em auto;
	max-width: 955px;
	min-height: 450px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	line-height: 1.25em;
	/*background-image: url(../../_skin/images/background_ds.png);
	background-repeat: repeat-y;
	background-position: center;*/
	text-align: left;
	}
.BodyGeneric #AppPageDiv {
}

#bluebar {
	background-color: #00365B;
	height: 20px;
	width: 955px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../../_skin/images/menu_bg.jpg);
	display: none;
}

#AppPageDiv form {
	margin: 0 auto;
	width: auto;
}
#AppPageDiv h1 {
	margin: .25em auto;
	padding: 0 0;/*display: none;*/
}

#AppSchoolCols td
{
		vertical-align: bottom;
}
.AppPageTableNarrow
{
	/*width: 90% !important;*/	
	/*margin-top: 1em !important;*/
}
.ApReviewBodySection td
{
    vertical-align: top;
}
/* COMMON TABLE */
.AppPageTable {
    background-color: #ffffff;
    border-collapse: collapse;
    margin: 0em auto;
    width: 100%;
    border: 1px solid #C3D2DE;
}
.AppPageTable th {
	background-color: #C3D2DE;
	color: #00365B;
	font-weight: bold;
	padding: .5em;
	vertical-align: top;
	text-align: right;
	width: 20%;
	border-top: 1px solid #FFFFFF;
}
.AppPageTable th.ColSpan {
	background-color: #C3D2DE;
	color: #00365B;
	font-weight: bold;
	padding: .5em;
	vertical-align: top;
	text-align: left;
	border-top: 1px solid #FFFFFF;
}
table.cols th {
	text-align: center;
	width: auto;
}
.AppPageTable th span {
	font-weight: normal;
	display: block;
}
.AppPageTable tr.RowHeader {
	background-color: #00365B;
	color: #ffffff;
	font-weight: bold;
}

.AppPageTable tr {
	border-top: 1px solid #C3D2DE;
}

.AppPageTable td {
	padding: .5em;
	vertical-align: top;
	border-top: 1px solid #C3D2DE;
}
.AppPageTable td th {
	background-color: transparent;
	color: #00365B;
	font-weight: normal;
	padding: .5em;
	vertical-align: top;
	text-align: right;
	width: 15%;
	border-top: 1px solid #C3D2DE;
}
.AppPageTable td table {
	width: 90%;
}
.AppPageTable td table tr:first-child {
	border-top: none;
} 
.AppPageTable td table th {
	border-top: none;
}
    .AppPageTable td table td:first-of-type {
        border-top: none;
    }

.AppPageTable label span {
	font-weight: normal;
	font-style: italic;
}
.AppPageTable th label span {
	font-weight: normal;
	font-style: normal;
}

.AppPageProfileTable td {
	padding: .5em;
	border-top: 1px solid #C3D2DE;
	border-right: 1px solid #C3D2DE;
}

/* APP REVIEW PROFILE TABLE */
.AppPageProfileTable {
	background-color: #ffffff;
	border-collapse: collapse;
	margin: 0em auto;
	width: 100%;
	border: 1px solid #C3D2DE;
}

.AppPageProfileTable th {
	font-size: 80%;
	font-weight: bold;
	color: #00365B;
	background-color: #C3D2DE;
}
/* APP SCHOOL SPECIAL SKILL DIV */
#ApPageSpecialSkills {
	width: 100%;
}
/* APP REVIEW JOB TABLE */
.AppPageJobTable {
	background-color: #ffffff;
	border-collapse: collapse;
	margin: 1em auto;
	width: 100%;
	border: 1px solid #000;
}

.AppPageJobTable td span {
	padding: .25em;
	margin-bottom: .5em;
	display: block;
	font-size: 80%;
	font-weight: bold;
	color: #00365B;
	background-color: #C3D2DE;
}

.AppPageJobTable td {
	padding: .5em;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	vertical-align: top;
}
  .ApReviewPrint  .AppPageJobTable th {
        padding: .5em;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        vertical-align: top;
        font-weight: normal;
    }


.AppPageJobTable thXX {
	font-size: 80%;
	font-weight: bold;
	color: #00365B;
	background-color: #C3D2DE;
}


/* APP FORM */
#AppPageForm fieldset {
	position: relative;/*border: 1px solid #C3D2DE;
	border-top: none;
	 background-color: #C3D2DE;*/
	/*width: 90%;*/
	margin: 0em auto;

}
#AppPageForm fieldset.LayoutAdjust {
	margin-top: 1em;
}
#AppPageForm legend {
	color: #00365B;
	font-weight: bold;
	font-size: 110%;
	padding: 0;
	margin: 0;/* padding: .25em;*/
}
#AppPageForm  h2 {
	background-color: #00365B;
	color: #ffffff;
	display:block;
	/*position:absolute;
	top:-27px;*/
	left:0px;
	width: 100%;
	padding: .25em .5em;
    margin-bottom: 0em;
}
#AppPageForm fieldset .MessagePanel {
	margin: 1px 0px 3px 0px;
}
.AppPageWrapper {
	background-color: #ffffff;
	margin: .5em auto;
	padding: 1em;
	border: 1px solid #C3D2DE;
}

.RaceCodes SPAN {
	display: block;
	margin-left: 2em;
	font-style: italic;
}
.InputFloat {
	float: left;
	margin: 0 .5em;
}
.LabelFloat {
	float: left;
	margin: 0px;
	width: 3em;
	text-align: right;
    clear: left;
}

/* DEPT PREFS */
#ApPageDeptPrefs .underlineBold
{
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
}
#ApPageDeptPrefs .childOpt
{
	margin-left: 1.5em;
}

ul.DeptWorkPref
{
	list-style:none;
	margin: 0;
	margin-left: 0em;
}
ul.DeptWorkPref li.childOpt
{
	margin-left: 2em;
}

/* LOATIONS */
ul.AppLocations
{
	list-style:none;
	margin: 0;
	margin-left: 0em;
}


/* AP PROFILE LANGUAGES */
#AppPageLanguageTable {
}
#AppPageLanguageTable select
, #AppPageLanguageTable input[type="text"]

{
	/*width: 15em;*/
}

/* LANGUAGES - REVIEW TAB */
#AppReviewLanguageTable img
{
	margin-left: 1em;
}
#AppReviewLanguageTable .AppResponseText
{
	white-space: nowrap;
}
.AppPageDivBorder
{
	border: 1px solid #C3D2DE;
	padding: .5em;
	
}
/* SUBMIT TAB */
#SubmitParts li a {
	font-weight: bold;
	font-size: 115%;
}
/* FINAL AP */
.RedCallOut {
	font-weight: bold;
	color: #990033;
	text-align: left;
}
.AdMatTable input
{ margin-left: 2em;}


/* MULTIAP */
.MultiApTabTitle {
    font-weight: bold;
    width: 95%;
}

.MultiApPageTitle {
    width: 90%;
}

.MultiApSectionTitle {
    font-weight: bold;
    width: 90%;
}

.MultiApTextArea {
    height: 200px;
    width: 90%;
}

.MultiApEditCol {
    width: 10%;
    white-space: nowrap;
    text-align: left;
}

.CheckFloat {
    border: 1px solid black;
    text-align: left;
    float: left;
    position: absolute;
}

.MultiApSectionEditCol {
    width: 11% !important;
    white-space: nowrap;
    background-color: #DDDDDD !important;
    color: #000;
    font-weight: bold;
    border: none !important;
    vertical-align: middle !important;
}

    .MultiApSectionEditCol label {
        font-weight: bold;
    }

body.MultiAp * .SectionBlock {
    padding: 1em;
    border-right: #dddddd 1px solid;
    border-top: #dddddd 1px solid;
    border-left: #dddddd 1px solid;
    border-bottom: #dddddd 1px solid;
}
/*---------------------------------------------*/
/*  AP REVIEW PRINT TAB                                 */
/*---------------------------------------------*/

/* APP REVIEW RESPONSE TEXT */
.AppResponseText {
	/* respone text 
	font-weight: bold;*/
	font-size: 100%;
}
.AppPageSchoolTable td
, .AppPageTrainingTable td
, .AppPageCertTable td
, .Signature td
{
	border-left: 1px solid #C3D2DE;
}

.ApReviewPrint table {
    page-break-inside: avoid;
}
.ApReviewPrint th, .ApReviewPrint td {
    page-break-after: avoid;
    page-break-inside: avoid;
}
.ApReviewPrintInnerWrapper
{
	width: 90%;
	margin: 0em auto;
}

.EditButton {
	display: block;
	background-image: url(/images/edit.gif);
	background-repeat: no-repeat;
	background-position: 50% center;
	width: 55px;
	height: 20px;
	margin-right: 0;
	float: right;
	padding-bottom: 1em;
	clear: both;
	margin-top: 0em;
}
.ApReviewPrint h2 {
	font-size: 140%;
	padding: 5px;
	font-weight: bold;
	letter-spacing: 2px;
}
.ApReviewPrint .SectionHead {
	clear: both;
	page-break-after: avoid;
	page-break-inside: avoid;
	border-top: 2px solid #00365B;
	border-bottom: 2px solid #00365B;
	font-weight:bolder;
	padding: 5px;
	margin-top: .5em;
}
.ApReviewPrint .UserProfileTable tr:first-child {
	 /*border-top: 1px solid #C3D2DE;*/
} 

.page-break-before {
	page-break-before:always;
}
#CountyHeadBlock {
	text-align: center;
	display: none;
}
#CountyHeadBlock h1 {
	margin: 0;
	padding: 0;
}
#CountyHeadBlock p {
	margin-top: 0;
	font-weight: bold;
}
.AddressCell
{
	padding-bottom: 0.5em;
   font-size:115%;
	text-decoration: underline;
}
.LabelCell
{
	font-weight: bold;
   font-size:90%;
   vertical-align: top;
}
.questiontext 
	{
		
	/*font-size: 100%;*/
	}

table.ApReviewBodySection {
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
}
table.ApReviewBodySection th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: black;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.ApReviewBodySection td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: black;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.ApReviewBodySectionNoBorder {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
}
table.ApReviewBodySectionNoBorder th {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
}
table.ApReviewBodySectionNoBorder td {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
}
/*---------------------------------------------*/
/*  COMMON STYLES                                 */
/*---------------------------------------------*/

/* COMMON FORM TABLE */
.FormBasic {
    background-color: #ffffff;
    border-collapse: collapse;
    margin: 1px auto;
    width: 100%;
    border: 1px solid #E1E1E1;
}

    .FormBasic th, .FormBasic td.th {
        background-color: #e8e8e8;
        color: #36618A;
        font-weight: bold;
        font-size: 90%;
        padding: .25em .5em;
        vertical-align: middle;
        text-align: right;
        width: 20%;
        border-bottom: 1px solid #ffffff;
    }

        .FormBasic th:first-child {
            /* border-top: 1px solid #E1E1E1;*/
        }

        .FormBasic th span {
            font-style: normal;
            font-weight: normal;
        }

    .FormBasic tr.RowHeader {
        background-color: #36618A;
        color: #ffffff;
        font-weight: bold;
    }

    .FormBasic tr {
        border-top: 1px solid #E1E1E1;
    }


    .FormBasic td {
        padding: .25em .5em;
        vertical-align: middle;
        border-top: 1px solid #E1E1E1;
        text-align: left;
    }

        .FormBasic td.RowHeader {
            text-align: center !important;
            background-color: #C6D6DD;
            font-weight: bold;
            color: #36618A;
        }

    .FormBasic select {
        width: 75%;
    }

    .FormBasic td select.nosize {
        width: auto !important;
    }

    .FormBasic td fieldset {
        margin-bottom: 0;
    }

fieldset.FormBasic {
    position: relative;
    /*border: 1px solid #E1E1E1;
	border-top: none;
	 background-color: #E1E1E1;*/
    border: none;
    display: block;
    /*margin: .5em 0 0;*/
    padding: .25em;
    /*border: 1px solid #E1E1E1;*/
    margin-bottom: .05em;
    margin-top: 0.05em;
    background-color: transparent;
}

    fieldset.FormBasic legend {
        width: 50%;
        margin-left: -2000px;
        height: .1em;
    }




.DetailTableHoriz {
	background-color: #ffffff;
	border-collapse: collapse;
	border: 1px #C3D2DE solid;
	margin: .5em auto;
	width: 100%;
}
.DetailTableHoriz th {
	background-color: #00365B;
	color: #ffffff;
	font-weight: normal;
	padding: .5em;
	vertical-align: top;
}
.DetailTableHoriz td {
	padding: .5em;
	vertical-align: middle;
}
.DetailTableHoriz td td {
	padding: 0em;
}
.Controls {
	text-align: center;
	margin: 1em auto;
}
.MessagePanel {
	margin: 0em auto;
	background-color: #E6E0D2;
	padding: .5em 1.5em;
	display: block;
	border-bottom: 2px #C3D2DE solid;
}
.post-it {
	background-color: #ffffcc;
	margin: 2em;
	padding: 2em;
	border: 1px #ffffff solid;
	border-bottom: 1px solid #00365B;
	border-right: 1px solid #00365B;
}
.WarningPanel {
	background-color: #ffffcc;
	margin: 2em;
	padding: 2em;
	border: 1px #ffffff solid;
	border-bottom: 1px solid #00365B;
	border-right: 1px solid #00365B;
}
.CallOut {
	font-weight: bold;
	color: #00365B;
	text-align: center;
	text-transform: uppercase;
}
.Asterisk {
	font-weight: bold;
	color: #FF0000;
	font-size: 110%;
	background-image:url(../../graphics/asterisk.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding-right:10px;
	display: inline-block;
}
.required {
	background-image:url(../../graphics/asterisk.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding-right:10px;
	display: block;
}
.requiredLeft {
	background-image:url(../../graphics/asterisk.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:10px;
}
td.ControlLinks {
	white-space: nowrap;
	overflow: visible;
	width: 14em;
}
td.ControlLinks ul, td.ControlLinks ul li {
	border:0;
	margin:0;
	padding: 0;
	list-style:none;
}
td.ControlLinks ul {
	white-space: nowrap;
	overflow: visible;
}
td.ControlLinks ul li {
	display: inline;
	text-align: center;
	padding: 0;
}
td.ControlLinks a {
	padding: 0em .5em;
	border-left: 1px #C3D2DE solid;
	font-size: 90%
}
/* CLASS SPECS INTEREST CARDS */
#ClassSpecsInterestCard {
}
#ClassSpecsInterestCard .SearchTable {
	width: 100%;
}
#ClassSpecsInterestCard .LetterLinks {
	width: 100%;
	text-align: center;
}
.LetterLinks a {
	font-weight: bold;
	padding: 0 .25em;
}
#ClassSpecsInterestCard ul {
	border:0;
	margin:0 2em;
	padding: 0;
	list-style:none;
}
#ClassSpecsInterestCard ul li.LetterGroup {
	font-size: 110%;
	font-weight: bold;
	font-style: oblique;
	color: #00365B;
	padding: .5em 3em;
	background-color: #E6E0D2;
	margin: .5em 0;
}
#ClassSpecsInterestCard ul li.LetterGroup a {
}
/*---------------------------------------------*/
/*  MISC GLOBALS                                 */
/*---------------------------------------------*/
a:link {
	text-decoration: none;
	color: #00365B;
}
a:visited {
	text-decoration: none;
	color: #00365B;
}
a:active {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
hr {
	color: #00365B;
}
.ButtonStyle {
	border-width:2px;
	text-align:center;
	padding:0px 10px;
	font-weight: normal;
	color:#333;
	background-color:#C3D2DE;
	margin: 5px;
}
.ButtonStyleSmall {
	border-width:1px;
	text-align:center;
	padding:0px 3px;
	font-weight: normal;
	color:#333;
	background-color:#C3D2DE;
	margin: 2px;
	font-size: 90%;
}
input[type="text"]:focus, textarea:focus, select:focus, input[type="password"]:focus /*, input:focus */ {
	background-color: #ffffcc;
}
textarea {
	width: 98%;
}
br {
	margin: 0;
	padding: 0;
}
.clear {
	clear:both;
	height:2px;
	font-size:1px;
	border:none;
	margin:0 0 -2px 0;
	padding:0 !important;
	width:auto !important;
	float:none !important;
}
.clear-left {
	clear:left;
}
.clear-right {
	clear:right;
}

/* WIDE TABLE FLOATS */
.LiquidFloat {
    float: left;
    padding: 0.5em;
}

.nosize {
    width: auto !important;
}

.border-box {
    border: 1px solid #C3D2DE;
}
.border-bottom {
    border-bottom: 1px solid #C3D2DE;
}

    /* STYLES */
    .bold {
        font-weight: bold;
    }

    .italic {
        font-style: italic;
    }

    .oblique {
        font-style: oblique;
    }

    .small-caps {
        font-variant: small-caps;
    }

    .block {
        display: block;
    }

    .inline {
        display: inline;
    }

    .inline-block {
        display: inline-block;
    }

    .hide {
        display: none;
    }

    .visible {
        visibility: visible;
    }

    .hidden {
        visibility: hidden;
    }

    .underline {
        text-decoration: underline;
    }

    .float-right {
        float: right;
        position: relative;
    }

    .float-left {
        float: left;
        position: relative;
    }

    a.decoration-none {
        text-decoration: none;
    }

    .odd {
        background-color: #e8e8e8;
    }

    .even {
        background-color: #ffffff;
    }
    /* ALIGNMENT */
    .block-center {
        margin-left: auto;
        margin-right: auto;
    }

    .block-right {
        margin-right: 0;
    }

    .vertical-middle {
        vertical-align: middle;
    }

    .vertical-top {
        vertical-align: top;
    }

    .vertical-bottom {
        vertical-align: bottom;
    }

    .right {
        text-align: right;
    }

    .center {
        text-align: center;
    }

    .left {
        text-align: left;
    }

    .nowrap {
        white-space: nowrap;
    }
    /* WIDTHS */
    .w5 {
        width: 5%;
    }

    .w10 {
        width: 10%;
    }

    .w15 {
        width: 15%;
    }

    .w20 {
        width: 20%;
    }

    .w22 {
        width: 22%;
    }

    .w25 {
        width: 25%;
    }

    .w30 {
        width: 30%;
    }

    .w33 {
        width: 33%;
    }

    .w35 {
        width: 35%;
    }

    .w40 {
        width: 40%;
    }

    .w45 {
        width: 45%;
    }

    .w50 {
        width: 50%;
    }

    .w75 {
        width: 75%;
    }

    .w100 {
        width: 100%;
    }

    p.rss-feed {
        text-align: center;
    }

        p.rss-feed a {
            background: transparent url(/graphics/rss-feed.png) no-repeat left 50%;
            padding-left: 20px;
        }

    /*---------------------------------------------*/
    /*  For Print                                  */
    /*---------------------------------------------*/

    @media print {
        /* Hides or change layout for print */
        body {
            background-color: #ffffff;
            margin: 0;
            padding: 0;
            font-size: 80%;
        }

        #PrintWrapper, #AppPageDiv, #AppNavBarDiv {
            width: auto;
            margin: 0;
            padding: 0;
        }

        #PrintDivWrapper, #PrintDiv, #PrintDiv2, .EditButton {
            display: none;
        }

        .AppResponseText {
            /* respone text */
            font-weight: bold;
            font-size: 100%;
        }

        #printSQ {
            width: 100%;
        }

        #hrsdivsidebar {
            /* HIDE THE LEFT NAV */
            display: none;
        }

        #hrscontent {
            margin: 0em auto;
            text-align: center;
        }

        .AppPageTable {
            border: 0;
        }

        .Controls {
            /* HIDE THE BUTTONS */
            display: none;
        }
        /* SHOW THE COUNTY APP HEADER */
        #CountyHeadBlock {
            display: block;
        }

        * {
            background-color: white !important;
            background: transparent !important;
            color: #444 !important;
            text-shadow: none;
        }

        a, a:visited {
            color: #444 !important;
            text-decoration: underline;
        }

            a:after {
                /* content: " (" attr(href) ")"; */
            }

        abbr:after {
            /* content: " (" attr(title) ")"; */
        }

        .ir a:after {
            content: "";
        }
        /* Don't show links for images */
        pre, blockquote {
            border: 1px solid #999;
            page-break-inside: avoid;
        }

        img {
            page-break-inside: avoid;
        }

        p, h2, h3 {
            orphans: 3;
            widows: 3;
        }

        h2, h3 {
            page-break-after: avoid;
        }

        .ApReviewPrint h1 {
            font-size: 120%;
            font-weight: bold;
        }
        .ApReviewPrint h2.SectionHead {
            font-size: 100%;
        }
        #AppPageDiv.ApReviewPrint {
            max-width: 100%;
        }
        .ApReviewPrintInnerWrapper { width: 100%;}

         #ApPageFooter {
            display: none;
        }
        body.ApPagebody {
            border-bottom: none;
        }
    }


@media screen and (max-width: 640px) {

    input.liquid, textarea.liquid, select.liquid {
        width: 90%;
    }
}