/**
 * WiFi Hotzone CSS Style sheet
 */
 
body { background-color: #fff; text-align: center; color: #000; 
	font-family: Arial; font-size: 75%; }
 
.main, .header, .footer { width: 890px; margin: 0 auto; text-align: left; clear:both; }
 
/*.header { margin-top: 20px; margin-bottom: -10px; }*/
.header .logo { float:left;
padding:10px 0;
width:400px; }
 
ul.navigation { list-style-type: none; margin: 0; padding: 0; }
ul.navigation li { float: left; }

.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/tab-background2.gif) no-repeat top right; }
ul.global li { width: 9em;
	   background: transparent url(../images/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(../images/home-banner-bg.gif) no-repeat top left; padding: 5px; }
 
.home .banner { background: transparent url(../images/home-banner-2.jpg) no-repeat top right; }
.home .banner p { display: none; }
.home .banner-inner { background: transparent url(../images/home-banner-1.gif) no-repeat top left; height: 238px; }

#jiwire { overflow: hidden; position: absolute; width: 578px; height: 253px; display: none; }
#jiwire iframe { width: 578px; height: 253px; overflow: hidden; border: none; }

#partnerlogin { padding: 20px; overflow: hidden; position: absolute; width: 536px; height: 213px; background: transparent url(../images/partner-bg.png) no-repeat top left; display: none; }
#partnerlogin .details { float: right; width: 236px; margin-right: 20px; }
#partnerlogin .partner-list { float: left; width: 236px; padding-left: 20px; }

#partnerlogin .partner { margin-bottom: 1em; }

#partnerlogin .details p { font-weight: bold; }
#partnerlogin .details p.note { font-weight: normal; font-size: 0.8em; margin-top: 3em; }
#partnerlogin .details p.note a { color: #000; }

#hotzonelogin { padding: 20px; overflow: hidden; position: absolute; width: 536px; height: 213px; background: transparent url(../images/hotzone-bg.png) no-repeat top left; display: none; }
#hotzonelogin .details { float: left; width: 286px; margin-right: 20px; }
#hotzonelogin .extras { float: left; width: 216px; }

#hotzonelogin .continue { margin-top: 5px; }
#hotzonelogin label.loginInput { display: block; margin: 0.1em 0; }
#hotzonelogin input.loginInput { width: 256px; }

#hotzonelogin label.remember { font-weight: bold; margin-left: 5px; }

#hotzonelogin h4 { font-size: 1em; font-weight: bold; }
#hotzonelogin p { margin: 0.5em 0; }

#hotzonelogin p a,
#hotzonelogin .notice,
#hotzonelogin .notice a { font-weight: bold; color: #000; }

#hotzonewait { position: absolute; right: 10px; bottom: 10px; display: none; }
 
ul.home-banner { margin-left: 32px; margin-top: -5.5em; margin-bottom: 2em; }
ul.home-banner li { padding-left: 20px; margin-right: 1em; margin-bottom: 0.5em;
	   background: transparent url(../images/arrow.gif) no-repeat center left; float: none; }
ul.home-banner a { font-weight: bold; font-size: 115%; color: #000; text-decoration: none; }
 
.content, .content-green { float: left; width: 553px; padding-left: 25px;
	   background: transparent url(../images/content-background.gif) no-repeat top left; }
.content-inner,  .content-green-inner { padding-right: 25px; padding-top: 25px;
	   background: transparent url(../images/content-background1.gif) no-repeat top right; padding-bottom: 5em; }
 
.content { float: left; width: 553px; padding-left: 25px;
	   background: transparent url(../images/content-background.gif) no-repeat top left; }
.content-inner { padding-right: 25px; padding-top: 25px;
	   background: transparent url(../images/content-background1.gif) no-repeat top right; padding-bottom: 5em; }
 
.content-green { background: transparent url(../images/content-background-green.png) no-repeat top left;  margin-bottom: 10px; }
.content-green-inner { background: transparent url(../images/content-background-green1.png) no-repeat top right; padding-bottom: 0; min-height: 240px; }
 
.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; }
 
 .faq h2 { font-weight: bold}
 
.content a { color: #000; text-decoration: underlined; }

h1.freewifi { background: transparent url(../images/free-access-banner.png) no-repeat top left; height: 26px; margin-bottom: 0.5em; margin-top: 0.5em; }
h1.freewifi span { display: none; }
.freewifi-intro { width: 240px; float: left; }
.freewifi-options { width: 260px; float: right; }

.freewifi-options { font-size: 1.2em; font-weight: bold; }
.freewifi-options ul { margin: 0; padding: 0; }
.freewifi-options li { list-style-type: none; margin: 0; padding: 0; margin: 1em 0; }
.freewifi-options li.border { background: transparent url(../images/free-divider.gif) repeat-x bottom left; padding-bottom: 0.8em; }
.freewifi-options li a { text-decoration: none; }

.footer { font-size: 80%; margin-bottom: 30px; margin-top:13px; }
.footer div.footerLinks { clear:both; float:left; display:block; margin-bottom: 20px; }
.footer p.twitter { text-align:center; font-size:1.2em; font-weight: bold; margin-top:2px; clear:both; }
.footer p.copyright { text-align: right; clear:both; }
.footer a img { float:left; border: none; margin-bottom:5px;}
.footer a img.diyHotspot, .footer a img.twitter { margin-right: 12px; }
 
.footer div.conduitLink { clear:none; text-align: right; font-size: 9px; text-decoration: none; color: #888888; font-family: Verdana; }
 
.clear-both { clear: both; height: 0px; overflow: hidden; }
.ad { float: right; height: 250px; width: 300px; margin-bottom: 8px; }
.ad img { border: none; }
 
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; clear: both; }
 
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[type=text], div.access-login input[type=password] { 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: 83px; height: 26px; }
	
span.info { margin-left: 160px; float: left; font-size: 0.8em; }
 
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; } 

.error,
.error1 { color: #ff0000; display: block; margin-bottom: 2em; }
.error a { color: #ff0000; }
.error1 {  color: #ff0000; display: block; margin: 2em 0; font-weight: bold; }
.error1 a { color: #ff0000; }

.attention,
.attention a { color: #ff0000; font-weight: bold; text-decoration: none; }

h2.account { font-size: 1.2em; font-weight: 600; margin-top: 2em;
             border-bottom: 1px solid #cccccc; padding-bottom: 0.5em; } 

table.account { margin-top: 2em; }
table.account th { font-weight: normal; text-align: left; 
                   border: none; padding: 0; margin: 0; padding-bottom: 1em;  padding-right: 2em; }
table.account td { border: none; padding: 0; margin: 0; padding-bottom: 1em; }

table.devices td { padding-right: 4em; }

fieldset.subscription { border: none; }
fieldset.subscription table { border-collapse: collapse; width: 100%; margin-top: 2em; }
fieldset.subscription table.prices th,
fieldset.subscription table.prices td { padding-top: 1em; padding-right: 2em; }
fieldset.subscription table.prices th { text-align: left; }
fieldset.subscription table.prices td.speed,
fieldset.subscription table.prices td.continue { padding-bottom: 1em; border-bottom: 1px solid #ccc; }
fieldset.subscription table.prices td.continue { text-align: right; }
 
div.terms { height: 400px; overflow: scroll; background-color: #ffffe0; margin-bottom: 2em; }
div.terms-agree input { margin-right: 1em; }
div.terms-agree { float: left; }
div.terms-continue { float: right; }

div.account label { width: 200px; display: block; clear: both; float: left; margin-bottom: 1em; }
div.account input.text { float: left; width: 150px; }
div.account input.nolabel { margin-left: 200px; float: left; }
div.account div.note { float: left; margin-top: 0.5em; }

div.account .continue { float: right; }

div.header div.networking { float:right; margin-bottom:-65px; margin-top:40px; width:300px; padding-top:30px; }
div.header div.networking iframe { float:left; margin-bottom: 5px; }

/*div.networking  { float:right; margin:40px 0 -30px; padding:0; width:300px; }*/


div.loggedInPanel div.networking iframe { float:left; margin-right: 20px; }

div.vopium { width: 300px; float: right; }
.vopium { background: none top left no-repeat; text-align: center; }
.vopium a img { border: none; }
#dropDown { text-align: left; font-size:1.1em; position: absolute; width: 300px; height: 359px; padding: 0; margin: 0; 
            background: url('/images/vopium-banner-mouseover.png') no-repeat bottom left; display: none; top: -1000px; left: -1000px; z-index:5000; }
#dropDown .overview { width: 290px; }
#dropDown .description { width: 160px; }

#dropDown div p, #dropDown div h3 { margin:0; padding:10px 10px 5px; }
#dropDown a { color: #409d3d; font-weight: bold; } 
#dropDown h3 { color: #409d3d; font-size: 1.3em; }

.footer ul.navigation {float:left; font-size:1.3em; clear:none; display:inline; margin-top:-0.2em; }
.footer ul.navigation li { padding: 0 1em; border-left: 1px solid #000; }
.footer ul.navigation li.first { border-left: 0px;  }
.footer ul.navigation li.last { padding-left: 1em; padding-right: 0; }
.footer ul.navigation a { font-size: 80%; color: #000; text-decoration: none; }
.footer p.copyright { clear:right !important;}

/* Contact form additions 2010-03-17 */
.contactForm { float:left; margin-bottom:30px; }
.contactForm p { clear:both; display:block; float:left; margin:5px 0; }
.contactForm label { clear:left; display:block; float:left; margin:0 0 5px; padding:3px 10px 3px 0; text-align:left; width:110px; }
.contactForm p.required label { font-weight: bold; }
.contactForm p.optional { }
.contactForm p span { clear:left; float:left; font-weight:bold; margin-left:120px; margin-top:5px; }
.contactForm input[type=text] { width: 220px; }
.contactForm select { width: 225px; }
.contactForm textarea { height:200px; width:300px; }
.contactForm .submitButton { float: left; clear:both; margin-left: 120px; }

/* twitter feed 2010-03-17 */
.twitterFeed { background-color:#E0E0E0; vertical-align: middle; overflow: hidden; font-size:1.4em; margin-bottom: 15px; margin-top: -10px; }
.twitterFeed a { }
.twitterFeed a img { margin: 0; padding: 0; }
.twitterFeed span.latest { float:left; font-size:0.8em; font-weight:bold; margin:6px; }

#twitter_update_list { width: 100%; }
#twitter_update_list ul { margin:0; }
#twitter_update_list ul li { list-style-type: none; overflow: hidden; }
#twitter_update_list span { text-overflow:ellipsis; display:block; font-size:0.8em; margin-top:6px; overflow:hidden; white-space:nowrap; width:565px; }
#twitter_update_list span a { background: transparent none; color:#000000; display:inline; float:none; height:auto; margin:0; padding: 0; font-size: inherit; } 
#twitter_update_list span a:hover { text-decoration: underline; color: #666666; }
#twitter_update_list a { background:url("/images/twitter-time-bg.gif") no-repeat scroll right top transparent; color:#000000; display:inline; float:right; font-size:0.8em; height:13px; margin-top:-20px; padding:7px 0; text-align:center; width:100px; } 
#twitter_update_list a:hover { display: inline; color: #000000; } 

/* Logged in panel changes  201003-17*/

#hotzoneloggedin { padding: 20px; overflow: hidden; position: absolute; width: 538px; height: 213px; background: url('../images/loggedin-bg1.png') no-repeat scroll left top transparent; display: none; }
#hotzoneloggedin h1 { font-size: 1.8em; margin-top: 5px; }
#hotzoneloggedin h2 { font-size:1.4em; margin: 5px 0; }
#hotzoneloggedin .details { float: left; width: 286px; margin-right: 20px; }
#hotzoneloggedin .extras { float: left; width: 216px; }
#hotzoneloggedin .extras h4 { margin-top: 0; }

#hotzoneloggedin .continue { margin-top: 5px; }
#hotzoneloggedin label.inputText { display: block; margin: 0.3em 0; }
#hotzoneloggedin input.inputText { width: 256px; }

#hotzoneloggedin p a,
#hotzoneloggedin .notice,
#hotzoneloggedin .notice a { font-weight: bold; color: #000; }

.jiWire { color:#9F9F9F; float:right; margin-top:-17px; text-align:right; width:300px; }
.jiWire a { color:#9F9F9F; text-decoration: underline; }

#promotion { overflow: hidden; position: absolute; width: 578px; display: none;  }
.groupon { padding: 20px; height: 213px; background: transparent url(../images/groupon_main.jpg) no-repeat top left; }
.groupon .buttons { margin-top: 170px; vertical-align: bottom; }
#promotion .buttons a { vertical-align: bottom; }
.buttons .no { text-align: left; color:#efefef; text-decoration: none; font-size: 0.9em; float:left; margin-top:20px; }
.buttons .no:hover { text-decoration: underline; }
.buttons .yes { float:right; }

.ie9download {
    background-color: #000000;
    color: #FFFFFF;
    height: 253px;
    width: 576px;
}
.ie9download .description {
    display: block;
    float: right;
    padding: 40px 20px 0 0;
    width: 240px;
}
.ie9download .downloadLink {
    display: block;
    float: left;
    background-color: #000000 !important;
}

.ie9download .downloadLink embed { background-color: #000000 !important; }
.ie9download .downloadLink object { background-color: #000000 !important; }

.ie9download h1 {
    font-size: 2em;
}
.ie9download h2 {
    font-size: 1.3em;
}
.ie9download p {
    font-size: 0.9em;
}

.ie9download .buttons { float:right; }



/* BUTTONS */

.buttons button, input[type=button], input[type=submit], .button 
{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#353939;
    border:1px solid #dadada;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:120%;
    line-height:150%;
    text-decoration:none;
    font-weight:bold;
    color:#f5f5f5;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    -moz-border-radius:4px 4px 4px 4px;
    border-radius: 4px; 
}
.buttons button, input[type=button], input[type=submit], .button{
    width:auto;
    overflow:visible;
    padding:8px 14px 8px 14px; /* IE6 */
}
.buttons button[type], input[type=button], input[type=submit], .button{
    padding:8px 14px 8px 14px; /* Firefox */
    line-height:21px; /* Safari */
}
*:first-child+html button[type], input[type=button], input[type=submit], .button{
    padding:8px 14px 8px 14px; /* IE7 */
}
.buttons button img, .button img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, input[type=button]:hover, input[type=submit]:hover, .button:hover{
    background-color: #5b7c38;
    border: 1px solid #565656;
    color: #ffffff;
    
}
.ad .loading { width: 100%; height: 100%; background: url('/images/ajax-loader.gif') no-repeat center center;
               display:none; } /* hidden initially so it does not display if JS is disabled */
               
.accountInfo { border: solid 1px #CCCCCC; border-radius: 4px; background-color: #E0E0E0; }
.accountInfo p { padding: 20px; margin: 0; }