/* == STYLESHEET FUNCTIONS
------------------------------------------------------------------------------------------------------------------------
- Defines the site-wide layout for core structure
- Defines reusable widget code
- Defines page specific layout
- Overrides base HTML elements where required
----------------------------------------------------------------------------------------------------------------------*/

/* == CONTENTS
------------------------------------------------------------------------------------------------------------------------
- Main Layout
- Head Content
- Primary Navigation
- Foot Content

[Widget Styles:]

----------------------------------------------------------------------------------------------------------------------*/


/* == Main Layout
----------------------------------------------------------------------------------------------------------------------*/

#wrap{width: 995px; margin: 0 auto; background: url(/img/bg-maincontent.gif) #fff repeat-y center;}
#wrap #head{position: relative; width: 965px; height: 165px; background: url(/img/bg.gif) repeat-x top left; margin: 0 auto;}
#wrap #priNav{float: left; width: 713px;}
#wrap #mainContent{float: left;  padding: 0 16px 0 15px;}
#wrap #mainContent .colHolder{background: url(/img/bg-colholder.gif) #ececec repeat-x top left; height: 100%;}
#wrap #foot{background: url(/img/bg-foot.gif) transparent no-repeat top center; height: 34px;}

/*
.zoneOne = home welcome column
.zoneTwo = home middle content column
.zoneThree = sidebar with second nav
.zoneFour = right-hand ad bar
.zoneFive = internal left-hand nav
.zoneSix = internal content column
.zoneSeven = full width internal content column

.zoneThree and .zoneFour should stay consistent (unless with full width content column - .zoneSeven/.zoneFour)
.zoneOne/.zoneTwo and .zoneFive/.zoneSix should be interchanged as required
*/

#wrap #mainContent .colHolder .zoneOne,
#wrap #mainContent .colHolder .zoneTwo,
#wrap #mainContent .colHolder .zoneThree,
#wrap #mainContent .colHolder .zoneFour,
#wrap #mainContent .colHolder .zoneFive,
#wrap #mainContent .colHolder .zoneSix,
#wrap #mainContent .colHolder .zoneSeven
{
    float: left;
    display: inline;
    width: 30%;
    padding: 10px 15px 0 15px;
}
#wrap #mainContent .colHolder .zoneTwo{width: 260px; padding: 17px 0px;}
#wrap #mainContent .colHolder .zoneThree{width: 21%; padding: 10px 10px;}
#wrap #mainContent .colHolder .zoneFour{width: 15%; padding: 10px 0;}
#wrap #mainContent .colHolder .zoneFive{width: 19%;}
#wrap #mainContent .colHolder .zoneSix{width: 39%; padding: 17px 0;}
#wrap #mainContent .colHolder .zoneSeven{width: 80%; padding: 10px 20px 0 15px}


/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/

/*#wrap #head .bannerad{float: left; width: 468px; height: 60px; border: 1px #f7751d solid; margin: 10px 0 0 23px;}*/
#wrap #head .pageheading{position: absolute; bottom: 12px; left: 50px;}
#wrap #head .featuredin{position: absolute; height: 41px; bottom: 10px; right: 100px; line-height: 41px; color: #000; font-weight: bold;}
#wrap #head .featuredin img{border: 3px #fff solid; border-width: 4px 3px; margin-left: 5px;}


