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

/*
OK COLORS
- dark blue = #2c354d
- med blue = #325b97
- light blue =  #DDDDDD
- gold = #E9BD29
- gray #DDDDDD, #666666


#DDDDDD = gray, message panel background color
#2c354d = dark blue, headers, box borders

#e8e8e8 = light gray, row alternate
#ffcc00 - post-it yellow, for call-outs

*/
html {
    font-size: 16px;
    color: rgba(0,0,0,0.75);
}

/* DEFINE THE OEC BASIC SKIN */
body {

	/*background-image: url(../../_skin/images/s4_bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;*/
}
html > body  {
    font-size: 85%;
}
p, th, td {
	margin: .25em 0; /* 14x1.286=18px */
}

#PageWrapper
{
	width: auto;
	margin: 0em auto;
	padding: 0px;
text-align: left;
position: relative;
overflow: hidden;
}


#PageContent
{
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color:#ffffff;
	min-height: 600px;
}

#AppNavigation
{
	margin: 0em auto;
	text-align:center;
	padding: .5em;
	font-size: 95%;
}
#AppNavigation li
{
	list-style: none;
	display: inline;
	border-right: 1px #ffcc00 solid;
	white-space: nowrap;
	line-height: 1.5em;
}
#AppNavigation li.last
{
	border-right: none;
}
 #AppNavigation li a
 {
	padding: 0em .75em;
	text-decoration: none;
	color: #fff;
}

 #AppNavigation li a:hover
, #AppNavigation li a:active
, #AppNavigation li a:focus
 {
	text-decoration: underline;
	color: #ffcc00;
}

#PageFooter
{
	padding: .5em 2em;
	margin: 0em auto;
	text-align: center;
	clear: both;
}


#OEC_Footer img {
    border: 0;
    vertical-align: middle;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

/*.PoweredBy{float:right;}*/
.PoweredBy img{vertical-align:-30%;}


.PageNavigation { margin-top: -4px !important; }	

#PageWrapper {  margin: 0 auto;
 }
 
 p.rss-feed { text-align: center; }
/*p.rss-feed a { background: transparent url(/graphics/rss-feed.png) no-repeat left 50%;  padding-left: 20px;}
    p.rss-feed a div {
        width: 1em;
        height: 1em;
    }
*/
 .siteInnerWrapper{ background-color: #ffffff; 	
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-left-radius: 30px;
}
#ContentWrapper {
  background-color: #FFFFFF;
  border: 1px solid #CECECE;
-moz-border-radius: 0.3em;
border-radius: 0.3em;

  margin: 0em 0em 0em;
  padding: 1.5em;
  position: relative;

}
h1 {
    color: #2c354d;
    font-family: "Roboto Slab",Helvetica,sans-serif;
    font-size: 2.5rem;
    letter-spacing: -2px;
    font-weight: normal;
    line-height: 2.5rem;
}
h2 {
    font-size: 14px;
    font-weight: bold;
    color: #2c354d;
    margin-top: 1em;
}

/* IF AGENCY SKIN CSS HAS ABSOLUTE SIZES RESET HERE */
/* ALL CHILD ELEMENT FONT-SIZE WILL CASCADE FROM THIS */
/* USE % FOR CHILD ELEMENT SIZE */

/* NONE */

/* *********************************** */

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

body.BodyGeneric 
{
    padding: 0em 2em;
    background-color: #fff !important;
    background-image: none !important;
}

body.BodyGeneric #JobApsContent
{
    text-align: left;
}

/* THE AP PAGE BODY */
body.ApPageBody 
{
    background-color: #fff !important;
    background-image: none !important;
    
}
body.ApPageBody
{
    margin: 0em auto;
    padding: 0 !important;
    text-align: center;
}
body.ApPageBody #PageContent
{
	/*width: 918px;*/
	padding: .5em 2em;
    margin: 0em auto;
	background-color: #ffffff;
	/*	background:#ffffff url(../../_skin/images/JobApsLogoSmall.jpg) no-repeat 1em .5em;
	 SET IN @PRINT TOO */
	
}

body.AdminBody #PageContent
{
	padding: .5em 2em;
    margin: 0em auto;
	width: auto;
	background-color: #ffffff;
	/* SET IN @PRINT TOO */
	
}

#PageContent
{
	min-height: 300px;	
}
.ErrorPage{ text-align: left; }
#ErrorAppNavBarDiv { height: 6em; 		
	/*background:#ffffff url(../../_skin/images/JobApsLogoSmall.jpg) no-repeat -1em .5em;*/
}
/*---------------------------------------------*/
/*  FOOTER TEMPLATE STYLES                */
/*---------------------------------------------*/
	
#OEC_Footer {
	text-align: center;
	padding: .5em;
	font-size: .80em;
    background-color: #333;
    color: #fff;
    min-height: 200px;
}
    #OEC_Footer a { color: #fff;}
    #OEC_Footer img, #ApPageFooter img {
        border: 0;
        vertical-align: middle;
    }
