/*
======================================================
Skin Created for the Empowerment Group
Created February 2009 for DNN 4.5 and above
Copyright Brio Solutions - Jermond Love
Credits must remain in file.
======================================================
*/

/*********************************************
**                                          **
**              DEFAULT CLASSES             **
**                                          **
*********************************************/
body { 
    margin:0 auto; 
    background-color:#88B5E0;
    font-family:Arial, Helvetica, Sans-Serif; 
    font-size:7.5pt;
}

table, p{ 
    font-family:Helvetica, Arial, Sans-Serif; 
    font-size:12px; 
    color:#8E8D8D;
    border-collapse:collapse;
}

h1{ 
    font-family:Helvetica, Arial, Sans-Serif; 
    font-size:18px; 
    text-decoration:none; 
    font-weight:normal;
}
h2{ 
    font-family:Helvetica, Arial, Sans-Serif; 
    font-size:14px; 
    color:#333333; 
    font-weight:bold; 
    color:#555;
}
h3{ 
    font-family:Helvetica, Arial, Sans-Serif; 
    font-size:12px; 
    color:#333333; 
    font-weight:bold; 
    color:#555;
}

a:link, a:visited, a:active { 
    text-decoration:none; 
    color:#1f558b;
    font-family:Arial, Helvetica, Sans-Serif;  
    font-style:normal; 
    text-decoration:underline;
}
a:hover { 
    text-decoration:none;
}

.page{
    width:100%;
    margin:auto;
    text-align:center;
}

/*********************************************
**                                          **
**                  HEADER                  **
**                                          **
*********************************************/
#Table_Header{
    margin-left:auto;
    margin-right:auto;
    width:978px;
}

#Header_BlueTop_LeftBorder{
    background-image:url('images/Header_BlueTop_LeftBorder.jpg');
    background-repeat:no-repeat;
    width:5px;
    height:20px;
}
#Header_BlueTop_Tile{
    background-image:url('images/Header_BlueTop_Tile.jpg');
    background-repeat:repeat-x;
    width:968px;
    height:20px;
}
#Header_BlueTop_RightBorder{
    background-image:url('images/Header_BlueTop_RightBorder.jpg');
    background-repeat:no-repeat;
    width:5px;
    height:20px;
}

/***********************
** Language Selection **
***********************/
.language_style
{
    float:left;
    padding-left:5px;
    height:20px;
    background-color:Transparent;
    vertical-align:middle;
}
.language_style select{
    background-color:#FFFFFF;
    color:#1f558b;
    font-size:10px;
    border-style:none;
    vertical-align:middle;
}
.language_style select option{
    background-color:#FFFFFF;
    color:#1f558b;
    font-size:10px;
}
.language
{
    font-size:10px !important; 
    font-family:Helvetica, Arial, Sans-Serif;
}

#MainSite{
    text-align:center;
    height: 10px;
}
#MainSite a{
    text-align:center;
    font:bold 10pt;
    color:#FFFFFF;
}
#MainSite a:hover{
    text-decoration:underline;
}
#MainSite a:visited, #MainSite a:link, #MainSite a:active{
    text-decoration:none;
}

/******************
** Login Section **
******************/
.login_style
{
    background-color:Transparent;
    color:#FFFFFF;
    float:right;
    padding-right:5px;
    vertical-align:top;
}
.login
{
    font-family:Helvetica, Arial, Sans-Serif; 
    font-size:10px !important; 
    color:#FFFFFF !important; 
}  
.login_style a:link, .login_style a:active, .login_style a:visited{ 
    font-family:Helvetica, Arial, Sans-Serif; 
    font-size:10px !important; 
    color:#FFFFFF !important; 
    text-decoration:none;
}
.login_style a:hover{ 
    text-decoration:underline;
}

/***********
** Banner **
***********/
#Header_Banner
{
    width:978px;
    height:244px;
    border-style:none;
    margin:0px;
    padding:0px;
}
/****************************
** Menu Background Styling **
****************************/
#Table_Menu
{
    width:978px;
    height:30px;
}

#Header_Menu_LeftCorner{
    background-image:url('images/Header_Menu_LeftCorner.jpg');
    background-repeat:no-repeat;
    width:15px;
    height:30px;
}
#Header_Menu_Tile{
    background-image:url('images/Header_Menu_Tile.jpg');
    background-repeat:repeat-x;
    text-align:center;
    width:948px;
    height:30px;
}
#Header_Menu_RightCorner{
    background-image:url('images/Header_Menu_RightCorner.jpg');
    background-repeat:no-repeat;
    width:15px;
    height:30px;
}

