@import url("base.css");
@import url("ModalPop.css");
/* $Header: $ */
/**
 * JA GLOBAL CSS STYLES
 */
html { font-size: 16px; }
body {
	background-color:#ffffff;
	font-size: 72%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    outline: 0;
}
html>body *{
}
body:focus {     outline: 0;}
.FormBasic select , .FormBasic input, .FormBasic label, .FormBasic textarea, input
{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 95%; 
}

/* GENERIC ADMIN LAYOUT */

body.AdminGeneric , body.AdminGeneric2 
{
	margin: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body.AdminGeneric2 
{
	margin-top: 0.5em;
}
body.AdminGenericPlain {
    margin: 0em 1em;
}
body.AdminGeneric h1
{
	font-size: 120%;
	background-image: url(../../../graphics/blue-fade.png);
	background-repeat:no-repeat;
	/*background-color: #36618A;*/
	color: #36618A;
	padding: .4em .5em .5em;
	margin: 0em 0em 0em 1em;	
	
}
body.AdminGeneric2 h1
{
	font-size: 110%;
	/*background-image: url(../../../graphics/blue-fade.png);
	background-repeat:no-repeat;
	background-color: #36618A;*/
	color: #36618A;
	padding: .2em;
	margin: 0em;	
	margin-left: 1em;
}
body.AdminGeneric h1.HomeTitle
{
	margin: 0em 0em 0em 1em;	
}

body.AdminGeneric h1 img
{
	vertical-align: middle;	
	padding-right: .5em;
}

body.AdminGeneric .AgencyLogo {
    float: left;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-top: 1em;
    margin-top: 0em;
}
body.AdminGeneric h2
{
	color: #36618A;
}
body.AdminGeneric div.PageWrapper
{
	margin: 0;
	width: 95%;
	min-width: 900px;
}

body.AdminGeneric.fluid div.PageWrapper
{
	margin: 0;
	width: 95%;
	min-width: 100%;
}
/* HOME TAB */
.SectionPanel h2
{
	font-size: 100%;
	background-image: url(../../../graphics/blue-fade-dark.png);
	background-repeat:no-repeat;
	/*background-color: #36618A;*/
	color: #fff;
	padding: .25em .5em;
	margin: 0 0 .5em;
	/*	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;*/ /* future proofing */
/*-khtml-border-radius: 4px;  for old Konqueror browsers */

	
}
.SectionPanel h2 a
{
    display:block;
	color: #fff;
	height: 1.5em;
	/*padding-left: 10px;
	background: url(../../../graphics/yellow-triangle.png) no-repeat left 3px;*/
}

.SectionPanel h2 a:hover
{
	color: #ffcc00;
}

.SectionPanel {
clear: both; 	
border: 1px solid #E1E1E1;
margin: .5em;
padding: .5em;
width: 98%;

}
.SectionPanel p 
{
    margin-left: .5em;
}


/* APS TAB */
#ApsWrapper
{
overflow: hidden;
padding: 1em;
   -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #E1E1E1 #CCCCCC #CCCCCC #E1E1E1;
    border-image: none;
    border-radius: 8px 8px 8px 8px;
    border-style: solid;
    border-width: 2px 1px 1px 2px;
}

#ApsActionPanel { 
    margin: 0em 2em; padding: 1em; overflow: hidden;
padding: 1em;
   -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #E1E1E1 #CCCCCC #CCCCCC #E1E1E1;
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 2px 1px 1px 2px;
    background-color: #ffffcc;
}



/* CUSTOM DATA */
#customdatapopup h2
{
	font-size: 100%;
	background-image: url(../../graphics/blue-fade-dark.png);
	background-repeat:no-repeat;
	/*background-color: #36618A;*/
	color: #fff !important;
	padding: .25em .5em;
}

/* COMMON SEARCH RESULTS SCROLLING AREA */
div.scrollableContainer { 
position: relative; 
padding-top: 2em; 
overflow: hidden;
background-color: #C6D6DD; 
}
div.scrollingArea { 
overflow: auto;
overflow-x: hidden; 
background-color: #ffffff;
 	border: 1px solid #E1E1E1; 
}

