/***** DNN Styles to override *****/
/* text style used for most text rendered by modules */
h1, h2, h3, h4, h6, h6, .Head, li
{
	font-family: Arial,sans-serif;
	font-weight: normal;
	color: #47443D;
}
.Normal
{
	font-size: 75%;
	line-height: 130%;
	
}
.NormalDisabled
{
	color: Silver;
}
.NormalBold
{
	font-weight: bold;
}
.NormalRed
{
	font-weight: bold;
	color: #ff0000;
}
h1, h2, h3, h4, h6, h6, .Head
{
	font-weight: bold;
}
ul li

{

list-style-type: disc;

}

.DNNAligncenter 
{
	text-align: left;
}

/* Admin */


/* Skagit */
html
{
	width: 100%;
	height: 100%;
}
body
{
	background: #EDF6FD url(../images/whiteBackground.jpg) center top repeat-y;
	text-align: left;
	font-family: Arial;
	font-size: 100%;
	color: #47443D;
	background: #EDF6FD;
}
table, tr, td
{
	vertical-align: top;
}
table, tr, td, div, p, h1, h2, h3, h4, h6, h6, li, ol
{
	font-family: Arial;
	color: #47443D;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
p
{
	margin-bottom: 10px;
	font-size: 100%;
}
h1 
{
	color: #5E9BCA;
	font-size: 144%;
	font-weight: normal;
	margin-bottom: 4px;
	line-height: 110%;
}
h2
{
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 4px;
	line-height: 110%;
}
h3
{
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 4px;
}
h4
{
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 4px;
}
h6
{
	font-size: 130%;
	margin-bottom: 4px;
}
h6
{
	font-size: 120%;
	margin-bottom: 4px;
}
hr
{
	height: 1px;
	border: none;
	overflow: hidden;
	background: #D6D6D6;
	color: #D6D6D6;
}
ul
{
	font-size: 100%;
	margin: 0px;
	padding-left: 16px;
	margin-bottom: 10px;
	list-style-image: none;
	list-style-type: circle;
}
li
{
	list-style-image: none;
	list-style-type: circle;
	line-height: 120%;
	margin-bottom: 5px;
}
a:link, a:visited
{
	color: #2971AD;
}
a:hover
{
	color: #000;
}
#shell
{
	clear: both;
	background: url(../images/background.jpg) top repeat-x;
	width: 100%;
	text-align: center;
}
#allContent
{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: url(../images/allContentBK.jpg) center repeat-y;
}
#header
{
	height: 100px;
	height: 108px;
	text-align: left;
	background: url(../images/background.jpg) top repeat-x;
}
#logo
{
	width: 877px;
	height: 88px;
	background: url(../images/header_logo.jpg) no-repeat;
	text-align: right;
}
#logoLink
{
	float: left;
}
#logoLink a
{
	width: 400px;
	height: 88px;
	display: block;
}
#contactLink 
{
	display: block;
	height: 20px;
}
#signInLink
{
	width: 156px;
	height: 21px;
	margin-top: 24px;
	background: url(../images/btn_signin_off.gif) no-repeat;
}
#signInLink a
{
	width: 156px;
	height: 21px;
	display: block;
	background: url(../images/btn_signin_off.gif) no-repeat;
}
#signInLink a:hover
{
	background: url(../images/btn_signin_on.gif) no-repeat;
}

#signInLabel
{
	background: url(../images/padlock.gif) no-repeat right top;
	margin-top: 28px;
	margin-right: 10px;
	padding-right: 12px;
	float: left;
	color: #fff;
	font-size: 11px;
}

#signInPersonalLink
{
	float: left;
	width: 71px;
	height: 21px;
	margin-top: 24px;
	background: url(../images/personal_off.jpg) no-repeat;
}
#signInPersonalLink a
{
	width: 142px;
	height: 21px;
	display: block;
	background: url(../images/online_banking_off.gif) no-repeat;
}
#signInPersonalLink a:hover
{
	background: url(../images/online_banking_hover.gif) no-repeat;
}



#ParentTabs
{
	width: 766px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	overflow: hidden;
	font-size: 75%;
}
#ParentTabs ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#ParentTabs li
{
	border: 1px solid #fff;
	border-width: 0px 0px 0px 1px;
	list-style: none;
	float: left;
	font-size: 95%;
}
#ParentTabs a
{
	width: 132px;
	height: 20px;
	line-height: 18px;
	display: block;
	color: #fff;
	font-family: Arial;
	padding: 0px 10px;
	background: url(../images/tabNav.jpg) no-repeat;
	text-shadow: 2px 2px 2px #284f86;
}
#ParentTabs li.Last-Child
{
	border: 1px solid #fff;
	border-width: 0px 1px;
}
#ParentTabs a:hover
{
	text-decoration: none;
	background: url(../images/tabNav-Hover.jpg) no-repeat;
}
#ParentTabs .SelectedTab a
{
	width: 132px;
	height: 20px;
	line-height: 18px;
	display: block;
	float: left;
	color: #fff;
	padding: 0px 10px;
	background: url(../images/tabNav-Hover.jpg) no-repeat;
	font-family: Arial;
	font-weight: normal;
}
#ChildTabs2
{
	font-size: 75%;
	width: 441px;
	height: 20px;
	margin-bottom: 10px;
	text-align: left;
}
#ChildTabs2 ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	margin-left: 14px;
}
#ChildTabs2 li
{
	border: 1px solid #0E3370;
	list-style: none;
	float: left;
	font-size: 95%;
	margin-right: 10px;
}
#ChildTabs2 a
{
	width: 109px;
	height: 18px;
	line-height: 17px;
	display: block;
	color: #fff;
	font-family: Arial;
	padding: 0px 10px;
	background: url(../images/tabNav.jpg) no-repeat;
	text-shadow: 2px 2px 2px #284f86;
}
#ChildTabs2 li.Last-Child
{
}
#ChildTabs2 a:hover
{
	text-decoration: none;
	background: url(../images/tabNav-Hover.jpg) no-repeat;
}
#ChildTabs2 .SelectedTab a
{
	display: block;
	float: left;
	color: #fff;
	padding: 0px 10px;
	background: url(../images/tabNav-Hover.jpg) no-repeat;
	font-family: Arial;
	font-weight: normal;
}


