h1
{
    font-size: 24px;
    font-family: Helvetica, Verdana, Sans-Serif;
}

h2
{
    font-size: 20px;
    font-family: Helvetica, Verdana, Sans-Serif;
}

h3
{
    letter-spacing: 1px;
    font-weight: normal;
    font-variant: small-caps;
    font-size: 20px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

h4, h5, .messageLabel
{
    font-size: 1em;
    font-family: Helvetica, "Times New Roman", Times, serif;
}

h1, h2, h3, h4, h5, p
{
    margin-bottom: .5em;
    line-height: 1.4em;
}

p
{
    color: #333;
    font-size: 12px;
    font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
}

strong { font-weight: bold; }

.normal-font
{
    color: #333;
    font-size: 12px;
    font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
}

.button
{
    display: inline;
    padding: 3px 5px;
    border: 1px solid #E8E8E8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: white;
    -moz-box-shadow: 0 2px 0 0 #e8e8e8;
    -webkit-box-shadow: 0 2px 0 0 #E8E8E8;
    box-shadow: 0 2px 0 0 #E8E8E8;
    color: #888;
    font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
    font-weight:600;
    font-size: 1em;
    text-align:center;
   

}

    .button:hover
    {
        border-color: #CCC;
        background: #FEFEFE;
        -moz-box-shadow: 0 2px 0 0 #cccccc;
        -webkit-box-shadow: 0 2px 0 0 #CCC;
        box-shadow: 0 2px 0 0 #CCC;
        color: #555;
    }

    .button:active
    {
        position: relative;
        top: 1px;
        background-position: 0 top;
    }

    .button.blue
    {
        border: none;
        background: #2F8AB9;
        -moz-box-shadow: 0 2px 0 0 #13648d;
        -webkit-box-shadow: 0 2px 0 0 #13648D;
        box-shadow: 0 2px 0 0 #13648D;
        color: white;
    }

        .button.blue.small
        {
            border: none;
            background: #2F8AB9;
            -moz-box-shadow: 0 2px 0 0 #13648d;
            -webkit-box-shadow: 0 2px 0 0 #13648D;
            box-shadow: 0 2px 0 0 #13648D;
            color: white;
            font-size: 10px;
        }

        .button.blue:hover
        {
            background: #3396C9;
            -moz-box-shadow: 0 2px 0 0 #15719f;
            -webkit-box-shadow: 0 2px 0 0 #15719F;
            box-shadow: 0 2px 0 0 #15719F;
        }

        .button.blue:active
        {
            background: #2978a1;
            -moz-box-shadow: 0 2px 0 0 #11577b;
            -webkit-box-shadow: 0 2px 0 0 #11577b;
            box-shadow: 0 2px 0 0 #11577b;
        }

    .button.yellow
    {
        border: none;
        background: #FFFF66;
        -moz-box-shadow: 0 2px 0 0 #FFCC66;
        -webkit-box-shadow: 0 2px 0 0 #FFCC66;
        box-shadow: 0 2px 0 0 #FFCC66;
        color: black;
    }

        .button.yellow.small
        {
            border: none;
            background: #FFFF66;
            -moz-box-shadow: 0 2px 0 0 #FFCC66;
            -webkit-box-shadow: 0 2px 0 0 #FFCC66;
            box-shadow: 0 2px 0 0 #FFCC66;
            color: white;
            font-size: 10px;
        }

        .button.yellow:hover
        {
            background: #FFFF99;
            -moz-box-shadow: 0 2px 0 0 #FFCC66;
            -webkit-box-shadow: 0 2px 0 0 #FFCC66;
            box-shadow: 0 2px 0 0 #FFCC66;
        }

        .button.yellow:active
        {
            background: #FFCC99;
            -moz-box-shadow: 0 2px 0 0 #FF9900;
            -webkit-box-shadow: 0 2px 0 0 #FF9900;
            box-shadow: 0 2px 0 0 #FF9900;
        }

a.menulink:link, a.menulink:active, a.menulink:visited
{
    color: #FFF;
    text-decoration: none;
}

a.menulink:hover
{
    color: #FFF;
    text-decoration: underline;
}

.bold
{
    font-weight: bold;
}

.indented
{
    display: block;
    margin: 0px 10px 0px 10px;
}

.messageLabel
{
    font-variant-caps: small-caps;
    display: block;
    padding: 5px;
    color: Blue;
    line-height: 12pt;
}

.courseHead
{
    font-weight: bold;
}

.checkboxes
{
    display: block;
    padding: 5px;
    line-height: 20pt;
}

input[type=text]
{
    padding-top: 2px;
    font-size: 14px;
}

input.xxl, span.xxl
{
    width: 350px;
}

input.big, span.big
{
    width: 225px;
}

input.med, span.med
{
    width: 170px;
}

input.small, span.small
{
    width: 90px;
}

span.example
{
    display: block;
    color: #999;
    text-align: right;
    font-style: italic;
}

.wrapper
{
    margin: 0 auto;
    width: 900px;
}

#main-header
{
    margin-bottom: 10px;
    height: 44px;
    border-bottom: 1px solid #567ca2;
    background-color: #000;
}

    #main-header h1
    {
        margin: 0;
        padding: 0;
    }

#main-nav
{
    position: relative;
    color: #dde;
}

#product-logo
{
    float: left;
}

#user-nav
{
    height: 38px;
}

    #user-nav ul
    {
        float: right;
        margin: 0;
        list-style-type: none;
    }

    #user-nav li
    {
        float: right;
    }

        #user-nav li a
        {
            display: block;
            margin-top: 6px;
            margin-right: 4px;
            padding: 5px 8px;
            color: #dde;
        }

            #user-nav li a:hover
            {
                background-color: #444;
            }

#iu17-logo /*, #iu19-logo, ... */
{
    float: left;
    text-indent: -9999px;
    width: 143px;
    height: 38px;
    background: transparent url('/Images/smallBLaST-Gradient.png') no-repeat;
}
/* #iu19-logo ... */

/*
#main-body { background-color: #eee; border: 2px solid #ddd; }
#main-body #content { width: 60%; padding: 10px; float: left; }
#main-body #sidebar { width: 30%; padding: 10px; float: right; }
#main-body #user-name  { width: 30%; padding: 10px; float: right; }
#main-body #sidebar ul { line-height: normal; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: small; }
*/

#content
{
    float: left;
    padding: 10px;
}

#form1 #login
{
    display: block;
    margin-top: 3px;
    margin-right: 4px;
    padding: 5px 8px;
    color: #dde;
}

#form1 #user-name
{
    display: block;
    margin-top: 3px;
    margin-right: 4px;
    padding: 5px 8px;
    color: #dde;
}

    #form1 #user-name a
    {
        color: White;
        text-decoration: none;
    }

#form1 #sidebar
{
    float: right;
    width: 20%;
}

.divcolumns
{
    float: left;
    padding: 5px;
}

.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}

