/*---------------------------------------------------------*/
/*  ___      _  _      _               ___ _          ___  */
/* |   \ _ _| \| |_  _| |_____   ___  | __| |_____ __|_  ) */
/* | |) | '_| .` | || | / / -_) |___| | _|| / -_) \ / / /  */
/* |___/|_| |_|\_|\_,_|_\_\___|       |_| |_\___/_\_\/___| */
/*                                                         */
/*      Skin Styles for DotNetNuke - Flex2 by DrNuke       */
/*              http://www.DrNuke.co.uk/flex2              */
/*       Copyright DrNuke Ltd - All rights reserved        */
/*---------------------------------------------------------*/

/*----------------------------------------------------*/
/* General Page Styles								  */
/*----------------------------------------------------*/
html
{
    height: 100%;
    margin: 0;
    padding: 0;
}
#Body
{
    height: 100%;
    margin: 0;
    padding: 0;
}
form
{
    height: 100%;
    margin: 0;
    padding: 0;
}
p
{
    font-size: 11px;
    color: #2c2c2c;
}
.normal, .Normal
{
    font-size: 11px;
    color: #2c2c2c;
}
.NormalBold
{
    font-family: 'Calibri' , 'sans-serif';
    font-size: 11px;
    font-weight: bold;
    color: #2c2c2c;
}
.NormalRed
{
    color: #c50000;
    font-family: 'Calibri' , 'sans-serif';
    font-weight: bold;
    font-size: 11px;
}
.fullheight
{
    height: 100%;
}
.fullwidth
{
    width: 100%;
}
.clear
{
    clear: both;
    line-height: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    height: 0;
}
.hidden
{
    display: none;
}

/*----------------------------------------------------*/
/* Page Structure									  */
/*----------------------------------------------------*/
#OuterContainer
{
    height: 100%;
    margin: 0 auto;
}
#InnerContainer
{
    margin: 0;
    background: #ffffff;
}
#LogoContainer
{
    margin: 0 5px 0 5px;
    overflow: hidden;
    font-size: 0;
}
#LogoRightContainer
{
    text-align: right;
    margin: 0 5px 0 0;
}
#LanguageContainer
{
    margin: 5px 12px 7px 0;
    text-align: right;
}
#SearchContainer
{
    margin: 7px 5px 7px 0;
    text-align: right;
}
#DateContainer
{
    margin: 0 9px 7px 0;
    text-align: right;
}
#MenuContainer
{
    height: 39px;
    margin: 0 5px 0 5px;
}
#UnderBannerContainer
{
    height: 31px;
    margin: 0 5px 0 5px;
    background: #e4e4e4;
}
#LoginContainer
{
    height: 27px;
    margin: 4px 4px 0 0;
    float: right;
}
#UserContainer
{
    height: 27px;
    margin: 4px 0 0 0;
    float: right;
}
#BreadcrumbContainer
{
    height: 23px;
    margin: 8px 0 0 0;
    float: left;
}
#ContentContainerCell
{
   padding: 15px 5px 0 5px;
    vertical-align: top;
}
#CopyrightContainer
{
    text-align: left;
    margin: 0 0 0 5px;
    float: left;
}
#TermsContainer
{
    text-align: right;
    margin: 0 5px 0 5px;
    float: right;
}
#PrivacyContainer
{
    text-align: right;
    margin: 0 5px 0 5px;
    float: right;
}

/*----------------------------------------------------*/
/* Banners											  */
/*----------------------------------------------------*/
#BannerOuterContainer
{
    margin: 0 5px 0 5px;
}
#BannerContainer
{
}
#CustomBannerContainer
{
}
#FlashBannerContainer
{
    text-align: center;
}
#FlashBannerContainer img
{
    border: none;
}

