/* Engage CSS */

/* Two Columns Page */
#twoColumns1, #twoColumns2 {float:left; margin: 0; padding: 0;}
#twoColumns1 {width:441px;}
#twoColumns2 {width:437px;}
#twoColumns1 {margin-right: 20px;}

/* Right Box Page */
#rightBox1 {float:left; width:310px; padding:0px 15px 5px 0;}
#rightBox2 {float:left; width:525px; padding:0;}

/* Three Columns Page */
#threeColumnsBoxRight1, #threeColumnsBoxRight2, #threeColumnsBoxRight3 {float:left; width:267px;}
#threeColumns1, #threeColumns2, #threeColumns3 {float:left; width:270px;}

#threeColumns1, #threeColumnsBoxRight1 {padding:5px 10px 5px 0; border-right: 1px solid #62a7e1;}
#threeColumns2, #threeColumnsBoxRight2 {padding:5px 10px 5px 10px; border-right:1px #62a7e1 solid;}
#threeColumns2 {border-right:1px #62a7e1 solid;}
#threeColumns3, #threeColumnsBoxRight3 {padding:5px 0 5px 10px;}

/* News */
.newsItem1 {background-color:#fff; border-bottom:1px solid #e5e5e5; padding:2px 20px 2px 20px; margin:0;}
.newsItem2 {background-color:#fff; padding:5px 20px 5px 20px; margin:0;}
.newsLink, .newsLink:hover, .newsLink:visited{font-size:150%; color:#6ba8d4}

/* body attributes */
html {padding: 0; margin: 0; height: 100%;}
body {margin: 0; padding: 0; font: 80% arial, verdana, helvetica, sans-serif; color: #5e6060; background: #fff; height: 100%; text-align: center;}
img {border: none; margin: 0; padding: 0;}
p {margin: 0; padding: 0;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.center {text-align:center;}
.bold {font-weight:bold;}
.hide {display: none;}
#home .hilight {color: #3694cf;}
#content .hilight {color: #3694cf; font-size: 130%;}

div.faq {border-bottom:1px solid #e7e7e7; padding:5px 0;}
div.faq a {font-weight: bold;}
span.question {font-weight: bold; color: #5e6060;}

ul {list-style: none;}
a, a:visited {color: #2f6ca2; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

h2 {font-size: 170%; font-weight: normal; margin: 0; padding: 0; color: #000;}

/* 100% Width */
body.homebg {width: 100%; padding: 0; margin: 0 auto;}
body.publicbg {width: 100%; padding: 0; margin: 0 auto;}

/* Page */
#page_home {width: 900px; margin: 0 auto; padding: 0 0 40px 0; text-align: center;}
#page_member {width: 900px; margin: 0 auto; padding: 0; text-align: left;}

/* Top Bar */
#top {text-transform: lowercase; height: 60px; margin: 0; padding: 20px 0 0 0; text-align: right; border-bottom: 5px solid #000;}
#top h1 {margin: 0; padding: 0;}
#top img{margin-top:-11px;}
#top .form {margin: 15px 0 0 0; padding: 0;}
#top .txtInput {background: #fff url("/App_Themes/Engage/images/bg_topinput.gif") no-repeat; text-decoration: none; border: none; margin: 0 5px; padding: 3px 5px 0 5px; width: 122px; height: 19px; color: #16425f;}
#top select {border: 1px solid #9fb5d2;}
#top .btn_submit {color: #fff; border: none; background: url("/App_Themes/Engage/images/btn_topsubmit.gif") no-repeat; width: 82px; height: 22px; margin: 0; padding: 0; cursor: pointer;}
#top p{display:inline;}

/* Language selection */
#ctl00_LanguageMenu {display:inline;  vertical-align:bottom;}

/* Top Bar */
#topnav {text-transform: lowercase; margin: 0; height: 38px; margin: 2px auto 0 auto; padding: 0; text-align: left; font-weight: bold;}
#topnav ul {list-style: none; margin: 0; padding: 5px 0 0 0;}
#topnav li {margin: 0 5px 0 0; padding: 0; display: inline; background: none; float: left;}
#topnav  .CMSTreeMenuLink {color: #e2eaf2; background: none; margin: 0; padding: 9px 15px; float: left;}

#topnav .CMSTreeMenuSelectedItem, #topnav li:hover {margin: 0 5px 0 0; padding: 0; display: inline; background: url("/App_Themes/Engage/images/tab_left.gif") no-repeat; float: left;}
#topnav .CMSTreeMenuSelectedLink, #topnav li a:hover {color: #6ba0cd; background: url("/App_Themes/Engage/images/tab_right.gif") no-repeat 100% 0%; margin: 0; padding: 9px 15px; float: left; text-decoration: none;}
#topnav li a:hover {_color: #e2eaf2;}
#topnav li.active a:hover {_color: #6ba0cd;}

#topnav_nolinks {text-transform: lowercase; margin: 0; height: 3px; margin: 2px auto 0 auto; padding: 0; text-align: left; font-weight: bold;}

/* Home */
#home {width:900px; margin: 0 auto; padding: 0; text-align: left;}
#home li, #content li {background: url("/App_Themes/Engage/images/bullet.gif") no-repeat 0 5px; padding: 0 0 5px 20px;}

#home #info {width: 540px; float: left; margin: 30px 25px 0 0; padding: 0; display: inline;}
#home #info img.goldfish {margin: 12px 0 30px 0;}
#home #info h3 {color: #000; font-size: 180%; font-weight: normal; margin: 0; padding: 10px 0 0 0;}
#home #info ul {margin: 0; padding: 0;}
#home #info li {margin: 0;}

#home #login, #home #search {width: 313px; float: right; padding: 0 10px; display: inline;}

#home #login {margin: 10px 0 0 0; background: url("/App_Themes/Engage/images/bg_login.png") no-repeat bottom center; height: 195px; position: relative;}
#login h2 {margin: 50px 0 0 35px; padding: 0; text-indent: -9999px; background: url("/App_Themes/Engage/images/h2_login.png") no-repeat; height: 35px;}
#login a, #login a:visited {color: #272727;}
#home #login p {margin: -10px 0 0 35px; padding: 0; background: url("/App_Themes/Engage/images/li_blue.gif") no-repeat right 5px; text-align: left;}
#home #login .form {margin: 0; padding: 4px 40px 5px 0; border: none;}
#home #login .form a {color:#0c6fae;}
#home #login .form .block {text-align:left;}
#home #login .form label {color: #4e728b; width: 100px; text-align: right;}
#home #login .btn_submit {margin: 20px 0 0 35px;}

#search {margin: 12px 0 0 0; background: #edf3f8 url("/App_Themes/Engage/images/bg_search.gif") repeat-y;}
#search h2 {margin: 0 -10px; padding: 20px 10px 0 10px; background: url("/App_Themes/Engage/images/h2_search.gif") repeat-x;}
#home #search p {margin: 20px 0; padding: 0;}
#search .form {margin: 0; padding: 0; border: none; text-align: right;}
#search .form label {color: #4c4c4c; width: 80px; font-size: 120%; font-weight: normal; margin: -3px 0 0 0;}
#search .txtInput {border: 1px solid #ccc;}
#search span.bot {margin: 10px -10px 0 -10px; padding: 0; height: 3px; display: block; background: url("/App_Themes/Engage/images/bot_search.gif") repeat-x bottom;}

/* Left Nav */
#leftnav {width: 200px; float: left; margin: 0; padding: 20px 0 0 0; display: inline; background: #fff;}
#leftnav ul {list-style: none; margin: 0 0 0 20px; padding: 0;}
#leftnav li {margin: 0; padding: 1px 0; font-weight: normal; color: #4688c1; background: url("/App_Themes/Engage/images/bg_li.gif") repeat-x bottom left;}
#leftnav li a {margin: 0 0 1px 0; padding: 8px 0 8px 22px; display: block; text-decoration: none; color: #4688c1; background: url("/App_Themes/Engage/images/li_arrow.gif") no-repeat 10px 13px;}
#leftnav li a:hover {color: #3f3e3e; background: #e0edf9 url("/App_Themes/Engage/images/li_arrow02.gif") no-repeat 10px 13px;}

/* Content */
#content {width: 898px; margin:0; padding: 0 0 40px 0; float: left; background: #fff; color: #525252;}
#content p, #home p {font-weight: normal; text-decoration: none; margin: 10px 0; padding: 0; line-height: 140%;}
#content h2 {margin-top: 10px;}
#content h3 {font-size: 140%; font-weight: normal; margin: 10px 0 5px 0; padding: 0; color: #2f6ca2;}
#content h4 {font-size: 120%; font-weight: bold; margin: 10px 0 5px 0; padding: 0;}
#content ul {list-style: none; margin: 10px 0 10px 20px; padding: 0;}
#content li {padding-bottom: 10px;}
#content img.left {margin: 5px 10px 0 0;}
#content img.right {margin: 5px 0 0 10px;}
#content form {margin: 20px 0; padding: 10px 20px 15px 20px; border: 1px solid #e7e7e7; background: #f0f0f0;}

#content div.box {background: url("/App_Themes/Engage/images/bg_box.gif") repeat-y; padding: 0 20px;}
#content div.box span.top, #content div.box span.bot {margin: 0 -20px; padding: 0; height: 1px; display: block; background: url("/App_Themes/Engage/images/h2_search.gif") no-repeat;}
#content div.box span.top {margin-bottom: 0 0 20px 0;}
#content div.box span.bot {margin-top: 20px 0 0 0;}

/*  FAQ */
.FAQ_Answer{margin:10px 5px 5px 13px; padding:5px}

/* Contact Page */
.EditingFormErrorLabel, .ErrorLabel{color:#f00;}

/* How it works */
div.works {float: left; width: 195px; margin: 0 25px 0 0; display: inline;}
div.works02 {margin-right: 0;}
#content p.signup {border-right: 1px solid #ccc; margin: 0; padding: 28px 0 0 0;}
#content p.signup img {padding-left: 8px;}
#content p.signup02 {margin: 0; padding: 28px 0 0 0;}

/* Contact */
div.contact {margin: 0 auto; padding: 10px; border:1px solid #e4e4e4; width: 520px;}
div.contact div.grey_bg {background: #edf3f8; margin: 0; padding: 5px 10px;}

/* Right */
#rightnav {width: 163px; margin: 0; padding: 25px 20px 0 0; float: right; background: #fff; display: inline;}
#rightnav span {background: #f5f5f5 url("/App_Themes/Engage/images/top_right.gif") no-repeat top right; display: block; height: 7px;}
#rightnav p {background: #f5f5f5 url("/App_Themes/Engage/images/bot_right.gif") no-repeat bottom right;}

/* Footer */
#footer01 {text-transform: lowercase; height: 24px; margin: 0 auto; padding: 0; border-top:1px solid #000; color: #2f6ca2; width:900px;}
#footer02 {height: 24px; margin: 0; padding: 4px 0 0 0; background: #fff; color: #000; font-size: 80%;}
#footer02 a, #footer02 a:visited {color: #000;}
#footer01 p, #footer02 p {width: 800px; margin: 0 auto; padding: 6px 0 0 0; text-align: center;}

/* Bespoke Template Content Elements */
select, .txtInput, input[type=text] {background: #fff; text-decoration: none; border: 1px solid #ccc; margin: 2px; padding: 2px;}
.btn_submit {color: #fff; border: none; background: url("/App_Themes/Engage/images/btn_submit.png") no-repeat; width: 108px; height: 21px; margin: 15px 0; cursor: pointer;}
a.btn_submit {display: block; color: #fff; text-align: center; margin: 0; padding: 0;}
a.btn_submit:hover {text-decoration: none;}
.btn_submit_register {color: #fff; border: none; background: url("/App_Themes/Engage/images/btn_register.png") no-repeat; width: 286px; height: 21px; margin: 15px 0; cursor: pointer;}
form span.block {display: block; margin: 5px 0;}
form span.block label {width: 120px; display: block; float: left; clear: left; text-align: left; margin:0; padding: 3px 5px 0 0; font-weight: bold;}