/*********************************************
**                                          **
**              DNN NAV MENU                **
**                                          **
*********************************************/
#Header_ListMenu{
    padding:0;margin:0;border-top:none;border-bottom:none;list-style-type:none;white-space:nowrap;width:100%;height:15px;background-color:Transparent;_position:relative;
}
#Header_ListMenu ul { /* all submenu lists */
	padding:0;border:0;margin:0;list-style-type:none;white-space:nowrap;background-color:Transparent;z-index: 99999;
	/*line-height:0px;*/
}

#Header_ListMenu a { /* all links within the menu wrapper */
	display:block;color:#2a4f84;font-family:Arial, Helvetica, Sans-Serif;font-size:10pt;font-weight:bold;text-decoration:none;letter-spacing:1px;background-color:transparent;padding:1px 5px 1px 5px;width:auto;height:25px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	_width:100%;
	height:18px;
	_height:100%;
	/* end hack */
	margin:0;border:0;vertical-align:middle;
}

#Header_ListMenu li { /* all list items */
	position:relative;display:inline;list-style-type:none;float:left;margin:0;border-left:solid 1px #696969;padding:0;width:144px;height:15px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: auto;
	_width: 1px;
	/* end hack */
	text-align:left;
	vertical-align:middle;
}
#Header_ListMenu li:first-child{
    border:none;
}

#Header_ListMenu li a:hover {
	margin:0;border:0;padding:1px 5px 1px 5px;color:#c34d06;background-color:transparent;text-decoration:underline;
}

#Header_ListMenu li ul { /* second-level lists */
	position:absolute;
	width:225px; /* width of submenu, must be set so third-level list can get shifted over properly */
	left:0px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border:none;
	display:none;
	/* border-top: none; */
	padding:0px;margin:-2px 0 0 0;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	margin:0 0 0 0;
	/* end hack */
	white-space:nowrap;z-index:11112;background-color:#2a4f84;
}

#Header_ListMenu li ul ul { /* third-and-above-level lists */
	margin:-16px 0 0 225px;_margin:-16px 0 0 225px;border:none;white-space:nowrap;
}

#Header_ListMenu li:hover ul ul, 
#Header_ListMenu li:hover ul ul ul, 
#Header_ListMenu li.sfhover ul ul, 
#Header_ListMenu li.sfhover ul ul ul {
	left:0px;
	top:15px;
	z-index:99999;
}

#Header_ListMenu li:hover ul, 
#Header_ListMenu li li:hover ul, 
#Header_ListMenu li li li:hover ul, 
#Header_ListMenu li.sfhover ul, 
#Header_ListMenu li li.sfhover ul, 
#Header_ListMenu li li li.sfhover ul { /* lists nested under hovered list items */
	left:0px;
	top:15px;
	display:block;
	z-index:99999;
}

#Header_ListMenu li li:first-child{
    margin-top:2px;
}

#Header_ListMenu li li { /* all items under the top level */
	list-style-type:none;border:none;padding:2px;width:219px;	
	z-index:11113;
}

#Header_ListMenu li li a { /* all item links under the top level */
	width:215px;
	display:block;
}
#Header_ListMenu li li:hover{
    color:#2a4f84;
    background-color:#9dcff2;
    border:solid 1px #9dcff2;
    display:block;
}
#Header_ListMenu li li a:hover{
    color:#2a4f84;text-decoration:none;
}

#Header_ListMenu iframe {
	position:absolute;left:0;top:0;z-index:0;filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);display:block;
}

/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
#Header_ListMenu #houseMenuParentItem a
{ /* all links under the parent item (li) */
	color:#696969;background-color:#fefefe;text-decoration:none;
}

#Header_ListMenu a#houseMenuParentLink
{ /* parent link itself */
	color:#696969;background-color:transparent;text-decoration:none;
}

#Header_ListMenu a#houseMenuCurrentLink
{ /* current link itself */
	margin:0;border:0;padding:8px 5px 10px 5px;color:#696969;background-color:transparent;text-decoration: none;
}

/*********************************************
**                                          **
**              DNN NAV MENU                **
**                                          **
*********************************************/
.main_dnnmenu_bar {cursor:auto;height:28px;line-height:25px;background-color:Transparent;}