#ApPageFooter {
	text-align: center;
	padding: .5em;
}
/*---------------------------------------------*/
/* MISC GLOBAL ID SELECTOR                                */
/*---------------------------------------------*/
/* DATE DISPLAY */
#HeaderDatePanel {
	font-size: .8em;
	padding: .5em 2em;
	text-align: right;
	margin-bottom: -2em;/*display: none;
position: relative;
width: 100%;
display: inline;
float: right;
margin-right: 1em;

 */
}

/*---------------------------------------------*/
/* JOBAPS NAVIGATION TABS */
/*---------------------------------------------*/
#NavJobAps  {
	height: 25px;
	font-size: 90%;


	background-color: #fff;
	background-image: none;

float:right;
position:relative;
left:-50%;
text-align:left;

}
#NavJobAps ul {
list-style:none; 
position:relative;
left:50%;
	padding: 0;
	margin-left: 0px;
}
#NavJobAps li {
        text-align: center;
	line-height: 1.25;
	margin: 0;
	width: auto;
float:left;position:relative;
}
#NavJobAps li {
	border-right: 1px solid #ffffff;
}
#NavJobAps li.last {
	border-right: none;
}
#NavJobAps a {
	display: block;
	float: left;
	text-decoration: none;
	width: auto;
}
#NavJobAps a {
	background-color: #e8e8e8;
	background-image: none !important;
	color: #2c354d;
	font-weight: bold;
	height: 16px;
	line-height: 1.25 !important;	
	margin: 0 !important;
	padding: 4px 8px !important;
float:left;
}
#NavJobAps a:hover,
#NavJobAps .Active a:hover {
	background-color:#1D4F82;
	color:#ffffff;
	text-decoration: underline;
}


/*---------------------------------------------*/
/*  JOBLISTING PAGE                     */
/*---------------------------------------------*/
#SearchPage h2 {
    background-color: #2c354d;
    color: #fff;
    text-align: center;
    padding: 0.25em 0.5em 0.5em;
    margin: 0em 0em 0.5em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    text-shadow: 2px 2px 2px #333;
    font-size: 1.5em;
    font-family: "Roboto Slab",Helvetica,sans-serif;
    font-weight: normal;
    line-height: 2.1rem;
}
#SearchPage .HelpDiv {
	text-align: center;
	padding: 0em .25em;
    margin-bottom: 1em;
}
    #SearchPage .HelpDiv label {
        padding: 0.25em 0em 0.5em;
        margin: 0em 0em 0.5em;
        font-size: 1.5em;
        font-family: "Roboto Slab",Helvetica,sans-serif;
        font-weight: normal;
        line-height: 2.5rem;
    }
#HelpDivSubmit {
	width: 35px;
	padding: 0px;
	margin: 0px;
}
#SearchPage .NarrowLink, #SearchPage .HelpDiv label {
	font-weight: bold;
	color: #325b97;
	/*background-image: url("../../graphics/ShowSearch.gif");
	background-repeat: no-repeat;
	background-position: left top;*/
}
#SearchPage .NarrowLink a, #SearchPage .HelpDiv a {
text-decoration: none;
}
#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 #2c354d;
	border-right: 1px solid #2c354d;
}
#SearchPage caption{
	display: none;
	background-color: #DDDDDD;
	caption-side: top; 
	width: auto;
	text-align: center;
}

/*---------------------------------------------*/
/*  JOBLISTING SEARCH FORM                     */
/*---------------------------------------------*/
#SearchForm{ margin-bottom: 2em;}
#SearchPanel {
	/*display: none;
	position: relative;
	padding: 0em;*/
}
    #SearchPanel h2 {
        background-color: rgb( 18, 122, 191);
    }
#SearchPanel caption{
	display: none;
	background-color: #DDDDDD;
	caption-side: top; 
	width: auto;
	text-align: center;
}

#SearchPanel fieldset {
	position: relative;
}
#SearchPanel fieldset.LayoutAdjust {
	margin-top: 2em;
}
#SearchPanel legend {
	color: #325b97;
	font-weight: bold;
	padding: .25em;
}
    #SearchPanel legend span, fieldset.LayoutAdjust h2, fieldset.LayoutAdjust h2 {
        background-color: #2c354d;
        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;
}

.PanelCard fieldset legend {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* COMMON TABLE */
.SearchPanelTable {
	background-color: #ffffff;
	border-collapse: collapse;
	margin: 0em auto;
	width: 100%;
	border: 1px solid #DDDDDD;
}
.SearchPanelTable th {
	background-color: #DDDDDD;
	color: #2c354d;
	font-weight: bold;
	padding: .5em;
	vertical-align: top;
	text-align: right;
	width: 20%;
	border-top: 1px solid #FFFFFF;
}
.SearchPanelTable th span {
	font-weight: normal;
}

.SearchPanelTable td {
	padding: .5em;
	vertical-align: middle;
	border-top: 1px solid #DDDDDD;
}
#SearchPanel input[type="text"], #SearchPanel select {
    /*float: left;*/
    margin: .25em 0;
    width: 100%;
    height: 3em;
}
#SearchPage [type='text'] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10,10,10,0.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    color: #0a0a0a;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#SearchPage select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    line-height: normal;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
}
    #SearchPage select:focus {
        outline: none;
        border: 1px solid #8a8a8a;
        background-color: #fefefe;
        box-shadow: 0 0 5px #cacaca;
        transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
    }
