/* Extra login page */

body.loginpage { color: white; background: url(../img/body_bg.png); line-height: 1.7; }
.loginpage a { color: white; text-decoration:underline; }
.loginpage #container { font-size: 0.8em; background: url(../img/container_bg.png) repeat-x top left; }
.loginpage #inner { width: 220px; height: 800px; margin: 0 auto; padding: 0 105px; position: relative; background: url(../img/inner_bg.jpg) top left no-repeat; }
.loginpage #newuser { display: none; }
.loginpage h1 { width: 260px; height: 254px; background: url(../img/logo.png) left bottom no-repeat; position: absolute; top: 0; left: 85px; margin: 0; padding: 0; z-index: 2; border: none; }
.loginpage h1 span { display: none; }
.loginpage .login { position: absolute; top: 225px; width: 220px; z-index: 1; }
.loginpage #loginform { background: url(../img/hr.png) bottom repeat-x; padding: 5px 0; margin: 5px 0 5px 0; }
.loginpage #loginform a#back { margin: -20px 0 0 80px; display: block; float: left; }
.loginpage #loginform p { margin: 15px 0; padding: 0;}
.loginpage .text { width: 98%; }
.loginpage .second { float: right; }
.loginpage .checkbox { vertical-align: middle; }
.loginpage #welcome { background: url(../img/hr.png) top repeat-x; padding: 3px 0 0 0; margin: 0; }
.loginpage #welcome, .loginpage .remember-me { font-size: 0.8em; }

/* Normal pages */