.main_dnnmenu_rootitem {color:#2a4f84;font-size:10pt;font-weight:bold;font-family:Helvetica, Arial, Sans-Serif;white-space:normal;padding:0 0 0 0;height:28px;vertical-align:middle;}

.main_dnnmenu_separator{padding:0px 8px 0px 8px;vertical-align:middle;}

.main_dnnmenu_icon {cursor:auto;text-align:center;width:3px;height:25px; }
.main_dnnmenu_break {height:22px;font-size:1px; }
.main_dnnmenu_arrow {border-right:#A2A0AE 1px solid;font-family:webdings;font-size:10pt;cursor:auto;}
.main_dnnmenu_rootmenuarrow {font-family:Webdings, Sans-Serif;font-size:10pt;cursor:auto;}

.StyleIconBackColor {background-color: transparent;}

/************************************ 
** for customised dnn menu colours **
************************************/
.main_dnnmenu_container {background-color:transparent; width:auto; }
.main_dnnmenu_itemhoverroot, .main_dnnmenu_itemhoverroot td{color:#c34d06;background-color:Transparent;}
.main_dnnmenu_itemselectedroot, .main_dnnmenu_itemselectedroot td{color:#c34d06;background-color:Transparent;font-size:10pt;font-weight:bold;white-space:normal;padding:0 0 0 0;vertical-align:middle;}
.main_dnnmenu_item  {cursor:auto;color:#ffffff;font-size:8pt;font-weight:bold;background-color:Transparent;font-family:Helvetica, Arial, Sans-Serif;white-space:normal;height:25px;}
.main_dnnmenu_itemselected, .main_dnnmenu_itemselected td{ color:#2a4f84; font-size:8pt; background-color:#A8D3FF; height:25px; font-weight:bold; }
.main_dnnmenu_itemhover, .main_dnnmenu_itemhover td { color:#2a4f84; font-size:8pt; background-color:#A8D3FF; height:25px; font-weight:bold; }

/*************************************************************** 
** Changing padding here to give more space on sub menu text. **
** Check browsers for behaviour.                              **
***************************************************************/
.main_dnnmenu_submenu { background-color:#154880; z-index:1000; cursor:auto; filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); margin:5px 2px; padding:2px 2px; text-align:left;}

/*********************************************
**                                          **
**              MAIN CONTENT                **
**                                          **
*********************************************/
#Table_MainContent{
    margin-left:auto;
    margin-right:auto;
}

#MainContent_TopBorder{
    background-image:url('images/Content_TopBorder.jpg');
    background-repeat:no-repeat;
    width:978px;
    height:15px;
}
#MainContent_LeftBorder{
    background-image:url('images/Content_LeftBorder.jpg');
    background-repeat:repeat-y;
    width:4px;
    /*Height not set because it is variable. */
}
#MainContent_ContentPanes{
    padding-top:24px; 
    padding-left:0px;
    padding-bottom:24px;
    padding-right:0px;
    background-color:#FFFFFF;
    width:970px;    
}
#MainContent_RightBorder{
    background-image:url('images/Content_RightBorder.jpg');
    background-repeat:repeat-y;
    width:4px;
    /*Height not set because it is variable. */
}
#MainContent_BottomBorder{
    background-image:url('images/Content_BottomBorder.jpg');
    background-repeat:no-repeat;
    width:978px;
    height:15px;
}
/*****************
** Search Boxes **
*****************/
.search {
    float:right; 
    width:170px; 
    vertical-align:top; 
    text-align: right;  
    padding-right:43px;
    line-height:15px;
    margin-bottom:5px;
}
.search img {
    border:none; 
    padding:0px 0px 0px 0px;
}
.search input { 
    background:#ffffff; 
    border:1px solid #666666; 
    color:#666666; 
    width:120px; 
}

.dnn_search{ 
    font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; 
    font-size:11px; 
    color:#666666;
}
a.dnn_search {
    font-size:11px; 
    color:#666666 !important; 
    text-decoration:none !important; 
    font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; 
    padding-right:3px; 
    vertical-align:bottom;
}
a.dnn_search:hover {
    text-decoration:underline !important;
}
#dnn_dnnSEARCH_txtSearch.NormalTextBox {
    padding: 0px 0px 0px 4px; 
    font-size:11px; 
    height:15px;
    border: #759dc1 1px solid; 
    width:120px;
    margin-bottom:8px;
}

/****************
** Breadcrumbs **
****************/
.breadcrumb_style{
    padding-left:43px;
    padding-bottom:10px;
    text-align:left;
}
a.dnn_breadcrumb{
    font-size:8pt;
}
a.dnn_breadcrumb:link, a.dnn_breadcrumb:visited{
    color:#2a4f84;
    text-decoration:none;
}
a.dnn_breadcrumb:active{
    color:#c34d06;
    text-decoration:none;
}
a.dnn_breadcrumb:hover{
    text-decoration:underline;
}

/****************** 
** Content Panes **
******************/ 
.Content{
   width:100%;
   margin-top:5px;
   border:1px solid transparent;
   /*padding-left:43px;*/
}  
#Table_ContentPanes{
    background-color:Transparent;
    width:884px;
    margin-left:auto;
    margin-right:auto;
}
#ContentPane{
    width:884px;
}
#ContentPaneTopLeft{
    width:295px !important;
}
#ContentPaneTopRight{
    width:589px;
    padding-left:24px;
}
#LeftPane{
    width:442px;
    padding-right:12px;
}
#RightPane{
    width:442px;
    padding-left:12px;
}
#BottomPaneTopLeft{
    width:589px;
    padding-right:24px;
}
#BottomPaneTopRight{
    width:295px !important;
}
#BottomPane{
    width:572px;
}

