/*------------------------------- All -----------------------------------------*/
*
{
    margin: 0;
    padding: 0;
}
html, body
{
    height: 100%;
}
li
{
    list-style-type: disc;
    list-style-position: inside;
    line-height: 125%;
}


#container_page
{
    margin: 0 auto;
    margin-left: 0;
    width: 1000px;
    min-height: 100%;
    text-align: center;
    height: auto !important;
    height: 100%;
}

#page_content
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    min-height: 268px;
}
#content_container
{
    position: relative;
    top: 120px;
    left: 148px;
    width: 850px;
    background-color: #ffffff;
    padding-left: 2px;
    padding-top: 2px;
}

#page_sidebar
{
    position: absolute;
    left: 0;
    top: 0;
    width: 148px;
    height: 768px;
}
#sidebar_container
{
    position: relative;
    top: 120px;
    left: 0px;
    width: inherit;
    height: auto;
    background-color: #b6c5f3;
}
#sidebar_container2
{
    position: relative;
    top: 120px;
    left: 0px;
    width: inherit;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr='#b6c5f3',endColorstr='#507cd1',gradientType='0');
}

#page_header
{
    position: absolute;
    z-index: 200;
    left: 0;
    top: 0;
    width: 100%;
    height: 120px;
    background-color: #b6c5f3;
}
#page_header .logoBranded
{
    position: absolute;
    top: 8px;
    left: 4px;
    max-width: 200px;
    max-height: 85px;
}
#header_title
{
    position: absolute;
    left: 148px;
    top: 0px;
    width: 850px;
    vertical-align: top;
    text-align: center;
    color: #ffffff;
    padding-top: 4pt;
    font-family: Arial;
    font-size: 0.9em;
    font-weight: bold;
}
#header_identitybar
{
    position: absolute;
    top: 70px;
    left: 148px;
    width: 850px;
    text-align: left;
    color: #ffffff;
    font-size: 1.0em;
    font-weight: bold;
    white-space: nowrap;
}
#header_identitybar .loginMessage
{
    position: relative;
    left: 0px;
    width: 30%;
    font-family: Trebuchet MS;
    font-size: 10pt;
}
#header_identitybar .companyId
{
    position: relative;
    left: 0px;
}
#header_identitybar .billingUpd
{
    position: relative;
    left: 0px;
    font-family: Trebuchet MS;
    font-size: 10pt;
}
#header_identitybar .loginStatus
{
    position: absolute;
    right: 10px;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 10pt;
}

#header_identitybar .myAccount
{
    position: absolute;
    right: 58px;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 10pt;
}

#header_infobar
{
    position: absolute;
    top: 90px;
    left: 148px;
    width: 850px;
    height: 30px;
    text-align: left;
}
#header_infobar .pageName
{
    position: absolute;
    top: 3px;
    left: 19px;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 12pt;
}
#header_infobar .imgHelp
{
    position: absolute;
    top: 0px;
    right: 10px;
}
#header_infobar .imgEdge
{
    position: absolute;
    top: 0px;
    right: 110px;
}

#header_infobar .imgAddon
{
    position: absolute;
    top: -1px;
    right: 106px;
}

#page_footer
{
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 148px;
    vertical-align: bottom;
    left: 0;
    bottom: -1px;
    bottom: 0px;
    text-align: left;
}
.footer_logo
{
    position: absolute;
    bottom: 0;
    left: 0;
}


/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link
{
    color: #000000;
    text-decoration: none;
}
a:visited
{
    color: #000000;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
a:active
{
    color: #000000;
    text-decoration: none;
}

.dark
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: Black;
    text-decoration: none;
}
a.dark:link
{
    color: #003399;
    text-decoration: none;
}
a.dark:visited
{
    color: #003399;
    text-decoration: none;
}
a.dark:hover
{
    text-decoration: underline;
}
a.dark:active
{
    color: #003399;
    text-decoration: none;
}

/***********************
	Master Page Items
***********************/

.MenuItem
{
    text-decoration: none;
}

/* Agenda Styles */

.courseDescriptionInfo
{
    font-weight: normal;
    font-size: 0.9em;
    font-family: Trebuchet MS;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    height: 200px;
    vertical-align: top;
    text-align: center;
}

.courseDescriptionNoSelection
{
    font-weight: normal;
    font-size: 0.9em;
    font-family: Trebuchet MS;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding-top: 10px;
    height: 100px;
    width: 100%;
    vertical-align: top;
    text-align: left;
}


/***********************
	Transformations
***********************/
.dropShadow
{
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.dropshadow(enabled=true,OffX=0.8, OffY=1.8, Color='gray', Positive='true');
}

.gradientBackground
{
    height: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr='#ffffff',endColorstr='#507cd1',gradientType='1');
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr='#507cd1',endColorstr='#ffffff',gradientType='1');
}

.filterLight
{
    background-color: #507cd1;
    filter: progid:DXImageTransform.Microsoft.light();
    height: 100%;
    color: #ffffff;
}

/***********************
	Content Styles
***********************/

