﻿/* default css */
/*From legacy NCSO site*/


.field-validation-error {
    color: #de0000;
}

.validation-summary-errors {
    color: #de0000;
}

/*** IE6 Fix ***/
* html #left {
    left: 200px; /* RC width */
}

html {
    height: 100%;
}

* html div#container {
    height: 100%;
}

cite {
    font-size: 10px;
}

img, div {
    margin: 0px;
    padding: 0px;
    /*border:thin;*/
}

table {
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0 auto;
    background-color: #d6dadf;
    color: #666666;
    text-align: left;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
    /**/
}

#wrapper {
    margin: 0 auto;
    width: 905px;
    /**/
    /*1051 */
    /*text-align:left;
	position:relative;
	top:0;
	left:0;*/
}

table.schRpt {
    border-spacing: 0px;
    border-collapse: collapse;
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    background-color: rgb(255, 255, 240);
}

    table.schRpt tr.separatorRow {
        padding: 0px 0px 0px 0px;
        height: 5px;
        border-width: 1px 1px 1px 1px;
        border-style: inset inset inset inset;
        border-color: gray gray gray gray;
        -moz-border-radius: 0px 0px 0px 0px;
        background-color: gray;
    }

    table.schRpt tr.separatorRowLT {
        padding: 0px 0px 0px 0px;
        height: 5px;
        border-width: 1px 1px 1px 1px;
        border-style: inset inset inset inset;
        border-color: gray gray gray gray;
        -moz-border-radius: 0px 0px 0px 0px;
        background-color: #CCCCCC;
    }

    table.schRpt tr.blueRow {
        padding: 0px 0px 0px 0px;
        height: 5px;
        border-width: 1px 1px 1px 1px;
        border-style: inset inset inset inset;
        border-color: gray gray gray gray;
        -moz-border-radius: 0px 0px 0px 0px;
        background-color: #CCFFFF;
    }

    table.schRpt th {
        padding: 3px 3px 3px 3px;
        border-width: 1px 1px 1px 1px;
        border-style: inset inset inset inset;
        border-color: gray gray gray gray;
        -moz-border-radius: 0px 0px 0px 0px;
        background-color: white;
    }

    table.schRpt td {
        padding: 3px 3px 3px 3px;
        border-width: 1px 1px 1px 1px;
        border-style: inset inset inset inset;
        border-color: gray gray gray gray;
        -moz-border-radius: 0px 0px 0px 0px;
        background-color: white;
    }

        table.schRpt td.separatorRow {
            padding: 0px 0px 0px 0px;
            height: 5px;
            border-width: 1px 1px 1px 1px;
            border-style: inset inset inset inset;
            border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
            -moz-border-radius: 0px 0px 0px 0px;
            background-color: gray;
        }

        table.schRpt td.separatorRowLT {
            padding: 0px 0px 0px 0px;
            height: 5px;
            border-width: 1px 1px 1px 1px;
            border-style: inset inset inset inset;
            border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
            -moz-border-radius: 0px 0px 0px 0px;
            background-color: #CCCCCC;
        }

#header {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 905px;
    height: 132px;
    /*vertical-align:top;
	border:solid 1px #000000;*/
}

#admin #header {
    width: 905px;
    /*border:solid 1px #000000;*/
}

#home #subheader {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 644px;
    height: 298px;
    /*vertical-align:top;
	border:solid 1px #000000;*/
}

#right #subheader {
    display: inline;
    float: left;
    margin: 0 0 0 0px;
    padding: 0;
    width: 644px;
    height: 92px;
    /*vertical-align:top;
	border:solid 1px #000000;*/
}

#header img, #subheader img, #primaryContent img, #admin #header img {
    display: inline;
    float: left;
    margin: 0px;
    padding: 0px;
    /* added to eliminate spacing between images */
    /*border:solid 1px red;*/
}

#search {
    display: inline;
    float: left;
    width: 381px;
    height: 91px;
    background: url(../newImages/new_osep_02.jpg);
    color: #e1e1e1;
    font-weight: bold;
    font-size: 11px;
    /*border:solid 1px red;*/
    /*color:#566d7e;*/
}

#searchAdmin {
    display: inline;
    float: left;
    width: 381px;
    height: 91px;
    background: url(../newImages/new_osep_02.jpg);
    color: #566d7e;
    font-weight: bold;
    font-size: 11px;
    /*border:solid 1px red;*/
}


#searchBox {
    display: inline;
    float: right;
    margin: 20px 0px 0 0px;
    padding: 0px;
    /*border:solid 1px red;*/
}

.titleText {
    position: relative;
    top: 70px;
    left: 80px;
    text-shadow: 2px 2px 2px #333;
}

.loginLink {
    /*font-size: 15pt;*/
}

    .loginLink:link {
        color: white;
    }

    .loginLink:visited {
        color: white;
    }

    .loginLink:hover {
        color: white;
    }

    .loginLink:focus {
        color: white;
    }

    .loginLink:active {
        color: white;
    }



/*#searchBox form
{
	border:solid 1px green;
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
}*/

/* left side styles */
td.tdLeftBg {
    /*background:url(../newImages/common/bodyBottomLeftExt.gif) left bottom no-repeat;*/
}