/* == Primary Navigation
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent #priNav { background: url(/img/bg-nav.gif) #B558AF repeat-x bottom left;}
#wrap #mainContent #priNav ul{list-style: none; margin: 0; padding: 0;}
#wrap #mainContent #priNav ul li{display: inline; margin: 0; padding: 0;}
#wrap #mainContent #priNav ul li a{display: inline; float: left; background: url(/img/bg-nav.gif) #B558AF repeat-x bottom left; padding: 13px 14px; border-right: 1px #943d8e solid; border-right: 1px #593657 solid; font-size: 110%; color: #fff; text-decoration: none;}
#wrap #mainContent #priNav ul li a:hover{background: url(/img/bg-nav-on.gif) #51054D repeat-x top left;}
#wrap #mainContent #priNav ul li a.first{background: url(/img/bg-nav-first.gif) #B558AF no-repeat bottom left;}
#wrap #mainContent #priNav ul li a.first:hover{background: url(/img/bg-nav-first-on.gif) #51054D no-repeat bottom left;}

#wrap #mainContent .hdr-search{float: right; width: 251px; height: 42px; background: url(/img/bg-search.gif) no-repeat bottom right;}

#wrap #mainContent .colHolder ul.subnav{margin: 10px 0 10px 7px; padding: 0 5px 0 0; *padding: 0 14px 0 0; _padding: 0 5px 0 0;}
#wrap #mainContent .colHolder ul.subnav li{margin: 0; padding: 0; list-style: none; list-style-image: none;}
#wrap #mainContent .colHolder ul.subnav li a{display: block; color: #2d2d2d; text-decoration: none; background: url(/img/bullet-subnav.gif) #d5d5d5 no-repeat 5px center; padding: 5px 18px; border-bottom: 1px #ececec dashed;}
#wrap #mainContent .colHolder ul.subnav li a:hover{text-decoration: underline;}

#wrap #mainContent .colHolder ul.thirdnav, #wrap #mainContent .colHolder ul.thirdnav li{margin: 0; padding: 0; list-style: none; list-style-image: none; min-width: 100%; _width: 100%; min-height: 29px; _height: 29px;}
#wrap #mainContent .colHolder ul.thirdnav li a{display: block; padding: 7px 10px 7px 7px; background: #dedede; border-left: 3px #dedede solid; color: #2e2e2e; text-decoration: none;}
#wrap #mainContent .colHolder ul.thirdnav li a:hover, #wrap #mainContent .colHolder ul.thirdnav li a.on{background: url(/img/bg-thirdnav.gif) repeat-x bottom left #eae8e9; border-left: 3px #f6741c solid;}
#wrap #mainContent .colHolder ul.thirdnav li a.on{font-weight: bold;}
#wrap #mainContent .colHolder ul.thirdnav li.heading a, #wrap #mainContent .colHolder ul.thirdnav li.heading a:hover{background: url(/img/bg-thirdnav-heading.gif) #be83b9 repeat-x bottom left; border: 1px #651860 solid; font-weight: bold; color: #fff; padding-left: 5px;}


/* == Ticker Styles
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .ticker {float: left; width: 683px; height: 15px; padding: 7px 15px; overflow: hidden; background: #fff;}
#wrap #mainContent .ticker a{float: left; width: 500px; font-weight: bold;}
#wrap #mainContent .ticker ul, #wrap #mainContent .ticker ul li{display: inline; list-style: none; margin: 0; padding: 0;}
#wrap #mainContent .ticker ul li{margin: 0 7px;}
#wrap #mainContent .ticker ul li span.current{color: #650360;}


/* == Login Styles
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .loginArea{width: 233px; padding: 7px; text-align: right;}
#wrap #mainContent .loginArea span{font-weight: bold;}
#wrap #mainContent .loginArea a.login{float: right; background: url(/img/bg-loginbtn.gif) #50044c repeat-x top left; border: 2px #cf66c9 solid; color: #fff; text-decoration: none; font-weight: bold; font-size: 90%; padding: 3px 10px;}

/* == Foot Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #foot{color: #fff; padding-top: 12px;}
#wrap #foot a{color: #fff;}
#wrap #foot .copyright{float: left; display: inline; width: 25%; margin-left: 4%;}
#wrap #foot .links{float: left; display: inline; margin: 0; width: 42%; text-align: center;}
#wrap #foot .moredennehy{float: left; display: inline; width: 25%; margin: 0; text-align: right;}


/* == Form Styles
----------------------------------------------------------------------------------------------------------------------*/

#wrap .hdr-search {line-height: 10px;}
#wrap .hdr-search fieldset {border: none; margin-top: 10px; *margin-top: 0; padding: 0;}
#wrap .hdr-search fieldset input {float: left; width: 160px; border: 1px #969696 solid; margin-left: 10px;}
#wrap #mainContent .hdr-search fieldset input.submit {border-style: none;
  border-color: inherit;
  border-width: medium;
  width: 50px; background: ; 
  color: #fff;   font-weight: bold;   cursor: pointer; }

