/*********************** 
Global Resets 
***********************/
body { text-align: center;}
body, div, dt, dd, dl, ul, li, ol, tbody, thead, table, 
td, span,blockquote, h1, h2, h3, h4, p, address, fieldset, form, 
label, legend, caption { margin: 0; padding: 0; border: 0;}
input { color: #333;}
small { color: #666;}
hr { display: none;}
address { font-style: normal; font-size: 11px;}
fieldset ol li { list-style-type: none;}
dl, dd, dt { font-weight: normal;}
body { font: normal 75% Arial, Helvetica, sans-serif; text-align: center;}
ul li { list-style-type: none;}
p { font-size: 1em; margin-bottom: 1em; line-height: 1.4em; }
a img { border: none !important;}
a { color: #0072c3;}
a:hover { color: #034371 !important;}
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .cf {height: 1%;}

#container { width: 720px; text-align: left; margin: 0 auto;}
h1, h2 { float: left; margin: 20px 0 0 0;}

h1.bluegreen a { width: 135px; height: 55px; text-indent: -5000px; background: url(../images/login-logo.gif) 0 0 no-repeat; display: block;}
h1.travelerplus a { width: 135px; height: 55px; text-indent: -5000px; background: url(../images/login-tp-logo.gif) 0 0 no-repeat; display: block;}
h1.encorerewards a { width: 135px; height: 55px; text-indent: -5000px; background: url(../images/login-ec-logo.gif) 0 0 no-repeat; display: block;}

h2 { width: 211px; height: 26px; text-indent: -5000px; background: url(../images/login-tagline.gif) 0 0 no-repeat; margin: 25px 0 0 20px;}
.leftcolumn, .rightcolumn { width: 360px; float: left; margin-top: 40px;}
.leftcolumn fieldset { margin: 20px 0 0 0;}
.leftcolumn input { padding: 3px; color: black !important; font-weight: bold; background: #efefef; margin: 0 0 10px 0;}
.leftcolumn input#submit { background: none !important;}
.leftcolumn .remember img { vertical-align: middle; margin: 0 0 0 5px;}
.leftcolumn .remember input { vertical-align: middle; margin: 0 5px 0 0; background: none;}
.leftcolumn span { clear: both; margin: 0 0 5px 0; display: block;}
.leftcolumn .column { float: left; margin: 10px 0 0 0;}
.leftcolumn .help { padding: 0 0 0 20px;}
.leftcolumn .help a { color: #0066cc; font-size: 11px !important; font-weight: bold !important; }
.leftcolumn .help .notregistered a { margin: 15px 0 0 -5px; display: block; width: 138px; height: 30px; background: url(../images/login-no-register.gif) 0 0 no-repeat; text-indent: -5000px;}
.leftcolumn input:focus, textarea:focus, label:focus { background: #fff;}
.leftcolumn h3, .rightcolumn h3 { padding: 0 0 5px 0; border-bottom: 1px solid #ccc; margin: 0 25px 20px 0;}
.rightcolumn { font-size: 11px;}
.rightcolumn p { line-height: 18px; padding: 0 0 10px 60px; display: block; text-decoration: none; color: black;}
.rightcolumn div img { float: left;}

#footer { font-size: 10px; color: #999; text-align: center; margin: 200px 0 0 0; background: url(../images/login-footer-bg.gif) center bottom no-repeat;}
#footer ul { text-align: center; margin: 0 0 20px 225px;}
#footer ul li { float: left; margin: 0 10px 0 0; border-right: 1px solid #999; padding: 0 10px 0 0;}
#footer ul li a { color: #999; text-decoration: none;}
#footer p { text-transform: uppercase;}

.beach { background: url(../images/login-beach.jpg) center top no-repeat;}
.islands { background: url(../images/login-islands.jpg) center -30px no-repeat;}
.snow { background: url(../images/login-snow.jpg) center top no-repeat;}

.error { color: red; font-weight: bold; border-bottom: 1px solid #ccc; padding: 0 15px 20px 45px; margin: 0 25px 0 0; background: url(../images/alert.gif) 10px top no-repeat;}

.noborder { border: 0 !important;}