#leftColTop {
    /*background:url(../newImages/common/bodyLeftTop.jpg) left top no-repeat;
	min-height:250px; 
	width:245px;*/
}

#adminMenu {
    border-top: solid 1px #999999;
    border-left: solid 1px #999999;
    font-size: 11px;
}

    #adminMenu tr {
    }

    #adminMenu td {
        border-right: solid 1px #999999;
        border-bottom: solid 1px #999999;
    }

        #adminMenu td a {
            font-size: 11px;
        }

        #adminMenu td.gray {
            border: solid 1px #d6d6d6;
        }

        #adminMenu td.white {
            border: solid 1px #d6d6d6;
        }

#home #leftNav, #homeSub #leftNav {
    display: inline;
    float: left;
    width: 223px;
    height: 313px;
    background: url(../newImages/LeftNavBG.gif) left top no-repeat;
    /*border:solid 1px #000;
	margin:20px 0 0 0px;*/
}

#scholar #leftNav {
    display: inline;
    float: left;
    width: 223px;
    height: 313px;
    background: url(../newImages/LeftNavBGScholars.gif) left top no-repeat;
    /*border:solid 1px #000;
	margin:20px 0 0 0px;*/
}

#college #leftNav {
    display: inline;
    float: left;
    width: 223px;
    height: 313px;
    background: url(../newImages/LeftNavBGColleges.gif) left top no-repeat;
    /*border:solid 1px #000;
	margin:20px 0 0 0px;*/
}

#employer #leftNav {
    display: inline;
    float: left;
    width: 223px;
    height: 313px;
    background: url(../newImages/LeftNavBGEmployers.gif) left top no-repeat;
    /*border:solid 1px #000;
	margin:20px 0 0 0px;*/
}

#admin #leftNav {
    display: inline;
    float: left;
    padding-left: 38px;
    height: 92px;
    /*border:solid 1px #000;*/
}

#leftNavLinks {
    display: inline;
    float: left;
    margin: 10px 0 0 0px;
    background: none;
    line-height: 12px;
    /*border:solid 1px red;*/
}

/*
    IE Only - in master view
#leftNavLinks div {
    display: block;
    margin: 0px 0 -2px 0px;
    padding: 0px;
}
*/

#home #leftNavLinks a {
    background: none;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    /*border:solid 1px red;*/
}

#left {
    display: inline;
    float: left;
    width: 223px;
    /*border:solid 1px #000;*/
}

#admin #left {
    display: inline;
    float: left;
    width: 261px;
    /*border:solid 1px #000;*/
}

#home #leftSidebar {
    position: absolute;
    top: 303px;
    left: 0px;
    display: inline;
    float: left;
    margin: 0 0 0 50px;
    width: 173px;
    height: 100%;
    /*border:solid 1px #000;*/
    /*border:solid 1px red;*/
}

#leftSidebar {
    position: relative;
    top: 0px;
    left: 0px;
    display: inline;
    float: left;
    margin: 0 0 0 50px;
    width: 173px;
    height: 100%;
    /*border:solid 1px #000;*/
    /*border:solid 1px red;*/
}

#leftSidebarDiv, div.leftSidebarDiv {
    display: inline;
    float: left;
    margin: 10px 0 5px 10px;
    width: 145px;
    border-top: solid 1px #fff;
    /**/
    /*border:solid 1px red;*/
}

* html #leftSidebarDiv, * html div.leftSidebarDiv {
    display: inline;
    float: left;
    margin: 10px 0 0px 10px;
    width: 145px;
    border-top: solid 1px #fff;
    /**/
    /*border:solid 1px red;*/
}

#right {
    display: inline;
    float: left;
    margin: 0 0 0 0px;
    width: 633px;
    /*border:solid 1px green;*/
}

#contactInfo, #notice {
    display: inline;
    float: left;
    margin: 12px 0 0 10px;
}

#notice {
    font-weight: bold;
    margin-right: 1px;
}

    #contactInfo p, #notice p {
        margin: 0 0px 8px 0px;
        color: #000000;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 11pt;
        /*border:solid 1px blue;*/
    }

    #contactInfo a, #notice a {
        margin: 0 0px 8px 0px;
        color: #698094;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 11pt;
        /*border:solid 1px blue;*/
    }

.importantNotice {
    color: red;
    font-weight: bold;
}

#login {
    display: inline;
    float: left;
    margin: 12px 0 0 10px;
    font-size: 11px;
    /*border:solid 1px #000;*/
}

* html #login {
    display: inline;
    float: left;
    margin: 5px 0 0 10px;
    font-size: 11px;
    /*border:solid 1px #000;*/
}

* + html #login {
    display: inline;
    float: left;
    margin: 3px 0 0 10px;
    font-size: 11px;
    /*border:solid 1px #000;*/
}

    #login input {
        margin: 0 0 10px 0px;
        /*border:solid 1px #000;*/
    }

#logos {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline;
    float: left;
    margin: 20px 0 0 0px;
    /*border:solid 1px #000;*/
}

#main {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 0 0px;
    margin: 0;
    width: 905px;
    height: 100%;
    background: url(../newImages/BGRepeat.gif) left top repeat-y;
    /**/
    /*border-bottom:solid 1px #b6b6b6;
	border:solid 1px red;*/
}