#mainBody, #footer, #spacerTable
{
	width: 766px;
	border: 1px solid #fff;
	border-width: 0px 1px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	padding: 0px;
}
.LeftCP
{
	margin-top: 10px;
}
#ChildTabs
{
	font-size: 75%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 14px 0px;
	margin-top: -4px;
}
#ChildTabs[id]
{
	margin: 0px 0px 0px 0px;
}
.TabList, #ChildTabs ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#ChildTabs li
{
	margin: 0px;
	padding: 0px 0px;
	font-size: 100%;
	list-style: none;
	line-height: 100%;
}
#ChildTabs li a
{
	padding: 0px;
	line-height: 12px;
	margin: 0px;
	font-family: Arial;
	display: block;
}
#ChildTabs li.Level1 a
{
	padding: 2px 15px;
	color: #094472;
	font-weight: bold;
	font-size: 110%;
	height: 16px;
	line-height: normal;
	vertical-align: middle;
}
#ChildTabs li.SelectedTab.Level1 a
{
	color: #094472;
	background: #FFEABE;
	line-height: 17px;
	text-decoration: none;
}
#ChildTabs .Level3 a
{
	color: #47443D;
	margin-left: 30px;
	font-weight: normal;
	font-size: 90%;
	text-decoration: none;
}
#ChildTabs .Level3.SelectedTab a
{
	color: #094472;
	text-decoration: underline;
}

