﻿body { margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:75%; color:#000; background-color:#fff; }
form { margin:0; padding:0; font-size:1em; line-height:1.5em; }
.clear { float:none; clear:both; }
.width { width:965px; margin:0 auto; padding:0 12px; }

a { color:#cc6600; text-decoration:none; cursor:pointer; }
a:hover { color:#cc6600; text-decoration:underline; }
a:visited { color:#cc6600; }

h1 { margin:0; padding:0; font-size:2em; color:#333; }
h2 { margin:0; padding:0; font-size:1.75em; color:#333; }
h3 { margin:0; padding:0; font-size:1.5em; color:#333; font-weight:normal; }
h4 { margin:0; padding:0; font-size:1.25em; font-weight:normal; }
h5 { margin:0; padding:0; font-size:1em; font-weight:normal; }
h6 { margin:0; padding:0; font-size:1em; font-weight:normal; }
p { margin:0; padding:0 0 10px 0; font-size:1em; }
hr { float:none; clear:both; padding:30px 0; border:0; background:url(../images/layout/hr.gif) repeat-x left center; }
textarea { font-family:Helvetica, Arial, sans-serif; }
fieldset { margin:0; padding:0; border:0; }
.watermark { color:#999; }

.grey-button { display:inline-block; padding:0 0 0 20px; height:33px; background:url(../images/grey-button.png) no-repeat left top; text-align:center; font-weight:bold; line-height:33px; font-size:12px; text-shadow:0.1em 0.1em 0.1em #fff; }
.grey-button:hover { background-position:left bottom; text-decoration:none; }
.grey-button span { display:inline-block; background:url(../images/grey-button.png) no-repeat right top; position:absolute; padding-right:20px; }
.grey-button:hover span { background-position:right bottom; }
.buy-app { display:block; background:url(../images/layout-sprite.png) no-repeat -150px -126px; width:169px; height:35px; }
.buy-app:hover { background-position:-150px -161px; }
.buy-app span { display:none; }

.topbar { height:30px; font-size:12px; padding-top:5px; }
.topbar dl { margin:0; padding:0 5px; border-left:1px solid #ccc; float:right; }
.topbar dl dt { margin:0; padding:0; float:left; line-height:24px; font-weight:bold; color:#666; padding:0 5px; font-size:11px; }
.topbar dl dd { margin:0; padding:0 3px; float:left; padding-left:2px; }
.topbar dl dd a { display:block; width:23px; height:24px; }
.topbar dl dd a span { display:none; }
.topbar dl dd .fb { background:url(../images/layout-sprite.png) no-repeat -180px 0; }
.topbar dl dd .twitter { background:url(../images/layout-sprite.png) no-repeat -180px -50px; }
.topbar dl dd .rss { background:url(../images/layout-sprite.png) no-repeat -180px -25px; }
.topbar .updates { float:right; padding:0 10px; border:0; margin:0; }
.topbar .updates .offers-email { width:285px; padding:2px 20px 2px 5px; float:right; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.topbar .updates .offers-submit { position:relative; margin-left:-20px; padding:7px 8px 3px; float:right; }
.topbar .updates .offers-thankyou { display:none; }
.topbar .updates label.error { background:url(../images/val-err-arrow.png) no-repeat 98% center red; height:24px; line-height:24px; padding:0 30px 0 5px; margin-right:2px; float:right; color:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }

.main-container { background-color:#ddd; padding-bottom:20px; }
.main-container .fshadow { background-color:#fff; border-top:1px solid #d8d8d8; border-right:1px solid #a9a9a9; border-left:1px solid #c3c3c3; border-bottom:1px solid #9c9c9c; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0px 1px 3px #999; -webkit-box-shadow:0px 1px 3px #999; box-shadow:0px 1px 3px #999; }

.masthead { padding:15px 0; height:50px; }
.masthead .logo { background:url(../images/layout-sprite.png) no-repeat 2px 0; width:176px; height:47px; float:left; padding-right:2px; }
.masthead .logo a { display:block; width:176px; height:47px; }
.masthead .logo a:hover { text-decoration:none; }
.masthead .logo a span { display:none; }
.masthead .print-logo { display:none; }
.masthead .navbar { height:47px; background:url(../images/layout/nav-bg.png) repeat-x; float:right; }
.masthead .navbar ul { list-style:none; margin:0; padding:0; float:left; }
.masthead .navbar ul li { background:url(../images/layout/nav-separator.gif) repeat-y right top; float:left; }
.masthead .navbar ul li a { position:relative; display:block; height:45px; border:1px solid transparent; padding:0 50px; color:#444; font-size:14px; line-height:50px; z-index:51; }
.masthead .navbar ul li a:hover { text-decoration:none; }
.masthead .navbar ul li .ddi { background:url(../images/layout/nav-arrow.png) no-repeat 90% center; }
.masthead .navbar ul .on, .masthead .navbar ul .nosep { background:none; }
.masthead .navbar ul .on a { color:#3372c7; background-color:#fff !important; border:1px solid #999; border-bottom:2px solid #fff; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; }
.masthead .navbar ul .on .ddi { background:url(../images/layout/nav-arrow-on.png) no-repeat 90% center; }
.masthead .navbar ul li .subnav { display:none; position:absolute; background-color:#fff; border:1px solid #999; min-width:250px; padding:20px; margin-top:-1px; z-index:50; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; }
.masthead .navbar ul li .subnav li { background:none !important; float:none; border:none; }
.masthead .navbar ul li .subnav .subnav-container { border-top:1px solid #999; border-bottom:1px solid #999; }
.masthead .navbar ul li .subnav .navcol { float:left !important; padding:20px; padding-bottom:0; }
.masthead .navbar ul li .subnav .navcol ul { float:none; padding-bottom:10px; }
.masthead .navbar ul li .subnav a { display:block; height:auto; line-height:normal; font-size:12px; border:none; padding:0; color:inherit; background-color:transparent; }
.masthead .navbar ul li .subnav a:hover { text-decoration:underline; }
.masthead .navbar ul li .subnav .navcol .relation { display:block; color:#3372c7; font-size:14px; }
.masthead .navbar ul li .subnav .navcol a { height:25px; line-height:25px; }
.masthead .navbar ul li .subnav .subnav-dots { padding:0; float:none; }
.masthead .navbar ul li .subnav .subnav-dots li { border-bottom:1px dotted #999; }
.masthead .navbar ul li .subnav .subnav-dots .last { border:none; }
.masthead .navbar ul li .subnav .subnav-dots li a { display:block; font-size:14px; padding:15px 10px; height:auto; line-height:normal; }
.masthead .navbar ul li .subnav .app-cats { border-right:1px dotted #999; padding-right:20px; }
.masthead .navbar ul li .subnav .app-letter { color:#777; text-align:center; padding-top:10px; cursor:default; font-size:14px; }
.masthead .navbar ul li .subnav .app-letter a { display:inline; color:#444; padding:0 5px; font-size:14px; }
.masthead .navbar ul li .subnav .app-letter span { display:inline; color:#999; padding:0 5px; cursor:default; }
.masthead .navbar ul .on .subnav { display:block !important; }
.masthead .navbar .search { height:38px; padding:12px 30px 0; float:left; border:0; margin:0; }
.masthead .navbar .search .search-tb { width:185px; padding:2px 20px 2px 5px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.masthead .navbar .search .search-submit { position:absolute; margin-left:190px; padding:5px 5px 5px; }
.masthead .navbar .search label.error { display:none !important; }

.content-container {}
.content-container .fontsize-control { position:absolute; display:block; margin-top:5px; width:20px; height:17px; cursor:pointer; }
.content-container .fontsize-control:hover { color:#555; border-color:#555; text-decoration:none; }
.content-container #fontsize-up { background:url(../images/layout-sprite.png) no-repeat -204px 0; margin-left:920px; }
.content-container #fontsize-down { background:url(../images/layout-sprite.png) no-repeat -224px 0; margin-left:940px; }
.content-container .header { padding:10px 40px; border-bottom:1px solid #ccc; }
.content-container .header h1 { font-size:22px; line-height:50px; font-weight:normal; }
.content-container .content { padding:30px 40px; }
.content-container .content .social { display:block; color:#ccc; height:20px; padding-bottom:20px; font-size:11px; }
.content-container .content .social .addthis_button_compact span { display:inline; visibility:hidden; }
.content-container .content .social .print, .content-container .content .social .addthis_button_compact { display:inline-block; height:15px; line-height:15px; color:#999; cursor:pointer; font-weight:bold; text-decoration:none; text-transform:lowercase; }
.content-container .content .social .print:hover, .content-container .content .social .addthis_button_compact:hover { color:#666; text-decoration:none !important; }
.content-container .content .social .print { background:url(../images/layout-sprite.png) no-repeat 0 -75px; padding-left:20px; padding-right:5px; }
.content-container .content .social .print:hover { background-position:0 -91px !important; }
.content-container .content .social .addthis_button_compact { background:url(../images/layout-sprite.png) no-repeat 0 -107px; margin-left:5px; padding-left:20px !important; }
.content-container .content .social .addthis_button_compact:hover { background-position:0 -123px !important; text-decoration:none !important; }

.footer .width { padding-top:10px; padding-bottom:10px; }
.footer .print-logo { display:none; }
.footer .slogan { position:absolute; width:965px; text-align:right; z-index:1; line-height:25px; font-size:16px; }
.footer .breadcrumbs { position:relative; z-index:2; color:#ccc; font-size:20px; line-height:25px; }
.footer .breadcrumbs a { color:#333; font-size:16px; line-height:25px; text-transform:lowercase; }
.footer .breadcrumbs span { color:#3372c7; font-size:16px; line-height:25px; text-transform:lowercase; }
.footer dl { width:193px; height:150px; float:left; border-top:1px solid #999; border-bottom:1px solid #999; padding-top:20px; }
.footer dl dt { font-weight:bold; margin:0; padding:0; }
.footer dl dd { font-size:11px; margin:0; padding:0; }
.footer dl a { color:#444; line-height:20px; }
.footer .subfooter { float:none; clear:both; height:100px; }
.footer .subfooter .shop { font-size:16px; font-weight:bold; float:left; }
.footer .subfooter .copyright { color:#ccc; font-size:11px; float:right; }

/* pagination */
.pagination { float:none; clear:both; background:url(../images/pagination-bg.png) repeat-x; height:33px; padding:0 20px 0 10px; border:1px solid #ccc; }
.pagination-top { -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; }
.pagination-bottom { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; }
.pagination span { line-height:33px; float:left; }
.pagination strong { line-height:33px; float:right; }
.pagination strong a { cursor:pointer; }
.pagination strong ul { list-style:none; margin:0; padding:0 100px 0 10px; display:inline; }
.pagination strong ul li { display:inline; padding:0 4px; }
.pagination strong .off { color:#333; text-decoration:none; cursor:default; }
.pagination .pagination-next { position:absolute; margin-left:-90px; }
.pagination .pagination-all { position:absolute; margin-left:-50px; }

/* drop down mask */
.ddmask-handle { display:inline-block; background:url(../images/ddmask-arrow.png) no-repeat 95% center #eee; height:20px; border:1px solid #999; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:0 10px; line-height:20px; cursor:default; min-width:150px; }
.ddmask-list { position:absolute; list-style:none; margin:0; padding:0; width:300px; background-color:#fff; border:1px solid #999; display:none; }
.ddmask-list li {}
.ddmask-list li a { display:block; color:#333; padding:2px 5px; cursor:default; text-decoration:none; }
.ddmask-list li a:hover, .ddmask-list li a.on { background-color:#6D6E71; color:#fff; text-decoration:none; }

/* ui-dialog */
.ui-widget-overlay { position:fixed; left:0; top:0; right:0; bottom:0; background:#000; opacity:.75; filter:alpha(opacity=75); }
.ui-dialog { background-color:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; }
.ui-dialog-titlebar { background:#eee; height:40px; padding:0 10px 0 20px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.ui-dialog-title { font-size:18px; line-height:40px; float:left; text-shadow:0.1em 0.1em 0.1em #fff;  }
.ui-dialog-titlebar-close { display:block; background:url(../images/layout-sprite.png) no-repeat -181px -77px; width:23px; height:24px; margin-top:8px; float:right; outline:none; }
.ui-dialog-titlebar-close:hover { background-position:-181px -101px; }
.ui-dialog-titlebar-close span { display:none; }
.ui-dialog-content { padding:20px; }

/* debug */
.debug { display:block; margin:50px auto 0; width:500px; height:200px; padding:5px; font-size:14px; }

.ui-datepicker { z-index:110; }

.chc { background-color:#1C60B1; padding:20px; color:#fff; border:2px solid black; border-bottom:none; position:fixed; left:20px; bottom:0; right:20px; z-index:102; }
.chc h1 { float:left; color:#fff; padding:0; text-shadow:1px 1px 2px #333; }
.chc .showmap { position:fixed; left:40px; bottom:10px; }
.chc .range { float:left; padding:0 50px; }
.chc .range input { display:inline-block; }
.chc .stats { float:left; padding:0 20px; }
.chc .stats dl { margin:0; padding:0 10px 0 0; float:left; }
.chc .stats dt { margin:0; padding:0; text-decoration:underline; }
.chc .stats dd { margin:0; padding:0; }
.chc .destroy { color:#fff; float:right; }
.chc label { display:block; }
.chc input[type=text] { width:75px; }
.chc .cb label { display:inline !important; }
#chc-overlay { background-color:#000; opacity:.7; position:fixed; top:0; bottom:0; left:0; right:0; z-index:100; text-align:center; }
#chc-heatmap { position:absolute; top:0; left:0; right:0; z-index:101; }
#chc-heatmap img { display:block; margin:0 auto; }
#chc-load { position:fixed; top:200px; left:48%; background:url(../images/ajax-loader.gif) no-repeat center 10px #fff; z-index:103; padding:30px 10px 10px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; }



/* IE7 */
*+html hr { background-color:#fff; color:#fff; height:60px; }
*+html .masthead .navbar ul li a { color:#444 !important; }
*+html .masthead .navbar ul .on .ddi { color:#3372c7 !important; }
*+html .masthead .navbar ul li .subnav { padding-left:20px !important; }

