/********************
Clear all whitespace
*******************/

.DNNAligncenter
{
    text-align: left;
}

*
{
    outline: none;
    vertical-align: top !important;
}

ul, li, h1, h2, h3, h4
{
    padding: 0;
    margin: 0;
}

ul
{
    padding: inherit;
    margin: 0 0 0 10px;
}

/* Common elements */
#Body
{
    background: url(           "./../../../../images/pageBlueGradient.png" ) top left repeat-x;
}

body, html
{
    color: #000;
    font-family: Verdana, Arial, Tahoma, sans-serif;
}
body
{
    font-size: 0.8em;
    color: #333333;
}
#boxAdminMenu
{
}
#boxPage
{
    clear: both;
    background: #fff;
    width: 910px;
    margin: 15px auto;
    padding: 0px 3px 15px 3px;
    border: 1px solid #97999f;
    text-align: left;
    min-height: 500px;
}
#boxHeader
{
    float: left;
    padding: 0 0 0 0;
    width:100%
}
#boxLogo
{
    float: left;
    padding: 0px 15px 0 15px;
    margin-top: 15px;
    border-right: solid 1px #ccc;
}

#boxTagline
{
    float: left;
    width: 400px;
    padding: 5px 0 0 10px;
    margin-top: 15px;
}
.tagline
{
    color: #00539f;
    font-size: 18px;
}
.welcome
{
    font-size: 0.875em;
    color: #00539f;
    font-weight: bold;
}
a.lnkUpdateProfile
{
    color: #97999f;
    margin: 0 0 0 5px;
}
a.lnkUpdateProfile:hover
{
    color: #ff8e29;
    text-decoration: none;
}


#boxQuickLogin
{
    float: right;
    padding: 0 0 0 2px;
    text-align: right;
    margin-top: 3px;
}
#boxLoginError
{
    font-size: 9px;
    color: #bf0028;
    text-align: right;
}

#boxASUGLogin *
{
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #97999f;
    text-align: right;
}
#boxASUGLogin th.FieldHeader
{
    width: 80px;
    text-align: right;
    margin-right: 2px;
    font-weight: normal;
}
#boxSearch
{
    float: right;
    width: 300px;
    padding: 2px 5px 2px 5px;
}
#boxSearch *
{
    font-family: Verdana;
    font-size: 9px;
    color: #97999f;
}
#boxASUGSearch
{
    text-align: right;
}
#boxASUGSearch input
{
}
#boxQuickLinksBar
{
    clear: both;
    width: 100%;
}
#boxQuickLinks
{
    float: right;
    height: 18px;
    line-height: 18px;
    margin: 0 204px 0 0;
}
#boxHelp
{
}
#boxMenuBar
{
    clear: both;
}
#boxMainMenu
{
    clear: both;
    float: left;
    width: 703px;
    height: 21px;
    background: #00539f url(                "./../../../../images/tabBlue.jpg" ) repeat-x;
}
#boxUtilityBar
{
    float: right;
    width: 200px;
    height: 21px;
    background: #faa033 url(                "./../../../../images/backgrounds/boxUtilityBarOrange.png" ) repeat-x;
}

#boxLeftBracket
{
    float: left;
    margin-left: 3px;
    background: #ffffff url(                "./../../../../images/leftBracketRed.gif" ) 0px 3px no-repeat;
    height: 100px;
    width: 13px;
}

#boxContent
{
    clear: both;
    padding: 3px 0 0 0;
}
#boxFooter
{
    clear: both;
    padding-top: 10px;
    text-align: center;
}

/* radMenu QuickLinks skin */
.RadMenu_QuickLinks
{
    height: 18px;
}
.RadMenu_QuickLinks .rmRootGroup .rmLink
{
    padding: 0 5px;
    border-right: solid 1px #ccc;
    float: left;
    text-decoration: none;
}
.RadMenu_QuickLinks .rmRootGroup .rmLast .rmLink
{
    padding: 0 5px;
    border-right: none;
}
.RadMenu_QuickLinks .rmRootGroup .rmLink
{
    height: 18px;
    line-height: 18px;
    text-decoration: none;
}
.RadMenu_QuickLinks .rmRootGroup .rmLink:hover, .RadMenu_QuickLinks .rmRootGroup .rmFocused, .RadMenu_QuickLinks .rmRootGroup .rmExpanded
{
    color: #c71f33;
    cursor: pointer;
}
.RadMenu_QuickLinks .rmRootGroup .rmText
{
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial;
    color: #c71f33;
}
.RadMenu_QuickLinks .rmRootGroup .rmLink:hover .rmText, .RadMenu_QuickLinks .rmRootGroup .rmExpanded .rmText
{
}


