body
{
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: Verdana, Arial;
    font-size: 10pt;
}

.mainbody
{
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
    background-image: url( /images/template/bg.gif );
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    font-family: Verdana, Arial;
    font-size: 10pt;
}

form
{
    font-family: Verdana, Arial;
    font-size: 10pt;
    margin: 0pt;
    padding: 0pt;
    vertical-align: middle;
}

input.radio
{
    vertical-align: text-top;
}

a
{
    color: #003768;
    text-decoration: none;
}
a:hover
{
    color: #003768;
    text-decoration: underline;
}
a:visited
{
    color: #003768;
    text-decoration: none;
}
a:visited:hover
{
    color: #003768;
    text-decoration: underline;
}

a.whiterollunderline
{
    color: #ffffff;
    text-decoration: none;
}
a.whiterollunderline:hover
{
    color: #ffffff;
    text-decoration: underline;
}
a.whiterollunderline:visited
{
    color: #ffffff;
    text-decoration: none;
}
a.whiterollunderline:visited:hover
{
    color: #ffffff;
    text-decoration: underline;
}

h1
{
    color: #003768;
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 12px;
}
h2
{
    color: #003768;
    font-size: small;
}

h4
{
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align: center;
}




.textfield
{
    padding: 2px 3px 2px 3px;
    border: 1px solid;
    font-family: verdana, arial, helvetica;
    font-size: 8pt;
}
.textfield[readonly]
{

    background-color: transparent;
    border-color: transparent;
    
    background-color:#e0e0e0;
    border: 1px solid #f0f0f0;
}

.textfieldNumber
{
    padding: 2px 3px 2px 3px;
    border: 1px solid;
    font-family: verdana, arial, helvetica;
    font-size: 8pt;
    text-align: right;
}

.textfieldNumber[readonly]
{
    background-color: transparent;
    border-color: transparent;
}

.textfieldGray
{
    padding: 2px 3px 2px 3px;
    border: 1px solid;
    font-family: verdana, arial, helvetica;
    font-size: 8pt;
    background-color:#e0e0e0;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    
}
.textfieldGrayNumber
{
    padding: 2px 3px 2px 3px;
    border: 1px solid;
    font-family: verdana, arial, helvetica;
    font-size: 8pt;
    background-color:#e0e0e0;
    border: 1px solid #f0f0f0;
    text-align:right;
}

.labelNumber
{
     text-align:right;
}


/* style of label used with input controls such as textboxes, dropdown, etc */
.fieldlabel
{
    font-weight: bold;
    font-size: 8pt;
}
.submit
{
    padding:1px 1px 1px 1px;
    background-color: #d1d1d1;
    font-family: verdana;
    border: #8B8B8B 1px solid;
    font-size: 11px;
    color: #000000;
}
.buttonSmall
{
    background-color: #ffffff;
    font-family: verdana;
    border: #8B8B8B 1px solid;
    font-size: 10px;
    color: #6e6e6e;
    text-decoration: none;
    padding: 0 .25em 0 .25em;
    width: auto;
    overflow: visible;
}
.buttonSmall:hover
{
    /*border: 1px solid #f00;*/
    background: #eef;
}

.boldLink
{
    color: #003768;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.boldLink:hover
{
    color: #003768;
    font-weight: bold;
    text-decoration: underline;
}

.boldLinkBig:hover
{
    color: #003768;
    font-weight: bold;
    text-decoration: underline;
    font-size: 14px;
}
.boldLinkBig
{
    color: #003768;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
}

.subhead
{
    color: #003768;
    font-weight: bold;
    font-size: 12px;
}


/* style for validator message. such as "required" */
.validator
{
    color: Red;
    font-size: 8pt;
}

/* symbol used to indicate a field is required */
.validatorIndicator
{
    color: #999999;
}

/* message used to display status text such as successful, failure message */
.messageGood
{
    color: Blue;
}
.messageBad
{
    color: Red;
}


/* Datagrid, Gridview styles */
.gv
{
    border: 1px #d0d0d0 solid;
    background-color: #FFFFFF;
}

.gvRow
{
    font-size: 8pt;
    font-family: Verdana;
}
.gvRow td
{
    padding: 3px;
}
/*
.gvRow a, .gvRow a:visited, .gvRow a:hover
{
    text-decoration: none;
}
*/

.gvRowAlt
{
    font-size: 8pt;
    font-family: Verdana;
    background-color: #e0e0e0;
}
.gvRowAlt td
{
    padding: 3px;
    background-color: #e0e0e0;
}
/*
.gvRowAlt a, .gvRowAlt a:visited, .gvRowAlt a:hover
{
    text-decoration: none;
}
*/

.gvRowSelected, .gvRowSelected td
{
    padding: 3px;
    font-size: 7pt;
    font-family: Verdana;
    background-color: #ffffdd;
}
/*
.gvRowSelected a, .gvRowSelected a:visited, .gvRowSelected a:hover
{
    text-decoration: none;
    color: #F47700;
}
*/

.gvRowUniversity
{
    font-size: 8pt;
    font-family: Verdana;
}
.gvRowUniversity td
{
    padding: 6px;
}
.gvRowUniversity a, .gvRowUniversity a:visited, .gvRowUniversity a:hover
{
    text-decoration: none;
}

.gvHeader, .gvHeader th
{
    font-size: 8pt;
    font-family: Verdana;
    text-decoration: none;
    border-bottom: 2px solid ButtonFace;
    color: #ffffff;
    background-color: #4a79ca;
    padding: 4px;
}
.gvHeader a, .gvHeader a:hover, .gvHeader a:visited
{
    text-decoration: none;
    color: #FFFFFF;
}



/* 3 column lists */

.columns3
{
    width: 100%;
    list-style-type: none;
}

.columns3 li
{
    width: 33%;
    float: left;
}


/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: #003768;
    padding: 3px;
    font-size: 8pt;
}