#admin #main {
    width: 920px;
    background: url(../newImages/BGRepeatNoCol.gif) left top repeat-y;
    /*border:solid 1px green;*/
}

.clear, #clear {
    clear: both;
    margin: 0px;
    padding: 0px;
}

#bottomNav {
    position: absolute;
    bottom: 0;
    left: 35%;
    display: inline;
    float: left;
    height: 20px;
    /*border:solid 1px #000;*/
}

#bottomNav2 {
    position: absolute;
    bottom: 0;
    left: 13%;
    display: inline;
    float: left;
    height: 20px;
    /*border:solid 1px #000;*/
}

#bottomNav3 {
    position: absolute;
    bottom: 0;
    left: 23%;
    display: inline;
    float: left;
    height: 20px;
    /*border:solid 1px #000;*/
}

#bottomNav4 {
    position: absolute;
    bottom: 0;
    left: 12%;
    display: inline;
    float: left;
    height: 20px;
    /*border:solid 1px #000;*/
}


#bottomNavScholar {
    position: absolute;
    bottom: 15px;
    left: 15%;
    display: inline;
    height: 20px;
    text-align: center;
    /*border:solid 1px #000;*/
    /*float:left;*/
}

/* the following rule is recognized only by IE */

* html body div#leftCol {
    /*background:url(../newImages/common/dropshadow.jpg) left top repeat-x;
	min-height:250px; 
	width:250px;
	height:100%;
	float:left;
	display:inline;
	margin:20px 0 0 0px;*/
}
/* end left col styles */

#tdCenterCol {
    /*background:url(../newImages/common/centerColBG.gif) left top repeat-y;
	border:solid 1px #000;*/
}

#centerCol {
    /*background:url(../newImages/common/centerColTop.gif) left top no-repeat;
	min-height:250px; 
	width:500px;
	padding:0px;
	margin:0px;
	height:100%;
	float:left;
	display:inline;*/
    /*border:solid 1px #000;*/
}

/* right col styles */
td.tdRightBG {
    /*background:url(../newImages/common/bodyRightPreBottomExt.gif) left bottom no-repeat;
	width:246px;*/
}

#tdRightCol {
    /*border-left:solid 1px #b1b1b1;
	border-right:solid 1px #b1b1b1;
	background:url(../newImages/common/rightColGrayTop.gif) left top no-repeat #e8e8e8;*/
}

#rightCol {
    /*float:left;
	 display:inline;
	 margin:40px 0 0 0px;
	 width:246px;
	 height:100%;
	 border:solid 1px #000;*/
}


#rightColTop {
    /*min-height:250px;
	 background:url(../newImages/common/KeynotesRightTopSub.jpg) left top no-repeat;
	 float:left;
	 display:inline;
	 width:246px;*/
}

.clear, #clear {
    clear: both;
    margin: 0px;
    padding: 0px;
}

#footer {
    display: inline;
    float: left;
    margin: 0 auto;
    padding: 0 0 0 38px;
    width: 905px;
    height: 55px;
    background: url(../newImages/footerBGRepeat.gif) left top repeat-y;
    color: #6b8295;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    /*border:solid 1px #000;*/
    /*position:relative;
	left:0px;
	top:0;
	width:100%;*/
}

#footerNav {
    display: inline;
    float: left;
    width: 867px;
    height: 40px;
    background: url(../newImages/pageBottomBG.gif) left top no-repeat;
    /*border:solid 1px #000;*/
}

#admin #footerNav {
    background: url(../newImages/pageBottomBGAdmin.gif) left top no-repeat;
    /*border:solid 1px #000;*/
}

#copyright {
    display: inline;
    float: left;
    margin: 10px 0 0 50px;
    padding: 0px;
    width: 360px;
    /*border:solid 1px #000;*/
}

#credits {
    display: inline;
    float: right;
    margin: 15px 30px 0 0px;
    padding: 0px;
    width: 346px;
    line-height: 16px;
    /*border:solid 1px #000;*/
}

#footer a {
    color: #6b8295;
    /*text-decoration: none;*/
    font-weight: normal;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}
/**********************************************************************************/

/* text styles */
#home #primaryContent {
    position: relative;
    top: 14px;
    left: 0;
    display: inline;
    float: left;
    width: 618px;
    color: #000000;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 14pt;
    /*border:solid 1px #000;margin:38px 30px 0 30px;*/
}

#primaryContent {
    position: relative;
    top: 0;
    left: 0;
    display: inline;
    float: left;
    margin: 0 0 0 0px;
    width: 618px;
    color: #000000;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 14pt;
    /*border:solid 1px #000;margin:38px 30px 0 30px;*/
}

#admin #primaryContent {
    margin: 0 0 0 67px;
    width: 820px;
}

#home #pageContent {
    display: inline;
    float: left;
    margin: 20px 20px 0 0px;
    padding: 0 0 0 26px;
    min-height: 315px;
    background: url(../newImages/dotGradient.jpg) left top no-repeat;
    /*border:solid 1px #000;margin:38px 30px 0 30px;*/
}

