/**
 * WiFi Hotzone CSS Style sheet
 */

body { background-color: #fff; text-align: center; color: #000; font-family: Arial; font-size: 75%; }

a {  font-weight: bold; }

.rightwrapper ul { padding-left: 25px }
.rightwrapper ul li { padding: 0 0 5px 0;}

.main, .header, .footer { width: 890px; margin: 0 auto; text-align: left; }

.header { margin-top: 30px; margin-bottom: 38px; }

ul.navigation { list-style-type: none; margin: 0; padding: 0; }
ul.navigation li { float: left; }

.header ul.navigation { float: right; margin-top: -1.3em; }
.header ul.navigation li { padding: 0 1em; border-left: 1px solid #000; }
.header ul.navigation li.first { border-left: 0px; }
.header ul.navigation li.last { padding-left: 1em; padding-right: 0; }
.header ul.navigation a { font-size: 80%; color: #000; text-decoration: none; }

.main .partner { float: right; }

ul.global a { font-size: 110%; color: #000; text-decoration: none; display: block; text-align: center; padding: 0.8em; background: transparent url(/images/wifi-hotzone/tab-background2.gif) no-repeat top right; }
ul.global li { width: 10em; background: transparent url(/images/wifi-hotzone/tab-background.gif) no-repeat top left; }
ul.global li { margin-left: -1px; }
ul.global li.first { margin-left: 0; }

.home { float: left; width: 568px; background: transparent url(/WiFi-CPA/hotspot_files/912-200158/images/home-banner-bg.gif) no-repeat top left; padding: 5px; }

.ad { float: right; }

.home .banner { background: transparent url(/WiFi-CPA/hotspot_files/912-200158/images/home-banner-2.jpg) no-repeat top right; }
.home .banner p { display: none; }
.home .banner-inner { background: transparent url(/WiFi-CPA/hotspot_files/912-200158/images/home-banner-1.gif) no-repeat top left; height: 252px; }

ul.home-banner { margin-left: 32px; margin-top: -5.5em; margin-bottom: 5.5em; }
ul.home-banner li { padding-left: 20px; margin-right: 1em; background: transparent url(/WiFi-CPA/hotspot_files/912-200158/images/arrow.gif) no-repeat center left; }
ul.home-banner a { font-weight: bold; font-size: 115%; color: #000; text-decoration: none; }

.content { float: left; width: 553px; padding-left: 25px; background: transparent url(/WiFi-CPA/hotspot_files/912-200158/images/content-background.gif) no-repeat top left; }
.content-inner { padding-right: 25px; padding-top: 25px; background: transparent url(/WiFi-CPA/hotspot_files/912-200158/images/content-background1.gif) no-repeat top right; }

.content h1 { font-weight: normal; margin-top: 0; margin-bottom: 1em; font-size: 1.8em; }
.content h2 { font-weight: normal; font-size: 1em; }
.content h2.section { font-weight: bold; font-size: 1em; margin-top: 2em; }

.content a { color: #000; text-decoration: underlined; }

.footer { text-align: right; font-size: 80%; margin-bottom: 30px; }

.clear-both { clear: both; }



/* CSS Hacks */

div.layout-right { width: 890px; margin: 0 auto; text-align: left; }

div.dbody div.content { float: none; width: auto; padding: 0; background: transparent; text-align: left; }

div.dbody div.leftwrapper { padding-left: 25px; text-align: left; background: transparent url(/images/wifi-hotzone/content-background.gif) no-repeat top left; }

div.dbody div.rightwrapper { padding-right: 25px; padding-top: 25px; background: transparent url(/images/wifi-hotzone/content-background1.gif) no-repeat top right; }


div.dbody h2, div.homepage-content h2 { font-weight: normal; font-size: 1.8em; margin-top: 0; margin-bottom: 1em; }
div.homepage-content h2 strong { font-weight: normal; }

div.access-login { text-align: left; }
div.access-login fieldset { padding: 0; margin-top: 1em; border: none; padding-right: 10px; }

div.access-login fieldset p { margin-bottom: 2em; }

div.access-login label { float: left; display: block; width: 30%; margin-bottom: 10px; clear: both; }
div.access-login select { float: left; display: block; width: 30%; margin-bottom: 10px; }
div.access-login input { float: left; display: block; width: 40%; margin-bottom: 10px; }
div.access-login input.password { width: 80px; margin-right: 10px; }

div.access-login .continue-button { float: right; display: block; margin-bottom: 10px; margin-top: 5px; margin-right: 10px; border: none; font-size: 0em; display: block; width: 97px; height: 16px; }

div.layout-right table { display: none; }
div.layout-right div.rightwrapper table, div.layout-right div.homepage-content table, div.layout-right div.access-login table { display: block; }


div.layout-right a { color: #000; text-decoration: underlined; }

/* HornetPLUS specific css */

h3 { margin-top: 30px; }

a img { border: none; }
.hornetPlusLogo { float: left; padding: 10px 10px 10px 0; }
.wifiHotzoneLogo { padding: 0 0 10px 10px; float: right; }

.offerings { display: block; clear: both; float: left; margin-bottom: 20px; }

.benefit { width: 28%; display: block; float: left; margin: 0 20px; text-align: center; }

.benefit h3, .benefit p { text-align: left; }

.moreDetails { display: block; }

.mainImage, .infoImage { float: left; display: block; padding: 1px; border: solid 1px #e4e4e4; }
img.mainImage { width: 254px; height: 254px; margin: 0 20px 20px 0; } 

.infoBox { float: left; width: 234px; border: solid 1px #cccccc; clear: left; padding: 10px; margin: 0 20px 20px 0; }

.infoBox h3 { margin-top: 10px; }
.infoBox p { font-size: 0.8em; }
.infoBox img { float: left; display: block; margin: 0 10px 10px 0; }

a.moreInfo { float: right; font-size: 0.8em; }

.leftPanel, .rightPanel { display: block; }
.leftPanel { width: 254px; margin: 0 40px 10px 0; float: left; }

.students .leftPanel { margin: 0 40px 480px 0; }
.students-map .leftPanel { margin: 0 40px 270px 0; }
.landlords .leftPanel { margin: 0 40px 400px 0; }

.faqs .leftPanel { margin-bottom: 2360px; }

.rightPanel { }

.additionalInfo { font-size: 0.8em; color: #808080; }

.wifiPackages { width: 546px; float: left; margin-bottom: 30px; }
.wifiPackages td { color: #999999; font-weight: bold; }
.wifiPackages td strong { color: #000000; clear: both; display: block; }
.wifiPackages td.header { background-color: #999999; color: #FFFFFF; padding: 5px; font-size: 1.4em; }
.wifiPackages td.price { color: #000000; font-size: 1.4em; text-align: right; padding-right: 30px; }

div.dbody div.leftwrapper, div.dbody div.rightwrapper { display: block; }

div.dbody div.leftwrapper { width: 865px; }

p.formField { margin-bottom: 0; }

p label { display: block; float: left; width: 160px; }
p input[type=text], p textarea { border: solid 1px #808080; width: 250px; background: #f1f1f1; }

p textarea { height: 200px; }

p select { border: solid 1px #808080; width: 250px; background: #f1f1f1; }

input[type=submit] { margin: 15px 30px 30px 160px; padding: 5px 10px; font-weight: bold; border: solid 2px #808080; }

.errorMsg { color: Red; font-weight: bold; clear: both; margin-left: 160px; }

#contactForm { margin: 30px; }

h2.topPadded { padding-top: 20px; }

table.revenue { width: 546px; float: left; }
table.revenue td { font-weight: bold; padding: 4px 2px; }
table.revenue td strong { color: #000000; clear: both; display: block; }
table.revenue th { background-color: #999999; color: #FFFFFF; padding: 5px; font-size: 1.2em; }
table.revenue td.lineTotal { background-color: #bbbbbb; color: #000000; font-size: 1.4em; text-align: right; }
table.revenue tr.totalRevenue { background-color: #999999; border: 2px #000000; border-style: solid none; }
table.revenue tr.totalRevenue td { color: #ffffff; font-size: 1.2em; text-align: right; padding-right: 5px; }
table.revenue td.price { text-align: right; font-weight: bold; background-color: #dddddd; padding-right: 5px; }

.returnToTop { text-align: right; }
.returnToTop a { text-decoration: none; }