.tooliconbox { float: left; display: block; width: 22%; margin-right: 14px; height: 70px; overflow: hidden; }
.tooliconbox img { float: left; display: block; }
.tooliconbox .data { padding-left: 50px; }
.tooliconbox h2, .tooliconbox a { font-size: 14px; font-weight: bold; color: #336699; }
.tooliconbox p { font-size: 11px; }

.search_box { padding-top: 2px; padding-bottom: 6px; margin-bottom: 12px; }

.search_box h2 { font-size: 14px; padding-top: 6px; margin: 0px; float: left; display: block; }
.search_box .search { display: block; float: right; }
.search_box .search input { vertical-align: middle; margin: 0px; }


.description_box { background-color: #f7f7f7; border: 1px dotted #ccc; padding: 8px; margin-bottom: 12px; }

p.small_gray { font-size: 10px; color: #666; }

.photoitem { float: left; display: block; margin: 0px 4px 4px 0px; padding: 3px; border: 1px solid #ccc; width: 70px; min-height: 85px; }
.selected { background-color: #ececec; }
.photoitem img { }
.photoitem .commandbar { padding: 5px 0px; font-size: 10px; vertical-align: bottom; }
.photoitem .commandbar a { font-size: 10px; color: #336699; }
.smallcheck { margin: 6px 0px; }
.smallcheck input[type=checkbox], .smallcheck label { font-size: 10px; vertical-align: middle; margin-right: 2px; }

.b3pxtop { border-top: 3px solid #ccc; }
.long_button_row { float: right; padding: 14px 20px; text-align: right; width: 230px; }


/****RESERVATION UI STYLES*****/

.rezervation_UI { width: 970px; color: #333; background-color: #fff; font-family: Segoe UI, Verdana, Tahoma, Arial, Sans-Serif; font-weight: normal; }

.rezervation_UI .leftcol { float: left; display: block; width: 420px; background-color: #fff; 
                           min-height: 500px; }
.rezervation_UI .rightcol { float: left; display: block; width: 548px; background-color: #fff; 
                            border-left: 2px solid #eee; min-height: 500px; padding-bottom:50px;}

.rezervation_UI h1, .rezervation_UI h2, .rezervation_UI h3, .rezervation_UI p, .rezervation_UI span { font-variant: normal; font-weight: normal; padding: 0px; margin: 0px; color: #333; line-height: 100%; }

.rezervation_UI h1 { font-size: 16px; border-bottom: 1px dotted #ccc; color: #333; padding: 10px 0px 6px 0px; margin-bottom: 14px; }
.rezervation_UI h2 { font-size: 14px; padding: 0px; margin: 0px; }
.rezervation_UI h2 span { line-height: 1.2em; }
.rezervation_UI h3 { font-size: 12px; }
.rezervation_UI p { font-size: 11px; }
.rezervation_UI p.desc span { line-height: 1.4em; }
.rezervation_UI a { color: #336699; }
.rezervation_UI a:hover { }

h1.medium_solid { font-size: 20px; border-bottom: 2px solid #eee; padding-top: 13px; padding-bottom: 7px; }


.rezervation_UI .tooliteml { float: left; display: block; width: 44%; }
.rezervation_UI .toolitemr { float: right; display: block; width: 55%; }

.rezervation_UI .tooliteml .icon { float: left; display: block; width: 55px; }
.rezervation_UI .toolitemr .icon { float: right; display: block; width: 175px; }
.rezervation_UI .toolitemr .icon img { float: left; display: block; }

.rezervation_UI .tooliteml .detail { float: left; display: block; border-left: 2px solid #ccc; padding: 0px 0px 6px 6px; }
.rezervation_UI .tooliteml .detail h2 { font-size: 18px; padding-bottom: 2px; }
.rezervation_UI .tooliteml .detail h2 span.medium { font-size: 14px; }
.rezervation_UI .tooliteml .detail p { padding: 6px 0px 4px 2px; }

.rezervation_UI .toolitemr .detail { float: left; display: block; border-right: 2px solid #ccc; padding: 0px 6px 6px 0px; text-align: right; width: 100px; }
.rezervation_UI .toolitemr .detail h2 { font-size: 18px; padding-bottom: 2px; }
.rezervation_UI .toolitemr .detail h2 span.medium { font-size: 14px; }
.rezervation_UI .toolitemr .detail p { line-height: 1.1em; padding: 1px 0px; }

.rezervation_UI .toolitemr .detail a { padding: 6px 0px 4px 2px; }


.rezervation_UI p.price, .txtMed { font-size: 30px; }
.rezervation_UI p.price .txtMin { font-size: 18px; }

.rezervation_UI p.shortings { font-size: 9px; padding: 1px 0px; }

.rezervation_UI .main_product_gallery_box { background-image: url('../Images/icons/rui.xball.gif'); background-repeat: no-repeat; background-position: 60px 0px; height: 150px; margin: 8px 0px; text-align: center; }

.rezervation_UI .main_product_gallery_box .gallery { padding-top: 85px; }
.rezervation_UI .main_product_gallery_box .minigallery { padding-top: 85px; }

#productdetails h2 { padding-bottom: 10px; }

.bottom_bar_box { position: fixed; bottom: 0px; width: 100%; font-size: 16px; text-align: center; background-color: #353535; border-top: 2px solid #000; padding: 8px 0px; z-index: 999; }
.bottom_bar { font-size: 16px; padding: 0px 14px; }

.bottom_bar .process_step_box { text-align: left; }


.proc_steps { list-style-type: none; line-height: 1.0em; margin-top: 3px; }
.proc_steps li { float: left; display: block; background-image: url('../images/pstep.back.gif.png'); background-repeat: repeat-x; background-position: top left; padding: 3px 12px 3px 12px; height: 20px; border-left: 1px solid #000; }
.proc_steps li:hover { }

.proc_steps li.active { float: left; display: block; background-image: url('../images/pstep.selected.back.gif.png'); background-repeat: repeat-x; background-position: top left; padding: 3px 12px 3px 12px; height: 20px; border-left: 1px solid #000; }

.proc_steps li span { font-size: 13px; color: #d3dbe1; color: #a1a1a1; line-height: 1.0em; padding: 0px; margin: 0px; }
.proc_steps li.active span { color: #d3dbe1; }

.proc_steps li a { display: block; font-size: 18px; padding: 2px 6px; }
.proc_steps li a:hover { }
.proc_steps li img { }
.proc_steps li input { }

.next_step { }

.yellow_board { padding: 12px; font-size: 14px; background-color: #ffffdd; border: 1px dashed #c6c7c8; margin: 0px 0px 12px 0px; display:block; }

.form_proc h3 { font-size: 13px; font-weight: bold; padding: 2px 4px 4px 4px; margin: 2px 0px; margin-bottom: 14px; line-height: normal; border-bottom: 1px solid #ccc; }

.yellow_board h3 { border: none; padding: 0px; margin: 0px; margin-bottom: 4px; }
.yellow_board h3 span { font-weight: bold; font-size: 14px; padding: 0px; border: none; }
.yellow_board p { }
.yellow_board p span { font-size: 14px; line-height: 120%; }

/****RESERVATION UI STYLES END*****/


/***HORIZONTAL GALLERY******/

.gallery { margin: 0px; }
.gallery .itembox { overflow: hidden; height: 90px; }
.gallery .item { float: left; display: block; margin: 0px 8px 8px 0px; }
.gallery .footer { background-color: #282828; height: 11px; padding: 5px 8px; overflow: hidden; text-align: center; color: #fff; }
.gallery .footer a { color: #fff; }
.gallery .footer a:hover { text-decoration: none; }
.gallery .nextb { float: right; display: block; width: 27px; height: 90px; padding-left: 6px; cursor: pointer; }
.gallery .prevb { float: left; display: block; width: 27px; height: 90px; padding-right: 6px; cursor: pointer; }


.minigallery { margin: 0px; }
.minigallery .itembox { overflow: hidden; height: 70px; }
.minigallery .item { float: left; display: block; margin: 0px 4px 4px 0px; }
.minigallery .footer { background-color: #282828; height: 11px; padding: 5px 8px; overflow: hidden; text-align: center; color: #fff; }
.minigallery .footer a { color: #fff; }
.minigallery .footer a:hover { text-decoration: none; }
.minigallery .nextb { float: right; display: block; width: 27px; height: 70px; padding-left: 2px; cursor: pointer; }
.minigallery .prevb { float: left; display: block; width: 27px; height: 70px; padding-right: 2px; cursor: pointer; }




/***HORIZONTAL GALLERY END******/

/****/
.gal_box { }
.gal_data_box { }
.gal_item { float: left; display: block; margin: 0px 4px 4px 0px; border-left: 2px solid #ececec; padding: 2px 4px 2px 6px; width: 190px; }
.gal_item .text { overflow: hidden; height: 80px; }

.paging_box { padding: 4px; background-color: #f7f7f7; border: 1px dotted #ccc; text-align: right; }
.paging_box a { font-size: 13px; color: #336699; }

/****/


.scroll_hor { overflow: scroll; overflow-y: hidden; -ms-overflow-y: hidden; }
.scroll_hor .container { }

/*
.carusel_item { display: block; float: left; margin: 0px 4px 0px 0px; padding: 0px; border: 1px solid #ccc; cursor: pointer; background-color: #fff; }
  */


.iconed_header { font-size: 14px; font-weight: bold; padding: 2px 0px 5px 0px; margin-bottom: 6px; border-bottom: 1px solid #ccc; }
.iconed_header span { font-size: 14px; font-weight: bold; }
.iconed_header img { vertical-align: middle; }

.hover_pop { border: 2px solid #000; background-color: #333; padding: 8px; color: #fff; line-height: 1.3em; width: 110px; }

.hover_pop p, .hover_pop p span { font-size: 12px; color: #fff; line-height: 1.2em; }


.data_table { }
.data_table tr:hover { background-color: #ececec; cursor: pointer; }
.data_table td { padding: 6px 10px 6px 2px; }
.data_table span { font-size: 11px; }

.reporttable { font-size: 12px; }
.reporttable th { padding: 3px; border: none; font-weight: bold; text-align: center; }
.reporttable tr { padding: 0px; border-bottom: 1px dotted #ccc; }
.reporttable tr td { padding: 3px; text-align: center; }
.reporttable tr td:hover { background-color: #fff; cursor: default; }
.reporttable tr:hover { background-color: #fff; }

.tcell { font-size: 12px; padding: 6px 12px 6px 0px; }

.popToolsMenu { padding: 4px; background-color: #f7f7f7; border: 1px solid #ccc; cursor: pointer; min-width: 110px; text-align: right; }

.popToolsMenu ul li { }
.popToolsMenu ul li a { display: block; padding: 4px; font-size: 13px; color: #336699; }
.popToolsMenu ul li a:hover { background-color: #666; color: #fff; text-decoration: none; }

/***** SWAP APPLICATION STYLES start ****/

.sw_cell { padding: 0px; float: left; display: block; overflow: hidden; height: 30px; margin-right: 1px; }

.sw_cell_visitor, .sw_cell_empty, .sw_cell_red, .sw_cell_green, .sw_cell_yellow, .sw_cell_holded, .sw_cell_visitor { padding: 4px; height: 30px; margin-right: 1px; cursor: pointer; overflow: hidden; }

.sw_cell_empty { background-color: #f7f7f7; cursor: auto; }
.sw_cell_red { background-color: #ff0000; background-image: url('../images/sw.cell.red.back.png'); background-repeat: repeat-x; background-position: top left; }

.sw_cell_green { background-color: #008000; background-image: url('../images/sw.cell.green.back.png'); background-repeat: repeat-x; background-position: top left; }

.sw_cell_yellow { background-color: #ffcc00; background-image: url('../images/sw.cell.yellow.back.png'); background-repeat: repeat-x; background-position: top left; }

.sw_cell_holded { background-color: #ffff00; background-image: url('../images/sw.cell.orange.back.png'); background-repeat: repeat-x; background-position: top left; }
.sw_cell_visitor { background-color: #00ccff; background-image: url('../images/sw.cell.blue.back.png'); background-repeat: repeat-x; background-position: top left; }

.sw_topdatecell { float: left; display: inline-block; margin-right: 1px; background-color: #73b537; padding: 4px 0px; text-align: center; overflow: hidden; }

.sw_navibar { padding: 8px 0px; margin-left: 0px; }
.sw_navibar .prevMonth { float: left; display: block; font-size: 18px; }
.sw_navibar .nextMonth { float: right; display: block; font-size: 18px; }
.sw_navibar .prevMonth img, .sw_navibar .nextMonth img { vertical-align: middle; }
.sw_navibar .prevMonth span, .sw_navibar .nextMonth span { cursor: pointer; padding: 2px 4px; border: 1px solid #fff; }
.sw_navibar .prevMonth span:hover, .sw_navibar .nextMonth span:hover { cursor: pointer; background-color: #f7f7f7; border: 1px solid #ccc; padding: 2px 4px; }

.sw_navibar .sw_update { margin: 0px auto; width: 130px; text-align: center; }
.sw_navibar .sw_update input[type=submit] { vertical-align: middle; }

.sw_cellhoverbox { padding: 0px; font-size: 12px; color: #fff; max-width: 240px; }
.sw_cellhoverbox .arrow { height: 8px; padding: 0px; margin: 0px; background-image: url('../images/arrow.bottom.png'); background-repeat: no-repeat; background-position: top left; }
.sw_cellhoverbox .content { background-color: #023d4b; color: #fff; padding: 6px; border: 3px solid #000; border-bottom: none; }
.sw_cellhoverbox .content p { line-height: 13px; font-size: 11px; }
.sw_cellhoverbox .content > p:first-child { font-size: 11px; font-weight: bold; line-height: 1.0em; }
.sw_cellhoverbox .content a { font-size: 12px; color: #fff; }
/***** SWAP APPLICATION STYLES end ****/

.ajax__calendar_container { z-index: 1000; }

.hNote {margin-top:-10px; margin-bottom:10px;}

.ann_detail{ font-family: Trebuchet MS, Arial, Verdana; font-size:13px; padding:30px; margin:0px;}
.ann_detail h1{ font-size: 14px; font-weight:bold; margin-bottom: 8px;}
.ann_detail p { line-height:1.4em; }

.ann_detail ul { list-style-type:disc; padding:6px 0px 0px 10px; }
.ann_detail ul li{ list-style-type:disc; list-style-position:inside; padding:2px 4px;}