BODY { text-align:center; margin: 8px 16px; background-color: #ffffff; font-family: Tahoma, Arial, Helvetica, Nimbus Sans L, DejaVu Sans, FreeSans, sans-serif; color: #343434; font-size: 12px; }
TD { font-size: 12px; }
TABLE { border-collapse: collapse; }

H1, H2, H3 { color: #343434; font-weight: normal; }
H2 { margin: 0px 0px 10px; font-size: 140%; }
H3 { margin: 8px 0px; font-size: 120%; font-weight: bold; color:#333 }
A { COLOR: #005C9C; text-decoration: none }
A:hover { color:#cc6600; text-decoration: underline; }
UL { margin: 10px 0px 10px 30px; padding: 0px; }
OL { margin:10px 0px 10px 30px; padding:0px }
P { margin: 6px 0px; }

.nowrap { white-space: nowrap; }
.clear:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; } /* slaga se na containera na floatnat element za da se raztegne v Firefox */
.float_dummy { float: right; width: 100%; height:0px; max-height:0px; margin: 0px; padding: 0px; font-size: 0px; } /* tova pyk e za IE */
.hidden { display:none }
.borders { border: 1px dashed #FF0000; }
.required { color: #C00; }
.explain { color:#999; font-weight: normal; }
DIV.separator.tiny { margin: 10px 0px; border-bottom: 1px solid #CCC; }
a[href="#"] { color: #adafb0; }
IMG { border: none; vertical-align: middle; }

#body_container { min-width: 730px; max-width: 1420px; margin: 0 auto; padding-bottom: 40px; text-align:left; }

/* top_menu */
#head_container { position: relative; top: 0px; left: 0px; margin: 0px 0px 20px; }

.heading_site { height: auto; text-align: left; }
.heading_site .gradient { width: 60%;
	filter: PROGID:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ff0073BC');
	background: -moz-linear-gradient(left, rgba(255,255,255,0), #0073BC);
}
.heading_site .site_name { padding: 6px 0px 0px 0px; font-size: 120%; font-weight: bold; color: #999; }
.heading_site .page_name { padding: 0px 0px 6px 0px; font-size: 140%; font-weight: bold; color: #333333; text-transform:lowercase; }

.top_menu { clear:right; padding: 1px 12px 2px; color: #FFFFFF; background-color: #006CB7; text-align: right; }
.top_menu A { margin: 0px 0px; color: white; }
.top_menu UL { margin: 0px 0px 0px; }
.top_menu LI { display: inline; margin: 0px; padding: 0px 6px 0px 9px; list-style:none; border-left: 1px dotted #ffffff; }
.top_menu LI.first { border: none; }


/* main_container */
#main_container { margin: 20px auto; text-align:left; }

#main_container .shaded { color:#999; }

/* flash messages */
.flashmessages { min-height: 20px; border: 1px solid #999; margin: 0px 0px 20px; padding: 12px 10px 10px 55px; background-color: #F8F8F8; background-image:url("/images/icon_notice.png"); background-position: 6px 4px; background-repeat: no-repeat; }
.flashmessages.success { color: #0B4908; border-color: #390; background-color:#E3FFDF; background-image:url("/images/icon_success.png"); }
.flashmessages.failed { color: #660000; border-color: #FD8A8F; background-color:#FEF2F2; background-image:url("/images/icon_failed.png"); }
.flashmessages.warning { color: #63372D; border-color: #FFCC63; background-color:#FEF7E7; background-image:url("/images/icon_warning.png"); }

/* application form fields styling */
FORM { margin: 0px; padding: 0px; }
INPUT, SELECT, TEXTAREA { color: #2F2F2F; font-size: 12px; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; }
BUTTON { margin: 0px 3px; font-size: 12px; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; }
LABEL { display: block; margin: 1px 0px 0px; vertical-align: middle; }
INPUT, SELECT { vertical-align: middle; }
INPUT[type="checkbox"], INPUT[type="radio"] { border: none; }
INPUT[type="text"], INPUT[type="password"], SELECT, TEXTAREA { border: 1px solid #000000; }
INPUT[type="text"].focused, INPUT[type="password"].focused, TEXTAREA.focused { background-color:#FFFFD6; }
OPTION.loading { color:#36C; }
TEXTAREA { width: 650px; height: 60px; }
INPUT.stdwidth, SELECT.stdwidth { width: 190px; }

H2.form_title { text-align: center; }
H2.form_title .shaded { color:#999; }
.form_part H3 { }

DIV.form_part { clear: left; margin: 1px 0px; padding: 10px; border: 1px solid #DADADA; border-radius: 5px; }
DIV.form_part.spacetop { padding-top: 10px; }

TD.field_data_container { padding-bottom: 6px; }

TD.field_name_container { width: 160px; text-align:right; vertical-align:text-top}

/* submenu */
.submenu { margin: 0px 0px 18px; }
.submenu UL { margin: 0px; padding: 0px 0px 0px 20px; height: 30px; border-bottom: 1px solid #000000; }
.submenu LI { margin: 0px 6px 0px 0px; padding: 6px 12px 0px 12px; float: left; display: block; height: 24px; border: 1px solid #000000; border-bottom: 0px; font-weight: bold; }
.submenu LI.selected { background: #ffffff; }


/* application page for detailed view */
.detailed_view .page_name { text-align: center; }
.detailed_view .field_name { margin: 3px 0px 1px; font-weight: bold; }
.detailed_view .field_data { margin: 1px 0px; }

/* submit buttons */
.submitbuttons_container { position: relative; top: 0px; left: 0px; clear: left; min-height: 22px; height: 22px; margin: 20px 0px; padding: 6px; text-align: center; background-color:#F5F5F5; }
.submitbuttons_container .secondary_container { position: absolute; top: 8px; right: 6px; margin: 0px 6px; }

/* form.search */
.search_container { margin: 10px 0px; padding: 10px; border: 1px solid #CCC; border-radius: 5px; }
.search_container TD { padding: 0px 4px; }
.search_container LABEL { margin: 0px; }

/* workwith_container */
.workwith_container { height: 28px; background-image: url('/images/login/workwith_background.gif'); background-position:bottom; background-repeat:repeat-x; background-color: #dadee4; }
.workwith_container a.add.big { float: left; display: block; margin: 2px 2px; padding: 4px 4px 3px 18px; border: 1px solid #feb900; background-image: url('/images/login/button_add_big_background.png'); background-position:center left; background-repeat:repeat-x; background-color:#feb900; color: #FFF; font-weight: bold; text-transform:uppercase; }

/* application table results styling */
TABLE.results { width: 100%; }
TABLE.results THEAD { background-color: #c8ced9; }
TABLE.results TD { padding: 2px 4px; }
TABLE.results TBODY.even TR, TABLE.results TBODY TR.even { background-color: #EDEFF3; }
TABLE.results TBODY.clickable TR { }
TABLE.results TBODY.clickable.over TR { background-color:#FFFFEA; }
TABLE.results TBODY.visible-n TR { background-color:#ffd9d9; }
TABLE.results TD.action_placeholder { width: 160px; }
TABLE.results TD.action_placeholder a { float: left; display: block; margin: 0px 3px; padding-top: 15px; font-size: 90%; text-align: center; white-space:nowrap; background-position: top center; background-repeat:no-repeat; }
TABLE.results TD.action_placeholder a.view { background-image: url('/images/login/button_view.png'); }
TABLE.results TD.action_placeholder a.edit { background-image: url('/images/login/button_edit.png'); }
TABLE.results TD.action_placeholder a.delete { background-image: url('/images/login/button_delete.png'); }
TABLE.results TD.action_placeholder a.offer { background-image: url('/images/login/button_offer.png'); }
TABLE.results TD.sublevel { padding-left: 30px; background-image: url('/images/login/results_sublevel.png'); background-position: 4px 0px; background-repeat: no-repeat; }

/* rspaging styling */
.paging_container { clear:both; }
.paging_container .prev_next_container a, .paging_container .prev_next_spacer { display:inline-block; width: 19px; height: 19px; margin: 0px 4px; vertical-align: middle; }
.paging_container .prev_container a { background: url('/images/button_paging_spr.png') -19px -19px no-repeat;}
.paging_container .prev_container a:hover { background-position: -19px 0px; }
.paging_container .next_container a { background: url('/images/button_paging_spr.png') 0px -19px no-repeat;}
.paging_container .next_container a:hover { background-position: 0px 0px; }
.paging_container a.page { padding: 0px 2px; font-weight: bold; text-decoration:none; }

/* filter input with magnifying glass */
INPUT.filter { padding-left: 24px; background: url('/images/login/filter_background.png') 2px 2px no-repeat; }


/* the modal overlay */
div.modal { display:none; z-index:10000; width:775px; padding: 20px 20px; background-color:#ffffff; color: #333; border:8px solid #999; -moz-border-radius: 10px; border-radius: 10px; }
div.modal H2 { text-align: center; font-weight: bold!important; }
div.modal .contentWrap { max-height:471px; overflow-y:auto; } /* container for external content. uses vertical scrollbar, if needed */


/* bottom */
.bottom_container { clear: both; margin: 20px 0px 20px; border-top: 1px solid #999; }
.bottom_container UL { margin: 10px 0px 6px; }
.bottom_container LI { display: inline; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 8px; list-style:none; border-left: 1px solid #999; }
.bottom_container LI.first { border: none; }
.bottom_container .credits { float: right; padding: 10px 0px; color: #999; }


/* menu.php */
.menu #main_container { width: 400px; margin: inherit auto; }
input.text { width: 300px; }

/* repeatables */
.removerow_container { width: 30px; }
.addrow_container { margin: 8px 0px 4px; }

/* wysiwig */
textarea.wysiwyg { height: 400px; }


/* info */
.info_image_container { position: relative; float: left; width: 280px; height: 142px; margin: 0px 2px 2px 0px; padding: 2px; border: 1px solid #DFDFDF; }
.info_image_container .thumb_container { position: absolute; right: 2px; top: 2px; }
.info_image_container input[type="text"] { width: 130px; }

/* hotel/excursion/pochivka */
#body_container.hotel TD.action_placeholder, #body_container.excursion TD.action_placeholder, #body_container.pochivka TD.action_placeholder { width: 204px; }

#visible_container LABEL { display: inline; margin: 0px 8px 0px 0px; }
#price_container INPUT, #price_container SELECT { width: 50px; }

.hotel_image_container { position: relative; float: left; width: 270px; height: 90px; margin: 0px 2px 2px 0px; padding: 2px; border: 1px solid #DFDFDF; }
.hotel_image_container .thumb_container { position: absolute; right: 2px; top: 2px; }
.hotel_image_container input[type="text"] { width: 130px; }

.excursion_image_container { position: relative; float: left; width: 270px; height: 90px; margin: 0px 2px 2px 0px; padding: 2px; border: 1px solid #DFDFDF; }
.excursion_image_container .thumb_container { position: absolute; right: 2px; top: 2px; }
.excursion_image_container input[type="text"] { width: 130px; }

.pochivka_image_container { position: relative; float: left; width: 270px; height: 90px; margin: 0px 2px 2px 0px; padding: 2px; border: 1px solid #DFDFDF; }
.pochivka_image_container .thumb_container { position: absolute; right: 2px; top: 2px; }
.pochivka_image_container input[type="text"] { width: 130px; }

.offer_image_container { position: relative; float: left; width: 270px; height: 90px; margin: 0px 2px 2px 0px; padding: 2px; border: 1px solid #DFDFDF; }
.offer_image_container .thumb_container { position: absolute; right: 2px; top: 2px; }
.offer_image_container input[type="text"] { width: 130px; }

.search_container .city_id_container SELECT { width: 150px; }

/* reservation */
.reservation_list TD.action_placeholder { width: 120px!important; }
.reservation_list TD.id { white-space: nowrap; }
.reservation_list SPAN.tooltip { color:#008000; border-bottom: 1px dashed #008000; }
.reservation_list TD.qty_adults { text-align: center; }
.reservation_list TD.qty_children_under_12 { text-align: center; }
.reservation_list TD.qty_children_over_12 { text-align: center; }
.reservation_list TD.price_total { text-align: right; }
.reservation_list TD.payment_in_advance { text-align: right; }
.reservation_list TD.payment_total { text-align: right; }

.reservation_status_icon { display: block; width: 46px; height: 16px; margin: 0px 0px 0px 0px; vertical-align: middle; background: url('/images/login/reservation_status_spr.png') 0px 0px no-repeat; }
.reservation_status_icon.new { background-position: 0px 0px; }
.reservation_status_icon.sent_offer { background-position: 0px -16px; }
.reservation_status_icon.partial_payment { background-position: 0px -32px; }
.reservation_status_icon.full_payment { background-position: 0px -48px; }
.reservation_status_icon.canceled_by_agency { background-position: 0px -80px; }
.reservation_status_icon.canceled_by_customer { background-position: 0px -80px; }
.reservation_status_icon.not_found { background-position: 0px -96px; }