.contentpane{padding:0 0 0 0; text-align:left;}
.contentpanetopleft{ padding:0 0 0 0; width:285; text-align:left;}
.contentpanetopright{ padding:0 0 0 48px; width:570px; text-align:left; }
.leftpane{padding:0 24px 0 0; width:427px; text-align:left;}
.rightpane{padding: 0 0 0 24px;width:428px; text-align:left;}
.contentpanebottomleft{ padding:0 48px 0 0; width:570px; text-align:left;}
.contentpanebottomright{ padding:0 0 0 0; width:285px; text-align:left;}
.bottompane{ padding:0 0 0 0; text-align:left; }

/*********************************************
**                                          **
**                  FOOTER                  **
**                                          **
*********************************************/
#Table_Footer
{
    margin-left:auto;
    margin-right:auto;
    width:978px;
    height:83px;
}
#Footer_LeftCorner{
    background-image:url('images/Footer_LeftCorner.jpg');
    background-repeat:no-repeat;
    /*width:19px;*/
    width:45px;
    /*height:83px;*/
    height:85px;
}
#Footer_ContentPanes{
    background-image:url('images/Footer_Tile.jpg');
    background-repeat:repeat-x;
    /*width:940px;*/
    width:896px;
    /*height:83px;*/
    height:85px;
}
#Footer_RightCorner{
    background-image:url('images/Footer_RightCorner.jpg');
    background-repeat:no-repeat;
    /*width:19px;*/
    width:32px;
    /*height:83px;*/
    height:85px;
}

/*******************
** Footer Content **
*******************/
#Table_Footer_ContentPanes{
    width:940px;
    background-color:Transparent;
}

#Facebook{
    background-color:Transparent;
    /*padding-left:28px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
    /*width:159px;*/
    padding:0 0 0 0;
    margin:0 0 0 0;
    width:139px;
    /*height:83px;*/
    height:85px;
    text-align:right;
    vertical-align:top;
}
#MySpace{
    background-color:Transparent;
    padding-left:14px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
    width:147px;
    height:83px;
    text-align:right;
    vertical-align:top;
}
#Blogger{
    background-color:Transparent;
    /*padding-left:7px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
    /*width:136px;*/
    padding:0 0 0 0;
    margin:0 0 0 0;
    width:139px;
    /*height:83px;*/
    height:85px;
    text-align:right;
    vertical-align:top;
}
#Picasa{
    background-color:Transparent;
    padding-left:15px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
    width:144px;
    height:83px;
    text-align:right;
    vertical-align:top;
}
#Copyright{
    background-color:Transparent;   
    padding-right:24px;
    vertical-align:middle;
}
#Twitter
{
    background-color:Transparent; 
    padding:0 0 0 0; 
    margin:0 0 0 0; 
    width:137px;
    height85px;
    text-align:right;
    vertical-align:top;
}
#Flickr
{
    background-color:Transparent; 
    padding:0 0 0 0; 
    margin:0 0 0 0; 
    width:138px;
    height:85px;
    text-align:right;
    vertical-align:top;
}
#LinkedIn
{
    background-color:Transparent; 
    padding:0 0 0 0; 
    margin:0 0 0 0; 
    width:129px;
    height:85px;
    text-align:right;
    vertical-align:top;
}

.Footer_Content{
    float:right;
    color:#FFFFFF;
}
.copyright{
    color:#FFFFFF !important;
    font-size:7pt;
    text-align:right;
}

/*********************************************
**                                          **
**              SUB-FOOTER                  **
**                                          **
*********************************************/
.subfooter
{
    color:#4A4A4A;
    font-size:7pt;
    font-family:Arial, Helvetica, Sans-Serif; 
    text-align:center;
    margin-top:15px;
}

.subfooter a:link, .subfooter a:active, .subfooter a:visited
{
    color:#4A4A4A;
    font-size:7pt;
    text-decoration:none;
}

.subfooter a:hover
{
    text-decoration:underline;
}

/*********************************************
**                                          **
**               SEPARATORS                 **
**                                          **
*********************************************/
.section_separator{
    height:2px;
}