/* CSS Document */
/*ASRT Site Refresh 2011*/

/*Site Colors List
ASRT Bule #003f7d
Orange #ff6600
Text Blue #0e3fg7
Menu Text Gray #666666
Sidebar2 Gray #cbcbcb
Gray Sub headings #555555
A Links #336699
Gray Text 333333
Menu Lt Orange bkgnd #ffdca7;
*/

/*Clear out browser defaults*/
*
{
    padding: 0px;
    margin: 0px;
}
body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    text-align: left;
    color: #333333;
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
}

/*Page layout styles*/
/* Fixed width container surrounds all divs */
.pagewrapper
{
    width: 960px;
    background-color: #FFFFFF;
    margin: 0 auto;
}
.headerbox
{
    height: 145px;
    clear: both;
    background-image: url(/asrtimages/asrt-header2011.jpg);
}
/*Sidebar1 holds the left nav menus and Live chat*/
.sidebar1
{
    width: 165px;
    float: left;
    background-color: #FFFFFF;
    padding-top: 14px;
    padding-bottom: 10px;
}
.livechatwrapper
{
    padding: 23px 0px 10px 0px;
}
/*Content1 is the container for templates with 2 side bars*/
.content1
{
    width: 545px;
    float: left;
    padding: 20px 23px 0px 23px;
}
/*Content2 is the container for templates with 1 side bar*/
.content2
{
    width: 772px;
    float: left;
    padding: 0px 0px 0px 23px;
}
/*Content3 is the container for templates with no side bars*/
.content3
{
    width: 100%;
    float: left;
    padding: 20px 0px 0px 0px;
}
/*Sidebar2 holds the login and alert boxes*/
.sidebar2
{
    width: 204px;
    float: left;
    background-color: #b9cce2;
    padding-bottom: 10px;
    margin-top: 0px;
    padding-top: 0px;
}

.sidebar3
{
    width: 204px;
    float: left;
    background-color: #b9cce2;
    padding-bottom: 10px;
    margin-top: 0px;
    padding-top: 25px;
}

.myClassRoomSideBar
{
    float: left;
    background-color: #b9cce2;
    padding-bottom: 10px;
    margin-top: 0px;
    padding-top: 0px;
}

/*Login form styles*/
.loginbox
{
    padding-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #0e3f67;
    margin-bottom: 10px;
    color: #0e3f67;
}
.loginheading
{
    height: auto;
    background-color: #0e3f67;
    padding: 8px 6px 8px 12px;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    color: #FFFFFF;
}
/* free personal account box */
.l-header
{
    color: #fff;
    background-color: #0E3F67;
    text-indent: 12px;
    font-weight: bold;
    padding: 6px 0px 6px 0px;
    margin-top: 6px;
}
.l-text
{
    color: #0E3F67;
}
.divVertSpace
{
    line-height: 4px;
}
/*Alert Box Wrapper*/
.alertboxwrapper
{
    min-height: 450px;
    padding: 10px 2px 10px 2px;
}

/*Clear floats*/
.clear
{
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
.footer
{
    text-align: center;
    background-color: #FFFFFF;
    padding-top: 23px;
    padding-bottom: 23px;
}
.smallLinks
{
    text-align: center;
    background-color: #FFFFFF;
}

/*Default Heading & Text Styles*/
h1
{
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    padding-bottom: 17px;
    padding-top: 20px;
}
h2
{
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom: 17px;
}
h3
{
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    padding-bottom: 17px;
}
h4
{
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    padding-bottom: 17px;
}
h5
{
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    padding-bottom: 17px;
}
h6
{
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
}
p
{
    /*padding-bottom:17px;  changed to use margin-bottom for compatibility with StylesCourse.css*/
    margin-bottom: .5cm;
}
.p-bold
{
    font-weight: bold;
}
.footer p
{
    font-size: 11px;
    line-height: 17px;
    padding-bottom: 0px;
}
ul
{
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 15px;
    line-height: 17px;
    padding-bottom: 17px;
}
ol
{
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 18px;
    line-height: 17px;
    padding-bottom: 17px;
}
blockquote
{
    margin-left: 25px;
    line-height: 17px;
    padding-bottom: 17px;
}
dl
{
    line-height: 17px;
    padding-bottom: 17px;
}
dt
{
    font-weight: bold;
}
dd
{
    margin-left: 25px;
}
pre
{
    font-size: 12px;
    line-height: 17px;
    padding-bottom: 17px;
}

/*Additional heading and text styles*/
/*hidden styles for header text that is in the background graphic*/
.headerbox h1
{
    display: none;
}
.headerbox h2
{
    display: none;
}
/*Heading of above info boxes*/
.boxheading
{
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    padding-bottom: 0px;
    color: #ff6600;
}
/*Orange outline div boxes on splash page*/
.splash-infobox
{
    height: 120px;
    overflow: scroll;
    border-style: solid;
    border-color: #ff6600;
    border-width: 1px;
    border-radius: 6px;
    -moz-border-radius: 6px; /* Firefox 3.6 and earlier */
    padding: 6px;
    margin-top: 2px;
    margin-bottom: 17px;
}
/*Blue text for splash and welcome pages*/
.splashtext
{
    color: #0e3f67;
}
/*Orange outline div boxes on welcome page*/
.welcome-infobox
{
    padding: 6px;
    margin-top: 2px;
    margin-bottom: 17px;
}
/*Heading and text colors*/
.blue
{
    color: #0e3f67;
}
.orange
{
    color: #ff6600;
}

/*Content over ride PLC template styles*/
.header
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #0e3f67;
    padding-top: 20px;
    padding-bottom: 17px;
}