html, body { margin: 0; padding: 0; }
body { font-family: "Lucida Grande", "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif; color: black; font-size: 100.1%; background: url(../img/body_bg.png); }
a { color: #333; text-decoration: none; }
a img { border: 0; }
img[title] { cursor: help; }
h1, h2, h2 input, h3 { color: #00699e; font-size: 1.6em; font-weight: normal; }
h1 { font-size: 1.8em; }
h3 { font-size: 1.3em; }
form { margin: 0; padding: 0; }
.hidden { display: none; }
.warning { color: Orange; }
.error { color: red;}
.success { color: Green;}
#container { font-size: 0.8em; background: url(../img/header_bg.png) top center repeat-x white; }

#header { height: 105px; min-width: 640px; max-width: 1020px; padding: 0 20px; position: relative; margin: 0 auto; }
	#login { float: right; color: white; padding: 10px 0; margin: 0; }
	#login a { color: white; }
 	#header a.logo { width: 342px; height: 100px; background: url(../Img/logo.png) no-repeat left top; display: block; }
	#logo span { display: none; }
	#header ul { position: absolute; right: 20px; bottom: 0; list-style-type: none; margin: 0; padding: 0; }
	#header li { float: left; background: url(../img/topmenu_left.png) left bottom no-repeat; margin-left: 1px; padding-left: 2px; }
	#header li a { display: block; background: url(../img/topmenu_right.png) right bottom no-repeat; }
	#header li span { display: block; border-top: 1px solid #a5a6a4; padding: 9px 20px 8px 20px; margin: 0 2px 0 0; }
	#header li.active { background-image: url(../img/topmenu_active_left.png); }
	#header li.active a { background-image: url(../img/topmenu_active_right.png); }
	
#main { min-width: 640px; max-width: 1020px; margin: 0 auto 0 auto; padding: 20px 20px 20px 20px; background: white; }
	#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#main.fullpost { padding-left: 40px; padding-right: 40px; }
	h1, h2 { border-bottom: 1px solid #d3d4d3; padding-bottom: 14px; margin: 0; }
	h2.edit { border: none; }
	#main a { text-decoration: underline; }

#breadcrumb { background: url(../img/shaddow_bottom.png) bottom repeat-x; line-height: 4; padding: 0 0.2em 4px 0.2em; margin-bottom: 10px; }
	#breadcrumb p { margin: 0; padding: 0; }

.message { background: #fffcd4; color: #00699e; padding: 10px 20px; margin: 10px 0 20px 0; }
	.tip strong { padding-right: 1em; color: #00699e; font-size: 1.6em; font-weight: normal; }
	.tip a { color: #00699e; text-decoration: underline; }
	
	
#sidebar { float: left; width: 32%; margin-right: 2%; }
	#sidebar table { width: 100%; border-collapse: collapse; }
	#sidebar table td { border-bottom: 1px solid #d3d4d3; padding: 10px 0 10px 10px; background: url(../img/sidebar-arrow.png) left center no-repeat; }
	#sidebar table .book, #sidebar table .country { text-align: right; background: none; padding-left: 0; }
	#sidebar a { text-decoration: none; }

.pane { background: #f2f2f2; padding: 20px; margin-bottom: 20px; }
	.pane h2 { margin-top: 0; padding-top: 0; }
	.pane .edit { float: right; margin: 0.6em 0; padding: 0; font-size: 0.9em; color: #14768C; }
	.pane .edit a { color: #14768C; }

.menu { padding: 10px 20px; margin-bottom: 10px; }
    .menu h2 { margin: 0; padding: 0; border: 0; }
    .menu h2 a { color: #14768C; display: block; padding-left: 10px; background: url(../img/sidebar-arrow.png) left center no-repeat; }
    .divider { height: 0; border-top: 1px solid #d3d4d3; margin: 20px 0; }

.pane ul { list-style-type: none; padding: 0; margin: 0; line-height: 130%; }
    .pane li { border-bottom: 1px solid #d3d4d3; padding: 0.5em 0; }
    .pane li p { font-size: 0.8em; margin: 0; padding: 0; }
	
.filter { background: #f2f2f2; padding: 20px; margin-bottom: 20px; }
	.filter label { padding-right: 20px; }
	.filter form { padding-top: 20px; }
	.filter form input, .filter form select { vertical-align: middle; }
	.filter p { margin: 0; }
    	
#beta { float: right; width: 66%; }

.paging { color: #14768C; margin: 0; padding: 5px 20px; }
	.paging a { color: #14768C; }
	.paging strong { font-weight: normal; text-decoration: underline; }
	.paging .show-on-map { float: right; }

.vouchers { list-style-type: none; margin: 0; padding: 0; }
	.iconcontainer { float: right; margin-top: 5.1em; margin-right: 5em;  }
	.iconcontainer .icons img { margin-right: 3px; }
	.vouchers h3 { margin-bottom: 0.7em; padding-bottom: 0; color: #333; font-size: 1.6em; display:inline; }
	#main .vouchers h3 a { text-decoration: none; color: #00699e; overflow:hidden; }
	#main a.standard { text-decoration:none; }
	.vouchers li { clear: both; margin-bottom: 20px; padding-bottom: 0; border-bottom: 1px solid #e2e2e2; }
	.vouchers img { float: left; margin-bottom: 20px; width: 100px; height: 125px; }
	.vouchers img.border { border: 1px solid black; } 
	.vouchers .voucher img { float: none; margin-bottom: inherit; padding-bottom: inherit; border: none; width: auto; height: auto;  }
	.vouchers .voucher { margin-left: 125px; }
	.vouchers .voucher .icons { margin-bottom: 5px; }
	.vouchers .voucher:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.vouchers .head { padding-bottom: 20px; }
	.vouchers .head p { margin: 0; padding: 0; }
	.vouchers .side { float: right; text-align: right; margin: 0; padding: 0; }
	.vouchers .side strong { margin: 0.5em 0; display: block; }
	.vouchers .side a { display: block; }
	.vouchers .side span { display: block; }
	.vouchers table { border-collapse: collapse; }
	.vouchers tbody th, .vouchers tbody td { border: 1px solid #e2e2e2; border-width: 1px 0 0 1px; padding: 0.5em; text-align: right; }
	.vouchers tbody th { text-align: left; padding-left: 0; border-width: 1px 0 0 0; font-weight: normal; font-style: italic; }
	.vouchers .priority { display: inline !important;  }
	
	.vouchers .clear { clear: both; }
	
	.printinfo { clear:right; float:right;margin-top:10px;  }
	.clubprintstatic { width:200px; background:#EEEEEE; }
	.clubprintstatic th { text-align:center; border:1px solid #E2E2E2; }
	.clubprintstatic tbody td { text-align:left; border:1px solid #E2E2E2 }
	
	.morestatics { display:block; float:right; margin-bottom:10px; clear:right;}
	
	
#footer { margin: 20px 0 0 0; padding: 0 20px 0 20px; clear: both; background: url(../img/footer_bg.png) top repeat-x; }
	#footer p { margin: 0; padding: 0; }
	#footer-inner { min-width: 640px; max-width: 1020px; padding-top: 10px; margin: 0 auto; padding-bottom: 20px; height: 200px; }
	#footer-inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#footer .address { float: left; }
	#footer .contact { float: right; text-align: right; }


#layer { width: 100%; height: 100%; background: url(../img/overlay_bg.png); position: fixed; top: 0; left: 0; }

#whole-voucher { float: right; margin: 20px 0 1em 1em; clear: both; width: 280px; height: 843px; position: relative; background: url(../img/whole-voucher.png) top left no-repeat; }
	#whole-voucher img { width: 225px; height: 180px; margin: 25px 0 0 26px; display: block; padding: 1px; }
	#whole-voucher img.withBorder { padding: 0; border: 1px solid black; }

#image { width: 304px; height: 379px; position: relative; background: url(../img/big-image-bg.png) top left no-repeat; padding: 40px; margin: 20px 20px 0 0; float: left; }
    #image img { padding: 2px; width: 302px; height: 378px; }
    #image img.withBorder { padding: 0; border: 2px solid black; }
    #text-left-obj, #text-right-obj { position: absolute; top: 30px; right: 20px; }
    .vertical-text-ie { writing-mode: tb-rl; }
    #text-right-obj.vertical-text-ie { writing-mode: bt-rl; }
    #image .dynamic { position: absolute; top: 423px; right: 148px;}
   
#image-data { float: left; padding: 20px 0 0 0;  }
#image-data .image_message { width: 220px; }

#more-data { clear: left; padding-top: 1em; }
    #more-data dl { border-top: 1px solid #eee; padding-top: 20px; width: 50%; }
    #more-data dt { font-weight: bold; }
    #more-data dd { margin: 0.5em 0 20px 0; padding: 0 0.5em 20px 0.3em; border-bottom: 1px solid #eee; }
    #more-data tbody th { text-align: left; }
    #save-button { border-top: 1px solid #eee; padding: 20px 0 0 0; margin: 20px 0 0 0; width: 50%; }
	#more-data label.select { display:block; font-weight:bold; margin-bottom: 5px;}
    
#image-data dl { width: 55%; }
#image-data dt { font-weight: bold; }
#image-data dd { margin: 0.5em 0 20px 0; padding: 0 0.5em 20px 0.3em; border-bottom: 1px solid #eee; width:180px; }
#image-data .smalltext{ font-size: 0.8em; display:block;  }

    
.buttons { float: right; padding: 0 0 1em 1em; margin: 0; }
    .buttons input, #save-button input { font-size: 1.8em; }
    
.listing { width: 100%; border-collapse: collapse; margin-top: 20px; }
    .listing td, .listing th { border: 1px solid #eee; border-width: 0 1px 1px 0; padding: 10px; text-align: left; }
    .listing td.standard { text-align: center; }
    .listing .change { text-align: right; width: 150px; }
    .listing .last { border-right: none; }
    .listing .name { width: 30%; }
	.listing img { vertical-align: middle; }

.bolder { font-weight: bold; }
#faq-questions li { font-weight: bold; }
#faq-questions li a { display: block; padding: 0.5em 0; }
.faqanswer {  display: block; margin-left: 1em; color: #4a7a8c; font-style: italic; font-weight: normal; }
#faq-questions .faqanswer ul li { font-weight: normal; }

#about strong{ display:block;}

.usersettings ul{ margin:0px; padding:0px; list-style-type:none;}
.usersettings li{ display:inline;}

.userdetails label { display:block; float:left; width:115px;}
.userdetails { margin-bottom:10px;}
.userdetails .error { margin-bottom:10px; color:Red;}
.userdetails img { margin: 0px 5px 0px 5px;}

.txtlarge { width:200px;}


.helpicons ul{ margin:0px; padding:0px; list-style-type:none;}
.helpicons li { margin-bottom: 20px;}

.help-icon .icon { height: 28px; padding: 5px 0 10px 33px; margin-left:20px; }
.help-icon .standardgroup { background: url(/VX/Img/icon_s.png) no-repeat top left; }
.help-icon .member { background: url(/VX/Img/icon_m.png) no-repeat top left; }
.help-icon .guest { background: url(/VX/Img/icon_g.png) no-repeat top left; }
.help-icon .lady { background: url(/VX/Img/icon_lady.png) no-repeat top left; }
.help-icon .man { background: url(/VX/Img/icon_man.png) no-repeat top left; }
.help-icon .lock { background: url(/VX/Img/icon_lock.png) no-repeat top left; }

.hide {display:none;}
.inactive .iconcontainer, .inactive h3, .inactive table, .inactive .voucherimage, .inactive .border  { opacity: 0.4; filter: alpha(opacity=40); } 
.version { display:block; color:#fff;}

/* JQuery tooltip */
#tooltip{ position:absolute; border:1px solid #333; background:#f2f2f2; padding:2px 5px; color:#333; display:none; width: 250px; z-index:1000; }