/* © 2008 HowStuffWorks, Inc. */
body {
background-color:#4E6CAC;
}
html, body, form, input, img, ul, ol, li, p, span {
margin: 0;
padding: 0;
}
body {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-align: left;
}
body a {
color: #2a308c;
}
img,
a img{
border:none;
}
/* © 2008 HowStuffWorks, Inc. */
#doc {
width: 980px;
margin: auto;
text-align: left;
background: #ffffff url(http://static.howstuffworks.com/en-us/www/layout/bg_stripe_B.gif);
}
.header {
margin: 0px;
padding: 0px;
}
.header .nav {
margin: 0;
padding: 5px;
font-size: 10px;
background-color:#4E6CAC;
}
.header .nav div {
display: inline;
padding: 0px 0px 0px 0px;
}
.header .nav div.first {
color: #ffffff;
font-weight: bold;
}
.header .nav div.last {
float:right;
font-weight: bold;
}
.header .nav a {
margin: 0;
color: white;
text-decoration:none;
}
.header .nav a.em {
color: #FFFEBD;
}
.header .nav a.rss {
background-color: #FF6600;
border-right: 1px solid #FF3300;
border-bottom: 1px solid #FF3300;
border-left: 1px solid #FF9900;
border-top: 1px solid #FF9900;
line-height: 15px;
}
.header .general {
display: block;
margin: 0;
padding: 0 0 5px 0;
background: #ffffff;
}
.header .general .top {
background: #cccccc;
text-align: center;
padding: 5px 0px 5px 0px;
}
.header .general .top .ad728x90 {
display: block;
width: 728px;
margin-left: 126px;
}
.header .general .bot {
height: 85px;
background: #ffffff url(http://static.howstuffworks.com/en-us/www/layout/hsw_logo_bg.gif) top left repeat-x;
overflow: hidden;
}
.header .general .bot .big{
height: 80px;
overflow: hidden;
background-color: white;
}
.header .general .bot .big .logo {
margin: 5px 0px 0px 10px;
width: 300px;
float: left;
}
.header .general .bot .big .google {
margin-top: 13px;
width: 650px;
float: left;
}
.header .general .bot .google input{
font-size: 15px;
}
.header .general .bot .logo {
float: left;
}
.header .general .bot .google {
height: 35px;
float: right;
}
.header .general .right .middle .google form {
padding: 0px;
margin: 0px;
}
.header .general .right .middle .google form input {
padding: 0px;
margin: 0px;
}
.header .generalNoAd {
background: #ffffff url(http://static.howstuffworks.com/en-us/www/layout/graystripe_short.gif) repeat-x;
display: block;
margin: 0px;
padding: 0px;
height: 95px;
}
.header .generalNoAd .left {
width: 90px;
background: none;
float: left;
}
.header .generalNoAd .right {
width: 880px;
height: 90px;
background: none;
float: right;
}
.header .generalNoAd .right .top {
width: 880px;
height: 15px;
display: block;
clear: all;
}
.header .generalNoAd .right .middle {
width: 880px;
height: 25px;
float: right;
display: block;
clear: all;
text-align: right;
}
.header .generalNoAd .right .bottom {
margin: 0px;
padding: 0px 0px 0px 0px;
width: 880px;
height: 49px;
display: block;
clear: all;
}
.header .generalNoAd .right .bottom .logo {
width: 300px;
float: left;
margin: 0px;
height: 49px;
padding: 0px 0px 0px 0px;
}
.header .generalNoAd .right .middle .google {
width: 800px;
text-align: right;
margin: 0px;
padding: 0px;
float: right;
height: 25px;
}
.header .generalNoAd .right .bottom .sponLogo {
float: right;
height: 31px;
width: 300px;
margin: 10px 0px 0px 0px;
padding: 0px 5px 0px 0px;
}
.header .generalNoAd .right .middle .google form {
padding: 0px;
margin: 0px;
}
.header .generalNoAd .right .middle .google form input {
padding: 0px;
margin: 0px;
}
.body {
clear:both;
padding-left:4px;
padding-right:4px;
text-align: left;
}
.body .leftColumn {
clear:both;
float:left;
width:166px;
}
.miscLeftColumn {
float: left;
padding-left: 20px;
width: 600px;
display: block;
}
.miscRightColumn {
float: right;
width: 300px;
display: block;
}
.body .rightColumn {
float: left;
width: 300px;
padding-top: 0px;
padding-left: 0px;
margin-left: 5px;
display: block;
overflow: visible;
text-align: left;
}
.body .centerColumn {
float:left;
width:488px;
margin: 0px 0px 0px 8px;
text-align: left;
}
.centerColumnMap {
background-color: #FFFFFF;
width: 624px;
float: left;
font-size: 14px;
margin-right: 10px;
padding-left: 30px;
}
.centerColumnMap a {
text-decoration: none;
}
.footer {
clear:both;
position:relative;
background-color: #E6E6E6;
border-top: 3px #999999 solid;
}
.footer .ad {
position: relative;
padding:5px 0 5px 0;
left: 123px;
width:736px;
}
.footer .nav {
margin: 0px;
padding: 0px;
font-size: 9px;
font-weight: bold;
color: #4E6CAC;
text-decoration: none;
text-align: center;
}
.footer .nav div {
display: inline;
color: #4E6CAC;
}
.footer .nav a {
margin: 0;
color: #4E6CAC;
text-decoration:none;
}
.footer  a.rss {
color: white;
margin-left: 10px;
padding-left:2px;
padding-right:2px;
background-color: #FF6600;
border-right: 1px solid #FF3300;
border-bottom: 1px solid #FF3300;
border-left: 1px solid #FF9900;
border-top: 1px solid #FF9900;
line-height: 15px;
}
.footer .copyright {
font-size: 11px;
padding:5px 0 5px 0;
font-weight: bold;
text-align: center;
}
.copyright {
font-size: 11px;
padding:5px 0 5px 0;
font-weight: bold;
text-align: center;
}
.aboutNav {
color: #4E6CAC;
font-size: 11px;
padding-top: 3px;
padding: 15px 0px 15px 0;
}
.aboutNav a {
color: #4E6CAC;
text-decoration: underline;
}
.aboutCenterColumn {
float:left;
padding-left: 8px;
width: 488px;
}
.aboutRightColumn {
float:right;
width:300px;
padding-top: 1px;
padding-left: 0px;
margin-left: 5px;
display: block;
}
.homeFeatures {
margin: 0px;
padding: 0px;
}
.homePageCenterColumn {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 10px;
padding-top: 10px;
padding-bottom: 5px;
margin-right: 10px;
clear: left;
}
.homePageCenterColumn .left-image{
float: left;
margin-right: 10px;
width:  100px;
border: solid black 1px;
}
.homePageCenterColumn .top-image{
float: left;
padding-right: 10px;
}
.homePageCenterColumn .categoryTitle{
font-weight: bold;
font-size: 10px;
}
.homePageCenterColumn a{
text-decoration: none;
}
.homePageCenterColumn hr {
height: 0;
font-size: 0px;
line-height: 1px;
margin: 1em auto;
}
.homePageCenterColumn p{
margin-top: 0;
margin-left: 105px;
}
.homePageCenterColumn .comingSoon{
margin-top: 10px;
font-size: 12px;
}
.newsletter {
margin: 8px;
}
.newsletter form {
margin: 0px;
}
* html .homePageCenterColumn p{ /* IE 3px jog hack*/
height: 1%;
}
.channelLandingCenterColumn {
width:460px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:  left;
margin-left: 10px;
font-size:   10px;
padding-top: 10px;
clear: left;
}
.channelLandingCenterColumn .text{
position:    relative;
margin-left: 100px;
padding-right: 20px;
/*border: 1px solid green;*/
}
.channelLandingCenterColumn a{
text-decoration: none;
}
.channelLandingCenterColumn hr {
height: 0;
font-size: 0px;
line-height: 1px;
margin: 1em auto;
}
.channelLandingCenterColumn .left-image{
margin: 0;
padding: 0;
float: left;
width:  90px;
border: solid black 1px;
}
* html .channelLandingCenterColumn .text{ /* IE 3px jog hack*/
height: 1%;
}
.dashed {
margin-top:8px;
border-top: dashed 1px black;
margin-bottom:8px;
}
/*RSS BOX FOR NEWSLETTER SIGNUP*/
.newsletterRSSBox {
padding: 5px;
text-align: center;
}
.newsletterRSSBox a {
text-decoration: none;
color: #000000;
}
.newsletterRSSBox h4 {
color: #4E6CAC;
text-align: center;
margin: 5px;
font-size: 12pt;
}
.newsletterRSSBox .links {
display: block;
float: left;
width: 91px;
}
.newsletterRSSBox .linkcontainer {
text-align: center;
display: block;
width: 182px;
margin: 10px 0px 10px 0px;
}
.channelBrowser .title {
font-size: 12px;
font-weight: bold;
}
.channelOpinionLink a {
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 3px 0 3px 25px;
background: url(http://static.howstuffworks.com/en-us/www/icons/opinions.gif) left center no-repeat;
}
.channelOpinions {
}
.channelOpinions .title {
font-size: 12px;
font-weight: bold;
}
.channelOpinions .title span {
color: red;
}
.categoryLandingDivider {
margin: 10px 0px 25px 0px;
border-right: 1px black solid;
border-bottom: 1px black solid;
}
.categoryLandingLeftColumn {
clear:both;
float:left;
display: block;
width:166px;
}
.categoryLandingRightColumn {
width: 788px;
float: left;
display: inline;
margin-left: 5px;
padding-left: 8px;
}
.categoryLandingCenterColumn {
float:left;
padding-left: 8px;
}
.categoryLandingSectionHead {
color: #171A83;
font-weight: bold;
font-size: 10pt;
padding: 5px 0px 10px 0px;
}
.categoryLandingTeaser {
color: #171A83;
float: left;
width: 475px;
margin: 15px 0px 5px 0px;
font-size: 12px;
}
.categoryLandingTeaser .subcategories {
color: #171A83;
font-size: 12px;
}
.categoryLandingTeaser img {
padding: 0px 10px 0px 0px;
float: left;
}
.categoryLandingTeaser .title {
margin: 0px 0px 5px 0px;
font-size: 18px;
display: block;
}
.categoryLandingTeaser .blurb {
display: block;
width: 260px;
float: left;
margin: 0px 0px 5px 0px;
}
.categoryLandingRecentArticles {
font-size: 12px;
color: #171A83;
display: block;
margin: 5px 0px 0px 0px;
}
.categoryLandingRecentArticles .article {
color: #171A83;
display: block;
width: 350px;
height:  155px;
float: left;
margin: 0px 20px 20px 0px;
}
.categoryLandingRecentArticles .article .blurb {
width: 350px;
padding: 0px 0px 10px 0px;
}
.categoryLandingRecentArticles .article .title a {
font-weight: bold;
text-decoration: none;
padding: 0px;
margin: 0px;
display: block;
}
.categoryLandingRecentArticles .image {
padding: 0px 8px 5px 0px;
float: left;
width: 100px;
display: block;
overflow: visible;
}
.categoryLandingRecentArticles .image img {
border: black 1px solid;
}
.categoryLandingRecentArticles .text {
padding: 0px;
float: left;
width: 210px;
display: block;
overflow: visible;
}
.categoryLandingRecentArticles .textnoimage {
padding: 0px;
float: left;
width: 350px;
display: block;
overflow: visible;
}
.categoryLandingRecentArticles a {
color: #171A83;
}
.categoryLandingRecentArticles h5 {
margin: 5px 0px 5px 0px;
font-size: 9pt;
}
.categoryLandingLibrary {
font-size: 12px;
width: 375px;
float: left;
color: #171A83;
margin: 0px 10px 0px 0px;
padding: 0px 0px 25px 0px;
}
.categoryLandingLibrary .marker {
width: 10px;
float: left;
color: #171A83;
display: inline;
}
.categoryLandingLibrary .item {
width: 355px;
float: left;
color: #171A83;
display: block;
}
.categoryLandingLibrary a,li,ul {
color: #171A83;
list-style: none;
}
.categoryLandingad300x250 {
float: right;
width: 300px;
background: #A6A6A6 url(/gif/ad300x250TL.gif) no-repeat top left;
}
.homePageHSWNewsletter {
text-align: center;
color: #999999;
font-weight: bold;
font-size: 12px;
padding: 10px;
}
.homePageHSWNewsletter input:text {
font-size: 8pt;
height: 19px;
border: red 1px solid;
}
.register .centerColumn {
font-size: 12px;
margin-left: 0px;
margin-right: 0px;
}
.register .centerColumn .title{
font-size: 14px;
font-weight: bold;
color: blue;
}
.register  .centerColumn  .demographic{
width: 80px;
float: left;
/*border: 1px dashed red;*/
padding-left: 250px;
margin-right: 5px;
margin-top: 5px;
}
.register .field{
text-align: left;
float: left;
/*border: 1px dashed green;	*/
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
}
.register .centerColumn p{
font-size: 12px;
margin-left:  250px;
margin-right: 250px;
}
.register .leftColumn {
clear: both;
width: 532px;
float: left;
margin: 5px 5px 0 5px;
font-size: 13px;
}
.register .leftColumn b {
font-size: 12px;
}
.register .leftColumn p {
font-size: 12px;
}
.register .leftColumn .step {
margin: 5px;
margin-top: 20px;
margin-bottom: 5px;
/*border: 1px dashed blue;*/
}
.register .leftColumn .step img {
float: left;
}
.register .leftColumn .step .checkbox {
float: left;
/*border: 1px dashed black;*/
font-size: 12px;
margin: 5px;
padding-left: 30px;
margin-right: 10px;
}
.register .leftColumn .step .checktext {
float: left;
width: 400px;
margin-left: 3px;
}
.register .leftColumn .step div {
/*border: 1px dashed red;*/
font-size: 12px;
margin: 5px;
margin-left: 35px;
}
.register .leftColumn .step div.title {
font-size: 14px;
font-weight: bold;
margin: 5px;
margin-left: 35px;
color: blue;
}
.register  .rightColumn {
border: 1px solid #01009a;
float: right;
margin: 5px 5px 0 0;
width: 370px;
font-size: 13px;
padding: 20px;
}
.register .rightColumn .title {
font-size: 16px;
font-weight: bold;
color: #01009a;
text-align: center;
}
.vhrbox {
padding-top: 20px;
padding-bottom: 10px;
}
.vhrbox .left {
width: 14px;
float: left;
font-size:0;
}
.vhrbox .left .tl {
background: url(http://static.howstuffworks.com/en-us/www/style/vhrbox-top-left.gif) top left no-repeat;
height: 14px;
width: 14px;
padding: 0px;
margin: 0px;
overflow: hidden;
}
.vhrbox .left .ml {
height: 80px;
border-left: 2px solid #171A83;
margin: 0;
padding: 0;
font-size:0;
}
.vhrbox .left .bl {
background: url(http://static.howstuffworks.com/en-us/www/style/vhrbox-bottom-left.gif) bottom left no-repeat;
height: 14px;
margin: 0px;	padding: 0px;
}
.vhrbox .middle {
float: left;
width: 435px;
height: 99px;
font-size: 11px;
padding-top: 5px;
border-top: 2px solid #171A83;
border-bottom: 2px solid #171A83;
}
.vhrbox .middle .blurb {
width: 325px;
font-family: arial, sans-serif;
float: left;
color: #171A83;
font-size: 12px;
}
.vhrbox .middle .blurb .title {
color: #171A83;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
.vhrbox .middle .blurb a {
font-family: arial, sans-serif;
text-decoration: none;
}
.vhrbox .middle .blurb a:hover {
font-family: arial, sans-serif;
text-decoration: underline;
}
.vhrbox .middle .vin {
float: left;
}
.vhrbox .middle .image {
float: right;
}
.vhrbox .right {
float: left;
width: 14px;
font-size:0;
}
.vhrbox .right .tr {
background: url(http://static.howstuffworks.com/en-us/www/style/vhrbox-top-right.gif) top right no-repeat;
height: 14px;
margin: 0px; padding: 0px;
overflow: hidden;
}
.vhrbox .right .mr {
height: 80px;
border-right: 2px solid #171A83;
margin: 0px; padding: 0px;
font-size:0;
}
.vhrbox .right .br {
background: url(http://static.howstuffworks.com/en-us/www/style/vhrbox-bottom-right.gif) bottom right no-repeat;
height: 14px;
margin: 0px; padding: 0px;
}
/* � 2008 HowStuffWorks, Inc. */
.leftNav {
width: 166px;
background: #4e6cac url(http://static.howstuffworks.com/en-us/www/layout/leftNav/left.gif) no-repeat top left;
margin: 0px;
text-align: left;
font-weight: bold;
font-size: 10px;
}
.leftNav .gradient {
height: 10px;
background: url(http://static.howstuffworks.com/en-us/www/layout/leftNav/blue2whitegradient.gif) bottom;
border-top: 1px white solid;
display: block;
}
.leftNav div {
background: url(http://static.howstuffworks.com/en-us/www/layout/leftNav/right.gif) no-repeat top right;
}
.leftNav div .navlabel {
background: #4e6cac url(http://static.howstuffworks.com/en-us/www/layout/leftNav/c.gif) repeat;
margin: 0 5px 0 5px;
font-size: 11px;
color: #FFFEBD;
padding: 4px 0 2px 3px;
}
.leftNav ul {
padding: 0;
margin: 0;
text-decoration: none;
}
.leftNav ul li {
padding: 2px 7px 2px 7px;
list-style: none;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #181C80;
background: #DAE9F3;
border-top: 1px solid white;
border-bottom: 1px solid #B2D1E6;
text-decoration: none;
}
.leftNav .leftSubNav {
background-image: none;
background-color: #FFFFBF;
}
.leftSubNav {
display: block;
}
.leftSubNav div {
background-image: none;
}
.leftSubNav .itemcontainer {
width: 160px;
display: inline;
clear: all;
}
.leftSubNav .marker {
margin: 0px 0px 0px 20px;
float: left;
width: 10px;
display: inline;
}
.leftSubNav .marker .selected  {
color: #990000;
}
.leftSubNav .item {
float: left;
width: 130px;
display: block;
}
.leftSubNav .item .selected {
color: #990000;
}
.leftNav a:link {
text-decoration: none;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #181C80;
}
.leftNav a:visited {
text-decoration: none;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #181C80;
}
.selectedLeftNav ul {
padding: 0;
margin: 0;
text-decoration: none;
}
.selectedLeftNav ul li {
clear: left;
position: outside;
color: #990000;
background-color: none;
background-image: url(http://static.howstuffworks.com/en-us/www/layout/leftNav/yellow-highlight.gif);
border: none;
}
.selectedLeftNav ul li a {
padding: 2px 7px 2px 0px;
list-style: none;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #990000;
text-decoration: none;
}
a.selectedLeftNavLink {
color: #990000;
display: block;
}
.selectedLeftNav a:visited {
text-decoration: none;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #990000;
}
.leftNav_subcat {
display: block;
background: none;
background-color: #FFFFBF;
color: #000088;
margin-top: 0px;
padding-bottom: 0px;
}
.leftNav_subcat_link {
display: block;
padding-left: 25px;
clear: both;
font-face: verdana;
font-size: 10px;
color: #181C80;
font-weight: bold;
text-decoration: none;
}
.leftNav_subcat_selected {
display: block;
padding-left: 25px;
clear: both;
font-face: verdana;
font-size: 10px;
color: red;
font-weight: bold;
text-decoration: none;
}
.breadCrumbs {
color: #4E6CAC;
font-size: 11px;
padding-top: 3px;
padding-bottom: 10px;
width: 488px;
display: block;
}
.breadCrumbs a {
color: #4E6CAC;
text-decoration: none;
}
.ad430x200 {
position: relative;
width:430px;
}
.ad180x150 {
position: relative;
width:180px;
}
.ad160x200 {
position: relative;
width:160px;
}
.adHidden1 {
display: none;
}
.sponsoredBlock {
width: 300px;
text-align: right;
background: #ffffff;
}
.adTower {
width: 160px;
margin-bottom: 15px;
}
.adMedTower {
text-align: center;
width: 160px;
margin-bottom: 15px;
}
.leftColumnAds {
width: 160px;
padding-bottom: 50px;
text-align: center;
display: block;
}
.leftColumnAds h1 {
color: #666666;
font-size: 10px;
text-align: center;
margin-bottom: 0px;
padding-top: 20px;
}
.tLink1 {
width: 140px;
border: 1px dotted black;
margin-bottom: 15px;
display: block;
}
.tLink2 {
width: 140px;
border: 1px dotted black;
margin-bottom: 15px;
}
.adGoogle3  {
margin-bottom: 0px;
overflow: hidden;
}
.ad300x150 {
width: 300px;
margin-top: 0px;
margin-bottom: 20px;
}
.ad300x250 {
width: 300px;
overflow: visible;
}
.ad300x250 .left .medrectlabel {
margin: 0;
padding: 0;
text-align: center;
color: white;
text-align: center;
font-weight: bold;
font-size: 10px;
background: url(http://static.howstuffworks.com/en-us/www/layout/ad300x250TR.gif) no-repeat top right;
}
.ad300x250 .left {
background: #A6A6A6 url(http://static.howstuffworks.com/en-us/www/layout/ad300x250TL.gif) no-repeat top left;
}
.ad100x160 .left {
background: #A6A6A6 url(http://static.howstuffworks.com/en-us/www/layout/ad300x250TL.gif) no-repeat top left;
width: 161px;
margin: 0 0 0 69px;
}
.ad100x160 .left .medrectlabel {
margin: 0;
padding: 0;
text-align: center;
color: white;
text-align: center;
font-weight: bold;
font-size: 10px;
background: url(http://static.howstuffworks.com/en-us/www/layout/ad300x250TR.gif) no-repeat top right;
}
/* scroller that appears in the right column of health articles -WK */
.healthGlossaryScrollerHeader {
padding: 3px;
font-weight: bold;
font-size: 11px;
height: 14px;
color: #ffffff;
border-top: 1px solid #4e6cac;
border-right: 1px solid #4e6cac;
border-left: 1px solid #4e6cac;
background: url(http://static.howstuffworks.com/en-us/www/layout/scrollerFeature/background.gif);
}
.healthGlossaryScroller {
font-family: Verdana;
width: 290px;
background: #607AB5;
margin: 15px 0 10px 5px;
}
.healthGlossaryScroller a:link {
text-decoration: none;
}
.healthGlossaryScroller a:visited {
text-decoration: none;
}
.healthGlossaryScroller a {
color: #FFFEBD;
}
.healthGlossaryScroller .scroller-outside {
padding-left: 0px;
height: 200px;
margin-left: 0px;
overflow: auto;
background-color: #4e6cac;
color: #ffffff;
line-height: 12px;
border: 1px solid #4e6cac;
}
.healthGlossaryScroller .scroller-inside {
padding-left: 0px;
padding-right: 0px;
}
a.healthGlossaryScrollerLink0  {
color: #000000;
font-size: 11px;
font-family: Verdana,Arial,Helvetica;
text-decoration: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
display: block;
background-color: #ffffff;
}
a.healthGlossaryScrollerLink1 {
color: #000000;
font-size: 11px;
font-family: Verdana,Arial,Helvetica;
text-decoration: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
display: block;
background-color: #d4e9fa;
}
a.healthGlossaryScrollerLink0:hover, a.healthGlossaryScrollerLink1:hover  {
background-color: #ffffbe;
color: #990000;
}
.google {
margin: 5px;
float: right;
}
.googleEnhanced {
text-align: right;
padding: 5px 0px 0px 0px;
display: block;
}
.googleSearchBox2 {
width: 300px;
margin: 0px 0px 15px 0px;
}
.googleSearchBox2 input{
font-size: 11px;
font-family: arial,verdana;
}
.googleSearchBox2 label {
margin: 0;
padding: 6px 0 0 10px;
display: block;
}
.googleSearchBox2 form {
margin: 0;
padding: 0 5px 7px 5px;
}
.scrollerFeature {
font-family: Verdana;
width: 488px;
background: #607AB5;
overflow-x: hidden;
overflow-y: auto;
overflow: auto;
}
.scrollerFeature a:link {
text-decoration: none;
}
.scrollerFeature a:visited {
text-decoration: none;
}
.scrollerFeature a {
color: #FFFEBD;
}
.scrollerFeature .image {
margin: 0px;
padding: 0px;
width: 150px;
height: 150px;
overflow: hidden;
float: left;
display: block;
border-right: 1px solid #323B5C;
}
.scrollerFeature .today {
font-size: 10px;
float: right;
width: 335px;
font-weight: normal;
background: #607AB5 url(http://static.howstuffworks.com/en-us/www/layout/scrollerFeatureTR.gif) no-repeat top right;
height: 150px;
float: right;
overflow: hidden;
display: block;
margin: 0px;
padding: 0px 0px 0px 0px;
}
.scrollerFeature .today .header {
margin: 0px;
padding: 5px 25px 0px 10px;
text-align: left;
font-weight: bolder;
font-size: 10px;
color: #FFFEBD;
}
.scrollerFeature ul.tabs {
clear: both;
margin: 0;						  /*dwh*/
border-top: 1px solid #323B5C;
}
.scrollerFeature ul.tabs li {
float: left;
padding: 2px 0 2px 0;
list-style: none;
border-left: 1px solid #323B5C;
border-bottom: 1px solid #323B5C;
color: #BD3237;
font-weight: bold;
font-size: 11px;
text-align: center;
width: 121px;
background: #FFFFBE;
}
.scrollerFeature ul.tabs li {		 /*dwh -> also changed width*/
width: 121px;
}
.scrollerFeature ul.tabs li.first {
border-left: none;
width: 121px;
}
.scrollerFeature ul.tabs li.selected {
color: #2B308C;
background: #D4E9FA;
border-bottom: 1px solid #D4E9FA;
}
.scrollerFeature ul.tabs .tabText {
font-weight: bold;
font-size: 10px;
color: #333399;
height: 15px;
text-decoration: none
}
.scrollerFeature ul.tabs .tabText a {
color: #333399;
}
.scrollerFeature .nav {
clear: both;
height: 15px;
font-weight: bold;
font-size: 10px;
text-align: center;
background: url(http://static.howstuffworks.com/en-us/www/layout/scrollerFeatureBL.gif) no-repeat bottom left;
}
.scrollerFeature .nav div {
background: url(http://static.howstuffworks.com/en-us/www/layout/scrollerFeatureBR.gif) no-repeat bottom right;
height: 15px;
}
.scrollerFeature .nav ul {
background: url(http://static.howstuffworks.com/en-us/www/layout/scrollerFeatureBC.gif) repeat;
margin: 0 7px 0 7px;
height: 15px;
padding: 0 10px 0 10px;
}
.scrollerFeature .nav ul li {
list-style: none;
float: left;
width: 33%;
text-align: center;
}
.scrollerFeature .nav ul li.previous {
text-align: left;
}
.scrollerFeature .nav ul li.next {
text-align: right;
}
.scrollerFeature .nav .navText {
font-weight: bold;
font-size: 10px;
color: #333399;
text-decoration: none;
}
.scrollerFeature .scroller-outside {
padding-left: 0px;
height: 166px;
margin-left: 0px;
background-color: #4e6cac;
color: #ffffff;
line-height: 12px;
border: 1px solid #4e6cac;
overflow-x: hidden;
overflow-y: auto;
}
.scrollerFeature .scroller-inside {
padding-left: 0px;
padding-right: 0px;
}
.scrollerFeature  .subheading {
padding: 3px;
font-weight: bold;
font-size: 11px;
height: 14px;
background: url(http://static.howstuffworks.com/en-us/www/layout/scrollerFeature/background.gif);
}
.scrollerFeature .subheading a {
color: #ffffff;
text-decoration: none;
}
.scrollerFeature .newArticle {
color:		  red;
font-weight:	bold;
}
a.scrollerFeatureLink0  {
color: #000000;
font-size: 11px;
font-family: Verdana,Arial,Helvetica;
text-decoration: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
display: block;
background-color: #ffffff;
}
a.scrollerFeatureLink1 {
color: #000000;
font-size: 11px;
font-family: Verdana,Arial,Helvetica;
text-decoration: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
display: block;
background-color: #d4e9fa;
}
a.scrollerFeatureLink0:hover, a.scrollerFeatureLink1:hover  {
background-color: #ffffbe;
color: #990000;
}
.scrollerFeature .today .text {
margin: 0;
padding: 10px 10px 0px 10px;
text-align: left;
font-size: 11px;
font-weight: lighter;
color: #FFFEBD;
}
.scrollerFeature .today .text .large {
font-size: large;
}
.scrollerFeature .today .headline {
margin: 0;
padding: 5px 25px 0 10px;
text-align: left;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}
.scrollerFeature .today .headline a {
color: #ffffff;
}
.scrollerFeature .today .headline .large {
font-size: large;
}
.scrollerFeature .today a {
text-decoration: none;
}
.scrollerFeature .contentD {
clear: both;
display: block;
padding-bottom: 20px;
}
.scrollerFeature .contentND {
clear: both;
display: none;
}
.scrollerFeature .top {
display: block;
}
.scrollerFeature .bottom {
clear: both;
display: none;
}
/*
USED FOR RSS Feed Box
*/
.rssBox {
text-align: center;
}
.rssBoxTitle {
font-size: 12px;
font-weight: normal;
color: red;
margin-right: 4px;
margin-left: 0px;
padding: 0px;
}
.rssBoxHeader {
font-size: 12px;
font-weight: bold;
color: #333399;
margin: 0px;
padding: 0px;
height: 22px;
}
.rssBoxInside {
font-size: 12px;
width: 325px;
margin-left: 10px;
margin-right: 0px;
font-weight: normal;
float: left;
padding-right: 0px;
padding-left: 0px;
overflow: hidden;
}
.rssBoxInside a {
text-decoration: underline;
margin: 0px;
padding: 0px;
}
.rssBoxInside img,input {
margin: 0px;
padding: 2px;
vertical-align: middle;
style: none;
}
.rssBoxBottom {
background: url(http://static.howstuffworks.com/gif/rssBox/bottom.jpg) no-repeat;
width: 360px;
height: 10px;
display: block;
margin: 0px;
padding:0px;
}
.rssBoxMiddle {
background: url(http://static.howstuffworks.com/gif/rssBox/left.jpg) no-repeat;
width: 360px;
height: 58px;
padding: 0px;
margin: 0px;
display: block;
}
.rssBoxTop {
background: url(http://static.howstuffworks.com/gif/rssBox/top.jpg) no-repeat;
width: 360px;
height: 10px;
display: block;
margin: 0px;
padding: 0px;
overflow: hidden;
}
.rssBoxRight {
background: url(http://static.howstuffworks.com/gif/rssBox/right.jpg) repeat-y;
width: 12px;
height: 58px;
float: right;
clear: right;
margin: 0px;
padding: 0px;
}
/*
USED FOR tabBox
*/
.tabBoxOutside {
width: 300px;
margin: 15px 0px 15px 0px;
}
.tabBoxInside {
font-size: 12px;
background-color: #ffffff;
border: 1px solid #9b9b9b;
width: 285px;
margin: 0px 0px 0px 6px;
line-height: 15px;
font-weight: bold;
}
.tabBoxInside a {
text-decoration: none;
}
.tabBoxInside img {
margin-right: 5px;
vertical-align: bottom;
}
.tabBoxBottom {
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/tabBox-bottom-bg.gif) no-repeat;
width: 300px;
height: 11px;
display: block;
}
.tabBoxMiddle {
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/tabBox-middle-bg.gif) repeat-y;
width: 300px;
display: block;
}
.tabBoxTop {
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/tabBox-top-bg.gif) no-repeat;
width: 300px;
height: 7px;
display: block;
overflow: hidden;
}
.tabBoxTab {
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/tabBox-tab-bg.gif) repeat;
width: 300px;
height: 31px;
display: block;
}
.tabContainer {
width:100%;
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/qstabtopright.gif) no-repeat top right;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size: 10px;
line-height: 100%;
font-weight: bold;
text-align: center;
display: block;
height: 35px;
border: 1px red dotted;
}
.tabContainer ul {
list-style: none;
display: inline;
margin-bottom: 0px;
}
.tabContainer li {
float: left;
text-decoration: none;
color:  maroon;
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/leftTab_off.gif) no-repeat left top;
cursor: pointer;
margin-left: 3px;
padding: 0px 0px 0px 0px;
}
.tabContainer ul li.selected {
text-decoration: none;
color:  #ffffff;
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/leftTab_on.gif) no-repeat left top;
}
.tabContainer ul li span {
color: #990000;
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/rightTab_off.gif) no-repeat right top;
list-style: none;
display: block;
padding: 0 10px 0px 5px;
margin-left: 5px;
margin-bottom: 0px;
}
.tabContainer ul li.selected span {
color: #ffffff;
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/rightTab_on.gif) no-repeat right top;
list-style: none;
}
.qsLabel {
font-size: 12px;
font-weight: bold;
display: block;
}
.qsTabTop {
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/qstabtopright.gif) right top no-repeat;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size: 10px;
line-height: 100%;
font-weight: bold;
text-align: center;
display: block;
height: 35px;
overflow: hidden;
}
.qsTabTop .leftside {
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/qstabtopleft.bmp) left top no-repeat;
float: left;
}
.qsTabTop ul {
list-style: none;
display: block;
}
.qsTabTop ul li {
float: left;
text-decoration: none;
color:  maroon;
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/leftTab_off.gif) no-repeat left top;
margin-left: 3px;
padding: 0px 0 0 0;
height: 40px;
cursor: pointer;
}
.qsTabTop ul li.selected {
text-decoration: none;
color:  #181C80;
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/leftTab_on.gif) no-repeat left top;
height: 40px;
cursor: text;
}
.qsTabTop ul li span {
color: #990000;
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/rightTab_off.gif) no-repeat right top;
list-style: none;
display: block;
padding: 0 10px 20px 5px;
margin-left: 5px;
}
.qsTabTop ul li.selected span {
color: #181C80;
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/rightTab_on.gif) no-repeat right top;
list-style: none;
}
.qsTopNoTab {
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/qstopnotabright.bmp) right top no-repeat;
display: block;
width: 100%;
margin: 0px;
padding: 0px;
height: 10px;
}
.qsTop {
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/qstopright.gif) right top no-repeat;
display: block;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 10px;
overflow: hidden;
z-index: 2;
}
.qsTop img {
padding: 0px;
margin: 0px 0px 0px 0px;
}
.qsTop .left {
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/qstopleft.bmp) left top repeat-y;
width: 14px;
height: 10px;
position: relative;
left: 0px;
top: 0px;
}
.qsMid {
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/qsmidright.bmp) right top repeat-y;
display: block;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: 1px solid #999999;
}
.qsContent {
font-size: 12px;
border: 1px solid #999999;
background: #ffffff;
margin: 0px 14px 0px 13px;
padding: 5px;
display: block;
width: 449px;
}
.qsBot {
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/qsbottomright.bmp) top right no-repeat;
display: block;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 14px;
overflow: visible;
}
.qsBot .left {
background: url(http://static.howstuffworks.com/en-us/www/layout/tabBox/qsbottomleft.bmp) top left no-repeat;
display: block;
width: 14px;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 14px;
overflow: visible;
}
.linkBox a {
padding: 2px 5px 2px 5px;
margin: 0px 5px 0px 5px;
border-bottom: 1px solid #eeeeee;
display: block;
}
.survey {
padding: 10px;
}
.survey .title {
margin: 0 0 10px 0;
}
.survey .answer {
margin: 3px;
}
.survey .submit {
text-align: right;
}
.radlinks-head {
text-align: center;
font-weight: bold;
color: gray;
font-family: verdana;
font-size: 7pt;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
margin-bottom: 30px;
}
.radlinks-content {
text-align: left;
padding: 2px;
font-weight: normal;
color: #056BB3;
background-color: #FFFFFF;
text-decoration: none;
margin-left: 12px;
margin-right: 12px;
overflow: hidden;
width: 136px;
}
.radlinks-content A:link {
text-decoration: none;
}
.radlinks-content A:visited {
text-decoration: none;
}
.reflinks-head {
text-align: center;
font-weight: bold;
color: gray;
font-family: verdana;
font-size: 7pt;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
margin-bottom: 0px;
}
.reflinks-content {
margin: 0;
padding: 0;
text-align: left;
padding: 0px;
font-weight: normal;
color: #056BB3;
text-decoration: none;
margin-left: 12px;
margin-right: 12px;
overflow: hidden;
width: 140px;
}
.reflinks-content img{
margin: 0;
padding: 0;
}
.reflinks-content a:link {
text-decoration: none;
}
.reflinks-content a:visited {
text-decoration: none;
}
.radlinks-content-divider {
border-color: #999999;
border-style: dashed;
border-width: 1px 0 0 0;
margin-left: 12px;
margin-right: 12px;
}
.textLayer-content {
font-size: 10px;
text-align: left;
padding: 2px;
font-weight: normal;
color: #056BB3;
background-color: #FFFFFF;
text-decoration: none;
margin-top: 10px;
margin-left: 12px;
margin-right: 12px;
overflow: hidden;
width: 136px;
border-color: #999999;
border-style: dashed;
border-width: 1px 0 1px 0;
}
.textLayer-content A:link {
text-decoration: none;
}
.textLayer-content A:visited {
text-decoration: none;
}
.topSellerContainer {
display: block;
border-bottom: 1px #eeeeee solid;
height: 100%;
padding: 0px 0px 5px 0px;
}
.topSellerContainer .prodimage {
display: block;
width: 110px;
float: left;
}
.topSellerContainer .prodimage img {
margin: 5px;
border: none;
}
.topSellerContainer .detail {
width: 160px;
float: left;
padding: 5px 0px 0px 0px;
}
.topSellerContainer .detail .title {
font-weight: bold;
line-height: 100%;
padding-bottom: 0px;
}
.topSellerContainer .detail .title a {
color: #000000;
}
.topSellerContainer .detail .description {
font-weight: normal;
padding-bottom: 0px;
display: block;
}
.topSellerContainer .detail .price {
font-weight: bold;
padding-bottom: 5px;
}
.topSellerContainer .divider {
}
.featuredVideoContainer {
display: block;
width: 280px;
border-bottom: 1px #eeeeee solid;
}
.featuredVideoContainer .prodimage {
display: block;
width: 70px;
float: left;
}
.featuredVideoContainer .prodimage img {
margin: 5px;
border: solid black 1px;
}
.featuredVideoContainer .detail {
width: 190px;
float: left;
padding: 5px 0px 0px 0px;
font-weight: normal;
font-size: 11px;
color: #000000;
line-height: normal;
}
.featuredVideoContainer .detail a {
color: #000000;
font-weight: normal;
}
.featuredVideoContainer .title a {
color: #000000;
font-weight: normal;
}
.featuredVideoContainer .detail .secondaryTitle {
color: #000000;
font-size: 11px;
padding-bottom: 0px;
font-weight: bold;
}
.featuredVideoContainer .detail .secondaryTitle a {
color: #000000;
font-weight: normal;
}
.featuredVideoContainer .detail .title {
line-height: 100%;
font-size: 11px;
padding-bottom: 0px;
font-weight: normal;
}
.featuredVideoContainer .detail .logo {
border: 1px solid blue;
}
.featuredVideoContainer .detail .title a {
color: #000000;
font-weight: normal;
}
.featuredVideoContainer .detail .description {
font-weight: normal;
padding: 0px;
margin: 0px;
display: inline;
line-height: 12px;
}
.featuredVideoContainer .detail .price {
font-weight: bold;
padding-bottom: 5px;
}
.featuredVideoContainer .divider {
border-bottom: 1px #aaaaaa solid;
}
.featuredVideoContainer p {
margin: 0px;
padding: 0px;
}
.featuredVideoList {
height: 250px;
width: 280px;
overflow-x: hidden;
overflow-y: scroll;
}
.tabWidgetList {
margin-left: 0px;
padding-top: 0px;
margin-top: 0px;
padding-left: 10px;
list-styles: none;
}
.tabWidgetList a {
text-decoration: none;
border-bottom: 1px solid #eeeeee;
}
.tabWidgetList li {
padding-left: 10px;
background-image: url(http://static.howstuffworks.com/en-us/www/buttons/red-button.gif);
background-repeat: no-repeat;
background-position: 2px 2px;
text-decoration: none;
padding-top: 0px;
border-top: 0px;
border: 1px solid #ffffff; /* hack to fix ie6 bug */
}
.tabEROPtitle   {
background-color: #ffffff;
color: #181C80;
margin: 0px 0px 0px 3px;
padding: 8px 0px 1px 6px;
line-height: 21px;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size: 11px;
font-weight: bold;
border-color: #cccccc;
border-style: solid;
border-width: 0px 0 1px 0;
width: 270px;
}
.tabEROPtitle img {
float: left;
}
.tabEROPtitle .text {
margin-left:  5px;
margin-top:   0px;
}
.tabEROPitems {
background-color: #ffffff;
margin: 0px 0px 0px 3px;
padding: 2px 0px 2px 6px;
line-height: 16px;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size: 10px;
font-weight: bold;
border-color: #cccccc;
border-style: solid;
border-width: 0px 0 1px 0;
width: 270px;
display: block;
clear: all;
height: 100%;
}
.tabEROPitems .left {
background: url(http://static.howstuffworks.com/en-us/www/buttons/red-button.gif) top left no-repeat;
width: 17px;
height: 15px;
float: left;
margin: 2px 0px 0px 2px;
padding: 0px 0px 0px 0px;
display: block;
}
.tabEROPitems .item {
width: 240px;
float: left;
display: block;
padding: 0px 0px 0px 4px;
}
.tabEROPitems a {
text-decoration: none;
}
#tabC_headlines_headline{
line-height:18px;
}
#latestHeadlines {
padding: 0px;
margin: 0px;
font-size: 10px;
}
.headLines div {
line-height: 10px;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size: 11px;
font-weight: bold;
}
.headLines .section {
background-color: #ffffff;
margin: 0px 0px 0px 3px;
padding: 2px 0px 2px 6px;
line-height: 18px;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size: 10px;
font-weight: bold;
border-color: #cccccc;
border-style: solid;
border-width: 0px 0 1px 0;
width: 270px;
display: block;
clear: all;
height: 100%;
}
.headLines .left {
background: url(http://static.howstuffworks.com/en-us/www/buttons/red-button.gif) top left no-repeat;
width: 17px;
height: 15px;
float: left;
margin: 2px 0px 0px 2px;
padding: 0px 0px 0px 0px;
display: block;
}
.headLines .item {
width: 240px;
float: left;
display: block;
padding: 0px 0px 0px 4px;
}
.headLines a {
text-decoration: none;
}
.HSWProperties {
font-size: 12px;
font-weight: bold;
color: #181C80;
text-align: center;
width: 220px;
display: block;
margin: 0px 0px 0px 40px;
}
.HSWProperties .links {
border-bottom: 1px #666666 dashed;
padding-top: 10px;
padding-bottom: 10px;
display: block;
width: 220px;
clear: all;
}
#coBrand {
display: block;
padding: 0px;
margin: 0px;
background: #ffffff;
}
#coBrand #coBrandContents {
font-size: 10px;
font-weight: bold;
display: block;
padding: 0px 5px 0px 5px;
margin: 0px;
text-align: center;
}
#coBrand #coBrandContents a {
text-decoration: none;
color: black;
}
.vehicle {
line-height: 10px;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size: 11px;
font-weight: bold;
color: #000088;
margin-left: 10px;
text-decoration: none;
}
.vehicle a:link {
text-decoration: underline;
}
.vehicle a:visited {
text-decoration: underline;
}
.landingLeader {
font-family: Verdana;
width: 488px;
height: 150px;
background: #607AB5;
margin: 0px 0px 10px 0px;
}
.landingLeader a:link {
text-decoration: none;
}
.landingLeader a:visited {
text-decoration: none;
}
.landingLeader a {
color: #FFFEBD;
}
.landingLeader .image {
margin: 0px;
padding: 0px;
width: 150px;
height: 150px;
overflow: hidden;
float: left;
display: block;
border-right: 1px solid #323B5C;
}
.landingLeader .today {
font-size: 10px;
float: right;
width: 335px;
font-weight: normal;
background: #607AB5 url(http://static.howstuffworks.com/en-us/www/layout/landingLeaderTR.gif) no-repeat top right;
height: 150px;
float: right;
overflow: hidden;
display: block;
margin: 0px;
padding: 0px 0px 0px 0px;
}
.landingLeader .today .header {
margin: 0px;
padding: 5px 25px 0px 10px;
text-align: left;
font-weight: bolder;
font-size: 10px;
color: #FFFEBD;
}
.landingLeader .today .text {
margin: 0;
padding: 10px 10px 0px 10px;
text-align: left;
font-size: 11px;
font-weight: lighter;
color: #FFFEBD;
}
.landingLeader .today .text .large {
font-size: large;
}
.landingLeader .today .headline {
margin: 0;
padding: 5px 25px 0 10px;
text-align: left;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}
.landingLeader .today .headline a {
color: #ffffff;
}
.landingLeader .today .headline .large {
font-size: large;
}
.landingLeader .today a {
text-decoration: none;
}
.landingLeader  .subheading {
padding: 3px;
font-weight: bold;
font-size: 11px;
height: 14px;
background: url(http://static.howstuffworks.com/en-us/www/layout/scrollerFeature/background.gif);
}
.featureVideoBrowse {
font-size: 12px;
color: #000099;
background-color: #ffffff;
border: 1px solid #9b9b9b;
width: 285px;
margin: 5px 0px 0px 3px;
padding: 3px;
line-height: 15px;
font-weight: bold;
}
.featureVideoBrowseHeader {
font-size: 125%;
font-weight: bold;
}
.GoogleBar-d4e9fa .left {
float: left;
width: 12px;
height: 46px;
}
.GoogleBar-d4e9fa .left .top {
height: 24px;
padding: 0px;
background: url(http://static.howstuffworks.com/en-us/www/style/rcsquares/d4e9fa.gif) no-repeat scroll left top;
}
.GoogleBar-d4e9fa .left .bottom {
background: url(http://static.howstuffworks.com/en-us/www/style/rcsquares/d4e9fa.gif) no-repeat scroll left bottom;
height: 24px;
padding: 0px;
width: 12px;
}
.GoogleBar-d4e9fa .label {
background: #d4e9fa;
float: left;
width: 620px;
height: 48px;
font-size: 11px;
font-weight: normal;
display: block;
line-height:12px;
}
.GoogleBar-d4e9fa .right {
float: left;
width: 12px;
height: 46px;
}
.GoogleBar-d4e9fa .right .top {
height: 24px;
padding: 0px;
background: url(http://static.howstuffworks.com/en-us/www/style/rcsquares/d4e9fa.gif) no-repeat scroll right top;
}
.GoogleBar-d4e9fa .right .bottom {
background: url(http://static.howstuffworks.com/en-us/www/style/rcsquares/d4e9fa.gif) no-repeat scroll right bottom;
padding: 0px;
height: 24px;
width: 12px;
}
/* � 2008 HowStuffWorks, Inc. */
#doc
{
background: #ffffff url(http://static.howstuffworks.com/en-us/www/layout/bg_stripe_BG.gif);
}
.imageCentered
{
margin: auto;
text-align: center;
margin-top: 12px;
margin-bottom: 12px;
}
.sideBarRight
{
float: right;
width: 200px;
border: 1px solid #000000;
background: #eef4f6;
padding: 5px;
margin-left: 3px;
}
.sideBarCenter
{
background: #eef4f6;
width: 400px;
border: 1px solid #000000;
text-align: center;
padding: 5px;
margin: auto;
margin-top: 12px;
margin-bottom:  12px;
}
.sideBarRight .title
{
color: #000000;
font-size: 16px;
font-weight: bold;
word-wrap: break-word;
}
.sideBarRight .body
{
color: #000000;
font-size: 10pt;
word-wrap: break-word;
}
.sideBarCenter .title
{
color: #000000;
font-size: 16px;
font-weight: bold;
word-wrap: break-word
}
.sideBarCenter .body
{
color: #000000;
font-size: 10pt;
word-wrap: break-word
}
.aboutUsTitle
{
margin: 2px 0 0px 0px;
font-weight: bold;
font-size: 24px;
font-family: Georgia, Times, Times New Roman, Serif;
color: #FF9C44;
}
/* *****************************************
New Article Sidebars ('Related Links', 'Editorial')
***************************************** */
.sideBoxRight
{
float: right;
background: #ffffff;
width: 300px;
border: 1px solid #000000;
text-align: left;
padding: 5px;
margin-left: 10px;
margin-top: 5px;
}
.sideBoxRight .titleBlue
{
color: #005288;
font-size: 16px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #d2d2d2;
word-wrap: break-word;
}
.sideBoxRight .subTitleBlue
{
color: #005288;
font-size: 16px;
font-weight: normal;
word-wrap: break-word;
}
.sideBoxRight .body
{
padding: 5px;
color: #000000;
font-size: 10pt;
word-wrap: break-word;
}
.articleBody table td
{
padding         : 3px;
}
.articleBody .sideBoxRight  ul
{
position: relative;
left: 0;
margin:10px 10px 8px 28px;
padding: 0;
}
.articleBody .sideBoxRight  li
{
position: relative;
left: 0px;
margin: 0;
padding: 0;
}
.sideBoxLeft
{
float: left;
width: 200px;
border: 1px solid #000000;
margin-right: 20px;
background: #ffffff;
padding: 5px 5px 0 5px;
}
.sideBoxLeft .titleGray
{
color: #555555;
font-size: 16px;
font-weight: bold;
margin: 0 6px 0 6px;
padding: 5px;
border-bottom: 1px dashed #d2d2d2;
word-wrap: break-word;
}
.sideBoxLeft .body
{
padding: 5px;
color: #000000;
font-size: 10pt;
word-wrap: break-word;
}
.articleBody .sideBoxLeft  ul
{
position: relative;
left: 0;
margin:10px 10px 8px 28px;
padding: 0;
}
.articleBody .sideBoxLeft  li
{
position: relative;
left: 0px;
margin: 0;
padding: 0;
}
.articleBody .sideBoxLeft  a
{
font-weight: bold;
text-decoration: none;
}
.articleBody .sideBoxLeft  a:hover
{
font-weight: bold;
text-decoration: underline;
}
/* ********************************* */
.articleTitle
{
margin: 2px 0 0px 0px;
font-weight: bold;
font-size: 24px;
font-family: Georgia, Times, Times New Roman, Serif;
}
p.articleByLine
{
font-size: 12px;
padding: 0px 0px 0px 5px;
}
.articleBody
{
font-size: 10pt;
color: black;
padding: 0px;
margin: 0px;
}
.articleBody p
{
margin: 0px 0 10px 0;
font-size: 10pt;
line-height: 14pt;
}
.articleBody a
{
text-decoration: underline;
}
.articleBody h1
{
margin: 0px 0 5px 0;
font-weight: bold;
font-size: 16px;
}
.articleBody a img
{
border: 0px;
}
.articleBody li
{
color: black;
font-size: 10pt;
list-style-position: outside;
margin-left: 25px;
padding-right: 14px;
line-height: 14pt;
}
.articleBody ul li
{
list-style-type: disc;
}
/* must be present to override layout.css.  CSS for site layout conflicts with editor HTML */
.articleBody ol li
{
list-style-type: decimal !important;
}
.articleBody ul, .articleBody ol
{
margin: 14px 20px 14px 20px;
}
/*WYSIWYG STYLES - BG*/
/*THESE STYLES NEED TO BE MIMICKED IN THE STYLESHEET USED BY THE ETB WYISIWYG*/
.articleBody ul .unindent, .articleBody ol .unindent
{
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.articleBody ul .unindent li, .articleBody ol .unindent li
{
padding-right:	0;
padding-left:   5px;	/* added for ie6 */
margin-left:	5px;	/* added for ie  */
width:		450px;	/* added for ie  */
display:  list-item;	/* added for ie  */
}
.articleBody .heading1
{
font-size: 20px;
font-weight: bold;
color: #000000;
}
.articleBody .heading2
{
font-size: 18px;
font-weight: bold;
color: #000000;
}
.articleBody .heading3
{
font-size: 16px;
font-weight: bold;
color: #000000;
}
.articleBody .heading4
{
font-size: 14px;
font-weight: bold;
color: #000000;
}
/*END WYSIWYG STYLES - BG*/
.articleTOC
{
margin: 0px;
padding: 8px 0px 10px 0px;
font-size: 12px;
display: block;
width: 475px;
}
.articleTOC a
{
text-decoration: none;
color: #181C80;
}
.articleTOC .items
{
width: 220px;
float: left;
margin: 0px 10px 0px 0px;
display: block;
}
.articleTOC .items .number
{
color: #181C80;
width: 20px;
text-align: right;
float: left;
margin: 0px 0px 0px 0px;
}
.articleTOC .items .entry
{
width: 200px;
float: left;
margin: 0px 0px 0px 0px;
}
.articleTOC .items .activeentry
{
color: #990000;
font-weight: bold;
width: 200px;
float: left;
margin: 0px 0px 0px 0px;
}
.articleTOC .label
{
display: block;
font-size: 12px;
font-weight: bold;
color: #4e6bac;
padding-bottom: 3px;
}
.breadCrumbs
{
color: #4E6CAC;
font-size: 11px;
padding-top: 3px;
padding-bottom: 10px;
width: 488px;
display: block;
}
.breadCrumbs a
{
color: #4E6CAC;
text-decoration: none;
}
#hpad
{
display: none;
position: absolute;
background-color: white;
text-decoration: none;
top: -53px; left: -5px;
}
.pageToolsContainer
{
margin: 0px 20px 0px 20px;
}
.pageTools
{
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
height: 60px;
margin: 0px;
background: url(http://static.howstuffworks.com/en-us/www/layout/page-tool-right-full2.gif) top right no-repeat;
background-color: #e2eff9;
padding: 0px;
width: 100%;
}
.pageTools img {
float: left;
margin: 0px 0px 0px 0px ;
padding: 0px;
display: block;
}
.pageTools a
{
color: #181C80;
text-decoration: none;
display: inline;
vertical-align: bottom;
margin: 0px;
padding: 0px;
}
.pageTools a sup
{
font-size: 7pt;
}
.pageTools div
{
display: block;
margin: 0px;
padding: 5px 0px 0px 0px;
}
.pageToolsLabel
{
font-weight: bold;
color: gray;
font-size: 8pt;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
}
.pageToolsReturn {
color: black;
font-size: 11px;
padding-top: 10px;
padding-bottom: 15px;
}
.pageToolsReturn a {
text-decoration: none;
}
.pageToolsReturn a.hover,
.pageToolsReturn a:hover
{
text-decoration: underline;
}
.formlabel
{
width: 150px;
font-size: 12px;
float: left;
padding: 3px 0px 0px 0px;
}
.formdata
{
width: 150px;
font-size: 12px;
float: left;
}
.forminstructions
{
margin: 10px 0px 10px 0px;
font-style: italic;
font-size: 12px;
}
.citation
{
padding: 5px;
font-size: 11px;
}
.citationtext
{
padding: 5px;
font-size: 10px;
border: 1px dashed black;
}
.pageNav
{
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
clear: both;
border-top: 1px dotted gray;
border-bottom: 1px dotted gray;
margin: 10px 0 15px 0;
padding: 2px;
}
.pageNav a
{
text-decoration: none;
color: #181C80;
}
.pageNav .prev, .pageNav .intro, .pageNav .next
{
float: left;
width: 33%;
color: #181C80;
}
.pageNav .prev
{
text-align: left;
}
.pageNav .prev a, .pageNav .intro a, .paveNav .next a
{
color: #181C80;
}
.pageNav .intro
{
text-align: center;
}
.pageNav .next
{
text-align: right;
}
.pageNav .prev img
{
vertical-align: bottom;
}
.pageNav .next img
{
vertical-align: bottom;
}
.error
{
border: 1px solid red;
background: #FBB;
padding: 10px;
color: black;
font-weight: bold;
font-size: 16px;
text-align: center;
}
.videoSelection
{
display: block;
border: none;
padding: 0;
margin: 0;
}
.videoSelection .image
{
display: block;
float: left;
width: 90px;
}
.videoSelection .item
{
display: block;
float: left;
font-weight: normal;
width: 190px;
}
.videoSelection img
{
border: 0;
float: left;
}
.videoSelection .even
{
background: white;
display: block;
height: 100%;
border-bottom: 1px solid #cccccc;
}
.videoSelection .odd
{
background: #ffffdd;
display: block;
height: 100%;
border-bottom: 1px solid #cccccc;
}
span.printable
{
background: url(http://static.howstuffworks.com/en-us/www/icons/print.gif) center left no-repeat;
padding-left: 14px;
padding-right: 10px;
}
span.email
{
background: url(http://static.howstuffworks.com/en-us/www/icons/email.gif) center left no-repeat;
padding-left: 20px;
padding-right: 10px;
}
span.cite
{
background: url(http://static.howstuffworks.com/en-us/www/icons/cite_icon2.gif) center left no-repeat;
padding-left: 17px;
}
a:hover span.cite, a:hover span.email, a:hover span.printable
{
color: #4E6CAC;
text-decoration: underline;
}
.caption
{
font-size: 10pt;
font-weight: bold;
}
.credit
{
font-size: 8pt;
}
.articleBody .imageBox
{
text-align: center;
}
.articleBody .imageBoxRight
{
float: right;
margin-left: 8px;
}
.relatedTopics
{
border: 1px solid #4e6cac;
margin: 10px 0px 0px 0px;
}
.relatedTopics .header
{
padding: 5px;
color: #ffffff;
background: #4e6cac;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
font-weight: bold;
text-align: left;
}
.relatedTopics .content
{
padding: 5px;
color: #000000;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
}
.relatedTopics .content .title
{
margin-top: 10px;
color: #4e6cac;
font-weight: bold;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
}
.relatedTopics .content .seeMore a
{
font-size: 10pt;
color: #4e6cac;
text-decoration: none;
font-weight: normal;
}
.relatedTopics .content .seeMore a:hover
{
text-decoration: underline;
}
.relatedTopics .content a
{
text-decoration: underline;
}
.relatedTopics .content .thumb
{
border: 1px solid #888888;
}
/* Sharing Tools */
.shareTools
{
padding: 10px;
overflow: auto;
}
.shareTools p
{
font-weight: bold;
padding-bottom: 6px;
border-bottom: 1px dashed #D2D2D2;
}
.shareTools ul
{
list-style-type: none;
width: 100%;
float: left;
}
.shareTools li
{
display: block;
float: left;
padding-top: 12px;
padding-left: 34px;
padding-right: 34px;
width: 135px;
}
.shareTools a
{
text-decoration: underline;
}
/* © 2008 HowStuffWorks, Inc. */
.header .mtgGeneral {
display: block;
margin: 0px;
padding: 0px 0px 3px 0px;
background-color: #b0c8ee;
border-bottom-width: 5px;
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
}
.header .mtgGeneral .top {
background: #DBE9F4 url(http://static.howstuffworks.com/gif/travel/general/mtg_top_blue_tile.gif) top left repeat-x;
text-align: center;
padding: 0px 0px 2px 0px;
}
.header .mtgGeneral .top .ad728x90 {
display: block;
margin: 0 auto 0 auto;
width: 728px;
}
.header .mtgGeneral .top .leftLinks
{
font-size: 11px;
float: right;
margin-top: 28px;
margin-right: 70px;
margin-bottom: 3px;
}
.header .mtgGeneral .top .rightLinks
{
margin-top: 28px;
font-size: 11px;
float: right;
margin-right: 10px;
margin-bottom: 3px;
}
.header .mtgGeneral .top .leftLinks a,
.header .mtgGeneral .top .rightLinks a
{
font-size: 11px;
text-decoration: none;
}
.header .mtgGeneral .top .rightLinks a.rss
{
color: #FFFFFF;
font-weight: bold;
font-size: 10px;
background-color: #FF6600;
border-right: 1px solid #FF3300;
border-bottom: 1px solid #FF3300;
border-left: 1px solid #FF9900;
border-top: 1px solid #FF9900;
line-height: 15px;
}
.header .mtgGeneral .bot {
overflow: hidden;
}
.header .mtgGeneral .bot .logo {
float: left;
}
.header .mtgGeneral .bot .slogan {
float: right;
padding-right: 20px;
}
.header .mtgGeneral .bot .google {
padding-top: 5px;
padding-right: 20px;
float: right;
}
.header .mtgGeneral .bot .sponLogo {
float: right;
padding: 0px 10px 0px 0px;
}
.header .mtgGeneral .right .middle .google form {
padding: 0px;
margin: 0px;
}
.header .mtgGeneral .right .middle .google form input {
padding: 0px;
margin: 0px;
}
/********************
TopDescription block
********************/
.topDescrList ol {
padding: 0px;
margin: 0px;
}
.topDescrList li {
color: #333399;
font-size: 12px;
font-face: Verdana;
font-weight: bold;
list-style-type: decimal;
}
/********************
Used for hiding/displaying stuff
********************/
.contentD
{
clear: both;
display: block;
}
.contentND
{
clear: both;
display: none;
}
.starRatingCopyTitle
{
font-size: 14px;
font-family: Verdana;
color: #333399;
font-weight: bold;
}
.contentSubtitle, .contentSubtitle a
{
font-family: Verdana;
font-size: 12px;
color: #333399;
font-weight: bold;
}
.contentMicrotitle, .contentMicrotitle a
{
font-family: Verdana;
font-size: 11px;
color: #333399;
font-weight: bold;
text-decoration: none;
}
.contentMicrotext, .contentMicrotext a
{
font-family: Verdana;
font-size: 11px;
color: #333399;
}
.contentLightMicrotext, a.contentLightMicrotext
{
font-family: Verdana;
font-size: 11px;
color: #333399;
text-decoration: none;
}
.contentSubtext, .contentSubtext a
{
font-family: Verdana;
font-size: 11px;
color: #333399;
}
.contentSubtext a
{
text-decoration: underline;
font-weight: bold;
}
.contentMicrotext a
{
text-decoration: underline;
font-weight: bold;
}
/*********************
Block: google ads center
*********************/
.mtgGoogleAdsCenter
{
float: left;
margin: 10px;
}
/*********************
Block: City Guide List
*********************/
.mtgBlockCityGuideList
{
margin-top: 20px;
border: solid 1px #999999;
padding: 10px;
}
.mtgBlockCityGuideList .title
{
font-weight: bold;
font-size: 14px;
color: #333399;
margin-bottom: 5px;
}
.mtgBlockCityGuideList .column1
{
float: left;
width: 50%;
}
.mtgBlockCtiyGuideList .column2
{
float: right;
width: 50%;
}
.mtgBlockCityGuideList .guideLink
{
font-size: 12px;
font-weight: bold;
color: #333399;
}
/*********************
Block: Best Spas by Category
*********************/
.mtgBlockSpasByCatResult
{
margin: 5px;
}
.mtgBlockSpasByCatResult .link
{
font-weight: bold;
font-size: 12px;
color: #333399;
text-decoration: underline;
}
.mtgBlockSpasByCatResult .description
{
font-weight: normal;
font-size: 12px;
color: #333399;
}
.mtgBlockSpasByCatResult .image
{
float: left;
overflow: hidden;
height: 50px;
}
/*********************
Block: Looking For More
*********************/
.mtgBlockLookingForMore
{
margin-top: 20px;
border: 1px solid #999999;
padding: 5px;
}
.mtgBlockLookingForMore .title
{
font-weight: bold;
color: #333399;
font-size: 14px;
margin-bottom: 3px;
}
.mtgBlockLookingForMore .description
{
font-size: 12px;
color: #333399;
margin-bottom: 5px;
}
.mtgBlockLookingForMore .state
{
float: left;
font-size: 12px;
font-weight: bold;
color: #333399;
margin-right: 5px;
}
.mtgBlockLookingForMore .city
{
float: left;
font-size: 12px;
font-weight: bold;
color: #333399;
margin-right: 5px;
}
.mtgBlockLookingForMore .submit
{
float: left;
}
/*********************
Block: Advanced Search Content
*********************/
/* Container for Advanced Search Widget and other stuff */
.container_t {background: url(http://static.howstuffworks.com/gif/travel/general/plan-top-tile.gif) 0 0 repeat-x #bed2f0; margin-top: 10px;  }
.container_b {background: url(http://static.howstuffworks.com/gif/travel/general/plan-bottom-tile.gif) 0 100% repeat-x; }
.container_l {background: url(http://static.howstuffworks.com/gif/travel/general/plan-left-side-tile.gif) 0 0 repeat-y; }
.container_r {background: url(http://static.howstuffworks.com/gif/travel/general/plan-right-side-tile.gif) 100% 0 repeat-y; }
.container_bl {background: url(http://static.howstuffworks.com/gif/travel/general/plan-bottom-left-corner.gif) 0 100% no-repeat; }
.container_br {background: url(http://static.howstuffworks.com/gif/travel/general/plan-bottom-right-corner.gif) 100% 100% no-repeat; }
.container_tl {background: url(http://static.howstuffworks.com/gif/travel/general/plan-top-left-corner.gif) 0 0 no-repeat; }
.container_tr {background: url(http://static.howstuffworks.com/gif/travel/general/plan-top-right-corner.gif) 100% 0 no-repeat; padding: 5px; }
.mtgBlockAdvancedSearchC
{
background-color: #FFFFFF;
border: 1px solid #999999;
padding: 5px;
}
.mtgBlockAdvancedSearchC .title
{
font-weight: bold;
color: #333399;
font-size: 14px;
margin-bottom: 3px;
}
.mtgBlockAdvancedSearchC .state
{
float: left;
font-size: 12px;
font-weight: bold;
color: #333399;
margin-right:3px;
}
.mtgBlockAdvancedSearchC .city
{
float: left;
font-size: 12px;
font-weight: bold;
color: #333399;
margin-right:3px;
}
.mtgBlockAdvancedSearchC .starRating
{
float: left;
font-size: 12px;
font-weight: bold;
color: #333399;
margin-right:3px;
}
.mtgBlockAdvancedSearchC .goButton
{
float: left;
font-size: 12px;
font-weight: bold;
color: #333399;
margin-top: 15px;
}
.mtgBlockAdvancedSearchC .propertyType
{
clear: both;
font-size: 12px;
font-weight: bold;
color: #333399;
margin-top: 4px;
}
/*********************
Block: Advanced Search Content
*********************/
.mtgBlockAdvancedSearchB
{
padding: 5px;
font-size: 12px;
font-weight: bold;
color: #333399;
}
/*********************
Recommendation Page
*********************/
.mtgRecommendationsTop
{
border:  solid 1px #999999;
padding: 5px;
}
.mtgRecommendationsTop .image
{
border: solid 1px #999999;
float:   left;
margin: 0 5px 0 0;
width:   150px;
}
.mtgRecommendationsTop .title
{
color: #333399;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}
.mtgRecommendationsTop .content
{
color: #333399;
font-size: 12px;
}
.mtgRecommendationsPages
{
margin-top: 10px;
}
.mtgRecommendationsPages .link
{
margin-top: 5px;
font-size: 12px;
}
.mtgRecommendationsSpaCategories
{
margin-top: 10px;
padding-top: 5px;
border-top: solid 1px #999999;
}
.mtgRecommendationsSpaCategories .link
{
margin-top: 5px;
font-size: 12px;
}
/*********************
Listing Spa Category Pages
*********************/
.mtgListingSpaCategoryTop
{
border:  solid 1px #999999;
padding: 5px;
}
.mtgListingSpaCategoryTop .image
{
border: solid 1px #999999;
float:   left;
margin: 0 5px 0 0;
width:   150px;
}
.mtgListingSpaCategoryTop .title
{
color: #333399;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}
.mtgListingSpaCategoryTop .content
{
color: #333399;
font-size: 12px;
}
.mtgListingSpaCategoryTop .note
{
padding-top: 5px;
clear: both;
color: #333399;
font-size: 12px;
}
.mtgListingSpaCategoryResult
{
margin-top: 10px;
}
.mtgListingSpaCategoryResult .image
{
float: left;
height: 50px;
overflow: hidden;
}
.mtgListingSpaCategoryResult .content
{
width: 325px;
padding-left: 5px;
float: left;
}
.mtgListingSpaCategoryResult .content .link
{
font-weight: bold;
font-size: 12px;
color: #333399;
}
.mtgListingSpaCategoryResult .content .description
{
font-size: 12px;
color: #333399;
}
.mtgListingSpaCategoryTab
{
padding: 5px 0 15px 0;
font-weight: bold;
font-size: 14px;
}
.mtgListingSpaCategoryTable
{
margin-top: 20px;
}
/*********************
Listing Spa Page
*********************/
.mtgListingSpaTop
{
border:  solid 1px #999999;
padding: 5px;
}
.mtgListingSpaTop .image
{
border: solid 1px #999999;
float:   left;
margin: 0 5px 0 0;
width:   150px;
}
.mtgListingSpaTop .title
{
color: #333399;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}
.mtgListingSpaTop .content
{
color: #333399;
font-size: 12px;
}
.mtgListingSpaTop .note
{
padding-top: 5px;
clear: both;
color: #333399;
font-size: 12px;
}
.mtgListingSpaResult
{
margin-top: 10px;
}
.mtgListingSpaResult .image
{
float: left;
height: 50px;
overflow: hidden;
}
.mtgListingSpaResult .content
{
width: 325px;
padding-left: 5px;
float: left;
}
.mtgListingSpaResult .content .link
{
font-weight: bold;
font-size: 12px;
color: #333399;
}
.mtgListingSpaResult .content .description
{
font-size: 12px;
color: #333399;
}
.mtgSpaListClose
{
font-weight: bold;
font-size: 12px;
border-top: dotted 1px #999999;
padding: 5px;
background-color: #DAE9F3;
}
.mtgSpaListOpen
{
font-weight: bold;
font-size: 12px;
border-top: dotted 1px #999999;
padding: 5px;
background-color: #FFFFFF;
}
.mtgSpaListOpen .rating
{
margin: 3px;
padding: 5px;
border-top: dotted 1px #999999;
}
.mtgSpaListOpen .ratingTitle
{
font-size: 12px;
font-weight: bold;
color: #333399;
margin-bottom: 3px;
}
.mtgSpaListOpen .property
{
font-size: 12px;
font-weight: bold;
color: #333399;
}
/*********************
Landing Pages
*********************/
.mtgLandingTop
{
border:  solid 1px #999999;
padding: 5px;
}
.mtgLandingTop .image
{
border: solid 1px #999999;
float:   left;
margin: 0 5px 0 0;
width:   150px;
}
.mtgLandingTop .title
{
color: #333399;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}
.mtgLandingTop .content
{
color: #333399;
font-size: 12px;
}
.mtgLandingAbout
{
margin-top: 10px;
}
.mtgLandingAbout .title
{
font-size: 14px;
padding: 3px 0 5px 0;
}
.mtgLandingAbout .description
{
font-size: 12px;
color: #333399;
}
.mtgLandingAbout .ratingDetails
{
margin-top: 10px;
}
.mtgLandingAbout .ratingDetails .rating
{
clear: both;
padding-top: 10px;
}
.mtgLandingAbout .ratingDetails .rating .stars
{
float: left;
width: 65px;
}
.mtgLandingAbout .ratingDetails .rating .desc
{
float: right;
width: 360px;
font-size: 12px;
color: #333399;
}
/*********************
Inspector Reviews Page
*********************/
.mtgInspectorReviewTop
{
border:  solid 1px #999999;
padding: 5px;
}
.mtgInspectorReviewTop .image
{
border: solid 1px #999999;
float:   left;
margin: 0 5px 0 0;
width:   150px;
}
.mtgInspectorReviewTop .title
{
color: #333399;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}
.mtgInspectorReviewTop .content
{
color: #333399;
font-size: 12px;
}
.mtgInspectorReviewContent
{
margin-top: 10px;
}
.mtgInspectorReviewContent .title
{
font-size: 13px;
color: #333399;
font-weight: bold;
}
.mtgInspectorReviewContent .text
{
margin-top: 5px;
font-size: 12px;
color: #333399;
}
.mtgInspectorReviewProps
{
margin: 15px 0 15px 0;
}
.mtgInspectorReviewProps .state
{
font-weight: bold;
font-size: 12px;
color: #333399;
}
.mtgInspectorReviewProps .city
{
padding: 2px 0 0 10px;
font-size: 12px;
color: #333399;
}
.mtgInspectorReviewProps .property
{
padding: 2px 0 0 20px;
font-size: 12px;
color: #333399;
}
/*********************
Kayak Page
*********************/
.mtgKayakDescription
{
font-size: 12px;
color: #333399;
}
/*********************
City Guide Links Page
*********************/
.mtgCityGuidesTop
{
border:  solid 1px #999999;
padding: 5px;
}
.mtgCityGuidesTop .image
{
border: solid 1px #999999;
float:   left;
margin: 0 5px 0 0;
width:   100px;
}
.mtgCityGuidesTop .title
{
color: #333399;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}
.mtgCityGuidesTop .content
{
color: #333399;
font-size: 12px;
}
.mtgCityGuideLinks
{
margin-top: 10px;
}
.mtgCityGuideLinks .title
{
font-weight: bold;
font-size: 14px;
color: #333399;
}
.mtgCityGuideLinks .link
{
margin-top: 12px;
font-size: 12px;
}
.mtgCityGuideLinks .link .guideName
{
font-weight: bold;
}
.mtgCityGuideLinks .link .hotelsLink
{
margin-top: 2px;
padding-left: 5px;
}
.mtgCityGuideLinks .link .restaurantsLink
{
margin-top: 2px;
padding-left: 5px;
}
/*********************
Best of Hotels  Page
*********************/
.mtgBestOfHotelsTop
{
border:  solid 1px #999999;
padding: 5px;
}
.mtgBestOfHotelsTop .image
{
border: solid 1px #999999;
float:   left;
margin: 0 5px 0 0;
width:   150px;
}
.mtgBestOfHotelsTop .title
{
color: #333399;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}
.mtgBestOfHotelsTop .content
{
color: #333399;
font-size: 12px;
}
.mtgBestOfHotelsMiniDesc
{
color: #333399;
font-size: 12px;
margin-top: 10px;
}
.mtgBestOfHotelsType
{
margin-top: 15px;
}
.mtgBestOfHotelsType .title
{
color: #333399;
font-weight: bold;
font-size: 12px;
}
.mtgBestOfHotelsType .description
{
color: #333399;
font-size: 12px;
}
.mtgBestOfHotelsType .property
{
padding-left: 10px;
color: #333399;
font-size: 12px;
font-weight: bold;
}
.mtgBestOfHotelsType .property a
{
text-decoration: none;
}
.mtgBestOfHotelsViewAll
{
margin-top: 15px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
/*********************
Best of Hotels  Page
*********************/
.mtgBestOfRestaurantsTop
{
border:  solid 1px #999999;
padding: 5px;
}
.mtgBestOfRestaurantsTop .image
{
border: solid 1px #999999;
float:   left;
margin: 0 5px 0 0;
width:   150px;
}
.mtgBestOfRestaurantsTop .title
{
color: #333399;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}
.mtgBestOfRestaurantsTop .content
{
color: #333399;
font-size: 12px;
}
.mtgBestOfRestaurantsMiniDesc
{
color: #333399;
font-size: 12px;
margin-top: 10px;
}
.mtgBestOfRestaurantsType
{
margin-top: 15px;
}
.mtgBestOfRestaurantsType .title
{
color: #333399;
font-weight: bold;
font-size: 12px;
}
.mtgBestOfRestaurantsType .description
{
color: #333399;
font-size: 12px;
}
.mtgBestOfRestaurantsType .property
{
padding-left: 10px;
color: #333399;
font-size: 12px;
font-weight: bold;
}
.mtgBestOfRestaurantsType .property a
{
text-decoration: none;
}
.mtgBestOfRestaurantsViewAll
{
margin-top: 15px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
/*********************
Destination States Page
*********************/
.mtgDestStatesTitle
{
font-weight: bold;
font-size: 14px;
color: #333399;
}
.mtgDestStatesDesc
{
margin-top: 10px;
font-size: 12px;
color: #333399;
}
.mtgDestStatesMapDesc
{
margin: 10px 0 10px 0;
font-size: 14px;
font-weight: bold;
color: #333399;
}
.mtgDestStatesRegions
{
margin-top: 20px;
}
.mtgDestStatesRegions .title
{
margin-top: 5px;
margin-bottom: 5px;
font-size: 14px;
}
.mtgDestStatesRegions .region
{
border-bottom-color: #999999;
border-bottom-style: dashed;
border-bottom-width: 1px;
margin-bottom: 5px;
}
.mtgDestStatesRegions .region .name
{
font-size: 12px;
color: #333399;
font-weight: bold;
}
.mtgDestStatesRegions .region .blurb
{
font-size: 12px;
color: #333399;
}
.mtgDestStatesRegions .region .states
{
margin: 10px 0 10px 0;
}
.mtgDestStatesRegions .region .states .leftColumn
{
padding-left: 10px;
float: left;
width: 210px;
}
.mtgDestStatesRegions .region .states .leftColumn .state a,
.mtgDestStatesRegions .region .states .rightColumn .state a
{
font-weight: bold;
font-size: 12px;
color: #333399;
text-decoration: none;
}
.mtgDestStatesRegions .region .states .rightColumn
{
float: left;
width: 210px;
}
.statePopup
{
border: none black 1px;
}
#viewer {
border: solid #999999 1px;
background-color:#cccccc;
padding: 3px;
margin-left: 0px;
visibility: hidden;
position: absolute;
width: 0;
height: 0;
z-index: 1;
overflow: hidden;
color: #333399;
font-size: 14px;
}
/*********************
Destination Cities Page
*********************/
.mtgDestCitiesTop
{
border:  solid 1px #999999;
padding: 5px;
}
.mtgDestCitiesTop .image
{
border: solid 1px #999999;
float:   left;
margin: 0 5px 0 0;
width:   150px;
}
.mtgDestCitiesTop .title
{
color: #333399;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}
.mtgDestCitiesTop .content
{
color: #333399;
font-size: 12px;
}
.mtgDestCitiesPopular
{
margin-top: 10px;
border:  solid 1px #999999;
padding: 5px;
}
.mtgDestCitiesPopular .title
{
color: #333399;
font-size: 14px;
font-weight: bold;
}
.mtgDestCitiesPopular .content
{
color: #333399;
margin-top: 10px;
font-size: 12px;
}
.mtgDestCitiesPopular .content a
{
font-weight: bold;
}
/*********************
State Page
*********************/
.mtgStateAbout .title
{
font-size: 14px;
font-weight: bold;
color: #333399;
margin-bottom: 5px;
}
.mtgStateAbout .image
{
width: 225px;
float: left;
margin-bottom: 15px;
}
.mtgStateAbout .controls
{
text-align: center;
color: #333399;
font-weight: bold;
font-size: 12px;
}
.mtgStateAbout .popularCities
{
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #999999;
width: 250px;
float: right;
}
.mtgStateAbout .popularCities .popTitle
{
font-size: 12px;
font-weight: bold;
color: #333399;
}
.mtgStateAbout .popularCities .cities
{
margin-top: 15px;
}
.mtgStateAbout .popularCities .cities .leftColumn
{
float: left;
width: 100px;
font-size: 12px;
}
.mtgStateAbout .popularCities .cities .rightColumn
{
float: left;
width: 100px;
font-size: 12px;
}
.mtgStateAboutDesc
{
margin-top: 15px;
}
.mtgStateAboutDesc .title
{
color: #333399;
font-weight: bold;
font-size: 14px;
}
.mtgStateAboutDesc .description
{
margin-top: 10px;
color: #333399;
font-size: 12px;
}
.mtgStateAboutDesc .description p
{
margin-top: 10px;
}
/*********************
City Page
*********************/
.mtgCityAbout .title
{
font-size: 14px;
font-weight: bold;
color: #333399;
margin-bottom: 5px;
}
.mtgCityAbout .image
{
width: 225px;
float: left;
margin-bottom: 15px;
}
.mtgCityAbout .controls
{
text-align: center;
color: #333399;
font-weight: bold;
font-size: 12px;
}
.mtgCityAbout .description
{
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #999999;
width: 250px;
float: right;
font-size: 12px;
color: #333399;
}
.mtgCityAbout .description a
{
font-weight: bold;
}
.mtgCityLongDesc
{
margin-top: 15px;
}
.mtgCityLongDesc .title
{
font-size: 14px;
font-weight: bold;
color: #333399;
margin-bottom: 5px;
}
.mtgCityLongDesc .desc
{
font-size: 12px;
color: #333399;
}
.mtgCityLongDesc .desc p
{
padding-top: 8px;
}
.mtgCityInfo
{
margin-top: 15px;
}
.mtgCityInfo .title
{
font-weight: bold;
font-size: 14px;
color: #333399;
}
.mtgCityInfo .infoBox
{
margin-top: 5px;
border: 1px solid #999999;
padding: 3px;
}
.mtgCityInfo .infoBox .record1
{
clear: both;
}
.mtgCityInfo .infoBox .record2
{
clear: both;
border-top-style: dashed;
border-top-width: 1px;
border-top-color: #999999;
}
.mtgCityInfo .infoBox .record1 .name,
.mtgCityInfo .infoBox .record2 .name
{
padding: 4px 0 4px 5px;
float: left;
width: 125px;
font-weight: bold;
font-size: 12px;
color: #333399;
}
.mtgCityInfo .infoBox .record1 .value,
.mtgCityInfo .infoBox .record2 .value
{
padding: 4px 0 4px 0;
float: left;
width: 250px;
font-weight: bold;
font-size: 12px;
color: #333399;
}
.mtgCityGuideURL
{
margin: 10px 0 10px 0;
font-size: 13px;
color: #333399;
}
.mtgCityGuideURL a
{
font-weight: bold;
}
/*********************
Property Listing Page
*********************/
.mtgPropListLocation
{
font-size: 14px;
font-weight: bold;
color: #333399;
}
.mtgPropListResults
{
margin-top: 10px;
}
.mtgPropListResults .description
{
font-size: 12px;
color: #333399;
}
.mtgPropListResults .sortBy
{
margin-top: 15px;
font-size: 12px;
font-weight: bold;
color: #333399;
}
.mtgPropListResults .resultTable
{
margin-top: 3px;
border-bottom: 1px solid #000000;
}
.mtgPropListResults .resultTable .table
{
border: 0px;
padding: 0px;
margin: 0px;
}
.mtgPropListResults .resultTable .table .header
{
background-color: #4e6bad;
padding: 5px;
border: 0px;
margin: 0px;
font-size: 12px;
color: #FFFFFF;
}
.mtgPropListResults .resultTable .table .header a
{
color: #FFFFFF;
}
.mtgPropListResults .resultTable .content0
{
background-color: #FFFFFF;
font-size: 12px;
color: #333399;
}
.mtgPropListResults .resultTable .content0 a
{
text-decoration: underline;
}
.mtgPropListResults .resultTable .content1
{
background-color: #E2EFF8;
font-size: 12px;
color: #333399;
}
.mtgPropListResults .resultTable .content1 a
{
text-decoration: underline;
}
.mtgPropListNoResults
{
margin-top: 10px;
font-size: 12px;
color: #333399;
}
.mtgPropListPages
{
float: left;
clear: both;
margin-top: 3px;
}
.mtgPropListPages .pages
{
color: #333399;
font-size: 12px;
}
.mtgPropListPages .selected
{
color: #333399;
font-size: 12px;
font-weight: bold;
}
.mtgPropListPages .link
{
color: #333399;
font-size: 12px;
font-weight: bold;
}
.mtgPropListDisplaying
{
font-size: 12px;
color: #333399;
float: right;
clear: both;
}
/*********************
Property Page
*********************/
.mtgPropertyTopTools
{
font-size: 12px;
}
.mtgPropertyNearbyTabTitle
{
font-size: 12px;
padding: 5px 0 10px 0;
}
.mtgPropertyNearbyResults
{
margin-top: 3px;
}
.mtgPropertyNearbyResults .result
{
margin-bottom: 2px;
}
.mtgPropertyNearbyResults .result .rating
{
text-align: right;
float: left;
width: 70px;
}
.mtgPropertyNearbyResults .result .name
{
width: 300px;
padding-left: 5px;
float: left;
}
.mtgPropertyNearbyResults .result .distance
{
float: right;
}
.mtgPropertyNearbyNoResults
{
font-size: 12px;
color: #333399;
}
.mtgPropertyNearby
{
margin-top: 10px;
}
.mtgPropertyNearby .title
{
font-size: 14px;
font-weight: bold;
color: #333399;
margin-bottom: 5px;
}
.mtgPropertyKayakLink
{
margin: 10px 0 15px 0;
}
.mtgPropertyName
{
font-size: 15px;
font-weight: bold;
color: #333399;
}
.mtgPropertyRating
{
margin-top: 2px;
font-size: 13px;
font-weight: bold;
color: #333399;
}
.mtgPropertyAboutRating
{
margin-top: 10px;
font-size: 12px;
color: #333399;
}
.mtgPropertyTop
{
margin-top: 5px;
}
.mtgPropertyTop .media
{
float: left;
}
.mtgPropertyTop .media .controls
{
margin-top: 3px;
text-align: center;
width: 225px;
font-size: 12px;
color: #333399;
font-weight: bold;
}
.mtgPropertyTop .media .propertyImages .main
{
width: 225px;
text-align: center;
margin-bottom: 5px;
}
.mtgPropertyTop .media .propertyImages .thumbs
{
width: 225px;
text-align: center;
}
.mtgPropertyTop .media .propertyImages .thumbs .image
{
padding-left: 5px;
float: left;
}
.mtgPropertyTop .media .propertyImages .thumbs .image img
{
width: 70px;
}
.mtgPropertyTop .description
{
float: right;
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #999999;
width: 240px;
font-size: 12px;
color: #333399;
}
.mtgPropertyTop .description .info
{
font-weight: bold;
color: #333399;
font-size: 12px;
margin-bottom: 3px;
}
.mtgPropertyTop .description .address
{
margin-bottom: 3px;
}
.mtgPropertyTop .description .related
{
margin-top: 10px;
}
.mtgPropertyTop .description .related .type
{
font-weight: bold;
font-size: 12px;
color: #333399;
}
.mtgPropertyTop .description .related .property
{
padding-left: 5px;
font-size: 12px;
font-size: 12px;
color: #333399;
}
.mtgPropertyTop .description .propType
{
margin-top: 10px;
}
.mtgPropertyTop .description .propType .type
{
font-weight: bold;
font-size: 12px;
color: #333399;
}
.mtgPropertyTop .description .propType .subcategory
{
padding-left: 5px;
font-size: 12px;
color: #333399;
}
.mtgPropertyTop .description .pricePoint
{
margin-top: 10px;
}
.mtgPropertyTop .description .pricePoint .title
{
font-weight: bold;
font-size: 12px;
color: #333399;
}
.mtgPropertyTop .description .pricePoint .price
{
font-size: 12px;
color: #333399;
}
.mtgPropertyInsRevTab
{
font-size: 9px;
}
.mtgPropertyInsRevContent
{
font-size: 12px;
color: #333399;
}
.mtgPropertyInsRevContent p
{
margin-top: 10px;
}
.mtgPropertyInspectorReview
{
margin-top: 15px;
}
.mtgPropertyInspectorReview .title
{
margin-bottom: 5px;
font-size: 14px;
color: #333399;
font-weight: bold;
}
.mtgPropertyAmenitiesTab
{
font-size: 12px;
padding: 5px 0 10px 0;
}
/*********************************
Google top bar
*********************************/
.GoogleBar-d4e9fa {
background: #d4e9fa url(http://static.howstuffworks.com/en-us/www/style/squares/d4e9fa.gif);
height: 48px;
width: 650px;
margin: 0px 0px 10px 0px;
display: block;
}
.GoogleBar-d4e9fa .left {
float: left;
width: 12px;
height: 50px;
}
.GoogleBar-d4e9fa .left .top {
width: 12px;
height: 26px;
background: #b0c8ee url(http://static.howstuffworks.com/en-us/www/style/rcsquares/d4e9fa.gif) top left no-repeat;
overflow: hidden;
padding: 5px 0 5px 0;
}
.GoogleBar-d4e9fa .left .bottom {
width: 12px;
height: 12px;
background: #b0c8ee url(http://static.howstuffworks.com/en-us/www/style/rcsquares/d4e9fa.gif) bottom left no-repeat;
}
.GoogleBar-d4e9fa .right {
float: right;
width: 12px;
height:50px;
}
.GoogleBar-d4e9fa .right .top {
width: 12px;
height: 26px;
background: #b0c8ee url(http://static.howstuffworks.com/en-us/www/style/rcsquares/d4e9fa.gif) top right no-repeat;
overflow: hidden;
padding: 5px 0 5px 0;
}
.GoogleBar-d4e9fa .right .bottom {
width: 12px;
height: 12px;
background:  #b0c8ee url(http://static.howstuffworks.com/en-us/www/style/rcsquares/d4e9fa.gif) bottom right no-repeat;
display: block;
}
.GoogleBar-d4e9fa .label {
padding: 4px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
color: #000000;
float: left;
width: 620px;
height: 44px;
overflow: hidden;
display: block;
text-align: left;
}
.GoogleBar-d4e9fa .label input {
margin: 0;
padding: 0;
font-size:  15px;
}
.GoogleBar-d4e9fa .label form {
margin: 0;
padding: 0;
float: left;
}
.google {
margin: 0px;
}
.google input{
font-size: 8pt;
}
.google label {
margin: 0;
padding: 6px 0 0 25px;
display: block;
}
.google form {
margin: 0px;
padding: 0px;
text-align: right;
}
.googleEnhanced {
text-align: right;
padding: 5px 0px 0px 0px;
display: block;
}
.googleSearchBox2 {
width: 300px;
margin: 0px 0px 15px 0px;
}
.googleSearchBox2 input{
font-size: 8pt;
}
.googleSearchBox2 label {
margin: 0;
padding: 6px 0 0 10px;
display: block;
}
.googleSearchBox2 form {
margin: 0;
padding: 0 15px 7px 5px;
}
/*************************
Ads
*************************/
.mtgTowerAdsLeft
{
margin: 0 auto 0 auto;
text-align: center;
}
TABLE.divtab {
BORDER-RIGHT: #0B479F; BORDER-TOP: #0B479F; BORDER-LEFT: #0B479F; BORDER-BOTTOM: #0B479F
}
TD.divtab {
BORDER-RIGHT: #0B479F 1px; PADDING-RIGHT: 0px; BORDER-TOP: #0B479F 1px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #0B479F 1px; PADDING-TOP: 0px; BORDER-BOTTOM: #0B479F 1px
}
logoCell {
WIDTH: 50px
}
TD.tabsCell {
WIDTH: 130px; HEIGHT: 23px
}
A.btnOn:link {
PADDING: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #4e6cac; COLOR: #FFFFFF; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.btnOn:visited {
PADDING: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #4e6cac; COLOR: #FFFFFF; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.btnOff:link {
PADDING: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #AECDF9; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.btnOff:visited {
PADDING: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #AECDF9; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.btnOn:hover {
PADDING: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #999999; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.btnOff:hover {
PADDING: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #999999; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.textlnk {
COLOR: black; TEXT-DECORATION: none
}
A.textlnk:visited {
COLOR: black; TEXT-DECORATION: none
}
DIV.hotel
{
height: 107px;
}
DIV.flight
{
display: none;
visibility: hidden;
height: 107px;
}
DIV.car
{
display: none;
visibility: hidden;
height: 107px;
}
INPUT.kayakdate
{
BORDER-RIGHT: #4e6cac 1px solid;
BORDER-TOP: #4e6cac 1px solid;
FONT-SIZE: 9px;
BORDER-LEFT: #4e6cac 1px solid;
WIDTH: 100px;
BORDER-BOTTOM: #4e6cac 1px solid;
FONT-FAMILY: verdana;
HEIGHT: 16px
}
.row1cell1 {
BORDER-RIGHT: #ffffff; BORDER-TOP: #ffffff; BORDER-LEFT: #ffffff; WIDTH: 35px; BORDER-BOTTOM: #ffffff; HEIGHT: 12px
}
.row1cell2 {
BORDER-RIGHT: #ffffff; BORDER-TOP: #ffffff; BORDER-LEFT: #ffffff; BORDER-BOTTOM: #ffffff; HEIGHT: 12px
}
.row4cell1 {
BORDER-RIGHT: #ffffff; BORDER-TOP: #ffffff; BORDER-LEFT: #ffffff; BORDER-BOTTOM: #ffffff; HEIGHT: 16px
}
.row2cell1 {
BORDER-RIGHT: #ffffff; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff; WIDTH: 35px; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff; HEIGHT: 12px;
}
.row2cell2 {
BORDER-RIGHT: #ffffff; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff; HEIGHT: 12px;
}
.row3cell1 {
BORDER-RIGHT: #ffffff; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff; TEXT-ALIGN: center;
}
.mktBreak {
FONT-WEIGHT: bold; FONT-SIZE: 7px; FONT-FAMILY: verdana
}
.mktMsg {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-FAMILY: verdana;
}
.vertSpacer0 {
HEIGHT: 4px
}
.vertSpacer1 {
}
.vertSpacer2 {
HEIGHT: 4px
}
.vertSpacer3 {
HEIGHT: 25px
}
.vertSpacer4 {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; HEIGHT: 1px
}
.fldLabel {
FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: verdana
}
.datelabel {
FONT-WEIGHT: bold;
FONT-SIZE: 9px;
WIDTH: 50px;
FONT-FAMILY: verdana;
}
.inpField
{
BORDER-RIGHT: #4e6cac 1px solid;
BORDER-TOP: #4e6cac 1px solid;
FONT-SIZE: 9px;
BORDER-LEFT: #4e6cac 1px solid;
WIDTH: 120px;
BORDER-BOTTOM: #4e6cac 1px solid;
FONT-FAMILY: Verdana;
}
.inpFieldVOID {
BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: 0px solid; WIDTH: 120px; BORDER-BOTTOM: 0px solid; FONT-FAMILY: verdana
}.calendar {
BORDER-RIGHT: #000 2px solid; BORDER-TOP: #fff 2px solid; FONT-SIZE: 11px; Z-INDEX: 100; BACKGROUND: #c8d0d4; BORDER-LEFT: #fff 2px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #000 2px solid; FONT-FAMILY: tahoma,"Verdana, Arial, Helvetica, sans-serif",sans-serif; POSITION: relative
}
.calendar TABLE {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #000 1px solid; FONT-SIZE: 11px; BACKGROUND: #c8d0d4; BORDER-LEFT: #000 1px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #fff 1px solid; FONT-FAMILY: tahoma,"Verdana, Arial, Helvetica, sans-serif",sans-serif
}
.calendar .button {
BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: center
}
.calendar THEAD .title {
BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: bold; BACKGROUND: #788084; PADDING-BOTTOM: 1px; BORDER-LEFT: #000 1px solid; COLOR: #fff; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: center
}
.calendar THEAD .headrow {
}
.calendar THEAD .daynames {
}
.calendar THEAD .name {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #e8f0f4; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: center
}
.calendar THEAD .weekend {
COLOR: #f00
}
.calendar THEAD .hilite {
BORDER-RIGHT: #000 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fff 2px solid; PADDING-LEFT: 0px; BACKGROUND: #d8e0e4; PADDING-BOTTOM: 0px; BORDER-LEFT: #fff 2px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #000 2px solid
}
.calendar THEAD .active {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; BACKGROUND: #b8c0c4; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}
.calendar TBODY .day {
PADDING-RIGHT: 4px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 2em; PADDING-TOP: 2px; TEXT-ALIGN: right
}
.calendar TBODY .hilite {
BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid
}
.calendar TBODY .active {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}
.calendar TBODY .selected {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; BACKGROUND: #d8e0e4; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}
.calendar TBODY .weekend {
COLOR: #f00
}
.calendar TBODY .today {
FONT-WEIGHT: bold; COLOR: #00f
}
.calendar TBODY .disabled {
COLOR: #999
}
.calendar TBODY .emptycell {
VISIBILITY: hidden
}
.calendar TBODY .emptyrow {
DISPLAY: none
}
.calendar TFOOT .footrow {
}
.calendar TFOOT .ttip {
BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 1px; BACKGROUND: #788084; PADDING-BOTTOM: 1px; BORDER-LEFT: #000 1px solid; COLOR: #fff; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: center
}
.calendar TFOOT .hilite {
BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 1px; BACKGROUND: #d8e0e4; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid
}
.calendar TFOOT .active {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}
.combo {
BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #fff 1px solid; DISPLAY: none; PADDING-LEFT: 1px; FONT-SIZE: smaller; BACKGROUND: #d8e0e4; LEFT: 0px; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; WIDTH: 4em; CURSOR: default; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; TOP: 0px
}
.combo .label {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.combo .active {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0px; BACKGROUND: #c8d0d4; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid
}
.combo .hilite {
BACKGROUND: #048; COLOR: #aef
}