@media screen and (min-width: 0\0) {
    #SearchPage select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}
#SearchPage select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
}

#SearchPage select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed;
}

#SearchPage select::-ms-expand {
    display: none;
}

#SearchPage select[multiple] {
    height: auto;
    background-image: none;
}
/*---------------------------------------------*/
/*  JOBLISTING RESULT TABLE                    */
/*---------------------------------------------*/
.JobListing, .JobListingSpecial {
    background-color: #ffffff;
    border: 1px #ffffff solid;
    margin: .5em auto;
    width: 100%;
    border-collapse: collapse;
}
    .JobListing tr.ColumnHeader, .JobListingSpecial tr.ColumnHeader {
        background-color: #2c354d;
    }
        .JobListing tr.ColumnHeader th, .JobListingSpecial tr.ColumnHeader th {
            color: #ffffff;
            text-align: center;
            padding: .25em;
            border-left: 1px #e8e8e8 solid;
        }
            .JobListing tr.ColumnHeader th a, .JobListingSpecial tr.ColumnHeader th a {
                color: #ffffff;
            }
.JobListing tr.RowHeader, .JobListingSpecial tr.RowHeader {
	background-color: #2c354d;
}
    .JobListing tr.RowHeader th, .JobListingSpecial tr.RowHeader th {
        color: #ffffff;
        font-weight: bold;
        font-size: 105%;
        text-align: center;
        padding: .5em;
    }
    .JobListing td, .JobListingSpecial td, .JobListing th, .JobListingSpecial th {
        text-align: center;
        padding: .5em;
    }
    .JobListing tr.odd td, .JobListingSpecial tr.odd td {
        border-left: 1px #fff solid;
    }
    .JobListing tr.even td, .JobListingSpecial tr.even td {
        border-left: 1px #ffffff solid;
        border-collapse: separate !important;
    }
    .JobListing .JobTitle, .JobListingSpecial .JobTitle {
        font-weight: bold;
        display: block;
    }
    .JobListing .JobNum, .JobListingSpecial .JobNum {
        font-weight: normal;
        display: block;
        text-decoration: none;
    }
    .JobListing .IconNew, .CardTitle .IconNew {
        background-image: url("../../graphics/newIcon.gif");
        background-repeat: no-repeat;
        background-position: 50% top;
        padding-top: 1.9em;
    }
.JobListing td.Locs, .JobListing td.Salary, .JobListing td.Dept {
	text-align: left;
}
.JobListing .NoResultsText {
	font-style: italic;
}
.glyphicon { padding-right: 0.25em;}
.JobListing tr.ColumnHeader, .JobListingSpecial tr.ColumnHeader {
    background-color: #2c354d;
    color: #ffffff;
    text-shadow: 1px 1px 1px #333;
}
.JobListing .JobTitle, .JobListingSpecial .JobTitle {
    font-weight: bold;
    display: block;
}
#SearchPage .QuickLinks h2 {
    background-color: rgb(250, 176, 59);
}

#QuickLinksSection {
   margin-bottom: 2em;
}

.JobCard, .PanelCard {
    padding: 1em 1em 0;
    margin: 0.5em 0;
    background-color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #EAEAEA #ccc #ccc #EAEAEA;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}

    .JobCard .CardBody {
        /*border: 1px solid #2c354d;*/
        padding: 0.5em 1em;
    }

    .JobCard .CardTitle {
        width: 100%;
        text-align: center;
        background-color: #2c354d;
        color: #fff;
        padding: 0.25em 0em 0.5em;
        margin: 0em 0em;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;
        text-shadow: 2px 2px 2px #333;
    }

    .PanelCard fieldset h2 {
    }

    .PanelCard fieldset legend {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    .JobCard .CardTitle a {
        color: #fff !important;
    }

    .JobCard .JobTitle {
        font-size: 110%;
        font-weight: bold;
        display: block;
    }

    .JobCard .JobNum {
        display: block;
    }

    .JobCard dl {
        padding: 0em;
        margin: 0em;
    }

    .JobCard dt {
        float: left;
        clear: left;
        width: 7.25em;
        text-align: right;
        font-weight: bold;
        color: #999;
        font-size: 85%;
        margin-top: 0.5em;
        /*white-space: nowrap;*/
    }

        .JobCard dt:after {
            /*content: ":";*/
        }

    .JobCard dd {
        margin: .5em 0 0 7.5em;
        padding: 0 0 0.5em 0;
        border-top: 1px dotted #ccc;
    }

        .JobCard dd:first-of-type {
            border-top: none;
            padding-top: 0.25em;
        }

.gotop { /*border-top: 4px dotted #e1e1e1;*/
    text-align: right;
    margin-top: 1em;
    margin-bottom: 2em;
    clear: both;
}

    .gotop a {
        color: #333 !important;
    }

        .gotop a:after {
            content: " \25B2";
            /*background-position: center center;
    display: block;
    background-image: url(../../graphics/gotop.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    width: 30px;
    height: 30px;*/
        }

/*---------------------------------------------*/
/*  JOB BULLETIN                 */
/*---------------------------------------------*/
#JobBulletinBody {
    text-align: left !important;
}
#JobBulletinBody div{ text-align: left !important; }
#JobBulletin 
{
margin-bottom:0pt;
margin-left:auto;
margin-right:auto;
margin-top:.5em;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
padding-top:2px;
}
#JobBulletin * p, #JobBulletin * td	
{

}
#JobBulletin * p	
{
    margin: 1em 0em;
    line-height: 130%;
    font-size: 16px;
}
#JobBulletin h1 {
	margin-bottom: 0.5em !important;
	padding-bottom: 0em;
	background-color: Transparent !important;
	border: Transparent !important;
	text-align: center;
}
#JobBulletin h2 {
background-color:#2c354d;
color:#FFFFFF;

