@charset "utf-8";
/* CSS Document */
/* WebAppSkins.com */

html, body, .container {min-height: 100%;width: 100%;height: 100%;}

html>body, html>body .container {height: auto;}

body, html{padding:0;margin: 0;font-family: Arial, helvetica, sans-serif;}

.container {position:absolute;top:0;left: 0;}

.footer {position:absolute;bottom:0;width: 100%;text-align: center;}

#body_wrapper {margin-bottom:100px;height: auto;}

ul.admin_main_menu {list-style:none;margin:0px;padding:0px;}
ul.admin_main_menu li.first {border-top:1px solid #cfcfcf;}
ul.admin_main_menu li.selected {border:1px solid #335c91;color:white;background:#aaa url(images/selected_bg.gif) repeat-x top; }
ul.admin_main_menu li.selected a{color:white;}
ul.admin_main_menu li {margin-bottom:2px; border:1px solid #cfcfcf;border-top:none;display:block;margin:0; padding:0px 15px 0px 15px; font:bold 12px/1.5em Arial, Helvetica, sans-serif; background:#aaa url(images/dropdown_bg.gif) repeat-x top; }

ul.admin_main_menu li a {text-decoration:none;display:block;width:100%;height:100%;line-height:33px;}
ul.admin_main_menu li a:hover {text-decoration:underline;background-image:url(images/menu_arrow.png);background-repeat:no-repeat;background-position:right center;}
ul.admin_main_menu li.selected a:hover {background-image:url(images/menu_arrow_selected.png);}

div.admin_top_menu_holder {padding-bottom:10px;}
ul.admin_top_menu {list-style:none;margin:0px;padding:0px;}
ul.admin_top_menu li {float:left;margin-bottom:2px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border:1px solid #cfcfcf;display:block;margin-right:2px; padding:0px 10px 0px 10px; font:bold 12px/1.5em Arial, Helvetica, sans-serif; background:#aaa url(images/dropdown_bg.gif) repeat-x top; }

ul.admin_top_menu li.selected {color:white;background:#aaa url(images/selected_bg.gif) repeat-x top; border:1px solid #335c91;}
ul.admin_top_menu li.selected a{color:white;}

ul.admin_top_menu li a {text-decoration:none;display:block;line-height:33px;}
ul.admin_top_menu li a:hover {text-decoration:underline;}

.gadget .titlebar a { margin:1px 1px 0 0; float:right;}
.gadget .titlebar a img, .gadget .error a img { border:none;}
.gadget .titlebar a.hidegadget { background:#335c91 url(images/button_dropup_bl.gif) no-repeat center center;}
.gadget .titlebar a.closegadget { background:#335c91 url(images/button_close_bl.gif) no-repeat center center;}

/*input.submitButton {border:1px solid #4f4f4f;padding:4px;cursor:pointer;}*/

/* main */
body, html { margin:0; padding:0; background-color:#fff;}
.clr { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden;}
.container { margin:0; padding:0; width:100%; font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#3c3c3c;}
p { margin:0 0 16px 0; padding:0;}
a { color:#3c3c3c; text-decoration:underline;}
h2 { margin:0; padding:0; font:normal 30px/1.5em Arial, Helvetica, sans-serif;}
p.light { color:#999;}
p.nobottom { margin-bottom:0;}
p.bot8px { margin-bottom:8px;}
p.p_center { text-align:center;}
p.p_right { text-align:right;}
p.bigprice { margin:0 0 4px 0; font:normal 30px/1.2em Arial, Helvetica, sans-serif;}
p.timeclock { margin:0 0 4px 0; font:normal 30px/1.2em Arial, Helvetica, sans-serif; text-align:center;}
p.timeclock img { margin:-3px 4px -3px 0; border:none;}
.linehr { margin-bottom:16px; background:#d7d7d7 url(images/linehr.gif) repeat-x top; height:2px; line-height:0px; font-size:0px;}

/* header */
.header { color:#a4c5ee; background:#335c91 url(images/header_bg_right.jpg) no-repeat top right; min-width:1220px;}
.header img.logo { float:left; border:none;}
.header .right { padding-right:36px; float:right; width:500px; }
.header .right a { color:#fff;}
.header .right p { margin-top:17px; padding:8px 16px; float:right;}
.header .right .dark { background-color:#295287;}
.header .right .light { background-color:#355e93; border:1px solid #43699a;}
.header .right ul { margin:16px 0 0 0; padding:8px 4px; float:right; list-style:none;}
.header .right ul li { padding:0 12px; float:left; border-left:1px solid #a4c5ee;}
.header .right ul li.first { border-left:none;}
.header .right img { margin:0 12px 0 0; border:none;}
.header .right img.logout { margin-top:-4px; margin-bottom:-4px;}
.header .menu { padding-right:36px; margin:0; background:url(images/menu_bg.gif) repeat-x top;}
.header .menu .rightblock { margin:0; padding:0; float:right; width:auto; background:url(images/menu_balloon.gif) repeat-x top;}
.header .menu .rightblock div { background:url(images/menu_balloon_left.gif) no-repeat top left;}
.header .menu .rightblock div div { padding:18px 6px 18px 6px; background:url(images/menu_balloon_right.gif) no-repeat top right; text-align:right;}
.header .menu .rightblock a { margin:0 2px; padding:5px 0; font-weight:bold; color:#335c91; text-decoration:none; background:url(images/button_white.gif) repeat-x top;}
.header .menu .rightblock a img { margin:-4px 4px -4px 0; padding:0; border:none;}
.header .menu .rightblock a span { padding:5px 0 5px 12px; background:url(images/button_white_left.gif) no-repeat top left;}
.header .menu .rightblock a span span { padding:5px 12px 5px 0; background:url(images/button_white_right.gif) no-repeat top right;}
.header .menu ul { margin:0 0 0 24px; padding:0; float:left; list-style:none;}
.header .menu ul li { margin:0; padding:0 0 0 2px; float:left; background:url(images/menu_split.gif) no-repeat right top;}
.header .menu ul li a { display:block; padding:0 12px; color:#fff; text-decoration:none;}
.header .menu ul li a img { margin:0 0 0 8px; border:none;}
.header .menu ul li a span { display:block;}
.header .menu ul li a span span { padding:0 0 0 16px;}
.header .menu ul li a span span span { padding:19px 16px 19px 0;}
.header .menu ul li a:hover span { background:url(images/menu_balloon.gif) repeat-x top; }
.header .menu ul li a:hover span span { background:url(images/menu_balloon_left.gif) no-repeat top left;}
.header .menu ul li a:hover span span span { background:url(images/menu_balloon_right.gif) no-repeat top right;}
.header .menu ul ul, .header .menu ul ul ul { margin:0; padding:0; list-style:none;}
.header .menu ul ul, .header .menu ul li:hover ul ul { display:none; position:absolute;}
.header .menu ul ul { margin:0 0 0 -4px; padding:0; width:178px; background-color:#2f5586;}
.header .menu ul ul ul { left:178px; margin:-30px 0 0 0; z-index:2;}
.header .menu ul li:hover ul, .header .menu ul li:hover li:hover ul { display:block;}
.header .menu ul ul li  { margin:1px 0 0 0; padding:0; float:none; background-color:#335c91; background-image:none; border-top:1px solid #416798; border-left:1px solid #416798; border-right:1px solid #305687; border-bottom:1px solid #305687;}
.header .menu ul ul li a { display:block; padding:8px 18px; color:#fff; background:url(images/li_square_white.gif) no-repeat 10px 16px;}
.header .menu ul ul li.active { background:#335c91 url(images/dropleft_arrow.gif) no-repeat 160px 13px; }

/* footer */
.footer { height:100px;background:#335c91 url(images/footer_bg.jpg) repeat-x top; }
.footer .bgr { padding-right:24px; background:url(images/footer_bg_right.jpg) no-repeat top right;}
.footer img.logo { float:left; border:none;}
.footer div.f_right { float:right; width:400px}
.footer a { color:#b8ddf9;}
.footer a span { font-weight:bold; color:#fff;}
.footer ul { margin:0; padding:20px 0 0 0; float:right; list-style:none;}
.footer ul li { float:left; border-left:1px solid #b7d1f1;}
.footer ul li.first { border-left:none;}
.footer ul li a { padding:0 12px;}
.footer p { margin:0; padding:32px 0 0 0; color:#b7d1f1; text-align:right;}
.footer p img { margin:-6px 8px; border:none;}

/* content */
.content { background:#fff url(images/content_bg.gif) repeat-x top;}
.content_res { margin:0 auto; padding:32px 0; width:1016px;}
.gadget { margin-bottom:12px;}
#formDiv_loginForm, #formDiv_forgotPassword {margin:auto;}
.loginblock {width:827px;margin:auto;}
.leftblock { float:left; width:827px;}
.rightblock { margin-right:10px; width:179px; float:left;}
.gadget h3 { margin:8px 0 0 0; padding:8px 0; font:bold 12px/1.5em Arial, Helvetica, sans-serif;}
.gadget h3 img.calendar { margin:-6px 4px -6px 0; border:none;}
.gadget .titlebar { margin-bottom:2px; border:1px solid #cfcfcf;}
.gadget .titlebar h3 { margin:0; padding:8px 32px 7px 16px; font:bold 12px/1.5em Arial, Helvetica, sans-serif; background:#aaa url(images/dropdown_bg.gif) repeat-x top; border:1px solid #fff;}
.gadget .titlebar a { margin:1px 1px 0 0; float:right;}
.gadget .titlebar a img, .gadget .error a img { border:none;}
.gadget .titlebar a.hidegadget { background:#335c91 url(images/button_dropup_bl.gif) no-repeat center center;}
.gadget .titlebar a.closegadget { background:#335c91 url(images/button_close_bl.gif) no-repeat center center;}
.gadget .error_tit { margin-bottom:2px; padding:0;}
.gadget .error_tit h3 { margin:0 60px 0 0; padding:9px 0 10px 16px; font:bold 12px/1.5em Arial, Helvetica, sans-serif; color:#fff;}
.gadget .error_tit a.hideerr { margin:2px 2px 0 0; float:right;}
.gadget .error_tit a.closeerr { margin:2px 4px 0 0; float:right;}
.gadget .error_tit img { border:none;}
.gadget .error_msg { padding:16px; background-color:#fffbe0; border:1px solid #ff5e3b;}
.gadget .error_msg p { margin:0; padding:0; color:#3c3c3c;}
.gadget .error_msg a { font-weight:bold;}
.err_or .error_tit { background-color:#ff5e3b;}
.err_bl .error_tit { background-color:#335c91;}
.err_gr .error_tit { background-color:#9d9d9d;}
.err_or .error_tit a.hideerr { background:#df5132 url(images/button_dropup_or.gif) no-repeat center center;}
.err_bl .error_tit a.hideerr { background:#33507b url(images/button_dropup_bl.gif) no-repeat center center;}
.err_gr .error_tit a.hideerr { background:#7e7e7e url(images/button_dropup_gr.gif) no-repeat center center;}
.err_or .error_tit a.closeerr { background:#df5132 url(images/button_close_or.gif) no-repeat center center;}
.err_bl .error_tit a.closeerr { background:#33507b url(images/button_close_bl.gif) no-repeat center center;}
.err_gr .error_tit a.closeerr { background:#7e7e7e url(images/button_close_gr.gif) no-repeat center center;}
.err_or .error_msg a { color:#ff5e3b;}
.err_bl .error_msg a { color:#335c91;}
.err_gr .error_msg a { color:#3c3c3c;}
.gadget .gadgetblock { padding:12px 16px; background-color:#f4f4f4; border:1px solid #cfcfcf;}
.gadgets3par { margin-left:-4px; margin-right:-4px;}
.gadget3inline { margin-left:4px; margin-right:4px; float:left; width:247px;}
.gadget ul.grayarrow { margin:0; padding:0; list-style:none;}
.gadget ul.grayarrow li { background:url(images/li_arrow.gif) no-repeat 0px 10px;}
.gadget ul.grayarrow li a { display:block; margin:0; padding:6px 0 6px 16px; color:#335c91;}
.gadget ul.withlines li { border-top:1px solid #fff; border-bottom:1px solid #d7d7d7;}             /** "ul.withlines" use only with ul.grayarrow or other defined "ul" */
.gadget ul.withlines li.first { border-top:none;}
.gadget ul.withlines li.last { border-bottom:none;}
.gadget a.colourbutton { padding:6px 0 8px 10px; color:#fff; text-decoration:none;}
.gadget a.colourbutton span { padding:6px 10px 8px 0;}
.gadget a.colourbutton span span { padding:6px 12px 8px 6px;}   /* must have two alikes padding */
.gadget a.button_orange { background:url(images/button_orange_left.gif) no-repeat top left;}
.gadget a.button_orange span { background:url(images/button_orange_right.gif) no-repeat top right;}
.gadget a.button_orange span span { background:#ff5e3b url(images/button_orange.gif) repeat-x top;}
.gadget a.button_blue { background:url(images/button_blue_left.gif) no-repeat top left;}
.gadget a.button_blue span { background:url(images/button_blue_right.gif) no-repeat top right;}
.gadget a.button_blue span span { background:#ff5e3b url(images/button_blue.gif) repeat-x top;}
.gadget .shadowpar { margin:0 0 -12px 0; padding-left:6px;}
.gadget .pixshadow { margin:4px 5px 12px 5px; padding:4px; float:left; background-color:#ececec;}
.gadget .pixshadow img { margin-top:-8px; margin-left:-8px; padding:2px; background-color:#fff; border:1px solid #d7d7d7;}
.gadget table.gwlines { margin:0; padding:0;}
.gadget table.gwlines th { padding:6px; font-weight:bold; text-align:left; background-color:#fff; border-bottom:1px solid #d7d7d7;}
.gadget table.gwlines td { padding:6px; text-align:left; border-top:1px solid #fff; border-bottom:1px solid #d7d7d7;}
.gadget table.gwlines tr.last td { border-bottom:none;}
.gadget table.arborder { margin-bottom:8px; border:1px solid #d7d7d7;}
.gadget table .lrborder { border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.gadget table th.calign { text-align:center;}
.gadget table td.ralign { text-align:right; padding-right:12px;}
.gadget img.tabpimpa { border:none;}
.gadget .blockshadow { margin:4px 0 8px 4px; padding:4px; background-color:#ececec;}
.gadget .blockshadow div.bs_content { margin-top:-8px; margin-left:-8px; padding:10px 12px; background-color:#fff; border:1px solid #d7d7d7;}
.gadget .blockshadow div.bs_content img.context { margin-right:8px; float:left; border:none;}
.gadget .blockshadow div.bs_content div.context { float:left; width:126px;}
.gadget .blockshadow div.bs_content div.context h4 { margin:0 0 6px 0; padding:0 0 6px 0; font: bold 16px/1.2em Arial, Helvetica, sans-serif; border-bottom:1px solid #d7d7d7;}
.gadget .iconblockpar { margin:0 0 -16px 0; padding:8px 6px 0 6px;}
.gadget .iconblockshade { margin:0 12px 12px 12px; float:left; width:118px;}
.gadget .blockshadow div.iconblock { padding:6px 24px 0px 24px;}
.gadget .blockshadow div.iconblock img { border:none;}
.gadget .blockshadow div.iconblock p { text-align:center;}
.gadget .blockshadow div.iconblock a { color:#999;}
.gadget .whiteblock { padding:12px 20px; background-color:#fff; border:1px solid #d7d7d7;}
.gadget .whiteblock img { border:none;}
.gadget .whiteblock img.cardpay { float:left;}
.gadget .whiteblock img.cardlogo { margin:-6px 0 -8px 0;}
.gadget .whiteblock .priceblock { padding:8px 20px; float:left;}
.gadget .whiteblock .cardsblock { padding:0 0 0 20px; float:right; border-left:1px solid #d7d7d7;}
.gadget .whiteblock .pimpabtn { margin:-2px 0;}
.gadget .whiteblock .specpad { padding-top:12px;}
.gadget .clocktime { width:110px; float:left;}
.gadget .clockdate { padding-left:4px; float:left;}
.gadget .vertsortable_head { cursor:move;}
.gadget .horizsortable_head { cursor:move;}

/* contact */
form { margin:0; padding:0; }
form ol { margin:0; padding:0; list-style:none;}
form ol li { display:block; margin:0; padding:0 0 8px 0;}
form label, form input.text, form input.password, form textarea, form select { font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#3c3c3c;}
form input.text, form input.password, form textarea{  padding:4px; background:#fff; border:1px solid #999;}
form input.text {}
form textarea { height:82px;}
form a.pnbtn { padding:4px 8px; text-decoration:none; background-color:#fff; border:1px solid #d7d7d7;}
.form_quickcontact input.text { width:140px;}
.form_quickcontact textarea { width:204px;}
.form_login { margin-bottom:8px;}
.form_login input.text { width:140px;}

.form_example textarea { width:450px;}
.form_example input.mini { width:64px; text-align:center;}
.form_example input.small { width:120px;}
.form_example input.medium { width:180px;}
.form_example input.large { width:450px;}
.form_example input.date { width:16px;}
.form_example input.year { width:32px;}
.form_example select { width:450px;}
.form_example select.cntresults { float:right; width:100px;}
.form_example label.small { float:left; width:132px;}
.form_example label.date { float:left; width:35px;}
.form_example label.year { float:left; width:50px;}

/* DATEPICKER */
/* ========================================================== begin ====================================================================== */
/* Interaction states */
.ui-state-default, .ui-widget-content .ui-state-default { border:1px solid #f3f3f3; text-align:center;}    /* days (border must have) */
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border:1px dotted #d7d7d7;}    /* hovered day */
.ui-state-active, .ui-widget-content .ui-state-active { border:1px solid #d7d7d7;}    /* selected day */
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { }

/* Interaction Cues */
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border:1px solid #d7d7d7; background:#fff; text-align:center;}     /* today */

/* Datepicker */
.ui-datepicker { margin-top:8px; margin-bottom:16px;}  /* container for datepicker */
.ui-datepicker .ui-datepicker-header { position:relative; padding:4px 0; border:1px solid #d7d7d7; background:#fff;}          /* container for datepicker's head */
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; padding-top:3px; top:2px; width:36px; height:23px; text-decoration:none;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { border:none;}
.ui-datepicker .ui-datepicker-prev { left:8px; background:url(images/arrow_prev.gif) no-repeat 2px 8px; text-align:right;}
.ui-datepicker .ui-datepicker-next { left:56px; background:url(images/arrow_next.gif) no-repeat 28px 8px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:block;}
.ui-datepicker .ui-datepicker-title { margin:0; padding-right:12px; line-height:1.8em; text-align:right;}
.ui-datepicker table { width:100%; border-collapse:collapse;}
.ui-datepicker th { padding:6px 4px; text-align:center; font-weight:bold; background:url(images/linehr.gif) repeat-x bottom;}
.ui-datepicker td { padding:0;}
.ui-datepicker td span, .ui-datepicker td a { display:block; padding:4px; text-decoration:none; }
/* ========================================================== end ====================================================================== */

/* dialogs */
#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none;}
#dialogboxes .window { position:absolute; display:none; padding:2px; left:0; top:0; width:382px; z-index:9999; background-color:#335c91;}
#dialogboxes .window .gadget { margin-bottom:0px;}
#dialogboxes .window .gadget .gadget { margin-bottom:12px;}


#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}
#form_selector{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#form_selector .auto_form {margin:auto;}