#ChildTabs .Level2.First-Child
{
	margin-top: 4px;	
}
#ChildTabs .Level2 a
{
	padding: 2px 15px;
	color: #47443D;
	text-decoration: none;
}
#ChildTabs .Level2.SelectedTab a
{
	text-decoration: underline;
	font-weight: normal;
	color: #094472;
}
#ChildTabs .Level2.Last-Child
{
	margin-bottom: 12px;
}
#ChildTabs li a:hover
{
	text-decoration: underline;
}
#LeftColumn
{
	margin-top: 0px;
	width: 199px;
	border: 1px solid #fff;
	border-width: 0px 0px;
	background: url(../images/sideBarBK.jpg) no-repeat top;
	vertical-align: top;
}
#pageTitle
{
	height: 96px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#middleTop
{
	width: 565px;
	font-size: 1px;
	clear: both;
}
#MainColumn
{
	width: 442px;
	border: 1px solid #D6D6D6;
	border-width: 0px 1px 0px 0px;
}
.mainColumnCP
{
	padding: 0px 14px;	
}
#RightColumn
{
	width: 102px;
	padding: 0px 10px 0px 10px;
}
#footer
{
	border: 6px solid #D9E4EF;
	border-width: 6px 0px 0px 0px;
	height: 86px;
	overflow: hidden;
}
#footer td
{
	width: 50%;
	font-size: 65%;
}
#footerLinks
{
	padding: 24px 14px;
}
#footerLogos
{
	padding: 14px;
	text-align: right;
}
#footerLogos img
{
	border: 0px;
}
#footerBottom
{
	width: 794px;
	height: 22px;
	background: url(../images/footerBottom.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
}
#printBox 
{
	line-height: 20px;
	padding-bottom: 6px;
	font-size: 12px;
	border: 1px solid #D6D6D6;
	border-width: 0px 0px 1px 0px;
	margin-bottom: 10px;
}
#printBox a
{
	background: url(../images/printButton.gif) no-repeat;
	padding-left: 25px;	
	text-decoration: none;	
	font-size: 11px;
	font-weight: bold;
	display: block;
}
#printBox a:hover
{
	text-decoration: underline;	
}
#signInBox
{
	display: none;
	width: 156px;
	height: 173px;	
	background: url(../images/signInBox.jpg) no-repeat;
	position: absolute;
	margin-top: -21px;
	z-index: 10;
	padding: 0px;
	text-align: left;
	color: #fff;
	font-size: 11px;
	border: 0px solid #001d59;
	border-width: 0px 1px 1px 0px;
}
#signInBox[id]
{
}
#signInBox a#onSign
{
	width: 156px;
	height: 21px;
	display: block;
	margin-bottom: 8px;
	position: absolute;
	z-index: 122;
}
#signInBox a:hover#onSign
{
	width: 156px;
	height: 21px;
	display: block;
	margin-bottom: 8px;
	position: absolute;
	background: url(../images/btn_signin_on.gif) no-repeat;
}
#username, #userPassword
{
	margin-left: 14px;
	margin-top: 6px;
	margin-bottom: 0px;
	font-size: 11px;
	color: #8B8B8B;
	width: 110px;
}
#username
{
	margin-top: 32px;
}
#userPassword
{
	margin-bottom: 5px;
}
#personalLogin, #businessLogin
{
	width: 12px;
	height: 14px;
	margin: 1px 4px 0px 14px;
	vertical-align: top;
}
#businessLogin
{
	margin-bottom: 3px;
}
#signInButton, #cancelSignInButton
{
	float: left;
	width: 55px;
	height: 19px;
	margin-left: 14px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#signInButton
{
	background: url(../images/btn_signin_off_23.gif) no-repeat;
}
#signInButton a
{
	width: 55px;
	height: 19px;
	display: block;
}
#signInButton a:hover
{
	width: 55px;
	height: 19px;
	background: url(../images/btn_signin_on_23.gif) no-repeat;
}
#cancelSignInButton
{
	margin-left: 7px;
	background: url(../images/btn_cancel_off_25.gif) no-repeat;
}
#cancelSignInButton a
{
	width: 55px;
	height: 19px;
	display: block;
}
#cancelSignInButton a:hover
{
	width: 55px;
	height: 19px;
	background: url(../images/btn_cancel_on_25.gif) no-repeat;
}
#forgotPassword
{
		clear: both;

}
#forgotPassword a#forgotPasswordLink
{
	margin-left: 14px;
	font-size: 10px;	
	text-decoration: underline;
	background: none;
}
#forgotPassword a:hover#forgotPasswordLink 
{
	background: none;
}

/* Landing Page Hero styles */

#hero
{
	width: 100%;
	height: 93px;
}


/* Admin Edit Tabs */

.justHigh 
{
    height: 20px; overflow: hidden;
}
.editRows td, .editRows th 
{
    padding: 10px 10px;
}
.editRows th
{
    display: none;
    height: 20px;
    line-height: 20px;
}
.addRows td, .addRows th 
{
    padding: 0px 10px ;
    line-height: 21px;
    vertical-align: middle;
}
.addRows th
{
    display: none;
}


.imageRows td, .imageRows th 
{
    padding: 0px 10px;
    height: 10px;
    line-height: 12px;
}
.imageRows th{
    height: 12px;
    line-height: 12px;
}

.noDisplay
{
    display: none;
}
#theTabsContainer
{
    width: 720px;
	display: block;
    background: #ddd;
    padding: 16px 2px 10px 14px;
    border: 1px solid #aaa; 
    border-color: #ddd #bbb #aaa #eee;
    font-size: 75%;
}
#theTabsContainer span, #theTabsContainer a
{
}
#theTabsContainer td
{

}
#theFolderTabs
{
    height: 22px;
    margin-top: 10px;
}
#theFolderTabs a
{
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding: 0px 14px;
    display: block;
    float: left;
    background: #eee;
    text-align: center;
    border: 1px solid #eee; 
    margin-right: 1px;
}
#theFolderTabs a.on
{
    color: #3f200d;
    background: #ddd;
    border: 1px solid #aaa; 
    border-color: #eee #ccc #ddd #eee;
}




#theClientTabsContainer
{
	display: block;
    background: #FFE6B0 url(../images/tabShadow.jpg) repeat-x;
    padding: 11px 0px 10px 0px;
    border: 1px solid #aaa; 
    border-color: #FFF3D7 #EAD9B6 #DCCCAB #FFE6B0;
    border-width: 0px 1px 1px 0px;
}
#theClientTabsContainer p, #theClientTabsContainer h3, #theClientTabsContainer div
{	
	padding-left: 14px;
	padding-right: 2px;
}

#theClientTourContainer
{
	display: block;
    background: #eeeeee;
    padding: 0px;
    border: 1px solid #aaa; 
    border-color: #efefef #ddd #dddddd #dedede;
    border-width: 0px 1px 1px 0px;
}
#theClientTourContainer p, #theClientTourContainer h3, #theClientTourContainer div
{	
	padding-left: 14px;
	padding-right: 2px;
}
#theClientTourContainer img
{
	width: 300px;
}

.tabs td hr 
{
	color: #DCCCAB;
	background: color: #DCCCAB;
	border: 0px solid #FFF0CF;
	border-top-width: 1px;
	border-top-color: #DCCCAB;
	border-bottom-width: 1px;
	height: 2px;
}
.tabs h3
{
}
#theClientFolderTabs
{
    height: 22px;
    margin-top: 20px;
}
#theClientFolderTabs a
{
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding: 0px 14px;
    display: block;
    float: left;
    color: #666;
    background: #ddd url(../images/tabOffBK.jpg) repeat-x;
    text-align: center;
    border: 1px solid #ddd; 
    margin-right: 1px;
    border-width: 0px 1px 0px 0px;
}
#theClientFolderTabs a:hover
{
	text-decoration: none;
    background: #FFF2D1 url(../images/tabHoverBK.jpg) repeat-x;
}
#theClientFolderTabs a.on
{
    color: #946100;
    background: #FCEAC4 url(../images/tabBK.jpg) repeat-x;
    border: 1px solid #FFAE03; 
    border-width: 0px 1px 0px 0px;
}

#theClientTourTabs
{
    height: 22px;
    margin-top: 20px;
}
#theClientTourTabs a
{
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    padding: 0px 6px;
    display: block;
    float: left;
    color: #666;
    background: #ddd url(../images/tabOffBK.jpg) repeat-x;
    text-align: center;
    border: 1px solid #ddd; 
    margin-right: 1px;
    margin-bottom: 2px;
    border-width: 0px 1px 1px 0px;
}
#theClientTourTabs a:hover
{
	text-decoration: none;
    background: #FFF2D1 url(../images/tabHoverBK.jpg) repeat-x;
    border: 1px solid #FFce25; 
    border-width: 0px 1px 1px 0px;
}
#theClientTourTabs a.on
{
    color: #946100;
    background: #FCEAC4 url(../images/tabBK.jpg) repeat-x;
    border: 1px solid #FFAE03; 
    border-width: 0px 1px 1px 0px;
}

#playPause
{
    background: #ddd url(../images/tabOffBK.jpg) repeat-x;
}

.playOn
{
	width: 8px;
	height: 18px;
	background: url(../images/pause.gif) no-repeat center;
}
.playOff
{
	width: 8px;
	height: 18px;
	background: url(../images/play.gif) no-repeat center;
}

.backButton
{
	width: 8px;
	height: 18px;
	background: url(../images/back.gif) no-repeat center;
}
.forwardButton
{
	width: 8px;
	height: 18px;
	background: url(../images/forward.gif) no-repeat center;
}

#addTab td
{
    padding-bottom: 0px;
}
.controlButtons
{
width: 70px;
height: 20px;
font-size: 11px;
line-height: 10px;
margin: 0px 10px 0px 0px;
}
.controlDeleteButtons
{
float: right;
width: 70px;
height: 20px;
font-size: 11px;
line-height: 10px;

}
.hide{
    display:none;
}
.editTable td
{
	padding: 0px;
	vertical-align: top;
}
.editTable td.label
{
	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
}
/* Module Menu adjustments */
.ModuleTitle_SubMenu
{
	border: 1px solid #ddd;
	background: #eee;
	border-color: #fafafa #dddddd #dddddd #fafafa;
	line-height: 90%;
}
.MainMenu_SubMenu
{
	border: 1px solid #ddd;
	background: #eee;
	border-color: #fafafa #dddddd #dddddd #fafafa;
	line-height: 90%;
}
.ModuleTitle_MenuContainer a, .MainMenu_MenuContainer a
{
	background: #eeeeee;	
}
.ModuleTitle_MenuBreak, .ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
	height: 8px;
	background: #eee;
	vertical-align: middle;
	height: 21px;
	line-height: 21px;
}
.MainMenu_MenuBreak, .MainMenu_MenuBreak td, .MainMenu_MenuBreak .MainMenu_MenuIcon
{
	height: 8px;
	background: #eee;
	vertical-align: middle;
	height: 21px;
	line-height: 21px;
}

.ModuleTitle_MenuItem span, .MainMenu_MenuItem span
{
	height: 21px;
	line-height: 19px;
	font-size: 90%;
	padding-left: 5px;
}

.ModuleTitle_MenuIcon, .ModuleTitle_MenuItem, .MainMenu_MenuItem, .MainMenu_MenuItem td
{
	border: none;
}
.ModuleTitle_MenuItem img { 
	margin-top: 2px;
}
.ModuleTitle_MenuItem IMG[src*="action_right.gif"] { 
	margin-top: 5px;
}
#theClientTourContainer
{
}
#theClientTourContainer img
{
	width: 587px;
	height: 228px;
	border: 1px solid #999;
	margin-bottom: 5px;
}
#theClientTourContainer h6
{
	font-size: 15px;
	font-weight: bold;
}
#theClientTourContainer p
{
	color: #333;	
	padding: 0px 1px;
	font-size: 12px;
}