/* OVERRIDE FOR IE BUG */
div.scrollingArea .DetailTableHoriz th {
    border-right: none !important;
}

/* ADMIN SUB-NAVIGATION MENUS - EXAM PLAN, CERT SCHEDULING, CERT WIZRD */

    #AdminSubNavBarDiv {
            /*float: left;*/
            width: auto;
            background: transparent;
            /*border-bottom: 1px solid #000;*/
            overflow: hidden;
            position: relative;
            margin: 0.25em 0em 0em 1.5em;
        }

            #AdminSubNavBarDiv ul {
                clear: left;
                /*float: left;*/
                list-style: none;
                margin: 0;
                padding: 0;
                position: relative;
                /*left: 50%;*/
                text-align: center;
            }

                #AdminSubNavBarDiv ul li {
                    /*display: block;*/
                    float: left;
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    position: relative;
                    /*right: 50%;*/
                }

                    #AdminSubNavBarDiv ul li a {
                        display: block;
                        margin: 0 0 0 1px;
                        padding: 0.5em 15px 0em;
                        background: #ddd;
                        color: #000;
                        text-decoration: none;
                        line-height: 1.3em;
                        height: 2em;
                        -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;
                    }

                        #AdminSubNavBarDiv ul li a:hover,
                        #AdminSubNavBarDiv ul li a:focus {
                            background: #369;
                            color: #fff;
                        }

                        #AdminSubNavBarDiv ul li a.active,
                        #AdminSubNavBarDiv ul li a.active:hover,
                        #AdminSubNavBarDiv ul li a.active:focus {
                            color: #fff;
                            background: #369;
                            font-weight: bold;
                        }



                        #AdminSubNavBarDiv ul li a.navLink {
                            background: #fff;
                            color: #000;
                        }

                            #AdminSubNavBarDiv ul li a.navLink:hover,
                            #AdminSubNavBarDiv ul li a.navLink:focus {
                                background: #fff;
                                color: #000;
                            }

                            #AdminSubNavBarDiv ul li a.navLink.active,
                            #AdminSubNavBarDiv ul li a.navLink.active:hover,
                            #AdminSubNavBarDiv ul li a.navLink.active:focus {
                                color: #fff;
                                background: #000;
                            }

                        #AdminSubNavBarDiv ul li a img {
                            vertical-align: bottom;
                            padding-right: 0.5em;
                        }
        .SubTabRow {
            background-color: #369;
            height: 20px;
            padding: 0.5em;
            padding-left: 1em;
        }

            .SubTabRow input {
                background-color: transparent;
                border: none;
                color: #fff;
                cursor: pointer;
            }

                .SubTabRow input:hover, .SubTabRow input:focus {
                    color: #ffcc00;
                }
/*---------------------------------------------*/
/*  COMMON STYLES                                 */
/*---------------------------------------------*/