div.topborder
{
    width: 551px;
    height: 10px;
    background-image: url("/Images/top.png");
}

div.middleborder
{
    width: 549px;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    background-color: #F5F5F5;
}

div.bottomborder
{
    width: 550px;
    height: 10px;
    background-image: url("/Images/bottom.png");
}

div.maintopborder
{
    width: 900px;
    height: 10px;
    background-image: url("/Images/main-top.png");
}

div.mainbottomborder
{
    width: 900px;
    height: 12px;
    background-image: url("/Images/main-bottom.png");
}

.headers li
{
    width: 200px;
    list-style-type: none;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;
}

.details li
{
    width: 300px;
    list-style-type: none;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;
}

.error-msg
{
    padding: 4px;
    border: 1px solid #977;
    background-color: #fee;
    color: #977;
}

.success-msg
{
    padding: 4px;
    border: 1px solid #789778;
    background-color: #ecfef5;
    color: #789778;
}


.clear
{
    clear: both;
}

.display-div
{
    padding: 10px;
    border: 1px solid #004F4F;
    background-color: #FFFFFF;
}

    .display-div ul
    {
        list-style-type: none;
        font-size: small;
        font-family: Arial, Helvetica, sans-serif;
        line-height: normal;
    }

.listview
{
    padding-left: 10px;
    width: 100%;
}

    .listview li
    {
        width: 90%;
        list-style-type: none;
        font-size: small;
        font-family: Arial, Helvetica, sans-serif;
        line-height: normal;
    }

    .listview p
    {
        padding: 5px;
    }

.itemtemplate
{
    margin: 0px;
    padding: 10px;
    text-align: left;
}

.alternatingitemtemplate
{
    margin: 0px;
    padding: 10px;
    background-color: #CDE4EB;
    text-align: left;
}

