

/* CSS Document */
html, body
{
	color: #282828;
	background-color: #fff;
	font-family: Arial;
	font-size: 0.95em;
	margin:0 auto;
	padding: 0px;
	
}

/* DNNEditor body style */
#DNNEditor
{

    font-size:13px;
    font-family: Arial;
    background-color:#fff;
}
#DNNEditor table
{

	font-size:11.5px;

}

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style -------



This is the standard font style used in all modules  */
.Normal, .normal
{
	font-size:0.8em;
}

a,a:link,a:visited,a:active{
    color:#32585e; text-decoration:none; font-weight:normal;
}
a:hover{
    color:#ec008c; text-decoration:none;
}


/*----------------*/

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{
	font-family:Arial;
}


.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
.template_style{width:970px; margin:0 auto;}

.top_space{height:34px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0px; margin:0px; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0px; margin:0px; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0px; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0px; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0px; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 ;height:100px;}

.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px; background:url(images/menu_bg.png) top left;}
.menu_left{padding:0px; margin:0px; background:url(images/menu_left.png) repeat-y  top left;}
.menu_right{margin:0px; background:url(images/menu_right.png) repeat-y top right; }

.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0px; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0px; margin:0px; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0px;  background:url(images/bread_right.png) no-repeat top right; height:34px;}

#login_style{ float:right; padding:8px 17px 0px 10px; }
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg{padding:0px; margin:0px;clear:both;}
.left_bg{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0px; margin:0px; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px 0 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}
.content_width{padding-top:15px; min-height:350px;}

.bot_left{padding:0px; margin:0px; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0px; margin:0px; background:url(images/bot_right.png) no-repeat top right; padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0px; margin:0px; }
.LeftPane{ padding:0px 20px 0px 0px; width:20%; margin:0px; }
.RightPane{ padding:0px 0px 0px 20px; width:20%; margin:0px; }


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}


input.SearchTextBox{float: left; z-index: 10; border: 0px; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}

/* Module Action Menus */
.ModuleTitle_SubMenu
{
	border:1px solid #C0D6E5;
}
.ModuleTitle_SubMenu td{
	background-color:#F8FAFF;
	white-space: nowrap;
} 
.ModuleTitle_MenuIcon {
	background-color:#F8FAFF; 
	border:none;
	padding: 0px 2px;
}
.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{
	background: #CE0D0D url(images/submenu_hover.gif) repeat-x top left;
	color: #fff;
}
.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
	height: 2px;
	background-color: #D5E0FF;
}


/* CUSTOM STYLES */
/* ######################################################################################################################################### */

p
{
    line-height:1.5em;
	margin-top:1.2em;
	margin-bottom:1.2em;
	text-align:left;
}

/*.....................Main Content pages styles.............*/

.BasicTableStyles{
	padding:0px;
	border:0px;
	margin:0px;
	vertical-align:top;
}
#MainContainer
{
	margin-left:auto;
	margin-right:auto;
	clear:both;
	text-align:left;
	width:900px;
	vertical-align:top;
}
.MainContainerTable{
	width:900px;
	background-color:#FFFFFF;
	padding:0px;
	border:0px;
	vertical-align:top;
}
.MainWidth{
	width:900px;
}
.TopHeader{
 	height:27px;
 	background-color:#32585e;
	width:100%
}
.TopHeaderLeft
{
    color:#fff;
    font-size:1.2em;
    vertical-align:bottom;
    padding:0 0 2px 10px;
    width:320px;
}
.TopHeaderLeft p
{
    margin:0px;
    padding:0px;
}
.TopHeaderRight
{
    vertical-align:bottom;
    width:580px;
}
#topMenu
{
    height:27px;
    margin:0;
    padding:0px;
    position:relative;
    float:right;
    width:500px;   
}
#MenuContainer
{
    position:absolute;
    bottom:0px;
    right:10px;
    width:100%;
    padding:0 0px 0 0;   
}
#MenuContainer ul
{
    bottom:0px;
    float:right;
}
#childMenu
{
    width:100%;
    height:55px;
    display:block;
}