/* radMenu Main skin */
#boxMainMenu .rmRootGroup .rmLink
{
    height: 21px;
    line-height: 21px;
    padding: 0 2px;
    border-right: solid 1px #fff;
    float: left;
    text-decoration: none;
}
#boxMainMenu .rmRootGroup .rmLast .rmLink
{
    height: 21px;
    line-height: 21px;
    padding: 0 2px;
    border-right: none;
}
#boxMainMenu .rmRootGroup .rmLink:hover, #boxMainMenu .rmRootGroup .rmFocused, #boxMainMenu .rmRootGroup .rmExpanded
{
    color: #fff;
    cursor: pointer;
}
#boxMainMenu .rmRootGroup .rmText
{
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial;
    color: #fff;
}
#boxMainMenu .rmGroup
{
    background: #fff;
    border: 1px solid #ccc;
}
#boxMainMenu .rmGroup .rmLink
{
    line-height: 20px;
    text-decoration: none;
    min-width: 150px;
}
#boxMainMenu .rmGroup .rmLink:hover, #boxMainMenu .rmGroup .rmFocused, #boxMainMenu .rmGroup .rmExpanded
{
    text-decoration: none;
    background: #faa033;
}
#boxMainMenu .rmGroup .rmText
{
    color: #000;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial;
}
#boxMainMenu .rmGroup .rmLink:hover .rmText, #boxMainMenu .rmGroup .rmExpanded .rmText
{
    color: #fff;
}
#boxMainMenu .rmGroup .rmLink
{
    border-right: none;
}

/* selected menu item */
#boxMainMenu .rmRootGroup li.rmItem a.selected
{
    background: #bf0028;
}


/* radMenu Admin skin */
.RadMenu_Admin
{
}
.RadMenu_Admin .rmRootGroup .rmLink
{
    height: 20;
    line-height: 20px;
    padding: 0 2px;
    border-right: solid 1px #000;
}
.RadMenu_Admin .rmRootGroup .rmLast .rmLink
{
    height: 20;
    line-height: 20px;
    padding: 0 2px;
    border-right: none;
}
.RadMenu_Admin .rmRootGroup .rmLink
{
    text-decoration: none;
}
.RadMenu_Admin .rmRootGroup .rmLink:hover, .RadMenu_Admin .rmRootGroup .rmFocused, .RadMenu_Admin .rmRootGroup .rmExpanded
{
    color: #000;
    cursor: pointer;
}
.RadMenu_Admin .rmRootGroup .rmText
{
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial;
    color: #000;
}
.RadMenu_Admin .rmRootGroup .rmLink:hover .rmText, .RadMenu_Admin .rmRootGroup .rmExpanded .rmText
{
}
.RadMenu_Admin .rmGroup
{
    background: #fff;
    border: 1px solid #ccc;
}
.RadMenu_Admin .rmGroup .rmLink
{
    line-height: 20px;
    text-decoration: none;
    width: 150px;
}
.RadMenu_Admin .rmGroup .rmLink:hover, .RadMenu_Admin .rmGroup .rmFocused, .RadMenu_Admin .rmGroup .rmExpanded
{
    text-decoration: none;
    background: #faa033;
}
.RadMenu_Admin .rmGroup .rmText
{
    color: #000;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial;
    margin: 0 0 0 20px;
}
.RadMenu_Admin .rmGroup .rmLink:hover .rmText, .RadMenu_Admin .rmGroup .rmExpanded .rmText
{
    color: #fff;
}
.RadMenu_Admin .rmGroup .rmLink
{
    border-right: none;
}