/*-----------------------------------------------------------------------*/
/* Search																 */
/*-----------------------------------------------------------------------*/
.SearchBoxL
{
    width: 155px;
    height: 33px;
    padding: 0 0 0 14px;
    margin: 0;
    line-height: 0;
    background-image: url(images/search-left.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
.SearchBox
{
    width: 100%;
    height: 33px;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    background-image: url(images/search-bg.gif);
    background-repeat: no-repeat;
    background-position: right;
}
.SearchBox input
{
    height: 18px;
    background: #ffffff;
    width: 114px;
    color: #666666;
    margin: 9px 0 9px 0;
    padding: 0;
    border: none;
    cursor: text;
    z-index: 1;
    float: left;
}
.SearchBox a img
{
    float: right;
    margin: 0;
    padding: 0;
    border: none;
}
.SearchBox img
{
    width: 25px;
    height: 33px;
}

/*-----------------------------------------------------------------------*/
/* Links																 */
/*-----------------------------------------------------------------------*/
a:link, a:visited, a:active
{
    color: #666666;
    font-weight: bold;
    text-decoration: underline;
}
a:hover
{
    color: #444444;
    text-decoration: underline;
}
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active
{
    color: #666666;
    font-weight: bold;
    font-size: 11px;
    text-decoration: underline;
}
a.CommandButton:hover
{
    color: #444444;
    font-size: 11px;
    text-decoration: underline;
}

/*-----------------------------------------------------------------------*/
/* Headings																 */
/*-----------------------------------------------------------------------*/
h1
{
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}
h2
{
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}
h3
{
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}
h4
{
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}
h5
{
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}
h6
{
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}
.Head
{
    font-family: 'Calibri' , 'sans-serif';
    font-size: 14px;
    color: #28509a;
    font-weight: bold;
    padding: 0;
}
.SubHead
{
    font-family: 'Calibri' , 'sans-serif';
    font-size: 12px;
    font-weight: bold;
    color: #585858;
    padding: 0;
}

/*-----------------------------------------------------------------------*/
/* Date																 */
/*-----------------------------------------------------------------------*/
.DateToken
{
    color: #777777;
    font-size: 11px;
    font-weight: normal;
}

/*-----------------------------------------------------------------------*/
/* Login																 */
/*-----------------------------------------------------------------------*/
#LoginContainer table
{
    margin: 1px 0 0 0;
}
#LoginContainer td
{
    height: 22px;
    white-space: nowrap;
    background-image: url(images/loginbutton-bg.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0;
}
.LoginToken, a.LoginToken:link, a.LoginToken:visited, a.LoginToken:active
{
    color: #777777;
    background-image: url(images/loginbutton-l.png);
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    height: 22px;
    float: left;
    line-height: 20px;
    padding: 0 4px 0 26px;
    margin: 0;
}
a.LoginToken:hover
{
    color: #444444;
    background-image: url(images/loginbuttonon-l.png);
    background-repeat: no-repeat;
    background-position: center left;
}

/*-----------------------------------------------------------------------*/
/* User																	 */
/*-----------------------------------------------------------------------*/
#UserContainer table
{
    margin: 1px 10px 0 0;
}
#UserContainer td
{
    height: 22px;
    white-space: nowrap;
    background-image: url(images/loginbutton-bg.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0;
}
.UserToken, a.UserToken:link, a.UserToken:visited, a.UserToken:active
{
    color: #777777;
    background-image: url(images/userbutton-l.png);
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    height: 22px;
    float: left;
    line-height: 20px;
    padding: 0 4px 0 26px;
    margin: 0;
}
a.UserToken:hover
{
    color: #444444;
    background-image: url(images/userbuttonon-l.png);
    background-repeat: no-repeat;
    background-position: center left;
}

/*-----------------------------------------------------------------------*/
/* Breadcrumbs															 */
/*-----------------------------------------------------------------------*/
#BreadcrumbContainer img
{
    width: 14px;
    height: 14px;
}
#BreadcrumbContainer span
{
    float: left;
    vertical-align: middle;
}
#BreadcrumbContainer .BreadcrumbSpan
{
    line-height: 14px;
    float: left;
    font-size: 0;
    margin: 0 10px 0 10px;
}
#BreadcrumbContainer a
{
    float: left;
}
.BreadcrumbToken, a.BreadcrumbToken:link, a.BreadcrumbToken:visited, a.BreadcrumbToken:active
{
    color: #424242;
    font-size: 11px;
    text-decoration: underline;
    font-weight: normal;
}
a.BreadcrumbToken:hover
{
    color: #666666;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
}

/*-----------------------------------------------------------------------*/
/* Copyright, privacy, terms											 */
/*-----------------------------------------------------------------------*/
#FooterCell
{
    vertical-align: top;
}
.FooterToken
{
}
a.FooterToken:link, a.FooterToken:visited, a.FooterToken:active
{
    font-weight: normal;
    text-decoration: underline;
    padding: 0;
    margin: 0;
}
a.FooterToken:hover
{
    font-weight: normal;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

/*-----------------------------------------------------------------------*/
/* Main Menu															 */
/*-----------------------------------------------------------------------*/
#MenuBarM
{
    width: 100%;
    height: 39px;
    background-image: url(images/em-menu-bg.png);
    background-position: top left;
    background-repeat: repeat-x;
}
#MenuBarL
{
    width: 14px;
    height: 39px;
    vertical-align: top;
}
#MenuBarR
{
    width: 14px;
    height: 39px;
    vertical-align: top;
}
#MenuBarL img
{
    width: 14px;
    height: 39px;
}
#MenuBarR img
{
    width: 14px;
    height: 39px;
}

.mainmenu-idle
{
    float: left;
    padding: 0;
    margin: 0;
    font-size: 9pt;
    font-weight: bold;
    color: #c3c3c3;
    cursor: pointer;
}
.mainmenu-idle span
{
    line-height: 39px;
    display: block;
    float: left;
    background: url(images/em-menu-bg.png) top left repeat-x;
}
.mainmenu-idle .item-left
{
    background: none;
    height: 39px;
}
.mainmenu-idle .item-right
{
    background: none;
    height: 39px;
}
.mainmenu-idle .item-left img
{
    width: 18px;
    height: 39px;
}
.mainmenu-idle .item-right img
{
    width: 18px;
    height: 39px;
}
.mainmenu-idle .item-sep img
{
    width: 2px;
    height: 39px;
}

.mainmenu-breadcrumbactive
{
    float: left;
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    color: #f5f5f5;
    cursor: pointer;
}
.mainmenu-breadcrumbactive span
{
    line-height: 39px;
    display: block;
    float: left;
    background: url(images/em-menu-bg-on.png) top left repeat-x;
}
.mainmenu-breadcrumbactive .item-left
{
    background: none;
    height: 39px;
}
.mainmenu-breadcrumbactive .item-right
{
    background: none;
    height: 39px;
}
.mainmenu-breadcrumbactive .item-left img
{
    width: 18px;
    height: 39px;
}
.mainmenu-breadcrumbactive .item-right img
{
    width: 18px;
    height: 39px;
}
.mainmenu-breadcrumbactive .item-sep img
{
    width: 2px;
    height: 39px;
}

.mainmenu-selected
{
    float: left;
    padding: 0;
    margin: 0;
    font-size: 9pt;
    color: #f5f5f5;
    cursor: pointer;
}
.mainmenu-selected span
{
    line-height: 39px;
    display: block;
    float: left;
    background: url(images/em-menu-bg-on.png) top left repeat-x;
}
.mainmenu-selected .item-left
{
    background: none;
    height: 39px;
}
.mainmenu-selected .item-right
{
    background: none;
    height: 39px;
}
.mainmenu-selected .item-left img
{
    width: 18px;
    height: 39px;
}
.mainmenu-selected .item-right img
{
    width: 18px;
    height: 39px;
}
.mainmenu-selected .item-sep img
{
    width: 2px;
    height: 39px;
}

.mainmenu-submenu
{
    padding: 0;
    margin: 0;
    border: 1px solid #cacaca;
    z-index: 1000;
    font-weight: normal;
}
.mainmenu-menuitem
{
    color: #2c2c2c;
    background: url(images/submenu-background.jpg) repeat-x top left;
    cursor: pointer;
}
.mainmenu-menuitem span
{
    font-size: 9pt;
    font-weight: normal;
    font-style: normal;
}
.mainmenu-menuitem td
{
    padding: 0 5px 0 5px;
    margin: 0;
    height: 25px;
}
.submenu-menuitemsel
{
    color: #f1f1f1;
    background: url(images/submenu-background-hover.jpg) repeat-x top left;
}

/*-----------------------------------------------------------------------*/
/* Module Menus															 */
/*-----------------------------------------------------------------------*/
.ModuleTitle_SubMenu
{
    background: #ffffff;
    padding: 0;
    margin: 0;
    border: 1px solid #1f1f1f;
    z-index: 1000;
    font-weight: normal;
}
.ModuleTitle_MenuItem
{
    border: none;
}
.ModuleTitle_MenuItem td
{
    background: #ffffff;
    color: #1f1f1f;
    font-family: 'Calibri' , 'sans-serif';
    font-size: 11px;
    font-weight: bold;
    padding: 0 5px 0 5px !important;
    height: 20px;
    white-space: nowrap;
}
.ModuleTitle_MenuItemSel
{
    border: none;
    background: none;
}
.ModuleTitle_MenuItemSel td
{
    background: #bababa;
}
.ModuleTitle_MenuIcon
{
    border: none;
    background: #e5e5e5 !important;
    border-right: 1px solid #e5e5e5;
}
.ModuleTitle_MenuIcon img
{
    margin: 0;
}
.ModuleTitle_MenuBreak td
{
    background: #e5e5e5;
    height: 1px;
}

/*-----------------------------------------------------------------------*/
/* Control Panel														 */
/*-----------------------------------------------------------------------*/
.ControlPanel select, .ControlPanel input
{
    font-size: 11px;
    color: #000000;
}

/*----------------------------------------------------*/
/* Content Panes									  */
/*----------------------------------------------------*/
.BannerPane
{
    width: 100%;
    vertical-align: top;
}
.CustomBannerPane
{
    width: 100%;
    padding: 0;
    vertical-align: top;
}
.TopPane
{
    width: 100%;
    padding: 0;
    vertical-align: top;
}
.TopPane2
{
    width: 100%;
    padding: 0;
    vertical-align: top;
}
.LeftPane
{
    padding: 0 0px 0 0;
    vertical-align: top;
    width:160px;
}
.RightPane
{
    padding: 0 0 0 7px;
    vertical-align: top;
}
.LeftPane2
{
    padding: 0 7px 0 0;
    width: 33%;
    vertical-align: top;
}
.ContentPane1
{
    padding: 0 7px 0 7px;
    vertical-align: top;
}
.ContentPane
{
    padding: 0;
    vertical-align: top;
}
.RightPane2
{
    padding: 0 0 0 7px;
    width: 33%;
    vertical-align: top;
}
.MiddlePane
{
    width: 100%;
    padding: 0;
    vertical-align: top;
}
.ContentPane2
{
    padding: 0 7px 0 0;
    vertical-align: top;
}
.RightPane3
{
    padding: 0 0 0 7px;
    width: 33%;
    vertical-align: top;
}
.LeftPane3
{
    padding: 0 7px 0 0;
    width: 33%;
    vertical-align: top;
}
.ContentPane3
{
    padding: 0 0 0 7px;
    vertical-align: top;
}
.BottomPane
{
    width: 100%;
    padding: 0;
    vertical-align: top;
}
.LeftPane4
{
    padding: 0 3px 0 0;
    width: 33%;
    vertical-align: top;
}
.ContentPane4
{
    padding: 0 3px 0 3px;
    vertical-align: top;
}
.RightPane4
{
    padding: 0 0 0 3px;
    width: 33%;
    vertical-align: top;
}
.BottomPane2
{
    width: 100%;
    padding: 0;
    vertical-align: top;
}
.FooterPane
{
    width: 100%;
    padding: 0 5px 0 5px;
    vertical-align: top;
}

/* End Flex2 By DrNuke Style Sheet */
/*----------------------------------------------------*/