.ReportOptionsContainer
{
    position: relative;
    left: 55%;
    margin-bottom: 12px;
}

/***********************
	Panel Styles
***********************/
.panelEdit2Col
{
    position: relative;
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
    border-width: 1px;
    border-style: solid;
    border-color: #b0c4de;
    background-color: #EFF3FB;
    padding: 2px;
    vertical-align: top;
}

.panelEdit2ColHeading
{
    background-color: #507CD1;
    color: #ffffff;
    font-size: 10pt;
    font-weight: Bold;
    padding: 3px;
    border-bottom-width: 0px;
    border-bottom-color: #507CD1;
    height: 100%;
    text-align: center;
}
.panelEdit2ColBody
{
    table-layout: auto;
    border-collapse: inherit;
}
.panelEdit2Col.Body TD
{
    padding: 2px;
    vertical-align: middle;
}
.panelEdit2ColLabel
{
    text-align: right;
    padding-right: 10px;
    color: #000000;
    font-family: 'Trebuchet MS' , Verdana;
}
.panelEdit2ColControl
{
    text-align: left;
    padding-left: 5px;
    white-space: nowrap;
    font-size: 10pt;
    color: black;
    font-family: 'Trebuchet MS';
}
.panelEdit2ColFooter
{
    background-color: #B6C5F3;
    border-top: solid 1px #000000;
    padding: 3px;
    color: #000000;
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false,startColorstr='#FFFFFF',endColorstr='#507CD1',gradientType='0');
}


.panelEditGrid
{
    width: 100%;
    position: relative;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    border-width: 1px;
    border-style: solid;
    border-color: #b0c4de;
    background-color: #ffffff;
    padding: 0px;
    vertical-align: top;
    white-space: nowrap;
    color: #000000;
}

.panelEditGrid.Header
{
    background-color: #507CD1;
    color: #FFFFFF;
    text-align: left;
    font-size: 10pt;
    white-space: nowrap;
}
.panelEditGrid.Row
{
    background-color: #ffffff;
    color: #333333;
    font-size: 10pt;
}
.panelEditGrid.AlternateRow
{
    background-color: #ececec;
    color: #333333;
    font-size: 10pt;
}
.panelEditGrid.SelectedRow
{
    font-size: 12px;
}
.panelEditGrid.EditRow
{
    background-color: #2461BF;
}
.panelEditGrid.Pager
{
    background-color: #2461bf;
    color: #ffffff;
    text-align: center;
}
.panelEditGrid.Footer
{
    background-color: #507CD1;
    color: White;
    white-space: nowrap;
    font-weight: bold;
}
.panelEditGrid.ColumnCentered
{
    text-align: center;
}

.panelAgendaStyle
{
    vertical-align: top;
}