/* Note style */
.note
{
    font-size: 8pt;
    font-style: italic;
}


/* used by the register link to register for education classes .registerLink[href $=' .pdf']*/
.registerLink
{
    /*padding-left:15px; 	background: transparent url() no repeat center left;*/
}



.pageModule
{
    border: 1px solid #dcdcdc;
}

.pageModuleTitle, .pageModuleTitle a, .pageModuleTitle a:visited
{
    color: white;
    background-color: #448fcc;
    font-weight: bold;
    font-size: 9pt;
    padding: 3px 3px 3px 3px;
    border-bottom: 1px solid #dcdcdc;
}

.pageModuleContent
{
    padding: 6px 3px 3px 3px;
    font-size: 8pt;
}





.tabContainer
{
}

.tabHeader
{
    border-width: 0px;
}

.tabHeaderActive
{
    background-color: #003768;
    color: white;
    font-size: 8pt;
    font-weight: bold;
    float: left;
    display: inline;
    padding: 4px 4px 4px 4px;
    padding-left: 10px;
    padding-right: 10px;
}

.tabHeaderInActive
{
    background-color: #dcdcdc;
    color: black;
    font-size: 8pt;
    float: left;
    display: inline;
    padding: 4px 4px 4px 4px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.tabContents
{
    vertical-align: top;
    border: 1px solid gray;
    padding: 3px 3px 3px 3px;
}


.importantPageNote
{
    color: Red;
    font-size: 8pt;
}

.commentHeader
{
    font-size: 8pt;
}

.commentText
{
    color: #333333;
    font-size: 8pt;
}


.calloutBox
{
    background-color: #ffffcc;
    border: 1px solid gray;
    padding: 8px;
}

/* style used by ItemPrice custom control */
div.itempricerow
{
    clear: both;
}
div.itempricerow span.label
{
    float: left;
    width: 90px;
    font-size: 9pt;
}
div.itempricerow span.price
{
    float: right;
    width: 60px;
    text-align: right;
    font-size: 9pt;
}
div.itempricerow span.saleprice
{
    float: right;
    width: 85px;
    text-align: right;
    color: Red;
    font-size: 9pt;
}

.tooltip
{
    border: solid 1px;
    font-family: Tahoma;
    font-size: 8pt;
    background-color: lemonchiffon;
    padding-left: 5px;
    padding-right: 5px;
}
.tooltip td
{
    font-family: Tahoma;
    font-size: 8pt;
}


.CustomTabStyle .ajax__tab_body
{
    border: 1px solid #003768;
    padding: 4px 4px 4px 4px;
    margin-top: 0px;
}

.CustomTabStyle .ajax__tab_tab
{
    background-color: #dcdcdc;
    color: #000000;
    font-weight: normal;
    font-size: 8pt;
    float: left;
    display: inline;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_tab
{
    background-color: #003768;
    color: white;
    font-weight: bold;
}

.CustomTabStyle .ajax__tab_inner .ajax__tab_tab
{
    margin-right: 2px;
}

.CustomTabStyle .ajax__tab_header
{
    height: 21px;
}



/* menu styles */
#jsddm
{
    margin: 0;
    padding: 0;
    display: inline;
    float: right;
}

#jsddm li
{
    float: left;
    list-style: none;
}

#jsddm li a
{
    display: block;
    padding: 2px 2px 4px 2px;
    text-decoration: none;
    border-right: 0px solid gray;
    color: white;
    white-space: nowrap;
}

#jsddm li a:hover
{
}

#jsddm li ul
{
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border-right: 1px solid #003768;
    border-left: 8px solid #003768;
    border-bottom: 1px solid #003768;
}

#jsddm li ul li
{
    float: none;
    display: inline;
}

#jsddm li ul li a
{
    width: auto;
    background: white; /*#003768*/
    color: black;
    text-align: left;
    padding-left: 6px;
    padding-right: 6px;
}

#jsddm li ul li a:hover
{
    background: #e0e0e0;
}



#jsddm li ul li ul
{
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border-right: 1px solid #003768;
    border-left: 8px solid #003768;
    border-bottom: 1px solid #003768;
}


.NoDataMessage
{
border:1px solid #dcdcdc;
padding:2px;
text-align:center;
background-color:#f5f5f5;
}