/* Global styles for The Hospitality Hub */

* {
margin:0;
padding:0;
}
body {
background:url(../images/background.jpg) repeat-x top center #eaeaea;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
line-height:1.5em;
}
a {
font-weight:bold;
text-decoration:none;
color:#333333;
}
a:hover {
color:#ff6600;
}
div.clear {
clear:both;
}
img {
border:0;
}
strong {
color:#ff6600;
font-weight:bold;
}
div#container {
width:820px;
margin:0 auto;
}
div#header {
background:url(../images/header-bg.jpg) no-repeat top left;
height:190px;
}
img.logo {
margin-left:41px;
float:left;
}
div#header-right {
float:right;
margin-right:60px;
}
ul#navigation {
list-style-type:none;
height:90px;
}
ul#navigation li {
display:block;
float:left;
}
ul#navigation li a {
display:block;
float:left;
height:30px;
padding:60px 20px 0px 20px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFFFFF;
font-size:14px;
margin-left:5px;
}
ul#navigation li a:hover, ul#navigation li a.on {
background:url(../images/nav-hover-strip.jpg) repeat-x top center #654068;
}
ul#navigation li a.on {
background-color:#765579;
}
div#sign-in {
margin:6px 0 0 75px;
}
div#footer {
background:url(../images/footer-bg.jpg) repeat-x top center #FFFFFF;
padding:20px 0 40px 0;
margin-top:90px;
}
div#footer-container {
width:820px;
margin:0 auto;
text-align:center;
}
div#languages {
margin:10px 0 20px 0;
}
div#languages a {
background:no-repeat top left;
display:inline-block;
padding:2px 0 6px 30px;
margin-right:6px;
}
div#languages a.en {
background-image:url(../images/flag-en.jpg);
}
div#languages a.fr {
background-image:url(../images/flag-fr.jpg)
}
div#languages a.es {
background-image:url(../images/flag-es.jpg)
}
div#languages a.it {
background-image:url(../images/flag-it.jpg)
}
span#copyright, span#bottom-links {
display:block;
}
img.top-strip {
position:absolute;
top:0;
left:0;
}


/* Overlay */
div#overlay {
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
background-color:#000000;
}


div.hh-dialog {
width:420px;
position:absolute;
display:none;
}
div#registration {
z-index:2;
}
div#sign-in-box {
z-index:3;
}
div.hh-dialog div.header {
background:url(../images/overlay/header-bg.png) no-repeat top left;
height:44px;
}
div.hh-dialog div.header h2 {
font-size:14px;
padding:18px 0 0 25px;
}
div.hh-dialog div.body {
background:url(../images/overlay/bg.png) repeat-y top left;
padding:30px 10px 20px 10px;
}
div.hh-dialog div.footer {
background:url(../images/overlay/footer-bg.png) no-repeat top left;
height:43px;
text-align:right;
}
div.hh-dialog div.footer img {
margin-right:20px;
}
div.hh-dialog a.close {
position:absolute;
top:0;
right:0;
}
div.hh-dialog div#re-direct {
background:url(../images/overlay/re-direct.jpg) top left no-repeat;
height:125px;
margin:20px 0;
}
div.hh-dialog span.gender {
display:block;
text-align:center;
margin-bottom:10px;
}
div.hh-dialog span.gender label {
margin:0 5px;
}
div.hh-dialog table input {
border:1px solid #999999;
width:140px;
padding:5px;
margin:2px;
}
div.hh-dialog table input#password, div.hh-dialog table input#confirm-password {
width:90px;
}
div.hh-dialog table select {
margin:2px;
}
div.hh-dialog table {
margin-left:50px;
}
div.hh-dialog td.label {
text-align:right;
padding:0 10px 0 0;
}
div.hh-dialog label.terms {
width:200px;
display:block;
margin:0 auto 0px auto;
}
div.hh-dialog label.terms span.terms-text {
padding-left:5px;
}
div.hh-dialog input.sign-up {
margin:20px auto 0 auto;
display:block;
border:0;
background:url(../images/overlay/sign-up.jpg) no-repeat top left;
width:87px;
height:27px;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
}
div.hh-dialog span#no-account {
display:block;
text-align:center;
margin-top:15px;
}
div#sign-in-box table {
margin-left:85px;
}
div.submitting-form {
padding:10px 0 10px 40px;
margin-top:20px;
background:#d8ffcd;
border-top:3px solid #CCCCCC;
border-bottom:3px solid #CCCCCC;
display:none;
}
img.form-loader {
float:left;
display:block;
margin-top:9px;
}
div.submitting-form p {
float:left;
width:300px;
margin-left:10px;
}
img.form-info {
position:absolute;
margin-top:6px;
margin-left:2px;
}
div.hh-dialog p {
padding:5px 30px 0 30px;
}
div.hh-dialog div#re-direct p {
margin-left:40px;
padding:23px 0 0 0;
width:160px;
}