font-size:14px;
font-weight:bold;
margin-bottom:0.5em;
margin-left:0pt;
margin-right:0pt;
margin-top:0.5em;
padding-bottom:0.5em;
padding-left:0.5em;
padding-right:0.5em;
padding-top:0.5em;
text-align: left;
text-transform: uppercase;
}
#JobBulletin .JobSubTitle {
	font-weight: bold;
	font-size: 14px;
	margin: 0;

text-align: center;
}
#JobBulletin .JobNumTitle {
	font-weight: bold;
	font-size: 13px;
	color: #000066;
	margin: 0;

text-align: center;
}
#JobBulletin .DetailTable {
	border-collapse: collapse;
	margin: .5em auto;
	width: 80%;
}
#JobBulletin .DetailTable th {
	color: #000066;
	font-weight: bold;
	font-size: 100%;
	text-align: right !important;
	padding: .5em;
	width: 200px;
	vertical-align: top;
	border: none !important;
}
#JobBulletin .DetailTable td {
	font-size: 105%;
	text-align: left !important;
	padding: .5em;
	vertical-align: middle;
}
#JobBulletin .Controls {
	text-align: center;
	padding: .5em;
	font-weight: bold;
	border-top: 2px solid #dee2cb;
	border-bottom: 2px solid #dee2cb;
	width: 80%;
	margin: 0 auto;
	margin-bottom: .5em;
	font-size: 90%;
}
#JobBulletin .Nobars {
	border-top: none;
	border-bottom: none;
}
#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: 1px #000066 solid;
	background-color: #C3D2DE;
	border-collapse: collapse;
    width: 100%;
}
#JobBulletin .ApplyPanel td {
	padding: 1em;
	font-weight: bold;
	font-size: 105%;
	border: 1px #000066 solid;
	color: #000066;
}
#JobBulletin .ApplyPanel td.RightPanel {
	background-color: #ffffff;
	font-weight: normal;
}

#JobBulletin .DetailTable tr.even, #JobBulletin .DetailTable tr .odd {
  border-bottom: none !important;
  padding: 0.1em 0.6em;
}


#JobBulletin .odd {
	background-color: #e8e8e8;
}
#JobBulletin .even {
	background-color: transparent;
}

.addthis_sharing_toolbox { text-align: center;}
/*---------------------------------------------*/
/*  JOB STATUS                   */
/*---------------------------------------------*/
#JobStatus {
    margin-bottom: 0pt;
    margin-left: auto;
    margin-right: auto;
    margin-top: .5em;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    width: 644px;
}
#JobStatus .StatusSubTitle 
{ 	font-size: .8em;
	font-style:italic;
 }
#JobStatus .DetailTable {
	background-color: #ffffff;
	border-collapse: collapse;
	border: 1px #ffffff solid;
	margin: .5em auto;
	width: 100%;
}
#JobStatus .DetailTable th {
	color: #2c354d;
	font-weight: bold;
	font-size: 100%;
	text-align: right !important;
	padding: .5em;
	width: 200px;
	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;
}
#JobStatus ul {
	margin-left: 1em;
}