/***********************
	GridView Styles
***********************/
.gridviewEditStyle
{
    vertical-align: top;
    white-space: nowrap;
    color: White;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.gridviewEditStyle.Control
{
    font-size: 10pt;
    color: black;
    font-family: 'Trebuchet MS' , Verdana;
    text-align: right;
}

.gridviewHeaderStyle
{
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 11pt;
    color: white;
    background-color: #507CD1;
    text-align: center;
    border-style: solid;
    border-color: Silver;
    border-width: 1px;
}
.cssPager A:link
{
    font-family: Trebuchet MS;
    color: White;
    text-decoration: underline;
}
.cssPager A:active
{
    font-family: Trebuchet MS;
    color: White;
    text-decoration: none;
}
.cssPager A:hover
{
    font-family: Trebuchet MS;
    font-weight: bold;
    color: White;
    text-decoration: none;
}

.cssPager td
{
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.cssPager span
{
    font-weight: bold;
}

/***********************
	TreeView Styles
***********************/
.TreeViewStyle
{
    top: 0;
    font-family: Verdana;
    text-align: left;
    font-size: 8pt;
    color: Black;
    width: 100%;
    vertical-align: top;
}
.TreeViewNodeStyle
{
    font-family: Verdana;
    font-size: 8pt;
    color: Black;
    text-decoration: none;
}
a.TreeViewNodeStyle:link
{
    font-family: Verdana;
    color: Black;
    text-decoration: none;
}
a.TreeViewNodeStyle:visited
{
    font-family: Verdana;
    color: Black;
    text-decoration: none;
}
a.TreeViewNodeStyle:active
{
    font-family: Verdana;
    color: Black;
    text-decoration: none;
}
a.TreeViewNodeStyle:hover
{
    font-family: Verdana;
    color: Red;
    text-decoration: none;
    font-weight: bold;
}


/***********************
	ChangePassword Styles
***********************/
.ChangePasswordStyle
{
    background-color: #EFF3FB;
    color: #000000;
    font-family: Arial;
    font-size: 10pt;
}

/***********************
	Button Styles
***********************/
.ButtonFlat
{
    background-color: #ffffff;
    color: #284E98;
    border-style: solid;
    border-width: 1px;
    border-color: #507CD1;
    font-family: Verdana;
    font-size: 0.8em;
    font-weight: bold;
}
.Button
{
    font-size: 8pt;
    color: black;
    font-family: 'Trebuchet MS' , Verdana;
}



/***********************
	Text Styles
***********************/
.TextInstruction
{
    color: #000000;
    font-style: italic;
}
.TextTitle
{
    background-color: #507CD1;
    color: #ffffff;
    font-family: 'Trebuchet MS' , Verdana;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    padding: 3px;
}
.TextLabel
{
    background-color: #EFF3FB;
    color: #000000;
    text-align: right;
    padding-right: 5px;
}
.TextError
{
    color: Red;
    font-size: 10pt;
    font-weight: bold;
    white-space: pre-wrap;
    font-family: 'Trebuchet MS' , Verdana;
}
.TextErrorLarge
{
    color: Red;
    font-size: 14pt;
    font-weight: bold;
    white-space: pre-wrap;
    font-family: 'Trebuchet MS' , Verdana;
}
.TextErrorSmall
{
    color: Red;
    font-size: 9pt;
    font-family: 'Trebuchet MS' , Verdana;
}
.TextGraySmall
{
    color: Gray;
    font-size: 9pt;
    font-family: 'Trebuchet MS' , Verdana;
}
.TextHeadingSmall
{
    color: #507CD1;
    font-size: 8pt;
    font-family: Verdana;
    font-weight: bold;
}
.LabelControlNormal
{
    color: #000000;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    white-space: nowrap;
}
.TextNormal
{
    font-size: 10pt;
    color: black;
    font-family: 'Trebuchet MS' , Verdana;
}
.TextNotice
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    background-color: Yellow;
    font-weight: bold;
    font-size: 10pt;
    color: black;
    font-family: 'Trebuchet MS' , Verdana;
}
.TextListTitle
{
    font-family: Trebuchet MS;
    font-size: 14pt;
    font-weight: bold;
}
.TextList
{
    font-size: 10pt;
    color: black;
    font-family: 'Trebuchet MS' , Verdana;
    line-height: 200%;
}
.TextTitleDark
{
    font-size: 10pt;
    font-weight: bold;
    color: #507CD1;
    font-family: 'Trebuchet MS' , Verdana;
}
.TextControlNormal
{
    font-size: 10pt;
    padding-left: 5px;
    color: black;
    font-family: 'Trebuchet MS' , Verdana;
}

/**********************
    Outline Styles
**********************/
.OutlineModule
{
    font-family: Trebuchet MS;
    text-transform: uppercase;
    font-size: 12pt;
    font-weight: bold;
}
.OutlineCourseTitle
{
    font-family: Trebuchet MS;
    font-size: 14pt;
    font-weight: bold;
}
.OutlineTopic
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    font-weight: bold;
}
.OutlineSubTopic
{
    font-family: Trebuchet MS;
    font-size: 10pt;
}
.OutlineComboBox
{
    font-family: Trebuchet MS;
    font-size: 8pt;
}
.OutlineBackToTop
{
    font-family: Trebuchet MS;
    font-size: 8pt;
    color: #0000FF;
}
a.OutlineBackToTop:link
{
    font-family: Trebuchet MS;
    font-size: 8pt;
    color: #0000FF;
    text-decoration: underline;
}
a.OutlineBackToTop:visited
{
    font-family: Trebuchet MS;
    font-size: 8pt;
    color: #0000FF;
    text-decoration: underline;
}
a.OutlineBackToTop:hover
{
    font-family: Trebuchet MS;
    font-size: 8pt;
    text-decoration: underline;
}
a.OutlineBackToTop:active
{
    font-family: Trebuchet MS;
    font-size: 8pt;
    color: #0000FF;
    text-decoration: underline;
}



/***********************
	Box Styles
***********************/
.boxTitle
{
    background-color: #507CD1;
    color: #ffffff;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    padding: 3px;
}


/***********************
	Misc
***********************/
.toolbarVertical
{
    vertical-align: middle;
    border-bottom-style: ridge;
    border-width: 1px;
    border-color: #507CD1;
    padding: 2px;
    margin: 3px;
    width: 10px;
}



.errorLabel
{
    font-family: System;
    font-size: 9pt;
    color: Red;
    background-color: Black;
    border: Solid 1px Red;
}

.EditSectionHeading
{
    font-family: Trebuchet MS;
    font-weight: Bold;
    font-size: 11pt;
    color: #FFFFFF;
    background-color: #507CD1;
    width: 100%;
    white-space: nowrap;
    text-align: left;
}

.EditMultiSectionHeading
{
    font-family: Trebuchet MS;
    font-weight: Normal;
    font-size: 13pt;
    color: #FFFFFF;
    background-color: #0033cc;
    width: 100%;
    white-space: nowrap;
    text-align: left;
}

.EditSection
{
    background-color: #f2f2f2;
}


.EditSectionCommandBar
{
    text-align: center;
    background-color: #B6C5F3;
}

.autoSizeText
{
    overflow: visible;
}

.hiddenCalendar
{
    width: 0px;
    height: 0px;
}

.visibleCalendar
{
    width: 200px;
    height: 180px;
}

#edit_calGoalDate div table
{
    width: 300px;
}