#pageContent {
    display: inline;
    float: left;
    margin: 0px 40px 0 0px;
    padding: 0 0 0 26px;
    min-height: 315px;
    background: url(../newImages/dotGradientSub.gif) left top no-repeat;
    /*border:solid 1px red;margin:38px 30px 0 30px;*/
}

#admin #pageContent {
    display: inline;
    float: left;
    margin: 0px 40px 0 12px;
    padding: 0 0 0 26px;
    min-height: 315px;
    background: none;
    /*border:solid 1px red;/*margin:38px 30px 0 30px;*/
}

p {
    margin: 0 0 10px 0px;
    color: #000000;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 14pt;
    /*border:solid 1px #000;*/
}

h1 {
    margin: 0 0 5px 0px;
    color: #698094;
    font-weight: normal;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    /**/
}

.h1Yellow {
    margin: 0 0 5px 0px;
    color: #D4AA72;
    font-weight: normal;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    /**/
}

.h1Blue {
    margin: 0 0 5px 0px;
    color: #576A7B;
    font-weight: normal;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    /**/
}

h2 {
    margin: 0 0 5px 0px;
    color: #000000;
    font-weight: normal;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    /**/
    /*color:#868F99; */
}

h3, .h3 {
    /*font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ca9551;
	font-size:11px;
	text-decoration:none*/
}

ul {
    /*margin:10px 0 10px 20px;
	padding:0px;
	list-style:none;*/
}

    ul li {
        /*background-color:#e9994a;	 for testing purposes */
        /*background:url(../newImages/common/arrowSmall.gif) left center no-repeat #FFF;
	vertical-align:top;
	padding-right:15px;
	float:left;
	width:200px;
	padding-left:20px;*/
    }

    ul li {
        /*float:left;
	background-color:#e9994a;	/* for testing purposes */
        /*background:url(../newImages/common/arrowSmall.gif) left bottom no-repeat;
	padding-right:15px;
	padding-left:10px;
	width:200px;*/
    }

    ul a {
        /*font-family:Arial, Helvetica, sans-serif;
	color:#22639c;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;*/
    }

a {
    color: #333;
    text-decoration: underline;
    font-weight: normal;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    /**/
}

a:hover {
    color: #6b8295;
    text-decoration:  none;
}

td.AdminSmall a, p.AdminSmall a {
    font-size: 11px;
}

#copyright #info {
    /*margin:20px 10px 0 20px;*/
}

/* float styles */

.smallCenter {
    width: 560px;
    text-align: center;
    font-size: 11px;
}

.float {
    float: LEFT;
}

.floatNumber {
    float: LEFT;
    width: 20px;
}

.float30 {
    float: LEFT;
    width: 30px;
}


.float200 {
    float: LEFT;
    width: 200px;
}

.float220 {
    float: LEFT;
    width: 220px;
}

.float240 {
    float: LEFT;
    width: 240px;
}

.float260 {
    float: LEFT;
    width: 260px;
}

.float280 {
    float: LEFT;
    width: 280px;
}

.float320 {
    float: LEFT;
    width: 320px;
}

.float360 {
    float: LEFT;
    width: 460px;
}

.float540 {
    float: LEFT;
    width: 540px;
}

.float120 {
    float: LEFT;
    width: 120px;
}

.float140 {
    float: LEFT;
    width: 140px;
}

.float150 {
    float: LEFT;
    width: 150px;
}

.float160 {
    float: LEFT;
    width: 160px;
}

.float100 {
    float: LEFT;
    width: 100px;
}

.float50 {
    float: LEFT;
    width: 50px;
}

.float75 {
    float: LEFT;
    width: 75px;
}

.float440 {
    float: LEFT;
    width: 440px;
}

.float600 {
    float: LEFT;
    width: 600px;
}

.float640 {
    float: LEFT;
    width: 640px;
}

.float660 {
    float: LEFT;
    width: 660px;
}

.float700 {
    float: LEFT;
    width: 700px;
}

.float300 {
    float: LEFT;
    width: 300px;
}

.float320 {
    float: LEFT;
    width: 320px;
}

.float350 {
    float: LEFT;
    width: 350px;
}