.listviewtable th
{
    padding: 4px 5px 4px 5px;
    border-width: 1px 1px 2px 1px;
    border-style: solid;
    border-color: #004F4F;
    background-image: url('../Images/th_image.jpg');
    background-position: left bottom;
    background-repeat: repeat-x;
    color: #000000;
    vertical-align: bottom;
    text-align: center;
}

.listviewtable td
{
    padding: 2px 6px 2px 6px;
    border-width: 1px;
    border-color: #004F4F;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}

.row
{
}

.altrow
{
}

.CustomTabStyle .ajax__tab_header
{
    background: url(images/tab-line.gif) repeat-x bottom;
    font-size: 11px;
    font-family: verdana,tahoma,helvetica;
}

/******************* Master Page Styles *****************/


body
{
    background-image: url('/Images/body-bg.png');
    background-repeat: repeat-x;
    font-size: 12px;
    font-family: Verdana, Arial, Sans-Serif;
}

.titleBar
{
    margin-bottom: 0;
    padding: 3px 3px 6px 16px;
    height: 50px;
    border-right: 2px solid #758FAC;
    border-left: 2px solid #758FAC;
    background-color: #395D7B;
    color: #FFFFFF;
    text-align: left;
}

.messagebar
{
    padding: 0 3px;
    height: 32px;
    border-right: 2px solid #758FAC;
    border-left: 2px solid #758FAC;
    background-color: #395D7B;
    font-size: 13px;
}

.paiunet
{
    float: right;
    margin: 5px;
    margin-top: 20px;
    height: 30px;
}

.logobar
{
    padding: 0 3px;
    height: 30px;
    border-right: 2px solid #758FAC;
    border-left: 2px solid #758FAC;
    background-color: #77AADD;
    font-size: 13px;
}

#defaultPageLoading {
    width: 100%;
    height: 350px;
    font-size: 3em;
    text-align: center;
    margin-bottom: -350px;
    background-image: url('../Images/load.gif');
    background-size: 50px auto;
    background-position: center;
    background-repeat: no-repeat;
}


/******************* Custom Styles *****************/
.bodydiv {
    margin: 20px auto 20px auto;
    width: 94%;
}

.contentcontainer
{
    padding: 10px 5px 5px 0px;
    min-height: 200px;
    border-right: 2px solid #758FAC;
    border-left: 2px solid #758FAC;
    background-color: #fff;
    text-align: center;
}

.navigationdiv
{
    display: block;
    float: left;
    min-height: 300px;
    width: 100px;
}

.contentdiv
{
    margin: 25px;
    min-height: 300px;
    width: 80%;
    text-align: left;
}

.alertsdiv
{
    display: block;
    float: right;
    min-height: 300px;
    width: 100px;
}


/******************* HTML Override styles *****************/

    body.leftbg
    {
        background-image: url("Images/background.gif");
        background-position: left;
        background-repeat: repeat-y;
    }

.notUnderlined a
{
    text-decoration: none;
}

input
{
    font-size: 12px;
    font-family: Arial, Sans-Serif;
}

select
{
    font-size: 12px;
    font-family: Arial, Sans-Serif;
}

/********************** Login Page **********************/
.logindiv
{
    margin: 50px auto 0 auto;
    padding: 0;
    width: 600px;
}

.helpdiv
{
    position: fixed;
    z-index: 15000;
    display: none;
    padding: 5px;
    width: 325px;
    border: 2px solid #000;
    background-color: #FF9;
    text-align: left;
    font-size: 12px;
}

.loginpasswordtextbox
{
    width: 200px;
}

.logindivheader
{
    width: 600px;
    height: 130px;
    background-image: url('/Images/login-logo-bg.png');
    background-repeat: no-repeat;
}

.logincontent
{
    border-right: 1px solid #758FAC;
    border-left: 1px solid #758FAC;
    background-color: #EFF3FB;
}

.loginfooter
{
    width: 600px;
    height: 8px;
    background-image: url('../Images/login-border-bottom.png');
    background-repeat: no-repeat;
}

td a:link, a:active, a:visited
{
    color: #036;
}

.smallButton
{
    display: inline-block;
    padding: 2px 2px;
    border: 1px solid #dcdcdc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #ededed;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    color: #0f0d0f;
    text-decoration: none;
    -webkit-text-shadow: 1px 1px 0px #ffffff;
    text-shadow: 1px 1px 0px #ffffff;
    font-weight: bold;
    font-size: 10px;
    font-family: Arial;
}

    .smallButton:hover
    {
        background-color: #dfdfdf;
    }

    .smallButton:active
    {
        position: relative;
        top: 1px;
    }

