@charset "UTF-8";
/* Noble Minder CSS */
html, body { height:100%;}
html, body, h1, h2, h3, form { padding: 0; margin: 0; }
.clear { font-size:1px; clear:both; }
img { border:0; }
a, a:active, a:focus { outline-style: none; -moz-outline-style:none; outline:none; border:none; }
a { text-decoration:underline;color:#60365A;}
body { margin:0; padding:0; background-image:url(../images/p-background.jpg); background-repeat:repeat-x; background-color:#FFFFFF; color:#31132C; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#wrapper { width:100%; height:100%; background-image:url(../images/pre-swirl.png); background-repeat:no-repeat; }
#inner { width:906px; margin:0 auto; padding-top: 5px; }
#logo { float:left; width:260px; padding-top: 30px; padding-left: 30px; padding-bottom: 5px; }
p.intro { color:#431D3C; font-size:16px; }
div#nextpage { background-image:url(../images/nextpage.png); background-repeat:no-repeat; background-position:70px 0px; width:35px; height:42px; position: relative; left: 692px; margin-top: -178px; padding-top: 120px; padding-left: 170px; margin-bottom:10px; z-index:80}
div#login { float:right; width:381px; padding-top: 30px; }
h1.pre-title { margin-bottom:0px; font-size:36px; color:#451550; }
h1.small { font-size:15px; font-weight:normal; color:#FFFFFF; }
h2.title,h2.blob { font-size:17px; font-weight:bold; color:#451550; }
h2.title span.boldTitle { font-size:20px; font-weight:normal; color:#451550; }
h2.largetitle { font-size:21px; font-weight:normal; color:#451550; }
div.pre-wrap {padding:33px 25px 60px 25px; min-height: 440px; }
div#trial-bar { width:128px; height:60px; background-image:url(../images/trial-bar.png); background-repeat:no-repeat; padding-top: 32px; padding-left: 720px; }
div.home-bucket { width:238px; background-image:url(../images/home-bubbles.png); background-repeat:no-repeat; min-height: 112px; padding-bottom: 20px; cursor: pointer; cursor: hand; position:relative }
div.home-bucket div.icon { width:90px; float:left; padding: 22 .px 0px 0px 25px; padding: 22px 0px 0px 27px; }
div.home-bucket div.text { width:110 .px; float:left; font-size:11px; padding: 15px 0px 0px 5px; ; width: 110px; line-height: 125%; }
div.home-bucket div.text .title {font-size:12px; color:#431D3A; font-weight:bold;}
em, i { font-style: italic; } /* IE bug that hits cufon. */
/*Main Navigation*/
div.sideButton1 { position:absolute; left: 898px; }
div.sideButton2 { position:absolute; left: 898px; top:120px; }
div.sideButton3 { position:absolute; left: 898px; top:240px; }
div.sideButton4 { position:absolute; left: 898px; top:294px; }
#nav { width: 900px; margin-left: 5px; margin-top: 5px; }
#nav ul { list-style-type:none; padding: 0; margin: 0; width:auto; } 
#nav ul li {float:left; padding: 0; margin: 0; padding-right:1px; }
#nav ul li ul { position:absolute; z-index:99999 }
a.nav1 { width:110px; height:38px; text-indent:-9999px; overflow:hidden; display:block; background: transparent url(../images/buttons/navigation/new/home.png) 0 0 no-repeat; }
a.nav1:hover { background-position: 0 -38px; }
a.nav2 { width:110px; height:38px; text-indent:-9999px; overflow:hidden; display:block; background: transparent url(../images/buttons/navigation/new/thepackage.png) 0 0 no-repeat; }
a.nav2:hover { background-position: 0 -38px; height:38px; }
a.nav3 { width:110px; height:38px; text-indent:-9999px; overflow:hidden; display:block; background: transparent url(../images/buttons/navigation/new/aboutus.png) 0 0 no-repeat; }
a.nav3:hover { background-position: 0 -38px; height:38px; }
a.nav4 { width:110px; height:38px; text-indent:-9999px; overflow:hidden; display:block; background: transparent url(../images/buttons/navigation/new/news.png) 0 0 no-repeat; }
a.nav4:hover { background-position: 0 -38px; height:38px; }
a.nav5 { width:110px; height:38px; text-indent:-9999px; overflow:hidden; display:block; background: transparent url(../images/buttons/navigation/new/membership.png) 0 0 no-repeat; }
a.nav5:hover { background-position: 0 -38px; height:38px; }
a.nav6 { width:110px; height:38px; text-indent:-9999px; overflow:hidden; display:block; background: transparent url(../images/buttons/navigation/new/contactus.png) 0 0 no-repeat; }
a.nav6:hover { background-position: 0 -38px; height:38px; }
a.nav7 { width:110px; height:38px; text-indent:-9999px; overflow:hidden; display:block; background: transparent url(../images/buttons/navigation/new/freetrial.png) 0 0 no-repeat; }
a.nav7:hover { background-position: 0 -38px; height:38px; }
a.nav1-active { width:110px; height:38px; text-indent:-9999px; overflow:hidden; display:block; background: transparent url(../images/buttons/navigation/new/home.png) 0 -38px no-repeat; }
a.nav2-active { width:110px; height:38px; text-indent:-9999px; overflow:hidden; display:block; background: transparent url(../images/buttons/navigation/new/thepackage.png) 0 -38px no-repeat; }
a.nav3-active { width:110px; height:38px; text-indent:-9999px; overflow:hidden; display:block; background: transparent url(../images/buttons/navigation/new/aboutus.png) 0 -38px no-repeat; }
a.nav4-active { width:110px; height:38px; text-indent:-9999px; overflow:hidden; display:block; background: transparent url(../images/buttons/navigation/new/news.png) 0 -38px no-repeat; }
a.nav5-active { width:110px; height:38px; text-indent:-9999px; overflow:hidden; display:block; background: transparent url(../images/buttons/navigation/new/membership.png) 0 -38px no-repeat; }
a.nav6-active { width:110px; height:38px; text-indent:-9999px; overflow:hidden; display:block; background: transparent url(../images/buttons/navigation/new/contactus.png) 0 -38px no-repeat; }
a.nav7-active { width:110px; height:38px; text-indent:-9999px; overflow:hidden; display:block; background: transparent url(../images/buttons/navigation/new/freetrial.png) 0 -38px no-repeat; }
#nav ul li ul li {float:none; background-color:#5E2957; display:block; padding:4px 10px; border-top:solid 1px #FFF;}
#nav ul li ul li a{color:#FFF; font-size:11px;}
#nav ul li ul li a:hover{ text-decoration:underline;}


/*Main*/
div#panel { background-image:url(../images/p-back.png); background-repeat:repeat-y; font-size: 12px; color: #666; position: relative; z-index:1; }
div#copyright { width:905px; margin:auto; padding: 10px 0px; color:#666; font-size:11px; }
div#copyright div.logo { width:110px; float:left; margin-left: 14px; display: inline; }
div#copyright div.text { width:230px; float:left; }
div#copyright div.links { width:375px; float:right; text-align:right; padding-right: 20px; }
div.links a { text-decoration:none; color:#C0AFBD; }
div.links a:hover { color:#CCC; }
div.pagefade { background-image:url(../images/page-fade.jpg); background-position:bottom; background-repeat:no-repeat; padding-bottom:5px; margin-bottom:20px; width: 550px; float: left; }
span.quote {font-weight:bold; font-size:21px; color:#60365A; vertical-align:bottom;line-height:11px;position:relative}
/*Buttons*/
button { border:none; background:none; padding:0; margin:0; width:auto; overflow:visible; text-align:center; white-space:nowrap; height:23px; line-height:22px; }
button span, button em { display:block; height:22px; line-height:22px; margin:0; color:#FFFFFF; font-weight:normal; }
button span { padding-left:20px; background:url(../images/button-background.gif) no-repeat 0 0; }
button em { font-style:normal; padding-right:20px; background:url(../images/button-background.gif) no-repeat 100% 0; font-size:11px; }
a.button { background: transparent url('../images/button-background.gif') no-repeat scroll top right; color: #FFF; display: block; float: left; height: 22px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; position: relative; }
a.button span { background: transparent url('../images/button-background.gif') no-repeat; display: block; line-height: 22px; padding: 0 0 0 18px; }
/*Forms*/
fieldset { padding: 5px; padding-bottom:10px; border:1px solid #BFB0C3; color:#131C24; margin-bottom:20px; margin-top:15px; }
label { float:left; width:150px; margin-right:10px; padding-top:2px; text-align:right; display: block; position: relative; }
label.normal { float:left; width:160px; margin-right:10px; padding-top:2px; text-align:left; font-weight:normal; margin-bottom:5px; }
legend { font-size:16px; letter-spacing:-1px; color:#4A1F3D; margin-left: 20px; }
input.login { width:120px; border:none; margin-bottom:5px; margin-right:10px; background-color:transparent!important; background: transparent url(../images/forms/login.png) repeat-x top left; padding:3px 10px 4px 10px; float:left; }
select { margin-bottom:5px;}
input.one { width:80px; border:none; margin-bottom:5px; background-color:#FFFFFF!important; background: #FFF url(../images/forms/input100.gif) repeat-x top left; padding:3px 10px 4px 10px; }
input.two { width:180px; border:none; margin-bottom:5px; background-color:#B7D5FF!important; background: #FFF url(../images/forms/input200.gif) repeat-x top left; padding:3px 10px 4px 10px; }
input.three { width:280px; border:none; margin-bottom:5px; background-color:#FFFFFF!important; background: #FFF url(../images/forms/input300.gif) repeat-x top left; padding:3px 10px 4px 10px; }
input.four { width:380px; border:none; margin-bottom:5px; background-color:#FFFFFF!important; background: #FFF url(../images/forms/input400.gif) repeat-x top left; padding:3px 10px 4px 10px; }
form br { clear:both; }
/*TABLE*/
table tr th { text-align:left; }
table td, table th { padding:5px 0px; }
table tr.lined td { border-bottom:1px solid #E0E0E0; font-size:11px; }
table tr td { font-size:11px; }
/*HK ADDED*/
div#columnOne { width:258px; float:left; }
div#columnTwo { width:305px; float:left; }
ul#logobullet {list-style:none; margin-left:0; padding-left:0;}
ul#logobullet li { background-image:url(../images/logobullet.gif); background-repeat:no-repeat; padding-left:25px; padding-bottom:15px;}
div#latestNews {background-image:url(../images/latest-news-bg.jpg); background-repeat:no-repeat; width:241px; float:right; padding:15px; min-height:400px;}
div.newsitem {padding-bottom:10px; border-bottom:solid 1px #ccc; padding-top:10px;}
div.newsitem div.photo{width:88px; float:left; margin-right:10px;}
div.newsitem span.title{ font-weight:bold; color:#60365A; }
div#pollbox { width:282px; float:right; background-image:url('/images/pollMiddle.jpg'); background-repeat:repeat-y; color:#FFF; }
div#pollbox div.middle{padding:0px 15px 15px 15px;}
div#pollbox div.middle label {float:left; width:170px; text-align:left;}
div#featureBox {background-image: url('/images/featured-news-bg.png'); padding:15px; margin-bottom:15px; width:550px; height:100px}
div#featureBox div.photo{width:125px; float:left; margin-right:15px;}
.error{color:#F00;}
div#noJS {margin:20px 25px 0 25px;background-color:#E5DFE4;padding:15px; border:1px dotted #60365A}
h2.blob { background-image:url(../images/logobullet.gif); background-repeat:no-repeat; padding-left:25px; }
div.pollbar { background-image:url('/images/pollbar.png');width:431px;height:15px; float:left; }
div.pollbarSilver { background-image:url('/images/pollbar-silver.png');width:431px;height:15px; float:left; }
div#pageBottomButtons { position: absolute; bottom: 20px; }

div#imageBar { position:absolute;right:0px;width:200px; margin:0; padding:0; margin-right:9px; margin-left:5px; height:100% }
div#imageBarText { width:180px;margin:0;padding:10px 10px 0 10px;background-color:#4F2248;color:white }
span#imageBarTextBig { font-size:32px; font-weight:normal; color:#FFFFFF; }
span#imageBarTextSmall { font-size:18px; font-weight:normal; color:#FFFFFF; }
div#imageBarImage { position:absolute;width:200px;margin:0;padding:0;height:1000px;background-repeat:no-repeat}
div#imageBarWrap { width:100%; height:100%; position:absolute; overflow:hidden;z-index:-10 }
div#imageBarImageBottomFade { width:200px; background-image:url('/images/sidebars/bottom-fade.png');z-index:100;bottom:0;position:absolute;z-index:100;padding-top:50px }
body.hasImageBar div.pre-wrap { margin-right: 210px; }
div#imageBarButtons { width:200px;background-color:white;padding-bottom:80px }
body.hasImageBar div#nextpage { position:static; margin-bottom:-80px;margin-top:-80px;background-position:55px 0 }