/* HTML Elements---------------------------------------------------------------------------------------------*/

html
{
    font-size: 100%; /* IE hack - to make IE 5 show fonts consistently see comment below on font-size */
}
body
{
    background-image: url('/Interface/Images/Common/pagebg.jpg');
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #E5E5E5;
    margin: 0;
}
a:link, a:active, a:visited
{
    color: #0D5CAB;
    text-decoration: none;
}
a img
{
    border: none;
}
h1
{
    color: #0D5CAB;
    font-weight: lighter;
    margin-bottom: 15px;
    font-size: 23px;
    line-height: 30px;
}
h2
{
    color: #73C167;
    font-size: 16px;
    font-weight: lighter;
    margin-top: 15px;
    line-height: 18px;
    margin-top: 5px;
}
h3
{
    color: #005cab;
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
    line-height: 17px;
    margin-bottom: 3px;
}
h4, h5
{
    color: #333;
    font-size: 12px;
    font-weight: normal;
    margin-top: 7px;
    line-height: 13px;
    margin-bottom: 3px;
}
p
{
    line-height: 19px;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #000000;
}
.clear
{
    clear: both;
}
.WindowContent
{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
}
/* Layout Styles---------------------------------------------------------------------------------------------*/
#PageWrapper
{
    width: 100%; /*background-image:url('../../../../Interface/Branches/Interface_v3_r1_07092009_20294/Images/Common/mainRep.gif'); 	background-repeat:repeat-x;*/
}
#PageWrapper #InnerWrapper
{
    width: 1000px;
    margin: auto;
}
#PageWrapper #InnerWrapper #headerTop
{
    height: 70px;
    background-image: url('/Interface/Images/Common/mainShadow.png');
    background-repeat: repeat-y;
    padding-top: 10px;
    padding-bottom: 10px;
}
#PageWrapper #InnerWrapper #headerTop #myMNM
{
    float: left;
    padding-left: 50px;
    margin-top: 0px;
    height: inherit;
    width: 200px;
}
#PageWrapper #InnerWrapper #headerTop #LoginPanel
{
    float: right;
    margin-top: 0px;
    padding-right: 30px;
    text-align: right;
    padding-bottom: 5px;
    color: #333;
}
#PageWrapper #InnerWrapper #headerTop #LoginPanel a
{
    font-size: 7pt;
}
#PageWrapper #InnerWrapper #headerTop #LoginPanel #MainNav
{
    color: #0D5CAB;
    padding-bottom: 2px;
}
#PageWrapper #InnerWrapper #headerTop #logo
{
    float: right;
    margin-right: 40px;
    margin-top: 5px;
    height: inherit;
}
#PageWrapper #InnerWrapper #headerBottom
{
    margin-left: 1px;
    height: 47px;
    background-image: url('/Interface/Images/Common/headerbottom_bg.png');
}
#PageWrapper #InnerWrapper #headerBottom #LoggedInID a
{
    color: #fff;
    text-decoration: underline;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav
{
    padding-left: 15px;
    padding-top: 1px;
    height: 47px;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav ul
{
    list-style-type: none;
    padding-left: 20px;
    margin-left: 0px;
    height: 47px;
    margin-top: 6px;
    margin-bottom: 0;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav ul li
{
    display: block;
    margin-right: 2px;
    padding: 11px 15px 12px 14px;
    background-color: #0D5CAB;
    text-transform: uppercase; /* EDIT */
    border: #0D5CAB 1px solid;
    float: left;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav ul li.over
{
    background: url(/Interface/Images/Buttons/btn_selected.png) repeat-x;
    color: #0D5CAB;
    border-left: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-right: #ffffff 1px solid;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav ul li.over a
{
    color: #0D5CAB;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav ul li:hover
{
    background: url(/Interface/Images/Buttons/btn_selected.png) repeat-x;
    color: #0D5CAB;
    border-left: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-right: #ffffff 1px solid;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav ul li:hover a, #PageWrapper #InnerWrapper #headerBottom #mainNav #nav li.sfhover a
{
    color: #0D5CAB;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav a
{
    color: #fff;
    font-weight: bold;
    font-family: arial;
    font-size: 13px;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav li ul
{
    margin-top: 12px;
    margin-left: -13px;
    background-color: #d3e4f4;
    border-left: 2px solid #9f9f9f;
    border-right: 2px solid #9f9f9f;
    border-bottom: 2px solid #9f9f9f;
    display: none;
    height: auto;
    filter: alpha(opacity=95);
    opacity: 0.95;
    position: absolute;
    width: 225px;
    z-index: 200; /*top:1em; 					/*left:0;*/
}
#PageWrapper #InnerWrapper #headerBottom #mainNav li:hover ul
{
    display: block;
    left: auto;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav ul #CustomModules
{
    background-image: url('/Interface/Images/Common/dotted-divider.gif');
    background-repeat: no-repeat;
    width: 165px;
    background-position: left bottom;
    cursor: pointer;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav ul #CustomModules:hover
{
    background-image: url('/Interface/Images/Common/customModule-selected.gif');
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 12px;
    padding-right: 0;
    width: 153px;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav ul .CustomModulesOver
{
    background-image: url('/Interface/Images/Common/customModule-selected.gif') !important;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 12px;
    padding-right: 0;
    width: 153px;
    color: #0D5CAB !important;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav ul .CustomModulesOver a
{
    color: #0D5CAB !important;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav ul #CustomModules ul
{
    padding-left: 0px;
    width: 200px;
    border-bottom: 1px solid #A4C7E9;
    border-left: 1px solid #A4C7E9;
    border-right: 1px solid #A4C7E9;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav ul #CustomModules ul li
{
    float: none;
    margin: 0;
    padding: 11px 12px;
    background-color: #D3E4F4;
    border: none;
    display: block;
    border-bottom: 1px solid #A4C7E9;
}
#PageWrapper #InnerWrapper #headerBottom #mainNav ul #CustomModules ul li:hover
{
    background-image: none;
    background-color: #ffffff;
}
#PageWrapper #InnerWrapper #HelpAccessBox
{
    float: right;
    margin-right: 32px;
    margin-top: -37px;
}
#PageWrapper #InnerWrapper #HelpAccessBox #HelpAccessIcon
{
    border-right: medium none;
    cursor: pointer;
    float: left;
    height: 20px;
    padding: 0 4px 0 0;
}
#PageWrapper #InnerWrapper #middle #TopSubNav
{
    background-color: #DFE0E1;
    background-color: #DFE0E1;
    border-bottom: 3px solid #959595;
    color: #005CAB;
    margin-left: 20px;
    padding-top: 13px;
    position: relative;
    width: 960px;
    z-index: 10;
    min-height:27px;
}
#PageWrapper #InnerWrapper #middle #TopSubNav #SubNavWrapper
{
    float: left;
    width: 85%;
}
#PageWrapper #InnerWrapper #middle #TopSubNav ul
{
    list-style-type: none;
    margin: 0px;
    margin-left: -15px;
}
#PageWrapper #InnerWrapper #middle #TopSubNav ul li
{
    list-style-type: none;
    padding-right: 6px;
    padding-left: 1px;
    display: inline;
    border-right: 1px solid #005CAB;
}
#PageWrapper #InnerWrapper #middle #TopSubNav ul li a
{
    color: #005CAB;
    font-weight: bold;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
#PageWrapper #InnerWrapper #middle #TopSubNav ul #LastNavItem
{
    border-right: none;
}
#PageWrapper #InnerWrapper #middle #TopSubNav #Last
{
    border-right: none;
}
#SubNavCircuit
{
    text-decoration: underline;
}
#PageWrapper #InnerWrapper #middle #TopSubNavColumn
{
    background-color: #848DD2;
    color: #fff;
    padding-top: 11px;
    padding-bottom: 10px;
}
#PageWrapper #InnerWrapper #middle #TopSubNavColumn ul
{
    list-style-type: none;
    margin-bottom: 0px;
    margin-left: 20px;
}
#PageWrapper #InnerWrapper #middle #TopSubNavColumn ul li
{
    list-style-type: none;
    padding-right: 5px;
    padding-left: 8px;
    margin-bottom: 1px;
    display: block;
    border-right: none;
}
#PageWrapper #InnerWrapper #middle #TopSubNavColumn ul li a
{
    color: #fff;
    font-weight: bold;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
#PageWrapper #InnerWrapper #middle #leftArea #subNav
{
    width: 180px;
    float: left;
    margin-right: 15px;
    padding-top: 7px;
    text-align: right;
}

#PageWrapper #InnerWrapper #middle #leftArea #subNavCollaborator
{
    width: 180px;
    float: left;
    margin-right: 15px;
    padding-top: 7px;
   padding-left: 10px;
}

/*-----Strictly For Webpart Manager----*/
#PageWrapper #InnerWrapper #middle #leftArea #subNav a.LinkSelected
{
    color: #73C167;
}
#FilterSection
{
    float: left;
    width: 305px;
}
#FilterPage
{
    float: left;
}
.WebPartReportTable
{
    width: 100%;
    background-color: #E0F0DD;
}
.WebPartReportTable td
{
    padding: 10px 5px;
    border-bottom: 1px solid #8BD180;
}
.WebPartReportTable h3
{
    margin: 0;
}
#FilterPage div
{
    display: inline !important;
}
/*--------------------------------*/
#PageWrapper #InnerWrapper #middle #leftArea #subNav ul
{
    width: 100%;
    margin: 0px;
    list-style-type: none;
    padding: 0px;
    margin-top: 0px;
    line-height: 30px;
}
#PageWrapper #InnerWrapper #middle #leftArea #subNav ul ul
{
    margin: 0px;
    width: 100%;
}
#PageWrapper #InnerWrapper #middle #leftArea #subNav ul ul li
{
    margin-top: 4px;
    font-size: 9px;
}
#PageWrapper #InnerWrapper #middle #leftArea #subNav ul ul li.over
{
    color: #73C167;
}
#PageWrapper #InnerWrapper #middle #leftArea #subNav li
{
    line-height: 16px;
    margin-top: 18px;
}
#PageWrapper #InnerWrapper #middle #leftArea #subNav li.over
{
    color: #73C167;
}
#PageWrapper #InnerWrapper #middle #leftArea #subNav #current
{
    color: #73C167;
}
#PageWrapper #InnerWrapper #middle #leftArea #subNav a
{
    color: #005cab;
    text-decoration: none;
}
#PageWrapper #InnerWrapper #middle #leftArea #subNav a:hover
{
    text-decoration: underline;
}
#PageWrapper #InnerWrapper #middle #TopSubNav .Components
{
    float: right;
    margin-top: -1px;
}
#PageWrapper #InnerWrapper #middle #TopSubNav .Components ul
{
    height: 31px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#PageWrapper #InnerWrapper #middle #TopSubNav .Components li
{
    float: left;
    padding: 0 7px;
    background-image: url('/Interface/Images/Buttons/btn-components.png');
    background-repeat: no-repeat;
    width: 116px;
    height: 31px;
    border: none;
    cursor: pointer;
}
#PageWrapper #InnerWrapper #middle #TopSubNav .Components li:hover a
{
    color: #000000;
}
#PageWrapper #InnerWrapper #middle #TopSubNav .Components li:hover, li.selected
{
    background-image: url('/Interface/Images/Buttons/btn-components-hover.png');
    background-repeat: no-repeat;
}
#PageWrapper #InnerWrapper #middle #TopSubNav .Components li a
{
    color: #ffffff;
    line-height: 33px;
}
#PageWrapper #InnerWrapper #middle #TopSubNav .Components li ul
{
    margin-top: -2px;
    margin-left: -151px;
    padding: 15px;
    background: #bbbbbb;
    border-left: 2px solid #9f9f9f;
    border-right: 2px solid #9f9f9f;
    border-bottom: 2px solid #9f9f9f;
    display: none;
    height: auto;
    filter: alpha(opacity=95);
    opacity: 0.95;
    position: absolute;
    width: 225px;
    z-index: 200; /*top:1em; 				/*left:0;*/
}
#PageWrapper #InnerWrapper #middle #TopSubNav .Components li:hover ul
{
    display: block;
}
#PageWrapper #InnerWrapper #middle #TopSubNav .Components ul #IconRow
{
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px dotted #ffffff;
    height: 35px;
}
.IconLeft
{
    float: left;
}
.IconRight
{
    float: right;
    width: 103px;
}
#PageWrapper #InnerWrapper #middle
{
    width: 100%;
    background-image: url('/Interface/Images/Common/mainShadow.png');
    background-repeat: repeat-y;
}
#PageWrapper #InnerWrapper #middle #leftArea
{
    /*width:1000px;*/
    float: left;
    height: inherit;
    margin: 0px;
    padding-left: 20px;
    line-height: 20px;
    padding-bottom: 10px;
}
/* contentAreaWide -------------------------------------------------------------------------*/
#PageWrapper #InnerWrapper #middle #leftArea #contentAreaWide
{
    width: 896px;
    float: left;
    padding-right: 10px;
    padding-left: 32px;
    min-height: 350px;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentAreaWide h1
{
    margin: 22px 0 0 0;
    padding: 0;
    width: 652px;
    line-height: 30px;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentAreaWide #HeaderTitle
{
    width: 390px;
    height: 33px;
    padding-top: 22px;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentAreaWide #HeaderTitle h1
{
    margin: 0;
    padding: 0;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentAreaWide #contentMain
{
    min-height: 350px;
}
/* contentAreaWide End -------------------------------------------------------------------------*/

/* contentArea -------------------------------------------------------------------------*/
#PageWrapper #InnerWrapper #middle #leftArea #contentArea
{
    width: 730px;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    min-height: 350px;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentArea h1
{
    margin-top: 22px;
    padding: 0;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentArea #HeaderTitle
{
    min-width: 390px;
    height: 33px;
    padding-top: 22px;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentArea #HeaderTitle h1
{
    margin: 0;
    padding: 0;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentArea .TertiaryNav
{
    padding: 3px 0;
    background-color: #DCE7F2;
    width: 755px;
    color: #005CAB;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentArea .TertiaryNav ul
{
    margin: 11px 0;
    padding-left: 12px;
    list-style-type: none;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentArea .TertiaryNav ul li
{
    border-left: 1px solid #005CAB;
    display: inline;
    list-style-type: none;
    padding-left: 7px;
    padding-right: 5px;
    line-height: 17px;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentArea .TertiaryNav ul li.over a
{
    text-decoration: underline;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentArea .TertiaryNav ul li.First
{
    border-left: none;
    padding-left: 0;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentArea #contentMain
{
    min-height: 350px;
}
/* contentArea End -------------------------------------------------------------------------*/

#PageWrapper #InnerWrapper #middle #leftArea #contentLogin
{
    width: 400px;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentLogin h1
{
    margin-top: 22px;
    padding: 0;
}
#PageWrapper #InnerWrapper #middle #leftArea #contentImage
{
    width: 330px;
    float: left;
    padding-right: 0px;
    padding-left: 0px;
}
#PageWrapper #InnerWrapper #middle #rightArea
{
    width: 416px;
    float: left;
    background-color: #fff;
    padding-bottom: 15px;
}
#PageWrapper #InnerWrapper #middle #middleSeparator
{
    height: 36px;
    background-color: #0D5CAB;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
}
#PageWrapper #InnerWrapper #middle #footerNav
{
    height: 19px;
    margin-left: 15px;
    width: 520px;
    float: left;
    text-align: left;
    padding-top: 0px;
    margin-top: 15px;
    color: #0D5CAB;
}
#PageWrapper #InnerWrapper #middle #footerNav a:link, #PageWrapper #InnerWrapper #middle #footerNav a:visited, #PageWrapper #InnerWrapper #middle #footerNav a:active
{
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 7pt;
    text-decoration: none;
    color: #0D5CAB;
    padding-left: 3px;
}
#PageWrapper #InnerWrapper #middle #footerNav a:hover
{
    color: #141B45;
    font-family: Arial, Helvetica, sans-serif;
}
#PageWrapper #InnerWrapper #middle #footer
{
    background-color: #dfe0e1;
    color: #ffffff;
    height: 40px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: right;
}
#PageWrapper #InnerWrapper #middle #footer p
{
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 7pt;
    color: #0D5CAB;
    padding: 15px 27px 0px 0px;
    line-height: 14px;
}
#PageWrapper #InnerWrapper #middle #footer a:hover
{
    color: #141B45;
}
/*#PageWrapper #InnerWrapper #middle #footer #footerLogo {
				padding:15px;
			}*/

#PageWrapper #InnerWrapper #footerBottom
{
    /*height:53px;*/
    height: 116px;
    background-image: url('/Interface/Images/Common/endShadow.png');
    background-repeat: no-repeat;
}
#PageWrapper #InnerWrapper #footerBottom #footerLogo
{
    padding-top: 35px;
    padding-right: 39px;
    height: 63px;
}
#PageWrapper #InnerWrapper #footerBottom p
{
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    margin: 45px 30px 0px 25px;
}
/* Selector -----------------------------------------------------------------------------*/
#PageWrapper #InnerWrapper #middle #QuickAccessBox
{
    /*height:60px;*/
    width: 959px;
}
#WebsiteSelector
{
    float: right;
    height: 20px;
    margin-right: 1px;
    padding: 2px 4px 6px 8px;
    background-color: #DFE0E1;
    font-size: 10px;
    color: #0D5CAB;
}
#WebsiteSelector .Dropdown
{
    font-size: 10px;
    padding-left: 2px;
    color: #0D5CAB;
    background-color: #E0F0DB;
}
#PageWrapper #InnerWrapper #middle #QuickAccessBox #ContextSelector {
    float:left;
    height:20px;
    width:300px !important;
    margin:5px 0px 5px 44px;
    padding:2px 8px 0px 8px;
    font-size:10px;
    color:#0D5CAB;
}
#PageWrapper #InnerWrapper #middle #QuickAccessBox #ContextSelector select
{
    font-size: 11px;
    padding: 2px;
    padding-left: 2px;
    color: #0D5CAB;
    border: 1px #CCCCCC solid;
}
/*#PageWrapper #InnerWrapper #middle*/#QuickAccessBox #QuickAccessBar
{
    text-align: right;
    float: right;
    margin-top: 2px;
    padding-right: 4px;
}
/*#PageWrapper #InnerWrapper #middle*/#QuickAccessBox #QuickAccessBar #QuickAccessButton
{
    float: left;
    cursor: pointer;
    border-right: solid 1px #ccc;
    padding: 0px 4px 0px 0px; /*height:52px;*/
}
/*#PageWrapper #InnerWrapper #middle*/#QuickAccessBox #QuickAccessBar #QuickAccessButtonLast
{
    float: left;
    cursor: pointer;
    border-right: none;
    padding: 0px 4px 0px 0px;
    height: 52px;
}
/*#PageWrapper #InnerWrapper #middle*/#QuickAccessBox #QuickAccessBar #QuickAccessButton a
{
    cursor: pointer;
    padding: 0px 2px 0px 5px;
    font-size: 9px;
    color: #0D5CAB;
    font-weight: 700;
    float: left;
    text-align: center;
    vertical-align: top;
}
/*#PageWrapper #InnerWrapper #middle*/#QuickAccessBox #QuickAccessBar #QuickAccessButtonLast a
{
    cursor: pointer;
    padding: 0px 2px 0px 5px;
    font-size: 9px;
    color: #0D5CAB;
    font-weight: 700;
    float: left;
    text-align: center;
    vertical-align: top;
}
/*#PageWrapper #InnerWrapper #middle*/#QuickAccessBox #QuickAccessBar #QuickAccessButton a:hover
{
    text-decoration: underline;
}
/*#PageWrapper #InnerWrapper #middle*/#QuickAccessBox #QuickAccessBar #QuickAccessButtonLast a:hover
{
    text-decoration: underline;
}
.TopNavSelected
{
    text-decoration: underline !important;
}
.ActiveComponent
{
    color: #858586;
    margin-left: 15px;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-transform: uppercase;
}

.Spanbold
{
    font-weight: bold;
}


.CheckBoxList td
{
    padding: 6px !important;
}