.popUpPanel
{
    padding: 15px;
    width: 30%;
    border: 1px solid black;
    background-color: white;
    -moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
    box-shadow: inset 0px 0px 0px 0px #ffffff;
}

.popupOverlay
{
    opacity: 0.5;
    height: 1813px;
    width: 1903px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1001;
    background-color: #000;
    display:none;
    cursor:wait;
}

.ajax__balloon_popup .custom
{
    background-image: url('../Images/popupImg.png');
}

    /* SMALL SIZE */
    .ajax__balloon_popup .custom .small
    {
        width: 200px;
        height: 150px;
        background-image: url('balloon-1.png');
        background-position: top left;
        background-repeat: no-repeat;
        text-align: justify;
    }

        .ajax__balloon_popup .custom .small .bottom_right .ajax__content
        {
            padding: 35px;
        }

        .ajax__balloon_popup .custom .small .bottom_left .ajax__content
        {
            padding: 35px;
        }

        .ajax__balloon_popup .custom .small .top_right .ajax__content
        {
            padding: 35px;
        }

        .ajax__balloon_popup .custom .small .top_left .ajax__content
        {
            padding: 35px;
        }
    /* END OF SMALL SIZE */

    /* LARGE SIZE */
    .ajax__balloon_popup .custom .large
    {
        width: 420px;
        height: 320px;
        background-image: url('../Images/popupImg.png');
        background-position: left center;
        background-repeat: no-repeat;
        text-align: justify;
    }

        .ajax__balloon_popup .custom .large .bottom_right .ajax__content
        {
            padding: 35px;
        }

        .ajax__balloon_popup .custom .large .bottom_left .ajax__content
        {
            padding: 35px;
        }

        .ajax__balloon_popup .custom .large .top_right .ajax__content
        {
            padding: 35px;
        }

        .ajax__balloon_popup .custom .large .top_left .ajax__content
        {
            padding: 35px;
        }
/* END OF large SIZE */

.Md
{
    width: 200px;
}

.Lg
{
    width: 300px;
}

.Xl
{
    width: 400px;
}

.listContainer {
}

.switchItemColor {

}

.switchItemColor:nth-of-type(odd) {
    border-bottom:1px solid black;
    padding-bottom:5px;
    padding-top:5px;
}

.switchItemColor:nth-of-type(even) {
    padding-top:5px;
}

.addIcon
{
    padding: 2px 0px 3px 23px;
    margin: 2px;
    background-image: url('../Images/add.png');
    background-repeat:no-repeat; 
}

.addIcon:hover
{
    background-image: url('../Images/add_hover.png');
    background-repeat:no-repeat;
}

.removeIcon
{
    padding: 2px 0px 3px 23px;
    margin: 2px;
    background-image: url('../Images/remove.png');
    background-repeat:no-repeat;
}

.removeIcon:hover
{
    background-image: url('../Images/remove_hover.png');
    background-repeat:no-repeat;
}

div.savesuccessful {
    vertical-align: top;
    position: fixed;
    padding: 5px;
    display: none;
    float: right;
    font-family: 'Segoe UI', Arial;
    border: 3px solid #363;
    border-radius: 4px;
    background: rgb(100,255,75);
    background-color: rgba(100, 255, 75, 0.4);
    color: #030;
    font-size: 60px;
}

div.alreadyRegistered {
    vertical-align: top;
    position: fixed;
    padding: 5px;
    display: none;
    float: right;
    font-family: 'Segoe UI', Arial;
    border: 3px solid #363;
    border-radius: 4px;
    background: rgb(100,255,75);
    background-color: rgba(100, 255, 75, 0.4);
    color: #030;
    font-size: 60px;
}

div.saving img {
    vertical-align: middle;
}

div.savefailed, div.formInvalid {
    vertical-align: top;
    position: fixed;
    padding: 5px;
    display: none;
    float: right;
    font-family: 'Segoe UI', Arial;
    border: 3px solid #633;
    border-radius: 4px;
    background: rgb(255,100,75);
    background-color: rgba(255, 100, 75, 0.4);
    color: #030;
    font-size: 60px;
}


#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

#loading-image {
  position: absolute;
  top: 400px;
  left: 400px;
  z-index: 100;
}