#wrap #mainContent .colHolder .signup{width: 95%;}
#wrap #mainContent .colHolder .signup input{width: 98%;}
#wrap #mainContent .colHolder .signup select{width: 98%;}
#wrap #mainContent .colHolder .signup label{width: 95%;}
#wrap #mainContent .colHolder .signup input.submit{float: left; width: 60px;}


#wrap #mainContent fieldset{border: none; margin-top: 10px; *margin-top: 0; padding: 0; }
#wrap #mainContent fieldset label {width:200px;}
#wrap #mainContent fieldset input.txt{ width: 300px; border: 1px #969696 solid;}
#wrap #mainContent fieldset input.txtArea{ width: 300px; border: 1px #969696 solid; height:150px;  }
#wrap #mainContent fieldset input.submit{width: 80px; border: none; background: none; color: #fff; font-weight: bold; background-color:#999;}
#wrap #mainContent fieldset .checkbox {width:auto; border: none; }


/* == Text, Images, Links Etc
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .colHolder h1 span, h2 span{float: left; width: 77%; min-width: 77%; _width: 76%;}
#wrap #mainContent .colHolder h1 a, h2 a{display: inline-block; width: 23%; min-width: 23%; *line-height: 30px; *top: 5px;}
#wrap #mainContent .colHolder h1 a.refer{background: url(/img/bullet.gif) no-repeat 0 2px; font-size: 45%; font-family: Arial; color: #2e2e2e; padding-left: 12px; text-decoration: none;}
#wrap #mainContent .colHolder h1 a.refer:hover{text-decoration: underline;}
#wrap #mainContent .colHolder h1 a.sub{font-size: 90%; font-family: Arial; color: #2e2e2e; font-weight: bold; text-align: right;}

#wrap #mainContent .colHolder div.newsimg{float: left; width: 73px; height: 60px; margin: 0 10px 0 0; padding: 9px 0 0 2px; background: url(/img/bg-newsimg.gif) no-repeat top left; text-align: center;}

#wrap #mainContent .colHolder .bigbtn, #wrap #mainContent .colHolder .smlbtn{display: block; padding: 10px 0; color: #fff; background: url(/img/bg-bigbtn.gif) #c088bc repeat-x bottom left; border: 1px #60115b solid; text-align: center; text-decoration: none; font-size: 120%; margin: 10px 0;}
#wrap #mainContent .colHolder .smlbtn{background: url(/img/bg-smlbtn.gif) #c088bc repeat-x bottom left; padding: 2px 0; margin: 5px 0; font-size: 100%;}

#wrap #mainContent .colHolder .blogintro{font-family: Georgia; font-size: 140%; color: #2f2f2f; line-height: 32px; background: url(/img/blog-speech-open.gif) no-repeat 100px 0;}
#wrap #mainContent .colHolder .snippet{font-size: 110%; line-height: 17px; background: url(/img/blog-speech-close.gif) no-repeat bottom right;}

#wrap #mainContent .colHolder .contentBox .body .content img.feature{border: 2px #F89B24 solid; margin: 0 auto; display: block;}
#wrap #mainContent .colHolder .contentBox .body .content b, #wrap #mainContent .colHolder .contentBox .body .content strong{display: block; font-size: 130%; font-weight: normal; color: #000; margin: 2px 0; padding: 0;}

#wrap #mainContent .colHolder .testimonials-side, #wrap #mainContent .colHolder .testimonials-top{width: 186px; background: url(/img/bg-testimonials-side.gif) #ececec no-repeat 10px 0; padding: 45px 5px 35px 12px; font-family: Georgia; font-size: 115%; line-height: 24px;}
#wrap #mainContent .colHolder .testimonials-top{width: 184px; height: 107px; background: url(/img/bg-testimonials-top.gif) #ececec no-repeat top left; padding: 0 25px 0 45px; font-family: Georgia; font-size: 115%; line-height: 24px; margin-right: 20px;}

#wrap #mainContent .colHolder a.backtotop{float: right; background: url(/img/bg-backtotop.gif) no-repeat center left; padding-left: 12px; margin-right: 10px; text-decoration: none;}
#wrap #mainContent .colHolder a.backtotop:hover{text-decoration: underline;}


/* == Social Networking Bookmarks
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .colHolder .social{width: 376px; min-width: 376px; margin: 15px auto;}
#wrap #mainContent .colHolder .social ul, #wrap #mainContent .colHolder .social ul li{margin: 0; padding: 0; list-style: none; list-style-image: none;}
#wrap #mainContent .colHolder .social ul li{float: left; display: inline; width: 44px; min-width: 44px; text-align: center; padding-top: 5px;}
#wrap #mainContent .colHolder .social ul li.title{width: 100px; min-width: 100px; height: 22px; background: #62205e; color: #fff; padding-top: 5px;}
#wrap #mainContent .colHolder .social ul li.help{width: 40px; min-width: 40px; text-align: left;}
#wrap #mainContent .colHolder .social ul li.help a{color: #4e4e4e;}
#wrap #mainContent .colHolder .social ul li.help a:hover{text-decoration: none;}


/* == Table Styles
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .colHolder .tabContent table{font-size: 90%;}
#wrap #mainContent .colHolder .tabContent table thead tr td{background: #dedede; color: #000; padding: 3px; border-right: 1px #fff solid;}
#wrap #mainContent .colHolder .tabContent table thead tr td.title{background: none; color: #4b0448; text-align: left; font-size: 120%;}

#wrap #mainContent .colHolder .tabContent table tr{margin: 3px 0;}
#wrap #mainContent .colHolder .tabContent table td{background: #e9e9e9; margin: 3px; padding: 3px 2px; border: 2px #fff solid; border-width: 2px 1px;}
#wrap #mainContent .colHolder .tabContent table td.num{background: #f8751d; width: 15px; text-align: center; font-weight: bold;}
#wrap #mainContent .colHolder .tabContent table td.company{background: #dedede; color: #2b2b2b;}
#wrap #mainContent .colHolder .tabContent table td.value{background: #e4e4e4;}

#wrap #mainContent .colHolder table.datatable{width: 100%; font-size: 110%;}
#wrap #mainContent .colHolder table.datatable th{background: #f7741c; font-weight: bold; padding: 8px 0; color: #000; font-size: 110%; border: 0;}
#wrap #mainContent .colHolder table.datatable td{text-align: center; padding: 7px 0; background: #f2f2f2; border-bottom: 1px #fff solid;}
#wrap #mainContent .colHolder table.datatable td strong{color: #000;}
#wrap #mainContent .colHolder table.datatable td.left{text-align: left; padding-left: 7px;}
#wrap #mainContent .colHolder table.datatable td.item{background: #dedede; color: #000;}
#wrap #mainContent .colHolder table.datatable td.white{background: #fff; border-bottom: 1px #d9d9d9 solid;}
#wrap #mainContent .colHolder table.datatable td.dashborder{border-right: 1px #6f6f6f dashed;}
#wrap #mainContent .colHolder table.datatable td.redhighlight{color: #fa486c;}


/* == Curvy Box Styles
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .colHolder .contentBox,
#wrap #mainContent .colHolder .contentBox .body,
#wrap #mainContent .colHolder .contentBox .head,
#wrap #mainContent .colHolder .contentBox .head h2
{background: transparent url(/img/box.png) no-repeat bottom right;}

#wrap #mainContent .colHolder .contentBox{width: 98%; padding-right: 5px;}
#wrap #mainContent .colHolder .contentBox .head{background-position: top right; margin-right: -5px; padding-right: 10px;}
#wrap #mainContent .colHolder .contentBox .head h2{background-position: top left; margin: 0; border: 0; padding: 8px 0 0 0; height: auto !important; height: 1%; font-size: 1px;}
#wrap #mainContent .colHolder .contentBox .body{background-position: bottom left; margin-right: 10px; padding: 6px 0 13px 15px;_height: 0;min-height: 0;}

#wrap #mainContent .colHolder .contentBox .body .content{padding: 1px 7px;}
#wrap #mainContent .colHolder .contentBox .body .content ul li{list-style: disc outside url("/img/bullet-home.gif");}
#wrap #mainContent .colHolder .side .body .content{background-color: #f1f1f1; background-image: url(/img/bg-infocus.gif);}
#wrap #mainContent .colHolder .tabbox .body{padding: 0 0 15px 15px;}
#wrap #mainContent .colHolder .tabbox .body .content{padding: 0;}

#wrap #mainContent .colHolder .nobg .body .content{background: none; padding: 0;}

#wrap #mainContent .colHolder .zoneSix .contentBox{width: 369px;}

#wrap #mainContent .colHolder .zoneSix table, .zoneSix table tbody tr td { border:1px solid #d87700 !important;}


/* == Tabs Styles
----------------------------------------------------------------------------------------- */