#SearchControl
{
    display:block;
    float:right;
    margin:5px 0 0 0;
    border-right: #21676e 1px solid;
    border-top: #21676e 1px solid;
    border-left: #21676e 1px solid;
    border-bottom: #21676e 1px solid;
    vertical-align:middle;
    background:url(images/searchBoxBG.gif) repeat-x;
    height:19px;
}
#SearchControl input
{
    border:0px;
    width:128px;
    font-size: 0.8em;
    padding:1px 2px 1px 2px;
    font-family: Arial;
    margin:0xp;
    background-color:Transparent;
}
#SearchControl img
{
}
.SearchIconDiv
{
    cursor:pointer; 
    background-color:#21676e;
    width:18px; 
    height:18px;
    float:left;
    padding:1px 0 0 0;
}
.SearchIconDiv img
{
    padding:0;
    margin:0px;
}

.LogoRowContainer
{
    border-bottom:solid 2px #32575d;
}
.LogoRowTbl
{
    height:90px;
    width:100%;
}
.LogoRowContentTbl
{
    height:101px;
    width:100%;
}
.LogoCell
{
    width:390px;
	vertical-align:top;
	padding:20px 0 0 7px;
}
.PhoneCell
{
    margin:10px 0 0 0;
    padding:0 10px 0 0;
}
.phoneNumber
{
    font-size:1.9em;
    color:#32575d;
    white-space:nowrap;
    text-align:right;
    font-weight:bold;
}
.callUsOn
{
    font-size:1.6em;
    color:#32575d;
    white-space:nowrap;
    text-align:right;
    font-weight:bold;
}
.frontFlash
{
    height:350px;
}
.frontCTATbl
{
    width:100%;
    padding:0px;
    margin:25px 0 0px 0;
}
.frontCTATblCell
{
    text-align:center;
}
.frontCTATblContent
{
  margin:0px auto 25px auto;
  width:860px;
  padding:0px;  
}
.frontCTACell
{
    width:33.3%;
    height:92px;
    vertical-align:top;
}
.frontCTALeftCell
{
    padding:0 10px 0 0;
}
.frontCTAMidCell
{
    padding:0 10px 0 10px;
}
.frontCTARightCell
{
    padding:0 0 0 10px;
}
.frontCTAStyles
{
    min-height:120px;
	height:auto !important;
	height:120px;
	width:100%;
    overflow:visible;
}
.frontCTALeftDiv
{
    border-left:0;
    border-bottom:0;
    border-top:0;
    border-right:0;
}
.frontCTAMidDiv
{
    border-left:dashed 2px #d2d2d2;
    border-bottom:0;
    border-top:0;
    border-right:0;
}
.frontCTARightDiv
{
    border-left:dashed 2px #d2d2d2;
    border-bottom:0;
    border-top:0;
    border-right:0;
}
.frontCTAContentTbl
{
    
}
.frontCTAContentIcon
{
    padding:0 10px 0 10px;
    vertical-align:top;
}
.frontCTAContentIconLeft
{
    padding:0 10px 0 0px;
    vertical-align:top;
}
.frontCTAContentText
{
    vertical-align:top;
}
.frontCTAContentText p
{
    font-size:0.9em;
    line-height:1.1em;
}
.frontBotLogoTbl
{
    height:60px;
    width:100%;
    margin:15px 0 0 0;
    padding:0px;
}
.frontBotLogoTblLeft
{
    background: #fff url(images/green-vertical-1.gif) no-repeat bottom;
    width:10px;
}
.frontBotLogoTblRight
{
    background: #fff url(images/green-vertical-1.gif) no-repeat bottom;
    width:10px;
}
.frontBotLogoTblContent
{
    
}
.frontFooterTbl
{
    height:10px;
    width:100%;
    padding:0px;
}
.footerGreenBarLeft
{
    width:70px;
    height:10px;
    background: #fff url(images/green-horizontal-1.gif) no-repeat left top;
}
.footerGreenBarRight
{
    width:70px;
    height:10px;
    background: #fff url(images/green-horizontal-1.gif) no-repeat right top;
}
.footerLeftContent
{
    font-size:0.8em;
    padding:0 0 0 10px;
}
.footerRightContent 
{
    text-align:right;
    font-size:0.8em;
    padding:0 10px 0 0;
}
.footerRightContent div
{
    text-align:right;
}
.contentPageBottomRowTbl
{
    height:90px;
    width:100%;
}
.contentPageBottomRow
{
  margin:0px auto 10px auto;
  width:840px;
  padding:0 10px 0 10px;  
}
.ContentPaneMain
{
    padding:10px 0 0 0;
    border-bottom:dashed 1px #d2d2d2;
    min-height:280px; 
    height:auto !important; 
    height:280px;
    width:500px;
}
.ContentPaneMain p
{
    font-size:0.95em;
}
.ContentPageMainArea
{
    width:100%;
}
.ContentPageMainAreaRow2
{
   width:100%;
   margin:20px 0 0 0; 
}
.ContentPaneText
{
    padding:0 10px 0 20px;
}
.ContentNavTitle
{
    width:153px;
    height:56px;
}