.behind{
    width:100%;
    background-color:orange;
    position: absolute;
    z-index: -1;
    padding:50px;
   }

.holder{        
    width:100%;
    display:block;
}

input[type='submit'].downloadexcel
{
    border: 0;
    background: url('../Images/csv.png') no-repeat left center;
    padding-left: 25px;
    font-weight: bold;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
}

input[type='submit'].downloadPdf
{
    border: 0;
    background: url('../Images/pdf.png') no-repeat left center;
    padding-left: 25px;
    font-weight: bold;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
}

input[type='submit'].emailIcon
{
    border: 0;
    background: url('../Images/envelope.jpg') no-repeat left center;
    padding-left: 25px;
    font-weight: bold;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
}

input[type='button'].emailIcon
{
    border: 0;
    background: url('../Images/envelope.jpg') no-repeat left center;
    padding-left: 25px;
    font-weight: bold;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
}

input[type='submit'].downloadXml
{
    border: 0;
    background: url('../Images/xml.png') no-repeat left center;
    padding-left: 25px;
    font-weight: bold;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
}


.downloadXml
{
    border: 0;
    background: url('../Images/xml.png') no-repeat left center;
    padding-left: 25px;
    font-weight: bold;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-size: 12px;
    font-family: Arial, sans-serif;
}

.downloadexcel:hover, .downloadpdf:hover
{
    background-color: #efefef;
}

.warning
{
    border: 0;
    background: url('../Images/warning.png') no-repeat left top;
    padding-left: 25px;
    font-weight: bold;
    cursor: pointer;
    height: 40px;
    text-align: left;
    font-size: 12px;
    font-family: Arial, sans-serif;
}

.ddl
{
    height:23px;
    font-size:14px;
}

.offsetLeft
{
    margin-left:-4px;
}

div.registrants-table-heading {
    margin-top: 25px;
}

div.registrants-table-heading::after {
    content: '';
    display: table;
    clear: both;
}

div.registrants-table-heading > h3 {
    float: left;
}

a#email-registrants-link {
    float: right;
    line-height: 40px;
}

label.email-registrants-container {
    display: block;
    text-align: center;
}

#lblAddModuleTargetAudience,
#lblEditModuleTargetAudience,
#lblAddModuleCreditType,
#lblEditModuleCreditType {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    padding-top: 5px;
    width: 260px;
}

#cblAddModuleTargetAudience > tbody,
#cblEditModuleTargetAudience > tbody,
#cblAddModuleCreditType > tbody,
#cblEditModuleCreditType > tbody {
    display: block;
    width: 400px;
}

#cblAddModuleTargetAudience > tbody > tr,
#cblEditModuleTargetAudience > tbody > tr {
    display: inline-block;
    width: 50%;
}

#cblAddModuleTargetAudience input[type="checkbox"],
#cblEditModuleTargetAudience input[type="checkbox"],
#cblAddModuleCreditType input[type="checkbox"],
#cblEditModuleCreditType input[type="checkbox"] {
    position: relative;
    top: 2px;
    margin-right: 7px;
}

.btnSelectOptionToDelete { margin-left: 5px; }

p.optionCostContainer { position: relative; }

p.optionCostContainer::before {
    content: '$';
    position: absolute;
    right: calc(100% + 4px);
}

#lblAddModuleErrorMessage {
    display: block;
    margin-top: 30px;
    padding: 10px;
}

#lblAddModuleErrorMessage > span {
    display: block;
    margin: 5px 0 0 25px;
}

#divModuleContainer #cblOptions input[type="checkbox"],
#divModuleContainer #rblCreditType input[type="radio"],
#divEditOrDeleteOnlineModule #cblOptions input[type="checkbox"],
#divEditOrDeleteOnlineModule #divCreditOptions input[type="radio"] {
    margin-right: 10px;
    position: relative;
    top: 2px;
}

#addCustomEmail, #editCustomEmail {
    display: none;
}

#CE_txtAddCustomEmail_ID,
#CE_txtEditCustomEmail_ID {
    display: none;
    height: 320px !important;
}

#CE_txtAddCustomEmail_ID_Frame,
#CE_txtEditCustomEmail_ID_Frame {
    height: 239px !important;
}

button.hyperlink {
    color: #036;
    background: none;
    border: none;
    padding: 0;
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer;
}

#requirePaymentEdit {
    margin: 0 5px;
    position: relative;
    top: 2px;
}