/*---------------------------------------------*/
/*  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: #2c354d;
	text-align: center;
	text-transform: uppercase;
}
#TermsOfUseForm {
	border: 1px #2c354d solid;
	background-color: #DDDDDD;
	padding: 1em;
	margin: 1em;
}
#TermsOfUseForm p {
	font-size: 110%;
}
#TermsOfUseForm .Controls {
	text-align: center;
	margin: 1em auto;
}
/*---------------------------------------------*/
/*  PersonalStatusBoard RESULT TABLE                    */
/*---------------------------------------------*/
#PersonalStatusBoardPage {
}
#PersonalStatusBoardPage .ControlsTop {
	margin-top: 0em;
	text-align: right;
	margin-top: -1em;
}
#PersonalStatusBoardPage .MessagePanel {
	text-align: left;
	-moz-border-radius: .5em;
	border-radius: .5em;
}
#PersonalStatusBoard {
	background-color: #ffffff;
	border: 1px #ffffff solid;
	margin: .5em auto;
	width: 100%;
	border-collapse: collapse;
}
#PersonalStatusBoard tr.ColumnHeader {
	background-color: #2c354d;
}
#PersonalStatusBoard tr.ColumnHeader th {
	color: #2c354d;
	text-align: center;
	vertical-align: middle;
	border-left: 1px #fff solid;
}
#PersonalStatusBoard tr.ColumnHeader th a {
	color: #2c354d;
}
#PersonalStatusBoard td {
	text-align: center;
	padding: .5em;
	vertical-align: middle;
}
#PersonalStatusBoard tr.odd td {
	border-left: 1px #fff solid;
}

#PersonalStatusBoard .JobTitle {
	font-weight: bold;
	display: block;
}
#PersonalStatusBoard .JobNum {
	font-weight: normal;
	display: block;
	text-decoration: none;
	margin-top: .25em;
}
#PersonalStatusBoard .ReviewX {
	/*background-image: url("../../graphics/ClickToReview.gif");*/
	background-image: url("../../graphics/ApReview.png");
	background-repeat: no-repeat;
	background-position: .5em 50%;
	/*padding-left: 3em;*/
}
#PersonalStatusBoard .ReapplyX {
	/*background-image: url("../../graphics/ClickToReapply.gif");*/
	background-image: url("../../graphics/ApReapply.png");
	background-repeat: no-repeat;
	background-position: .5em 50%;
	padding: 1em 1em 1em 4.25em;
}
#PersonalStatusBoard .CopyX {
	/*background-image: url("../../graphics/ClickToCopy.gif");*/
	background-image: url("../../graphics/ApCopy.png");
	background-repeat: no-repeat;
	background-position: .5em 50%;
	padding-left: 3em;
}
#PersonalStatusBoard .FinishX {
	/*background-image: url("../../graphics/ClickToFinish.gif");*/
	background-image: url("../../graphics/ApFinish.png");
	background-repeat: no-repeat;
	background-position: .5em 50%;
	padding-left: 3em;
}
#PersonalStatusBoard .Late 
,#PersonalStatusBoard .DeadlineDue {
	color: Red;
	font-weight: bold;
}
#PersonalStatusBoard td.Locs, #PersonalStatusBoard td.Salary, #PersonalStatusBoard td.Dept {
	text-align: left;
}
#PersonalStatusBoard h2 {
	margin-top: 1em;
	margin-bottom: 0em;
	background-color: #2c354d;
	color: #ffffff;
	padding: .5em;
}
#PersonalStatusBoard .DetailTableHoriz 
{ margin: 0em auto; }	
#PersonalStatusBoard .DetailTableHoriz th 
{	
background-color:#cccccc;
padding: .25em;
}
/*---------------------------------------------*/
/*  CLASS SPECS                                */
/*---------------------------------------------*/
#ClassSpecsHeader { text-align: center;}
#ClassSpecsHeader h1 { font-size: 1.5em;}
#ClassSpecsHeader h2 { font-size: 1.25em;}
#ClassSpecsHeader #CountySeal { margin: 0;}
.ClassSpecsWrapper h2
{
background-color:#2c354d;
color:#FFFFFF;

font-size:14px;
font-weight:bold;
margin-bottom:0.5em;
margin-left:0pt;
margin-right:0pt;
margin-top:0.5em;
padding-bottom:0.5em;
padding-left:0.5em;
padding-right:0.5em;
padding-top:0.5em;
text-align: left;
text-transform: uppercase;
}
.ClassSpecsBody
{
	margin: 0em 1em;
	text-align: left;
}

#ClassSpecsHeader #EmailMeLink
{ 
	display: block; 
}

#SetClassGroups td {
    padding-left: 20px;
    text-indent: -20px;
    vertical-align: top;
}
/*---------------------------------------------*/
/*  HELP TOPICS                                */
/*---------------------------------------------*/
#HelpTopics {
}
#HelpTopics h2 {
	border-top: solid 1px #2c354d;
	margin-top: 2em;
	padding-top: .5em;
}
/*---------------------------------------------*/
/*  LOGON FORM                     */
/*---------------------------------------------*/
/*---------------------------------------------*/
/*  USER REGISTRATION                                 */
/*---------------------------------------------*/
/*---------------------------------------------*/
/*  USER UPDATE CONTACT INFO                       */
/*---------------------------------------------*/
#LogonPanel {
	width: 75%;
}
#UpdateContactInfo, #UserRegistration, #LogonPanel {
	margin: 1em auto;
}
#UpdateContactInfo fieldset, #UserRegistration fieldset, #LogonPanel fieldset {
	position: relative;
}
#UpdateContactInfo fieldset.LayoutAdjust, #UserRegistration fieldset.LayoutAdjust, #LogonPanel fieldset.LayoutAdjust {
	margin-top: 1em;
	margin-top: 1em;
}
#UpdateContactInfo legend, #UserRegistration legend, #LogonPanel legend {
	color: #2c354d;
	font-weight: bold;
	padding: .25em;
}
#UpdateContactInfo legend span, #UserRegistration legend span, #LogonPanel legend span {
	background-color: #2c354d;
	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 #DDDDDD;
}
.UserProfileTable th {
	background-color: #DDDDDD;
	color: #2c354d;
	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 #DDDDDD;*/
} 
.UserProfileTable th span 
{
	display: block;
	font-style:normal;
	font-weight:normal;
}