.Content2ColPaneMain
{
    padding:10px 0 0 0;
    border-bottom:dashed 1px #d2d2d2;
    min-height:280px; 
    height:auto !important; 
    height:280px;
    width:650px;
	float:left;
}
.Content2ColPaneMain p
{
    font-size:0.95em;
}
.Content2ColRightPane{width:230px;float:right;vertical-align:top;}
/* Image column on left for content page*/
.ContentPaneImage
{
   width:152px;
   vertical-align:top;
   text-align:left;
}
.ContentRightNavContainer
{
    border-bottom:dashed 1px #d2d2d2;
    vertical-align:top;
    width:153px;
    padding:20px 0 0 0;
    min-height:303px; 
    height:auto !important; 
    height:303px;
}
.ContentRightNav
{
    vertical-align:top;
    width:100%;
}
.ContentRightMoreContainer
{
    vertical-align:middle;
    width:100%;
    height:135px;
    overflow:hidden;
    position: relative;
}
.ContentRightMore
{
    width:100%;
    top:25%;
    height:50%;
    position: absolute;
}
.breadcrumb_container
{
   font-size:0.7em; 
}
.breadcrumb_text
{
    font-size:0.9em;
    font-style:italic;
}
a.Breadcrumb:link, a.Breadcrumb:visited, a.Breadcrumb:active {
    text-decoration:none;
    color:  #8e9093;
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
}
a.Breadcrumb:hover {
    text-decoration:none;
    color:#32585e;
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
}
span.Breadcrumb
{
    color:#32585e;
    text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
}
a.ActoNowLink:link, a.ActoNowLink:visited, a.ActoNowLink:active  {
    text-decoration:none;
    color:  #32585e;
	font-size:1.4em;
	font-weight:bold;
}
a.ActoNowLink:hover {
    text-decoration:none;
    color:  #ec008c;
}
.ActNowImg
{
    vertical-align:middle;
    padding:0 0 0 10px;
    border-bottom: dashed 1px #c8c9c9;
}
.ActNowLnk
{
    padding:0 0 0 10px;
    height:38px;
    border-bottom: dashed 1px #c8c9c9;
    vertical-align:middle;
}
hr
{
    border-top: dashed 1px #c8c9c9;
    border-bottom:0px;
    border-left:0px;
    border-right:0px;
    height:1px;
}



/********************************************************************************/
/*  NavMenu styles start here */
/* Snapsis Menu styles */
select.TabList {
    border-left: #003366 1px solid;
    border-right: #003366 1px solid;
    border-top:  #003366 1px solid;
    border-bottom: #003366 1px solid;
    background-color: #003366;
    color:#FFFFFF;
    font-weight:bold;
    font-size:8pt;
    position:relative;
}


/*.....................Main Content pages styles.............*/
#websiteby
{
    text-align:right;
    float:right;
    display:inline;
}
#footer
{
	text-align:center;
	font-size: 0.7em;
	color:#FFFFFF;
	
}

.footer-text:link, .footer-text:visited, .footer-text:active  {
    text-decoration:    none;
    color:  #ffffff;
	
}


.footer-text:hover {
  	color: #fae744;	
	
}

.footer-text-nonlink {
  	color: #ffffff;
}





/* ----------    Header Styles    ------------------- */

h1{
	font-family: Arial;
	font-size: 1.4em;
	margin-top:5px;
	margin-bottom:12px;
	padding:0px;
	color:#949699;
	text-align:left;
	border:0px;
	line-height:1.2em;
	font-weight:bold; 
}
/* Used for the large grey content page intro text */
h2{
	font-family: Arial;
	font-size: 1.4em;
	margin-top:5px;
	margin-bottom:12px;
	padding:0px;
	color:#949699;
	text-align:left;
	border:0px;
	line-height:1.2em;
	font-weight:bold;
}
h3.topHeader
{
    margin:0px;
    padding:0px;
    font-size:1.1em;
    color:#fff;
    font-weight:bold;
}
h3{
	font-family: Arial;
	font-size: 1.3em;
	margin-top: 10px;
	margin-bottom:10px;
	padding:0px;
	color:#919191;
	text-align:left;
    border:0px; 
}