.ContentPanel 
{
	border: 1px solid #E1E1E1;
	border-bottom: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	padding: 1em;
	 width: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.ContentPanel2
{
	border: 1px solid #E1E1E1;
	border-bottom: 2px solid #cccccc !important;
	border-right: 2px solid #cccccc !important;
	padding: .5em;
	 width: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */

}
.ContentPanelInset
{
	border: 1px solid #E1E1E1;
	border-top: 2px solid #cccccc !important;
	border-left: 2px solid #cccccc !important;
	padding: 1em;
	margin: 1em 1em;
	 width: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	background-color: #ffffcc;
}
.Controls {
	text-align: center;
	margin: 0.75em auto;
}
.Controls a {
	margin: 0em .75em;
}
.Controls a img{
	vertical-align: middle;
}
.Controls input, .Controls button {
	margin: 0em 1em;
	font-size: 12px;
}
.Controls input[type='checkbox'] {
    margin-right: 0em;
}
.ControlsBoxed {
 	border: 1px solid #E1E1E1; 
	padding: 1em;
    background-color: #f8f8f8;
    margin-bottom: 1em;
}
.ControlsVertical {
    text-align: left;
    padding: .75em !important;
    border-bottom: 1px solid #e1e1e1 !important;
}
.ControlsVertical a {
    display: block;
	margin: .5em 0em;
}
.MessagePanel {
	margin: 0em auto;
	background-color: #E1E1E1;
	padding: .5em 1em;
	display: block;
	position: relative;
}
.BoxContent { 	border: 1px solid #E1E1E1; margin: 1em; padding: 1em;}
.ShowLinkClosed 
{
	background: url(/graphics/arrow.yellow.gif) no-repeat;
	padding-left: 10px;
}
.ShowLinkOpen
{
	background: url(/graphics/arrow.yellow.down.png) no-repeat left 4px;
	padding-left: 10px;
}

/* COMMON DATA TABLE HORIZONTAL */
.DetailTableHoriz {
	background-color: #ffffff;
	border-collapse: collapse;
	border: 1px #E1E1E1 solid;
	margin: .5em auto;
	width: 100%;
}
.DetailTableHoriz th {
	background-color: #c6d6dd;
	color: #36618A;
	font-weight: bold;
	padding: .15em .5em;
	font-size: 85%;
	text-align: center;
	vertical-align: middle;
    border-right: 1px solid #ffffff;
}
.DetailTableHoriz td {
	padding: .25em .5em;
	vertical-align: middle;
	text-align: center;
}
.DetailTableHoriz td table td {
	text-align: left !important;
}
.DetailTableHoriz tr.even td {
    border-right: 1px solid #ffffff;
}
.DetailTableHoriz tr.odd td {
    border-right: 1px solid #fff;
}
.DetailTableHoriz tr td:last-child {
    border-right: 1px solid #e8e8e8;
}
.DetailTableHoriz .footer { background-color:#e6f0f4; }

/* COMMON DATA TABLE VERTICAL */
.DetailTable {
	background-color: #ffffff;
	border-collapse: collapse;
	margin: 1px auto;
	width: 100%;
	border: 1px solid #E1E1E1;
}
.DetailTable th {
	background-color: #c6d6dd;
	color: #36618A;
	font-weight: bold;
	padding: .15em;
	font-size: 85%;
	text-align: right;
	border-top: 1px solid #ffffff;
    width: 20%;
}
.DetailTable th:first-child {
	/* border-top: 1px solid #E1E1E1;*/
} 
.DetailTable th span 
{
	font-style:normal;
	font-weight:normal;
}

.DetailTable tr.RowHeader {
	background-color: #36618A;
	color: #ffffff;
	font-weight: bold;
}
.DetailTable tr {
	border-top: 1px solid #E1E1E1;
}

.DetailTable td {
	padding: .15em;
	vertical-align: middle;
	border-top: 1px solid #E1E1E1;
}


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


fieldset.FormBasic .plegend { 
    font-weight: bold; 
	/*background-color: #c6d6dd;*/
	color: #36618A;
 	background-image: url(../../../graphics/blue-fade.png);
	background-repeat:no-repeat;
   padding: .25em .5em; 
    margin-bottom: 0;
    }

/* STYLES I WISH WERE GLOBAL BUT WOULD CAUSE UNFORESEEN LAYOUT CHANGES */

body.ExamPlan
    {
        margin: 1em;
        padding: 0;
        border: 0;
        font-size: .82em;
        font-family: arial, helvetica, sans-serif;
        color: #330066;
        width: 100%;
}		
     
body.ExamPlan > form { margin: 0; }

body.ExamPlan > h1 { font-size: 120%; margin: 0 0 .5em; }
/* EXAM PLAN TEST DATE FILTER CONTROLS */
#ExamFilterTable
{
    width: 30%;
    margin-bottom: .75em;
}
#ExamFilterTable th
{
}

#ExamFilterTable td
{
}

#ExamFilterTable .CalendarControl
, #ExamFilterTable .GoControl
{
    vertical-align: middle;
}

#ExamFilterTable input
{
    text-align: right;
}

/* TABLE LOOKUP */
.TableLookup
{
	border-spacing: 0;
	border: solid #336799 2px;
	width: 780px;
	border-collapse: collapse;
}

th.LookupTitle
{
	height: 20px; 
	vertical-align: middle; 
	background: #336799 url(/graphics/tabletopbg.gif);
}
th.LookupTitle h1
, th.LookupTitle h2
{
    font-size: 120%;
    font-family: arial, sans-serif;
    color: #ffff66;
    text-align: center; 
    margin: 0;
}

td.LookupPanel
{
	border: solid #808080 1px;
	background-color: #cccfdd;
	padding: 2px;
	vertical-align: top;
	text-align: left;
}

 td.LookupPanel table
{
    width: 100%;
    border-collapse: collapse;
}
 td.LookupPanel table td
{
    padding: 2px;
}
td.LookupControls
{
	/*  height: 40px; */
	text-align: center; 
	background-color: #ffffff;
}
td.LookupControls img
{
	padding: 4px 0px;
}
 

/***** SUBMIT AND FORM BUTTONS *****/
.IconSave24 {
    border: none;
    background: url(/graphics/Save24.gif) left top no-repeat;
    text-align: left;
    padding-left: 26px;
    height: 24px;
    color: #1A5FA7;
    cursor: pointer;
    font-weight: bold;
}
.IconSave24:hover, .IconSave24:focus {background: url(/graphics/Save24_h.gif) left top no-repeat;color: navy;}
.IconJobSearch { border: none; background: url(/graphics/Filter24.gif) left top no-repeat; padding: 0; text-align: left;  padding-left: 26px; height: 24px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconJobSearch:hover, .IconJobSearch:focus {background: url(/graphics/Filter24_h.gif) left top no-repeat;color: navy;}
.IconCleanup { border: none; background: url(/graphics/Cleanup24.gif) left top no-repeat; text-align: left;  padding-left: 26px; height: 24px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconCleanup:hover, .IconCleanup:focus { background: url(/graphics/Cleanup24_h.gif) left top no-repeat;color: navy;}
.IconUserSearch { border: none; background: url(/graphics/find_user24a.gif) left top no-repeat; text-align: left;  padding-left: 26px; height: 24px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconUserSearch:hover, .IconUserSearch:focus { background: url(/graphics/find_user24a_h.gif) left top no-repeat;color: navy;}
.IconCloseWindow24 { border: none; background: url(/graphics/CloseWindow24.gif) left top no-repeat; text-align: left;  padding-left: 20px; height: 24px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconCloseWindow24:hover, .IconCloseWindow24:focus {background: url(/graphics/CloseWindow24_h.gif) left top no-repeat;color: navy;}
.IconRecPlan { border: none; background: url(/graphics/planner24.gif) left top no-repeat; text-align: left;  padding-left: 26px; height: 24px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconRecPlan:hover, .IconRecPlan:focus {background: url(/graphics/planner24_h.gif) left top no-repeat;color: navy;}

.IconGo16 { border: none; background: url(/graphics/go16.gif) left top no-repeat; text-align: left;  padding-left: 26px; height: 16px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconGo16:hover, .IconGo:focus {background: url(/graphics/go16_h.gif) left top no-repeat;color: navy;}

.IconGo { border: none; background: url(/graphics/go.gif) left top no-repeat; text-align: left;  padding-left: 26px; height: 24px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconGo:hover, .IconGo:focus {background: url(/graphics/go_h.gif) left top no-repeat;color: navy;}
.IconApsSearch { border: none; background: url(/graphics/summary20.gif) left top no-repeat; text-align: left;  padding-left: 20px; height: 24px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconApsSearch:hover, .IconApsSearch:focus { background: url(/graphics/summary20_h.gif) left top no-repeat;cursor: pointer;color: navy;}
.IconReqSearch { border: none; background: url(/graphics/Filter24.gif) left top no-repeat; padding: 0; text-align: left;  padding-left: 26px; height: 24px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconReqSearch:hover, .IconReqSearch:focus {background: url(/graphics/Filter24_h.gif) left top no-repeat;color: navy;}
.IconCreateNew { border: none; background: url(/graphics/Reportnew24.gif) left top no-repeat; padding: 0; text-align: left;  padding-left: 26px; height: 24px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconCreateNew:hover, .IconCreateNew:focus {background: url(/graphics/Reportnew24_h.gif) left top no-repeat;color: navy;}
.IconQUSearch { border: none; background: url(/graphics/Filter24.gif) left top no-repeat; padding: 0; text-align: left;  padding-left: 26px; height: 24px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconQUSearch:hover, .IconJobSearch:focus {background: url(/graphics/Filter24_h.gif) left top no-repeat;color: navy;}
.IconDelete { border: none; background: url(/graphics/delete24.gif) left top no-repeat; text-align: left;  padding-left: 26px; height: 26px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconDelete:hover, .IconDelete:focus { background: url(/graphics/delete24_h.gif) left top no-repeat;color: navy;}

.IconEditAp { border: none; background: url(/graphics/EditAp24.gif) left top no-repeat; padding: 0; text-align: left;  padding-left: 26px; height: 24px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconEditAp:hover, .IconEditAp:focus {background: url(/graphics/EditAp24_h.gif) left top no-repeat;color: navy;}

.IconReview { border: none; background: url(/graphics/propReview24.gif) left top no-repeat; padding: 0; text-align: left;  padding-left: 34px; height: 24px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconReview:hover, .IconReview:focus {background: url(/graphics/propReview24_h.gif) left top no-repeat;color: navy;}

.IconInformation { border: none; background: url(/graphics/information.svg) left top no-repeat; padding: 0; text-align: left;  padding-left: 26px; height: 24px; color: #1A5FA7; font-weight: bold; cursor: pointer;}


.IconSearch { border: none; background: url(/graphics/Filter24.gif) left top no-repeat; padding: 0; text-align: left;  padding-left: 26px; height: 24px; color: #1A5FA7; font-weight: bold; cursor: pointer;}
.IconSearch:hover, .IconSearch:focus {background: url(/graphics/Filter24_h.gif) left top no-repeat;color: navy;}
.IconCleanup {
	border: none;
	background: url(/graphics/icons8/icons8-clear.svg) left top no-repeat;
	text-align: left;
	padding-left: 26px;
	height: 24px;
	color: #1A5FA7;
	font-weight: bold;
	cursor: pointer;
	background-size: 24px;

}
.IconCleanup:hover, .IconCleanup:focus {
	color: navy;
}
.IconRefresh,.IconReset {
	border: none;
	background: url(/graphics/icons8/icons8-reset.svg) left top no-repeat;
	text-align: left;
	padding-left: 26px;
	height: 24px;
	color: #1A5FA7;
	font-weight: bold;
	cursor: pointer;
	background-size: 24px;

}

/**********************************************/
/*        JA TOOLTIP                          */
/**********************************************/
/* Tooltip text */
.JATooltip .tooltiptext {
    visibility: hidden;
    width: 350px;
    background-color: #dce4e5;
    color: #000;
    text-align: left;
    padding: 0.5em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 85%;
    font-weight: normal;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}
.JATooltip .tooltiptext {
    top: -5px;
    left: 105%; 

}
/* Show the tooltip text when you mouse over the tooltip container */
.JATooltip:hover .tooltiptext {
    visibility: visible;
}
/**********************************************/
/*        PROGRESS SLIDER                      */
/**********************************************/
#progress_slider_bar {
    width: 1%;
    height: 2px;
    /*border-right: 1px solid #000000;*/
    background: #00DE46;
    background: -moz-linear-gradient(top, #00DE46 0%, #00B547 40%, #007E1F 56%, #00A247 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00DE46), color-stop(40%,#00B547), color-stop(56%,#007E1F), color-stop(100%,#00A247));
    background: -webkit-linear-gradient(top, #00DE46 0%,#00B547 40%,#007E1F 56%,#00A247 100%);
    background: -o-linear-gradient(top, #00DE46 0%,#00B547 40%,#007E1F 56%,#00A247 100%);
    background: -ms-linear-gradient(top, #00DE46 0%,#00B547 40%,#007E1F 56%,#00A247 100%);
    background: linear-gradient(top, #00DE46 0%,#00B547 40%,#007E1F 56%,#00A247 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00DE46', endColorstr='#00A247',GradientType=0 );
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

#progress_label {
    /*color: #000;
font-size: 1em;
left: 25px;
position: relative;
top: -16px;
text-align: center;
font-style: italic;
font-weight: bold;
text-shadow: 0px 1px 1px #000;
      
*/
}

.progress_td, .progress_div {
    background-color: #e8e8e8;
    text-align: center !important;
}
/*---------------------------------------------*/
/*  MISC GLOBALS                                 */
/*---------------------------------------------*/
a:link {
	text-decoration: none;
	color: #086bb8;
}
a:visited {
	text-decoration: none;
	color: #086bb8;
}
a:active {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
a.menu {
    color: #086bb8;;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
    font-size: 12px !important;
}
a.menu:link           {text-decoration:  none;}
a.menu:visited {text-decoration: none; }
a.menu:hover    { color: navy;text-decoration:  none; }


hr {
	color: #E1E1E1;
}
/*.ButtonStyle {
	border-width:2px;
	text-align:center;
	padding:0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#FFFFFF;
	background-color:#36618A;
	margin: 5px;
}*/
.ButtonStyleSmall {
	border-width:1px;
	text-align:center;
	padding:0px 3px;
	font-weight: normal;
	color:#FFFFFF;
	background-color:#36618A;
	margin: 2px;
	font-size: 90%;
}
.ButtonStyle {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  color: #ffffff;
  margin: 0.125em;
}
.ButtonStyle:hover, .ButtonStyle:active, .ButtonStyle.active, .ButtonStyle.disabled, .ButtonStyle[disabled] {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}
.ButtonStyle:active, .ButtonStyle.active {
}
.ButtonStyle:first-child {
}

.ButtonStyle.default {
  background-color: #fff;
  border-color: #ccc;
  color: #333;
}
.ButtonStyle.primary {
  background-color: #337ab7;
  border-color: #2e6da4;
  color: #fff;
}

.ButtonStyle.default:hover,
.ButtonStyle.default:focus,
.ButtonStyle.default.focus,
.ButtonStyle.default:active,
.ButtonStyle.default.active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}
.ButtonStyle.default:active,
.ButtonStyle.default.active,
.open>.dropdown-toggle.ButtonStyle.default {
    background-image: none
}

.ButtonStyle.primary:hover,
.ButtonStyle.primary:focus,
.ButtonStyle.primary.focus,
.ButtonStyle.primary:active,
.ButtonStyle.primary.active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
    font-size: 100%;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent
}
.btn-link:hover,
.btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none
}
input[type="text"]:focus, textarea:focus, select:focus, input[type="password"]:focus /*, input:focus */ {
	background-color: #ffffcc;
}
select option { background-color: #fff; padding: 0.25em 0em; font-size: 100%; }
select option:nth-child(even) {
  background-color: #e8e8e8;
}

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

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, .oddrow {
	background-color: #ffffff;
}
.even, .evenrow {
	background-color: #e8e8e8;
}
.no-results {
	background-color: #e8e8e8;
}
.no-results:hover {
	background-color: #e8e8e8 !important;
}
.no-bullets 
{
	list-style-type:none;
}
.no-padding { padding: 0 !important; }
/* 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 !important;
}
.center {
	text-align: center !important;
}
.left {
	text-align: left !important;
}
.nowrap {
	white-space:nowrap;
}
.uppercase {
    text-transform: uppercase;
}
/* 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%;
}

.help { cursor: help;}

.NoScript {  background-color: #ffffff; padding: 1em; font-weight: bold;color: #666666 !important;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.red
{
	color: #ff0000;
}
.blue
{
	color: #0000ff;
}
.green
{
	color:#00DE46;
}
.RedCallOut {
	font-weight: bold;
	color: #990033 !important;
}

/* ADMIN PRINT CLOSE LINKS */
.SectionControlsShow {
    float: right;
    display: block;
    margin: 0em 0em 0.5em;
}

    .SectionControlsShow a {
        margin: 0em 0em 0em 1em;
    }

@media print {
    .SectionControlsShow {
        display: none;
    }
}

/* ADMIN PROGRESS SLIDER */
      #progress_slider_bar {
            width: 1%;
            height: 2px;
            /*border-right: 1px solid #000000;*/
            background: #00DE46;
            background: -moz-linear-gradient(top, #00DE46 0%, #00B547 40%, #007E1F 56%, #00A247 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00DE46), color-stop(40%,#00B547), color-stop(56%,#007E1F), color-stop(100%,#00A247));
            background: -webkit-linear-gradient(top, #00DE46 0%,#00B547 40%,#007E1F 56%,#00A247 100%);
            background: -o-linear-gradient(top, #00DE46 0%,#00B547 40%,#007E1F 56%,#00A247 100%);
            background: -ms-linear-gradient(top, #00DE46 0%,#00B547 40%,#007E1F 56%,#00A247 100%);
            background: linear-gradient(top, #00DE46 0%,#00B547 40%,#007E1F 56%,#00A247 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00DE46', endColorstr='#00A247',GradientType=0 );
            -moz-border-radius: 1px;
            -webkit-border-radius: 1px;
            border-radius: 1px;
        }

        #progress_label {
            /*color: #000;
    font-size: 1em;
    left: 25px;
    position: relative;
    top: -16px;
    text-align: center;
     font-style: italic;
    font-weight: bold;
     text-shadow: 0px 1px 1px #000;
      
        */
        }

        .progress_td {
            background-color: #e8e8e8;
            text-align: center !important;
        }



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

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


#PrintWrapper, #AppPageDiv, #PageWrapper {
	width: auto;
	margin: 0;
	padding: 0;
}
#PrintDivWrapper, #PrintDiv, #PrintDiv2, .EditButton {
	display:none;
}
.AppResponseText {
	/* respone text 
	font-weight: bold;
	font-size: 120%;*/
}

#printSQ {
	width: 100%;
}

#JobApsContent {
	margin: 0em auto;
	text-align: center;
}
#PageContent {
	margin: 0em auto;
	overflow: visible;
}
.AppPageTable {
	border: 0;
}
.Controls {
	/* HIDE THE BUTTONS */
		display: none;
}
* {
	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;
}
input[type="text"], select {
        border: none;
        /*border-bottom: 1px solid #444;*/
    }

}

#ProctorResults{
	width:100%;

}
#ProctorRow{
	width:90%;
}
#ProctorQuestionAnswered{
	background-color: green;
	margin-right: 1px;
	height: 10px;
	width: 2px;
	padding:0px;
}
#ProctorQuestionUnAnswered{
	background-color: yellow;
	margin-right: 1px;
	height: 10px;
	width: 2px;
	padding:0px;
}
.newlook
{display:none}

html body.AdminGeneric.fluid div.PageWrapper form.ContentPanel div#panel6.panel table.FormBasic tbody tr td.subTable table#ExtraFieldsTable tbody tr td.right.nowrap textarea
{
	width:66%;
	height: 100px;
}
/* THE OVERRIDE STYLES
body.AdminGeneric h1
{
	font-size: 110%;
	background-image: none;
	background-repeat:no-repeat;
	background-color: #CCcfdd;
	color: #000 !important;
	padding: .4em .5em .5em;
	margin: 0em 0em 0em 1em;
	
}
body.AdminGeneric h2
{	
	color: #000 !important;
}
.ContentPanel 
{
	border: none;
	border-bottom: none;
	border-right: none;
	padding: 1em;
	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px; 
	-khtml-border-radius: 0px; 

}
.ContentPanel2
{
	border: 1px #ddd solid;
	border-bottom: none;
	border-right: none;
	padding: .5em;
	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-khtml-border-radius: 0px;

}
.ContentPanel2 h2 {
    background-image: none;
    background-color: #ccc;
}
.SectionPanel h2 a {
    color: #000;
}
.SectionPanel h2 a:hover
{
	color: #000;
}
.DetailTableHoriz th {
    background-color: #acc7b0;
    color: #000;
}

#customdatapopup h2
{
	background-image: none;
    background-color: #ccc;
	color: #000 !important;
}

fieldset.FormBasic .plegend {
    background-image: none;
    background-color: #ccc;
    color: #000;
}


div.scrollableContainer { 
background-color: #acc7b0; 
}


.FormBasic td.RowHeader {
    background-color: #ccc;
    color: #000;
}

.FormBasic th, .FormBasic td.th {
    background-color: #E8E8E8;
    color: #093c63;

}

#ApsWrapper
{
    border-radius: 0px;
}

#ApsActionPanel { 
    
    border-radius: 0px;

}
     */