.UserProfileTable tr.RowHeader {
	background-color: #2c354d;
	color: #ffffff;
	font-weight: bold;
}
.UserProfileTable tr {
	border-top: 1px solid #DDDDDD;
}

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

.UserProfileTable td {
	padding: .5em;
	vertical-align: middle;
	border-top: 1px solid #DDDDDD;
	text-align: left;
}
.UserProfileTable td th {
	background-color: #ffffff;
	color: #2c354d;
	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 {
	margin: 0 auto;
	padding: .25em;
}
/* THE APPLICATION PAGE WRAPPER */
#AppPageDiv {
    margin: 0em auto;
    padding: 0em;
    /*min-width: 600px;
	max-width: 918px;*/
    text-align: left;
    background-color: #ffffff;
    clear: both;
}
.BodyGeneric #AppPageDiv {
}
#AppPageDiv form {
	margin: 0 auto;
	width: auto;
}
#AppPageDiv h1 {
	margin: .5em auto;
	padding: 0 0;/*display: none;*/
}
#AppPageDiv h2 {
    margin-top: 0;
}

#AppPageDiv select.stretch {
    width: 95%;
}

/* COMMON TABLE */
.AppPageTable {
	background-color: #ffffff;
	border-collapse: collapse;
	margin: 0em auto;
	width: 100%;
	border: 1px solid #DDDDDD;
}
.AppPageTable caption{
	display: none;
	background-color: #DDDDDD;
	caption-side: top; 
	width: auto;
	text-align: center;
}
    .AppPageTable th, .AppPageTable td.st-key, #AppPageDiv td.st-key {
        background-color: #DDDDDD;
        color: #2c354d;
        font-weight: bold;
        padding: .5em;
        vertical-align: top;
        text-align: right;
        width: 20%;
        border-top: 1px solid #FFFFFF !important;
    }
.AppPageTable th.ColSpan {
	background-color: #DDDDDD;
	color: #2c354d;
	font-weight: bold;
	padding: .5em;
	vertical-align: top;
	text-align: left;
	border-top: 1px solid #FFFFFF;
}
table.cols th {
	text-align: center;
	width: auto;
	vertical-align: middle;
}
.AppPageTable th span {
	font-weight: normal;
	display: block;
}
.AppPageTable th span.required {
	font-weight: bold;
	display: block;
}
#StateDrivLicClassLabel {
	font-weight: bold;
	display: block;
}

.AppPageTable tr.RowHeader {
	background-color: #2c354d;
	color: #ffffff;
	font-weight: bold;
}

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

.AppPageTable td {
	padding: .5em;
	vertical-align: top;
	border-top: 1px solid #DDDDDD;
}
.AppPageTable td th {
	background-color: transparent;
	color: #2c354d;
	font-weight: normal;
	padding: .5em;
	vertical-align: top;
	text-align: right;
	width: 15%;
	border-top: 1px solid #DDDDDD;
}
.AppPageTable td table {
	width: 90%;
}
.AppPageTable td table tr:first-child {
	border-top: none;
} 
.AppPageTable td table th {
	border-top: none;
}
.AppPageTable td table th.header {
	text-align: left;
	font-weight: bold;
}

.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 #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

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

.AppPageProfileTable th {
	font-size: 80%;
	font-weight: bold;
	color: #2c354d;
	background-color: #DDDDDD;
}
/* 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 #DDDDDD;
}

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

.AppPageJobTable td {
	padding: .5em;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	vertical-align: top;
}


.AppPageJobTable th {
	font-size: 80%;
	font-weight: bold;
	color: #2c354d;
	background-color: #DDDDDD;
}


/* APP FORM */
#AppPageForm fieldset {
	position: relative;/*border: 1px solid #DDDDDD;
	border-top: none;
	 background-color: #DDDDDD;*/
}
#AppPageForm fieldset.LayoutAdjust {
	margin-top: 1em;
	margin-bottom: 0em;
}
#AppPageForm legend {
	color: #2c354d;
	font-weight: bold;
	font-size: 100%;
	padding: 0;
	margin: 0;/* padding: .25em;*/
}
#AppPageForm legend span {
	background-color: #2c354d;
	color: #ffffff;
	display:block;
	position:absolute;
	top:-27px;
	left:2px;
	width: 98%;
	padding: .25em .5em;
}