#wrap #mainContent .colHolder .tabs {float:left;width:258px;background: #fff;}
#wrap #mainContent .colHolder .tabs ul {float: left;width:258px; margin: 0; padding: 0;border-bottom: 1px #F79820 solid;}
#wrap #mainContent .colHolder .tabs li {float:left;margin: 0;padding: 0;list-style: none;}
#wrap #mainContent .colHolder .tabs a {float:left;padding: 12px 10px 10px 10px;text-decoration:none;white-space: nowrap;font-size: 115%;color: #999;background: #fff;border: 1px #ddd solid;border-width: 1px 1px 0 0;text-align: center;}
#wrap #mainContent .colHolder .tabs a:hover {border: 1px #F79820 solid; border-width: 1px 1px 0 0; color: #F79820;}
#wrap #mainContent .colHolder .tabs li.on{border-width:0;}
#wrap #mainContent .colHolder .tabs li.on a, #wrap #mainContent .colHolder .tabs li.on a:hover{background: #F79820; color: #fff; border: 1px #F79820 solid;border-width: 1px 1px 0 1px;}
#wrap #mainContent .colHolder .tabContent{float: left;width: 246px;padding: 5px;margin:0;border: 1px #F79820 solid; border-top: 0;}

/* == Portfolio Tools
----------------------------------------------------------------------------------------- */
#wrap #mainContent .portfolio {}
#wrap #mainContent .portfolio .label1{width:100px;}
#wrap #mainContent .portfolio .label2{width:150px;}
#wrap #mainContent .portfolio .label3{width:150px;}
#wrap #mainContent table tr.alt {background-color:#ddd;}
#wrap #mainContent table td {padding:5px;}
#wrap #mainContent .radio input {margin-right:60px; border:0px;}
#wrap #mainContent table td.q {width:65px; font-weight:bold;}