/* radMenu Utility skin */
.RadMenu_Utility .rmRootGroup .rmLink
{
    height: 20;
    line-height: 20px;
    padding: 0 2px;
    border-right: solid 1px #ccc;
}
.RadMenu_Utility .rmRootGroup .rmLast .rmLink
{
    height: 20;
    line-height: 20px;
    padding: 0 2px;
    border-right: none;
}
.RadMenu_Utility .rmRootGroup .rmLink
{
    text-decoration: none;
}
.RadMenu_Utility .rmRootGroup .rmLink:hover, .RadMenu_Utility .rmRootGroup .rmFocused, .RadMenu_Utility .rmRootGroup .rmExpanded
{
    color: #c71f33;
    cursor: pointer;
}
.RadMenu_Utility .rmRootGroup .rmText
{
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial;
    color: #c71f33;
}
.RadMenu_Utility .rmRootGroup .rmLink:hover .rmText, .RadMenu_Utility .rmRootGroup .rmExpanded .rmText
{
}
.RadMenu_Utility .rmGroup
{
    background: #fff;
    border: 1px solid #ccc;
}
.RadMenu_Utility .rmGroup .rmLink
{
    line-height: 20px;
    text-decoration: none;
    min-width: 150px;
}
.RadMenu_Utility .rmGroup .rmLink:hover, .RadMenu_Utility .rmGroup .rmFocused, .RadMenu_Utility .rmGroup .rmExpanded
{
    text-decoration: none;
    background: #faa033;
}
.RadMenu_Utility .rmGroup .rmText
{
    color: #000;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial;
}
.RadMenu_Utility .rmGroup .rmLink:hover .rmText, .RadMenu_Utility .rmGroup .rmExpanded .rmText
{
    color: #fff;
}
.RadMenu_Utility .rmGroup .rmLink
{
    border-right: none;
}


/*******************
Form controls
*******************/
div.labelInputWrapper
{
    margin-top: 7px;
}


div.label
{
    clear: both;
    width: 150px;
    float: left;
    margin-top: 5px;
    padding-right: 5px;
}
table.table caption
{
    font-family: Myriad Pro;
    font-family: Verdana;
    font-weight: bold;
    font-size: 1em;
    color: #00539f;
}
th.FieldHeader
{
    width: 150px;
    padding: 5px;
}

div.input
{
    float: left;
    margin-top: 5px;
    padding-right: 5px;
}
td.input
{
}

div.input div
{
    float: left;
}

div.input div select
{
    float: left;
    margin-left: 5px;
}

input
{
    padding: 0px;
}

input + label
{
    padding-left: 2px;
}


.errorSection
{
    border: 1px dashed #bbb;
    background: #e7e7e7;
    margin-bottom: 10px;
    padding: 10px;
}

.infoSection
{
    border: 1px dashed #bbb;
    background: #e7e7e7;
    margin: 10px 0px;
    padding: 10px;
}

.errorSection ul
{
    margin-left: 20px;
}


/***********************
Standard HTML controls
***********************/

h1
{
    clear: both;
    background: url(     "./../../../../images/leftBracketRed.gif" ) 0 0 no-repeat;
    font-family: Verdana;
    color: #00539f;
    font-weight: bold;
    font-size: 1.4em;
    padding: 12px 5px 15px 20px;
    margin-top: 7px;
}

h1.register
{
    clear: none;
}

h2
{
    clear: both;
    font-family: Verdana;
    font-weight: bold;
    font-size: 1em;
    color: #bf0028;
}

h3
{
    font-family: Myriad Pro;
    font-family: Verdana;
    font-weight: bold;
    font-size: 1em;
    color: #00539f;
}

p
{
    /*    clear: both; display: block; */
    font-size: 1em;
    line-height: 1.3em;
    padding: 0;
    margin: 10px 0;
}

/**************************
 Layout Areas - Classes
**************************/


.primarySection
{
    padding-top: 15px;
}

.subSection
{
    clear: both;
    margin-top: 10px;
    padding-top: 10px;
    background: url(     "./../../../../images/dividerRuleOrange.gif" ) 0 0 repeat-x;
}

/*.subSection h2
{
    padding-top: 13px;
}*/


ul.subSection
{
    margin-left: 20px;
    margin-top: 10px;
}

.topButtonSection
{
    float: right;
}


.buttonSubSection
{
    clear: both;
    padding-top: 10px;
}


#buttonArea
{
    margin-top: 10px;
}

/*****************
ASUG Skin styles
*****************/

/* Be sure specify content regions only */

#ContentPane a, #ContentPane a:visited, #ContentPane a:active, #ContentPane a:hover, #RightPane a, #RightPane a:visited, #RightPane a:active, #RightPane a:hover
{
    color: #00539f;
    text-decoration: none;
}


.alternateRow
{
    background: #fbe8d8;
}

span.required
{
    color: #bf0028;
}