#AppPageForm fieldset fieldset {
	margin: 0px;
}
#AppPageForm fieldset fieldset legend 
{
}
#AppPageForm fieldset fieldset legend span {
	background-color: Transparent;
	color: #000000;
	font-weight: normal;
	display:block;
    padding: 0;
	position:absolute;
	left:-2000px;
	top: 0;
}
#AppPageForm fieldset fieldset legend.show span {
	background-color: Transparent;
	color: #000000;
	font-weight: normal;
	font-size: .9em;
	display:block;
	padding: .25em 0em;
	position:relative;
	left:0;
	top: 0;
}
#AppPageForm legend span {
	background-color: #2c354d;
	color: #ffffff;
	display:block;
	position:absolute;
	top:-27px;
	left:2px;
	width: 98%;
	padding: .25em .5em;
}
#AppPageForm fieldset .MessagePanel {
	margin: 1px 0px 3px 0px;
	-moz-border-radius: .5em;
	border-radius: .5em;
}
.AppPageWrapper {
	background-color: #ffffff;
	margin: .5em auto;
	padding: 1em;
	border: 1px solid #DDDDDD;
}
.RaceCodes SPAN {
	display: block;
	margin-left: 2em;
	font-style: italic;
}
.InputFloat {
	float: left;
	margin: 0 .5em;
}
.LabelFloat {
	float: left;
	margin: 0;
	width: 3em;
	text-align: right;
}

/* 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;
}
#AppLocations .col-sm-2 {
    white-space: nowrap;
    padding-top: 0.25em;
    padding-right: 0.25em;
}
#AppLocations input{

    margin-right: 0.25em;
}
.NoLoc { display: none;}
/* AP PROFILE LANGUAGES */
#AppPageSubTable {
}
#AppPageSubTable select
, #AppPageSubTable input[type="text"]

{
	/*width: 15em;*/
}

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

{
	/*width: 15em;*/
}
#AppPageLanguageTable td
{
    white-space: nowrap;
}

.StateWidth select { width: 80%; }

/* LANGUAGES - REVIEW TAB */
#AppReviewLanguageTable img
{
	margin-left: 1em;
}
#AppReviewLanguageTable .AppResponseText
{
	white-space: nowrap;
}
.AppPageDivBorder
{
	border: 1px solid #DDDDDD;
	padding: .5em;
	
}
.AppCallOut {
	font-weight: bold;
	color: #990033;
	text-align: center;
	text-transform: uppercase;
}

.AdMatTable input
{ margin-left: 2em;}

/* SUBMIT TAB */
#SubmitParts li a {
	font-weight: bold;
	font-size: 115%;
}
/* FINAL AP */
.RedCallOut {
	font-weight: bold;
	color: #990033;
	text-align: left;
}

label.title { display: block; margin-left: 1em;}
.ApDeleteLink {
    text-align: right;
    margin: 1em 1em 0.5em;
    clear: both;
}

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


/* 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 #DDDDDD;
}

/*.ApReviewPrint table, */
.ApReviewPrint th, .ApReviewPrint td {
	page-break-after: avoid;
	page-break-inside: avoid;
}
.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: -.15em;
}
.ApReviewPrint h2 {
	padding: 5px;
	font-weight: bold;
	letter-spacing: 2px;
	color:#2c354d;
}
.ApReviewPrint .SectionHead {
	clear: both;
	page-break-after: avoid;
	page-break-inside: avoid;
	border-top: 2px solid #2c354d;
	border-bottom: 2px solid #2c354d;
	color:#2c354d;
	font-weight:bolder;
	padding: 5px;
	margin-top: .5em;
	font-size: 125%;
}
.ApReviewPrint .UserProfileTable tr:first-child {
	 /*border-top: 1px solid #DDDDDD;*/
} 

.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;
}


/*---------------------------------------------*/
/*  ADMIN GENERIC                   */
/*---------------------------------------------*/
#AdminGeneric 
{
	font-size: 100%;
	background-color: #ffffff;
	margin: .5em;
	padding: .5em;
}
#AdminGeneric .GenericTable {
	background-color: #ffffff;
	border-collapse: collapse;
	border: 1px #ffffff solid;
	margin: 0em auto;
	width: 100%;
}
#AdminGeneric table.ApsView  {
	background-color: #ffff00;
	line-height: 1em;
	text-align: left;
}
#AdminGeneric .ApsView th {
	padding: 0em;
	white-space: normal;
	font-size: 85%;
}
#AdminGeneric .ApsView td {
	padding: 0em;
	font-size: 85%;
}
#AdminGeneric .ApsView input {
	padding: 0em;
	margin: 0;
}