h4{
	font-family: Arial;
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom:10px;
	color:#919191;
	text-align:left;
	border:0px;
}

h5{
	font-family: Arial;
	font-size: 1em;
	padding: 0px;
    line-height:1em;
	margin-top:4px;
	margin-bottom:4px;
	text-align:left;
	border:0px;
	color:#949699;
	font-weight:bold;
}

h6{
	font-family: Arial;
	font-size: 1.0em;
	color:#949699;
	padding: 0px;
	margin-top:4px;
	margin-bottom:4px;
	padding:0px;
	text-align:left;
	border:0px;
}




/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding:0; margin:0; list-style:none; height:1.48em; position:relative; z-index:500; font-family:arial;}
#menu li {float:left; margin-right:1px;list-style: none; list-style-image: none;}
#menu li a {display:block; float:left; color:#fff; text-decoration:none; font-size:0.85em;padding:0 0px 0 25px;height:1.8em;line-height:1.8em;}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#e0e1e1;}
#menu li:hover > a.sub {color:#e0e1e1;}

#menu li.current a {color:#e0e1e1;}

#menu li a.sub {background: #eceded url(images/down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#eceded url(images/down-arrow.gif) no-repeat right center;}

#menu :hover ul {left:15px; top:1.55em;width:15em;z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:10em; top:0px; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; background:#eceded;}
#menu :hover ul li a {width:14em; padding:0; text-indent:5px; background:#eceded; color:#000; white-space:nowrap;height:20px;line-height:20px;font-weight:normal;font-size:0.75em;}
#menu :hover ul li a.fly {background:#eceded url(images/right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#434343; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#434343; color:#fff;}

#menu :hover ul li.currentsub a {background:#434343; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#434343 url(images/right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:15em; padding:0; text-indent:10px; background:#eceded; color:#000;height:20px;line-height:20px;font-size:0.75em;border-left:solid 1px #434343;}
#menu :hover ul :hover ul :hover {background-color:#434343; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#434343; color:#fff;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*  Child menu tabs  */
#TabMenu
{
    min-height:55px;
	height:auto !important;
	height:55px;
	overflow:visible;
}
#TabMenu ul {padding:0; margin:0; list-style:none; list-style-type: none; min-height:55px; height:auto !important; height:55px; font-family:arial;}
#TabMenu ul table {border-collapse:collapse; width:0; height:0; margin:-3px -10px;}

#TabMenu ul li {float:left;list-style: none; list-style-image: none;margin:0 2px 0 0;}

#TabMenu ul li a,
#TabMenu ul li a:link,
#TabMenu ul li a:visited
{
    display:block; height:55px; padding:0 18px 0 0; 
    float:left; color:#fff; text-decoration:none; font-family:arial; font-size:0.90em; font-weight:normal;
    background:url(images/tabs/tab-right.gif) no-repeat right top;
    bottom:0px;
}
#TabMenu ul li a b {display:block; height:55px; float:left; padding:10px 0 0 10px; cursor:pointer; background:url(images/tabs/tab-left.gif) no-repeat left top; bottom:0px;}
#TabMenu ul li a:hover { height:55px; position:relative;color:#e0e1e1;}
#TabMenu ul li a:hover b { position:relative;color:#e0e1e1;}

#TabMenu ul li:hover > a { height:55px; position:relative;color:#e0e1e1;}
#TabMenu ul li:hover > a b { position:relative;color:#e0e1e1;}


/* Selected item */
#TabMenu ul li.CurrentItem a,
#TabMenu ul li.CurrentItem a:link,
#TabMenu ul li.CurrentItem a:visited
{
    background:url(images/tabs/tab-right.gif) no-repeat right top; height:55px;color:#e0e1e1;
}
#TabMenu ul li.CurrentItem a b {background:url(images/tabs/tab-left.gif) no-repeat left top;}

/*  Class for the Parent tab link in the child menu */
#TabMenu ul li.ChildParent a
{
    width:135px;
}