.market_perf_table { }
.market_perf_table tbody tr td { background: #e4e4e4; }
.market_perf_table thead tr td { background: #dedede; }
.market_perf_table tbody tr td.name { background: #dedede; color: #2b2b2b; }

/* == New second navigation
----------------------------------------------------------------------------------------- */

#wrap #mainContent .colHolder ul#second-nav {}
#wrap #mainContent .colHolder ul#second-nav li a {}
#wrap #mainContent .colHolder ul#second-nav li a.on { font-weight: bold; }

.signupoverride {
float:right;
height:99px;
margin-bottom:10px;
margin-right:-11px;
margin-top:-95px;
position:relative;
z-index:20;
}

.signupoverride .signup input {
float: left;
width: 175px;
}

.signupoverride .signup input.submit {
margin-top: 16px;
margin-right: 18px;
}

.signupoverride p, .signupoverride label {
display: none;
}

.signupoverride h2 {
font-size: 1.3em;
}


.signupoverride div {
  width: 291px;
}

.signupoverride div div {
  width: 280px;
}
.signupoverride div div div.body {
  width: 260px;
}
.signupoverride div div div.body div.content {
  width: 246px;
}

.signupoverride br.clear {
clear: none;
}

#wrap #mainContent .colHolder .signupoverride input{width: 175px; float: left;}
#wrap #mainContent .colHolder .signupoverride input.submit{margin-top: -23px; margin-right: 18px; float: right; clear: both;}
#wrap #mainContent .colHolder .signupoverride br.clear{clear: none; display: none;}


/*fix banner overflow*/

.floatRight {clear: right: display: block}
img {vertical-align: none;}
.bannerad {float: left;}