#AdminGeneric .DetailTable {
	background-color: #ffffff;
	border-collapse: collapse;
	border: 1px #ffffff solid;
	margin: 0em auto;
	width: 100%;
}
#AdminGeneric .DetailTable th {
	color: #104B7D;
	font-weight: bold;
	font-size: 100%;
	text-align: center !important;
	padding: .5em;
	width: 200px;
	vertical-align: top;
	text-transform: uppercase;
}
#AdminGeneric .DetailTable td {
	padding: 0em;
	text-align: left;
}
#AdminGeneric .DetailTable td td {
	padding: 0em;
}

#AdminGeneric .Controls {
	text-align: center;
	margin: 0em auto;
}
#SigmaDataTableChoose
{	
	border-collapse: collapse;
	border-spacing: 0;
 border: solid 1px #104B7D;
}
#SigmaDataTableChoose td
{	
 border: solid 1px #104B7D;
 padding: 4px;
}
#AttachmentUpload.DetailTableHoriz th {
	background-color: #C3D2DE;
	color: #104B7D;
	font-weight: bold;
	padding: .25em;
	vertical-align: top;
	text-align: center;
}
#AttachmentUpload.DetailTableHoriz td {
	padding: .5em;
	border-top: 1px solid #C3D2DE;
	border-right: 1px solid #C3D2DE;
	vertical-align: top;
}

#AttachmentUpload.DetailTableHoriz td.Controls a {
	padding: 0em .5em;
	border-left: none;
	font-size: 90%;
}
#AdminGeneric #AppPageSubTable th
{
	border-top: 1px solid #C3D2DE;
}
/*---------------------------------------------*/
/*  COMMON STYLES                                 */
/*---------------------------------------------*/
.DetailTableHoriz {
	background-color: #ffffff;
	border-collapse: collapse;
	border: 1px #DDDDDD solid;
	margin: .5em auto;
	width: 100%;
}
.DetailTableHoriz th {
	background-color: #2c354d;
	color: #ffffff;
	font-weight: bold;
	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 1em;
	background-color: #fff;
	padding: .5em 1em;
	display: block;
	position: relative;
	-moz-border-radius: .5em;
	border-radius: .5em;
}
.PanelBorder
{
	border: 1px solid #DDDDDD;
	padding: 1em;
}
.post-it {
	background-color: #ffffcc;
	margin: 2em;
	padding: 2em;
	border: 1px #ffffff solid;
	border-bottom: 1px solid #2c354d;
	border-right: 1px solid #2c354d;
}
.WarningPanel {
	background-color: #ffffcc;
	margin: 2em;
	padding: 2em;
	border: 1px #ffffff solid;
	border-bottom: 1px solid #2c354d;
	border-right: 1px solid #2c354d;
}
.CallOut {
	font-weight: bold;
	color: #2c354d;
	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;
}
.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 #DDDDDD 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: #2c354d;
	padding: .5em 3em;
	background-color: #DDDDDD;
	margin: .5em 0;
}
#ClassSpecsInterestCard ul li.LetterGroup a {
}
#ClassSpecsInterestCard legend
{
	display: none;
}

/*---------------------------------------------*/
/*  MISC GLOBALS                                 */
/*---------------------------------------------*/
a:link {
	text-decoration: none;
	color: #2c354d;
}
a:visited {
	text-decoration: none;
	color: #2c354d;
}
a:active {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
hr {
	color: #2c354d;
}
.ButtonStyle {
	border-width:2px;
	text-align:center;
	padding:0px 10px;
	font-weight: normal;
	color:#FFFFFF;
	background-color:#2c354d;
	margin: 5px;
}
.ButtonStyleSmall {
	border-width:1px;
	text-align:center;
	padding:0px 3px;
	font-weight: normal;
	color:#FFFFFF;
	background-color:#2c354d;
	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;
}
/* 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: #ffffff;
}
.even {
	background-color: #e8e8e8;
}
/* 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%;
}


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

@media print {
/* Hides or change layout for print */
body {
	background-color: #ffffff;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	min-width: 100% !important;
}
#PrintWrapper, #AppPageDiv, #PageContent, #hrscontent, .AppPageDivBorder {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	min-width: 100% !important;
	font-size: 80%;
}

#PrintDivWrapper, #PrintDiv, #PrintDiv2, #ApPageFooter, #AppNavBarDiv, #OECNavTabs, .EditButton {
	display:none;
}
.AppResponseText {
	/* respone text */
	font-weight: bold;
	font-size: 100%;
}

#printSQ {
	width: 100%;
}

#PageContent {
	margin: 0em auto;
}
.AppPageTable {
	border: 0;
}
.Controls {
	/* HIDE THE BUTTONS */
		display: none;
}
/* SHOW THE COUNTY APP HEADER */
#CountyHeadBlock, .PrintCoverSheet {
	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;
}
}


/*---------------------------------------------*/
/*  For Responsive Layout                      */
/*---------------------------------------------*/
@media (max-width: 980px) {
  
    input.liquid, textarea.liquid, select.liquid {
        width: 90%;
    }


}


@media (max-width: 450px) {
    .container.ApWrapper {
        padding: 0;
    }
    h1 { font-size: 1.5rem;}
}