.clear {
    clear: both;
}
/* form styles */
.button {
    margin-top: 5px;
    padding: 1px 7px 1px 7px;
    border: 1px solid #cccccc;
    background-color: #666666;
    color: #e1e1e1;
    vertical-align: text-bottom;
    font-weight: normal;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.select {
    padding: 2px;
    border: 1px #999999 solid;
    background-color: #FFFFFF;
    color: #333333;
    vertical-align: text-bottom;
    font-weight: normal;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

.selectNoBorder {
    overflow-y: hidden;
    padding: 2px;
    border: 1px #FFFFFF solid;
    background-color: #FFFFFF;
    color: #333333;
    vertical-align: text-bottom;
    font-weight: normal;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

.selectLightBorder {
    overflow-y: hidden;
    padding: 2px;
    border-top: 1px #B4B4B4 solid;
    border-right: 1px #EDEDED solid;
    border-bottom: 1px #EDEDED solid;
    border-left: 1px #B4B4B4 solid;
    background-color: #FFFFFF;
    color: #333333;
    vertical-align: text-bottom;
    font-weight: normal;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

.selectLightBorder2 {
    overflow-y: hidden;
    padding: 2px;
    padding: expression('0px');
    width: 99%;
    border-top: 1px #B4B4B4 solid;
    border-right: 1px #EDEDED solid;
    border-bottom: 1px #EDEDED solid;
    border-left: 1px #B4B4B4 solid;
    background-color: #FFFFFF;
    color: #333333;
    vertical-align: text-bottom;
    font-weight: normal;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

.selectLong {
    padding: 2px;
    width: 230px;
    border: 1px #999999 solid;
    background-color: #FFFFFF;
    color: #333333;
    vertical-align: text-bottom;
    font-weight: normal;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

.selectShort {
    padding: 2px;
    width: 90px;
    border: 1px #d6d6d6 solid;
    background-color: #FFFFFF;
    color: #333333;
    vertical-align: text-bottom;
    font-weight: normal;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

.lineMe {
    border-color: #444444;
    border-top: solid #444444;
    border-top-width: 1px;
    border-right: solid #444444;
    border-right-width: 1px;
    border-bottom: solid #444444;
    border-bottom-width: 1px;
    border-left: solid #444444;
    border-left-width: 1px;
}

.clear {
    clear: both;
}


#2ColOLList {
    width: 70em;
}

    #2ColOLList ol {
        float: left;
        margin: 0;
        padding: 0;
        width: 60em;
        list-style: none;
    }


        /*#2ColOLList ol {
	
		float: left;
	  width: 60em;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	
		}*/


        #2ColOLList ol li {
            float: left;
            margin: 0;
            padding: 0;
            width: 30em;
        }


.blueTblRow {
    padding-top: 2px;
    padding-left: 5px;
    width: 745px;
    height: 25px;
    border-top: 1px solid #495967;
    border-bottom: 1px solid #495967;
    background-color: #495967;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
}

    .blueTblRow a {
        color: #ffffff;
        font-weight: bold;
        font-size: 13px;
    }

.grayTblRow {
    border-bottom: 1px solid #666666;
    background: #edf0f2;
    font-size: 12px;
}

.whiteTblRow {
    border-bottom: 1px solid #666666;
    background: #ffffff;
    font-size: 12px;
}

.blueHeader {
    float: left;
    clear: all;
    padding-top: 2px;
    padding-left: 5px;
    width: 745px;
    height: 25px;
    border-top: 1px solid #495967;
    border-bottom: 1px solid #495967;
    background-color: #495967;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
}

.blueHeader2 {
    float: left;
    clear: all;
    padding-top: 2px;
    padding-left: 5px;
    width: 745px;
    height: 25px;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    background-color: #E1E1E1;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
}

.blueHeaderDark {
    float: left;
    clear: all;
    padding-top: 2px;
    padding-left: 5px;
    width: 745px;
    height: 25px;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    background-color: #000000;
    color: white;
    font-weight: bold;
    font-size: 13px;
}

    .blueHeaderDark a {
        color: white;
        font-weight: bold;
        font-size: 13px;
    }

.blueHeaderTall {
    float: left;
    clear: all;
    padding-top: 2px;
    padding-left: 5px;
    width: 745px;
    border-top: 1px solid #495967;
    border-bottom: 1px solid #495967;
    background-color: #495967;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
}

.instructionRow {
    float: left;
    padding: 4px 5px 4px 5px;
    width: 745px;
    border-bottom: 1px solid #cccccc;
    background: #c0d4f5;
    font-weight: normal;
    font-size: 13px;
}

.grayRow {
    float: left;
    clear: all;
    padding: 4px 0 4px 5px;
    width: 745px;
    border-bottom: 1px solid #cccccc;
    background: #edf0f2;
    font-size: 12px;
}

.grayRowDark {
    float: left;
    clear: all;
    padding: 4px 0 4px 5px;
    width: 745px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background: #d7d6d6;
    font-size: 12px;
}

.grayRowDarkNoTop {
    float: left;
    clear: all;
    padding: 4px 0 4px 5px;
    width: 745px;
    border-bottom: 1px solid #000000;
    background: #d7d6d6;
    font-size: 12px;
}

.grayRowNoBorder {
    float: left;
    clear: all;
    padding: 4px 0 4px 5px;
    width: 745px;
    background: #edf0f2;
    font-size: 12px;
}

.normalRow {
    display: block;
    float: left;
    clear: all;
    padding: 4px 0 4px 5px;
    width: 745px;
    border-bottom: 1px solid #cccccc;
    background-color: #ffffff;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
}

.normalRowNoShow {
    display: none;
}

.highlightRow {
    float: left;
    clear: all;
    padding: 4px 0 4px 5px;
    width: 745px;
    border-bottom: 1px solid #cccccc;
    background-color: #ffff99;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
}

.whiteRow {
    float: left;
    padding: 4px 0 4px 5px;
    width: 745px;
    background-color: #ffffff;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
}

.whiteRowNP {
    float: left;
    clear: all;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
}

.tableFirstHeadCell2 {
    float: left;
    margin: 0;
    padding: 0;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    background-color: #edf0f2;
    color: #000000;
    text-align: center;
    font-weight: bold;
}

.tableLastHeadCell2 {
    float: left;
    margin: 0;
    padding: 0;
    border-top: 1px solid #999999;
    background-color: #edf0f2;
    color: #000000;
    text-align: center;
    font-weight: bold;
}

.tableLastHeadCell3 {
    float: left;
    margin: 0;
    padding: 0;
    border-top: 1px solid #999999;
    background-color: #dbddde;
    color: #000000;
    text-align: center;
    font-weight: bold;
}

.tableFirstHeadCell {
    float: left;
    margin: 0;
    padding: 0;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
    text-align: center;
    font-weight: bold;
}

.tableLastHeadCell {
    float: left;
    margin: 0;
    padding: 0;
    border-top: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
    text-align: center;
    font-weight: bold;
}

.tableCell {
    float: left;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #ffffff;
    color: #333333;
    font-weight: normal;
}

.tableLastCell {
    float: left;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #ffffff;
    color: #333333;
    font-weight: normal;
}

.tableCellBottom {
    float: left;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #ffffff;
    font-weight: normal;
}

.tableLastCellBottom {
    float: left;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #ffffff;
    font-weight: bold;
}

.spaceRow {
    padding-top: 10px;
    width: 745px;
    background-color: #ffffff;
}

.greyRow2First {
    padding: 5px 0px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.greyRow2 {
    padding: 5px 0px;
    border-bottom: 1px solid #cccccc;
}

.ltBlueRow {
    padding-left: 5px;
    background-color: #E1E1E1;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
}

.gridhead1 {
    border: solid 1px #d6d6d6;
    background-color: #d6d6d6;
    font-weight: bold;
}

.gridhead1Alert {
    background-color: #ffffff;
    color: #cc0000;
    font-weight: bold;
}

.gridhead2 {
    background-color: #B4B7A4;
    font-weight: bold;
}

.gridhead2White {
    background-color: #B4B7A4;
    color: #FFFFFF;
}

.gridhead2Black {
    background-color: #B4B7A4;
    color: #000000;
}

.gridhead2Blue {
    background-color: #E1E1E1;
    color: #000000;
}

.gridhead2Blue2 {
    border: 1px solid #444444;
    background-color: #E1E1E1;
    color: #000000;
}

.gridhead3 {
    background-color: #ffffff;
    color: #CC0000;
}

.gridhead4 {
    background-color: #ffffff;
    color: #698094;
}

.gridhead5 {
    background-color: #698094;
    color: #ffffff;
}

.gridbody1 {
    border: solid 0px #d6d6d6;
    background-color: #ffffff;
}

.gridbody2 {
    border: solid 0px #d6d6d6;
    background-color: #e9e9e9;
}

.gridbody3 {
    border: solid 0px #d6d6d6;
    background-color: #e2ecf5;
}

.gridcell {
    padding: 3px;
}

.msghead {
    border: solid 1px #cc0000;
    background-color: #FFFFFF;
    color: #cc0000;
    font-weight: bold;
}

.empGridhead, .colGridhead {
    color: #ffffff;
}

.obligeeAnswer {
    border-top: 1px solid #444444;
    border-right: 1px solid #444444;
    border-left: 1px solid #444444;
    background-color: #E1E1E1;
}

.obligeeAnswerx {
    border-top: 1px solid #444444;
    border-right: 1px solid #444444;
    background-color: #ffffff;
}

.commentsLabel {
    border-top: 1px solid #444444;
    border-right: 1px solid #444444;
    border-left: 1px solid #444444;
    background-color: #E1E1E1;
}

.commentsText {
    border-top: 1px solid #444444;
    border-right: 0px solid #444444;
    background-color: #ffffff;
}

.obligeeAnswer2 {
    border-top: 1px solid #444444;
    border-right: 1px solid #444444;
    border-bottom: 1px solid #444444;
    background-color: #E1E1E1;
}

.employerAnswer {
    border-top: 1px solid #444444;
    border-right: 1px solid #444444;
    border-left: 1px solid #444444;
    background-color: #E1E1E1;
}

.employerAnswer2 {
    padding-right: 3px;
    border-top: 1px solid #444444;
    border-right: 1px solid #444444;
    border-bottom: 1px solid #444444;
    border-left: 0px solid #E1E1E1;
    background-color: #E1E1E1;
}

.employerAnswer2a {
    padding-right: 5px;
    border-right: 0px solid #E1E1E1;
    border-bottom: 1px solid #444444;
    border-left: 1px solid #444444;
    background-color: #E1E1E1;
}

.employerAnswer3 {
    border-right: 0px solid #E1E1E1;
    border-left: 1px solid #444444;
    background-color: #ffffff;
}

.explanation {
    border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;
    background-color: #E1E1E1;
}

.error {
    color: red;
}

.requiredFields {
    color: #AE0000;
    font-weight: bold;
    font-size: 12px;
}


/* *********************************************************************************** 
	ALERTS
 *********************************************************************************** */
.alert, .fixed_alert {
    position: relative;
    margin: 12px 0 20px;
    padding: 15px 10px;
    padding-left: 55px;
    width: auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.2);
    box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.2);
    font-style: normal;
    font-size: 12px;
    font-family: Helvetica, Arial, Times, serif;
    /*background:#eee;*/
}


.alert_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    background: url(../images/cross.png) center 0;
    cursor: pointer;
}

    .alert_close:hover {
        background-position: center -33px;
    }

.info_msg {
    border: 1px solid #70A2C9;
    border-color: #70A2C9 #5F9BC9;
    background: url(../images/icons32/info_button_32.png) no-repeat 8px 8px #c7e3f9;
    background: url(../images/icons32/info_button_32.png) no-repeat 8px 8px, -moz-linear-gradient(top, #c7e3f9 0%, #aecee8 100%);
    background: url(../images/icons32/info_button_32.png) no-repeat 8px 8px, -ms-linear-gradient(top, #c7e3f9 0%,#aecee8 100%);
    background: url(../images/icons32/info_button_32.png) no-repeat 8px 8px, -o-linear-gradient(top, #c7e3f9 0%,#aecee8 100%);
    background: url(../images/icons32/info_button_32.png) no-repeat 8px 8px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7e3f9), color-stop(100%,#aecee8));
    background: url(../images/icons32/info_button_32.png) no-repeat 8px 8px, -webkit-linear-gradient(top, #c7e3f9 0%,#aecee8 100%);
    background: url(../images/icons32/info_button_32.png) no-repeat 8px 8px, linear-gradient(top, #c7e3f9 0%,#aecee8 100%);
    color: #2e6093;
    text-shadow: 1px 1px 1px #E2F6FA;
}

.info_nomsg {
    border: 1px solid #70A2C9;
    border-color: #70A2C9 #5F9BC9;
    background: #c7e3f9;
    background: -moz-linear-gradient(top, #c7e3f9 0%, #aecee8 100%);
    background: -ms-linear-gradient(top, #c7e3f9 0%,#aecee8 100%);
    background: -o-linear-gradient(top, #c7e3f9 0%,#aecee8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7e3f9), color-stop(100%,#aecee8));
    background: -webkit-linear-gradient(top, #c7e3f9 0%,#aecee8 100%);
    background: linear-gradient(top, #c7e3f9 0%,#aecee8 100%);
    color: #2e6093;
    text-shadow: 1px 1px 1px #E2F6FA;
    font-size: 16px;
}

.error_msg {
    border: 1px solid #D96E66;
    background: url(../images/icons32/close_32.png) no-repeat 8px 8px #ffc8d1;
    background: url(../images/icons32/close_32.png) no-repeat 8px 8px, -moz-linear-gradient(top, #ffc8d1 0%, #ff93a3 100%);
    background: url(../images/icons32/close_32.png) no-repeat 8px 8px, -ms-linear-gradient(top, #ffc8d1 0%,#ff93a3 100%);
    background: url(../images/icons32/close_32.png) no-repeat 8px 8px, -o-linear-gradient(top, #ffc8d1 0%,#ff93a3 100%);
    background: url(../images/icons32/close_32.png) no-repeat 8px 8px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc8d1), color-stop(100%,#ff93a3));
    background: url(../images/icons32/close_32.png) no-repeat 8px 8px, -webkit-linear-gradient(top, #ffc8d1 0%,#ff93a3 100%);
    background: url(../images/icons32/close_32.png) no-repeat 8px 8px, linear-gradient(top, #ffc8d1 0%,#ff93a3 100%);
    color: #cd0a0a;
    text-shadow: 1px 1px 1px #FFAEBC;
    /* Chrome10+,Safari5.1+ */
    /* FF3.6+ */
    /* IE10+ */
    /* Old browsers */
    /* Opera 11.10+ */
    /* W3C */
}

.saved_msg {
    border: 1px solid #6495ED;
    background: url(../images/icons32/save_32.png) no-repeat 8px 8px #b5d8fa;
    background: url(../images/icons32/save_32.png) no-repeat 8px 8px, -moz-linear-gradient(top, #b5d8fa 0%, #8cb9db 100%);
    background: url(../images/icons32/save_32.png) no-repeat 8px 8px, -ms-linear-gradient(top, #b5d8fa 0%,#8cb9db 100%);
    background: url(../images/icons32/save_32.png) no-repeat 8px 8px, -o-linear-gradient(top, #b5d8fa 0%,#8cb9db 100%);
    background: url(../images/icons32/save_32.png) no-repeat 8px 8px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5d8fa), color-stop(100%,#8cb9db));
    background: url(../images/icons32/save_32.png) no-repeat 8px 8px, -webkit-linear-gradient(top, #b5d8fa 0%,#8cb9db 100%);
    background: url(../images/icons32/save_32.png) no-repeat 8px 8px, linear-gradient(top, #b5d8fa 0%,#8cb9db 100%);
    color: #36414B;
    text-shadow: 1px 1px 1px #D5EAA8;
}

.success_msg {
    border: 1px solid #87AE33;
    background: url(../images/icons32/tick.png) no-repeat 8px 9px #cdeb8e;
    background: url(../images/icons32/tick.png) no-repeat 8px 9px, -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
    background: url(../images/icons32/tick.png) no-repeat 8px 9px, -ms-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
    background: url(../images/icons32/tick.png) no-repeat 8px 9px, -o-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
    background: url(../images/icons32/tick.png) no-repeat 8px 9px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
    background: url(../images/icons32/tick.png) no-repeat 8px 9px, -webkit-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
    background: url(../images/icons32/tick.png) no-repeat 8px 9px, linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
    color: #3F4B25;
    text-shadow: 1px 1px 1px #D5EAA8;
}


.exclamation_msg {
    border: 1px solid #EA9936;
    background: url(../images/icons32/warning_32.png) no-repeat 8px 8px #ffedc1;
    background: url(../images/icons32/warning_32.png) no-repeat 8px 8px, -moz-linear-gradient(top, #ffedc1 0%, #fcde8d 100%);
    background: url(../images/icons32/warning_32.png) no-repeat 8px 8px, -ms-linear-gradient(top, #ffedc1 0%,#fcde8d 100%);
    background: url(../images/icons32/warning_32.png) no-repeat 8px 8px, -o-linear-gradient(top, #ffedc1 0%,#fcde8d 100%);
    background: url(../images/icons32/warning_32.png) no-repeat 8px 8px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffedc1), color-stop(100%,#fcde8d));
    background: url(../images/icons32/warning_32.png) no-repeat 8px 8px, -webkit-linear-gradient(top, #ffedc1 0%,#fcde8d 100%);
    background: url(../images/icons32/warning_32.png) no-repeat 8px 8px, linear-gradient(top, #ffedc1 0%,#fcde8d 100%);
    color: #FF4500;
    text-shadow: 1px 1px 1px #ffedc1;
}

th.grid-header {
    background-color: #c7e3f9;
    color: #ffffff;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    /*font-family: 'Glyphicons Halflings';   essential for enabling glyphicon */
    /*content: "\e114";     adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: #edf0f2; /* adjust as needed */
    content: " -"; /* adjust as needed, taken from bootstrap.css */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    /* content: "\e080";    adjust as needed, taken from bootstrap.css */
    content: " +";
}

div.separator {
    height: 20em;
}

h1.primaryContentLinksHeader {
    font-size: 17px;
}

a.primaryContentLinksLink {
    font-size: 14px;
}

.fiscalTable {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    table-layout: fixed;
}

    .fiscalTable th, .fiscalTable td {
        padding: 0% 1%;
        text-align: center;
        border: solid;
        border-width: 1px;
    }

.indent {
    margin-left: 5%;
}

.J4Assessment {
    width: 25%;
}

td.questionCell {
    width: 85%;
}

td.agreeDisagreeCell {
    vertical-align: top;
}

.scholarLandingDeHeaderText {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
}

    .scholarLandingDeHeaderText a {
        font-size: smaller;
    }

#serviceObligationTable, div#serviceObligationFile {
    width: 740px;
}

    #serviceObligationTable tr, div#serviceObligationFile {
        border-bottom: 1px solid #cccccc;
    }

    #serviceObligationTable .serviceObligationLabel {
        text-align: left;
        width: 30%;
    }

    #serviceObligationTable .serviceObligationData {
        padding-left: 2%;
        text-align: left;
        width: 20%;
    }

.navTable {
    margin: 0px;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
}

    .navTable tr {
        margin: 0px;
        padding: 0;
        border: 0;
        border-spacing: 0px;
    }

    .navTable td {
        margin: 0px;
        padding: 0;
        border: 0;
        border-collapse: collapse;
        border-spacing: 0px;
    }

        .navTable td a {
            margin: 0px;
            padding: 0;
            border: 0;
            /*line-height: 12px;*/
            display: block;
        }

#skipper a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    #skipper a:focus {
        position: static;
        width: auto;
        height: auto;
    }

h1.trainingHeader {
    font-weight: bold;
}


input[type="text"], input[type="email"], input[type="password"] {
    line-height: inherit; /* for i.e. */
}

/* New TopNav stuffs */
.tn {
    margin: 0px;
    padding: 0;
    border: 0;
    display: inline-block;
    float: left;
}

.tn a, .tn a:visited{
    color: white;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-weight: bold;
    display: block;
    margin: auto;
    margin-top: 15px;
}

.tn a:hover{
    color: white;
    text-align: center;
    vertical-align: middle;
    text-decoration: underline;
    font-weight: bold;
    display: block;
    margin: auto;
    margin-top: 15px;
}


.tnHome {
    background: url(../newImages/TopNav_HomeNEW.gif);
    height: 41px;
    width: 194px;
}

.tnScholar {
    background: url(../newImages/TopNav_ScholarsNEW.gif);
    height: 41px;
    width: 212px;
}

.tnIhe {
    background: url(../newImages/TopNav_CollegesNEW.gif);
    height: 41px;
    width: 213px;
}

.tnEmployer {
    background: url(../newImages/TopNav_EmployersNEW.gif);
    height: 41px;
    width: 219px;
}

.disagreeCommentContainer {
    margin-top: 25px;
    display: none;
}

.disagreeCommentContainer label { 
    margin-right: 50px;
}

.disagreeCommentContainer input[type=text] { 
    width: 300px;
}

.modal-backdrop {
    z-index: 0;
}