/* Default link styles */
/* Removes the default blue border around an image when it is surrounded by a link */
a img
{
    border: none;
}
a:link
{
    color: #336699;
    text-decoration: none;
}
a:visited
{
    color: #336699;
    text-decoration: none;
}
a:hover, a:active, a:focus
{
    text-decoration: underline;
}



/* Styles for the Ajax course catalog */
.CourseLoading
{
    font-family: arial, helvetica,sans-serif;
    color: black;
    text-decoration: none;
    font-size: 10pt;
    font-weight: normal;
}
.CourseHeader
{
    display: block;
    text-indent: 5px;
    padding-top: 4px;
    background-image: url(/Asrtimages/cat_box.gif);
    width: 572px;
    height: 24px;
    font-family: arial, helvetica,sans-serif;
    color: #666666;
    text-decoration: none;
    font-size: 10pt;
    font-weight: bold;
}
.CourseItem
{
    display: block;
    margin-left: 2em;
    padding-top: 4px;
    font-family: arial, helvetica,sans-serif;
    color: #666666;
    text-decoration: none;
    font-size: 10pt;
}
.CourseFlag
{
    color: Red;
    font-family: Microsoft Sans Serif;
    font-size: Smaller;
    font-weight: bold;
}
A.CourseUrl:link
{
    font-family: arial, helvetica;
    color: #696695;
    text-decoration: none;
    font-size: 10pt;
}
A.CourseUrl:active
{
    font-family: arial, helvetica;
    color: #696695;
    text-decoration: none;
    font-size: 10pt;
}
A.CourseUrl:visited
{
    font-family: arial, helvetica;
    color: #696695;
    text-decoration: none;
    font-size: 10pt;
}

/*Styles for splash page datagrids*/
.hiderow
{
    visibility: collapse;
}
.aster
{
    font-family: Verdana, Arial;
    color: red;
    text-decoration: none;
    font-size: 8pt;
    font-weight: bold;
}
/* for alert boxes */
/* Alert Box */


.boxTable
{
    border: none;
}
.boxControl
{
    background-color: #FFFFFF;
    color: Black;
    font-size: 8pt;
    text-align: left;
}
.boxBody
{
    background-color: #FFFFFF;
    color: Black;
    font-size: 8pt;
    text-align: left;
    padding: 4px 1px 4px 4px;
}
.boxCaption1
{
    background-color: #003f7d;
    color: White;
    text-indent: 2px;
    font-size: 12px;
}
.boxCaption2
{
    background-color: #003f7d;
    color: White;
    text-indent: 2px;
    font-size: 12px;
}
.boxCaption3
{
    background-color: #003f7d;
    color: White;
    text-indent: 2px;
    font-size: 12px;
}
.boxCaption4
{
    background-color: #003f7d;
    color: White;
    text-indent: 2px;
    font-size: 12px;
}

/* these styles are for the timeout pop-up window in Template_ASRT_SCORM2011.Master */
#ContentTemplateZone
{
    width: 500px;
    height: 400px;
}
.contText, .contButton
{
    font-family: Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 0 0 2px 2px;
    font-size: 12px;
    text-align: center;
}
 /* styles to fix IE11 problem with inline width and text size on login, study, classroom page */
    .width100 { width:100% !important; font-size:100%; }
    .width600 { width:600px !important; font-size:100%; }