a.linkRed, a:link.linkRed a:visited.linkRed, a:hover.linkRed, a:active.linkRed
{
    color: #C71F33 !important;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

a.linkBlue, a.linkBlue:hover, a.linkBlue:visited, a.linkBlue:active
{
    color: #00539f !important;
    text-decoration: none;
}


a.linkOrange, a.linkOrange:visited, a.linkOrange:active, a.linkOrange:hover
{
    color: #ff8e29;
    text-decoration: none;
}

ul.redBullet
{
    list-style-image: url(               "./../../../../images/redBullet.gif" );
    margin-left: 25px;
}

ul.redBullet li
{
    margin-top: 5px;
}

ul.redBullet li ul
{
    margin-top: 5px;
    margin-left: 15px;
    list-style-image: none;
    list-style-type: circle;
}

ul.linkOrangeArrow
{
    list-style-image: url(     "./../../../../images/bulletArrowOrange.gif" );
}

li.moreLink
{
    list-style-image: none;
    list-style-type: none;
}

.linkOrangeArrow, .linkOrangeArrow:visited .linkOrangeArrow:hover .linkOrangeArrow:active
{
    color: #ff8e29;
    text-decoration: underline;
    background: url(                     "./../../../../images/bulletArrowOrange.gif" ) 100% 0% no-repeat;
    padding-right: 10px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding-bottom: 10px;
}

.registerButton
{
    float: right;
    margin-top: 7px;
    margin-left: 10px;
}


.defaultButton
{
    width: 90px;
    height: 25px;
    font-size: 12px;
}


/********************
Breadcrumbs
********************/


.BreadCrumbLink
{
    font-size: 0.9em;
    color: #00539f;
    text-decoration: none;
}

.BreadCrumbNoLink
{
    font-size: 0.9em;
}

/*Modal Popup*/
.modalBackground
{
    background-color: #666;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalPopup
{
    background-color: #fff;
    background: url(     "./../../../../images/myASUGdynamicBoxBg.png" ) 0px -40px repeat-x;
    border: 1px solid #333;
    width: 250px;
}


/*************************
 HTML Control
*************************/


.editControls
{
    position: absolute;
    background: #fff;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    list-style: none;
    z-index: 99;
    border: 1px solid #bbb;
}
.editControls ul
{
    list-style: none;
    display: none;
    position: relative;
    width: 45px;
}
.editControls a:link, .editControls a:visited
{
    display: block;
}

* html .editControls a
{
    width: 45px;
}

.editControls li
{
    float: left;
    position: relative;
    float: left;
}

.editControls ul li
{
    float: none;
    width: 45px;
}

.editControls ul li a
{
    color: #000000;
    padding-top: 3px;
    text-decoration: none;
}

.editControls ul li a:hover
{
    color: #ffffff;
    background: #ff8e29;
}

.editControls li:hover ul
{
    display: block;
    background-color: white;
    border: 1px solid #ccc;
}

#htmlContentEditor
{
    position: relative;
    margin-top: 20px;
    background: #fff;
}










/* grid styles */
table.table
{
    width: 100%;
    border: 1px solid #97999f;
}
table.table td, table.table th
{
    padding: 4px;
    font-weight: normal;
    vertical-align: top;
}
table.table td, table.table caption
{
    text-align: left;
    vertical-align: top;
    margin-bottom: 10px;
    margin-top: 5px;
}
table.table td.buttoncolumn
{
    width: 1px;
    text-align: center !important;
}
table.table tr.header th
{
}
table.table tr.row
{
}
table.table tr.altrow
{
}
table.table tr.footer
{
}




/* Grey Grid / Table styles */

.greyStyledTableBox
{
    border: 1px solid #ccc;
    padding: 0px;
    border-collapse: collapse;
    width: 99%;
}

.greyStyledTable
{
    width: 100%;
    border: hidden;
}

.greyStyledTable tr:hover
{
    background: #e7e7e7 url(    "./../../../../images/backgrounds/GreyRowBG.png" ) 0 0 repeat-x;
}

.altRow
{
    background: url(    "./../../../../images/backgrounds/BlueRowBG.png" ) 0 0;
}

.greyStyledTable tr td, .greyStyledTable tr th
{
    border: hidden;
    padding: 5px;
}

tr.header
{
    background: #e7e7e7 url(    "./../../../../images/backgrounds/GreyRowBG.png" ) 0 0 repeat-x;
}

.greyStyledTable tr th
{
    background: #e7e7e7 url(     "./../../../../images/backgrounds/GreyRowBG.png" ) 0 0 repeat-x;
}

.addButtonRow
{
    background: #e7e7e7 url(     "./../../../../images/backgrounds/GreyBigRowBG.png" ) 0 0 repeat-x;
    text-align: center;
    border: 1px solid #ccc;
    border-top: 1px solid #eee;
    padding: 4px 0px;
}

.buttonField
{
    text-align: center;
    width: 80px;
}

.buttonField input
{
    position: relative;
    top: 3px;
}

div.closeButtonSection
{
    margin-top: 20px;
    width: 99%;
}