﻿@import "../css/styles.css";
@import "css.css";
.question_pic { behavior: url(/_styles/pngfix/iepngfix.htc); }


/*--------------------------------- Special formating for MW UL tags -------------------------------*/
/* in stylesi.css is placed deposing setting for ul tag for purposes of convenient displaying in FO */
/*--------------------------------------------------------------------------------------------------*/
ul, .ulext{
	list-style: square url(/_images/bullet_small.gif) outside; font-family: Arial, Verdana, sans-serif;
	margin-left:5px;
}
li, .ulext LI
{
	margin-left:15px; /*border:1px solid #f00;*/
}
 
/* apply default style to lists */
ul, li
{
    font-size: 12px; font-family:  Arial, Verdana, sans-serif; color: #3E3E3E; line-height: 14px;
}
ol
{
    margin-left:10px;
}

.job_box
{
    background:url(/_frontOffice/images/background_puzzles.gif);
    background-repeat:no-repeat;
}
.job_wrp
{
    margin:0 80px;
}
.job_combo
{
    font-size:11px; width:215px; margin-bottom:10px;
}
.job_combo1
{
    font-size:11px; width:300px; margin-bottom:10px;
}
.hdr_ow
{
    font-weight: bold; background: url(../img/blt_3agle_green.gif) no-repeat left 3px; padding: 1px 0 1px 10px; 
}
.resume_box
{
    background:url(/_frontOffice/images/background_puzzles_resume.gif);
    background-repeat:no-repeat;
}
.resume_wrp
{
    margin:0 90px;
}


/* ajax layers */

#ajax_container, #ajax_service_container { overflow-x:hidden; overflow-y:hidden; background-color: white; width: 15px; z-index: 99999; text-align: center; border:1px solid #999 }
	#ajax_container .popupTopClose, #ajax_service_container .popupTopClose { clear:both; text-align: right; white-space: nowrap; }
	#ajax_container td, #ajax_service_container td { background-image: none !important; padding: 2px !important; }
	#ajax_container #ajax_tooltip { background: white; border: 1px dashed #d1d1d1; }
	.invisible_tooltip { display: none !important; }


/* -----------------------------------------------------------*/
/* OW extension used for classes overwriten from original css */
/* -----------------------------------------------------------*/
.hdr_service_box {padding: 14px 10px 0px 38px; }
.service_box_OW {padding: 0px 10px 50px 38px; }
.service_box_OW ul {list-style: none; padding: 8px 5px 5px 0px;}
.service_box_OW ul li {padding: 4px 0 6px 0; line-height: 13px;}
.service_box_OW a {color: #0066CC; font-size: 11px; }
.service_table_green_border {
	border-collapse: collapse;
	border: solid #5bb227 1px;
}
.service_table_green_border * { border-collapse: collapse; }
.service_table_white_border {
	border: solid #ffffff 1px;
	text-align: center;
	vertical-align: middle;
}
.service_table {
	border-spacing: 40px;
   }
.hyb {padding-left:15px; padding-right:25px }

.box_text_OW{padding: 0px 22px 18px 17px }


div.quest_box2_OW{padding:0 0px 0 0; background: url(none) no-repeat left top; border: 1px solid #ccc; width:193px}

.rc_rub_hdr{margin:1px 1px 0 1px; padding:4px 0 4px 20px; width:171px; background-color:#EEC390;}
.rc_rub_sub{padding:1px; width:191px; border-top:1px solid #EEC390; border-bottom:1px solid #EEC390;}
.rc_rub_subin{height:15px; width:191px; background-color:#EEC390;}
.rc_rub_t1{font-size:18px; font-weight:bold; color:rgb(166,130,94)}
.rc_rub_t2{font-size:18px; font-weight:bold; color:White}
.rc_rub_t3{font-size:14px; font-weight:bold; color:rgb(166,130,94)}

.faq_hdna{position:absolute; top:-1000px; visibility:hidden;}
.teaser_wrap{padding:0 10px 0 10px;}
.teaser_hdr{padding-left:5px; padding-top:10px}

.quests{margin-left:-16px;}

/*span.pic {vertical-align: top;}*/
span.pic img {border: 1px solid #31982A; margin-right: 2px;}
span.pic_white img{border: 4px solid #ffffff;}
span.pic_white_slim img{border: 1px solid #ffffff;}
span.pic_grey_slim img{border: 1px solid #707466;}

.wmJustify {text-align:justify; display: block}

div.prod_text{font-size:12px;}
.citi_box ul, .citi_box li{margin-left:0;}



#search
{
    position:absolute;
    left:820px;
    top:126px;
    width:1px;
}
#search_input
{
    margin:0;
    height:13px;
    font-size:12px;
}
#search_go
{
    margin-left:2px;
}


a.lnkbtn, a.lnkbtn:link, a.lnkbtn:visited, a.lnkbtn:hover, a.lnkbtn:active {
	text-decoration: none !important;
}


#detail_service_container { width: 299px; height: 415px; vertical-align: top; margin: 0 0 0 2px; }
#detail_service_container img { display: block; height: 219px; width: 299px; margin-bottom: 15px; }
#detail_service_container .html_cont { padding: 0 10px 0 0; width: 289px; height: 181px; overflow-y: auto; scrollbar-face-color: #31982a; scrollbar-highlight-color: #31982a; scrollbar-shadow-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-arrow-color: #fff; scrollbar-track-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-track: #fff; }
#print_version #detail_service_container .html_cont { height: auto; overflow: visible; }
#print_version #detail_service_container { height: auto;}
.tablePopup { width: 462px; height: 415px; text-align: left; margin-top: 6px;}
.tablePopup td  { vertical-align: top;}
#print_version .tablePopup { height: auto;}
#service_rotater_container { height: 415px; width: 124px; overflow: hidden; border-left: 1px solid #d7d7d7; padding-left: 16px; margin-right: 3px; }
#service_rotater_container .service_up, #service_rotater_container .service_down { width: 124px; cursor: pointer; }
#service_rotater { height: 377px; margin: 5px 0; width: 124px; overflow: hidden; float: right; */height: 374px; }
#service_rotater img { padding-bottom: 10px; }
#service_rotater img.last { padding: 0; }
.popupBlack { display: none; background: #000; filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5; position: absolute; top: 0px; left: 0px; width: 100%;  z-index: 400; }

#inventory_notifier { background: url(/_images/LM_inventory_jv_layer_up.jpg) no-repeat top center; width: 420px; display:none; margin-left:auto; margin-right: auto; background-color: #fff; color: #000 !important; border: 3px solid #25be01; }
#inventory_notifier_content { padding: 15px; padding-top: 75px; }
#inventory_notifier_content * { color: #000; }

#simple_notifier {width: 300px; display:none; margin-left:auto; margin-right: auto; background-color: #fff; color: #000 !important; border: 5px solid #fff; }
#simple_notifier_content { padding: 1px; padding-top: 1px; }
.notifier_cont {border: 1px solid rgb(37, 190, 1);}

#questioner { width: 620px; display:none; margin-left:auto; margin-right: auto; background-color: #fff; color: #000 !important; border: 3px solid #25be01; }
#questioner_content { padding: 15px; }
#questioner_content * { color: #000; }
#questioner_form { margin-top: 15px; }
#questioner_form table td { text-align: left; vertical-align: top; padding-top: 10px; }

.tooltipParent { position: absolute; display: block; width: 22px; height: 21px; }
	.tooltipParent .tooltipHolder { position: relative; }
	.tooltipParent .tooltipHolder .tooltip { display: none; position: absolute; left: 16px; top: 7px; }
	.tooltipParentHover .tooltipHolder .tooltip { display: block; }
	
	.footnote { position: absolute; width: 211px; padding: 0px 0px 0px 0px; }
	.footnoteTail { position: absolute; background: #fff; width: 24px; height: 22px; background: url(/_frontOffice/images/img/bg/footnote_tail.gif) left bottom no-repeat; padding: 0px 0px 0px 0px; }
	.footnoteTop { width: 211px; height: 10px; background: url(/_frontOffice/images/img/bg/footnote_top.gif) right top no-repeat; padding: 0px 0px 0px 0px; overflow: hidden;}
	.footnoteBot { width: 211px; height: 10px; background: url(/_frontOffice/images/img/bg/footnote_bot.gif) right top no-repeat; padding: 0px 0px 0px 0px; overflow: hidden;  }
	.footnoteBox { background: url(/_frontOffice/images/img/bg/footnote_box.gif) right repeat-y; padding: 0px 10px 0px 32px; font-size: 9pt;  }

/* -----------------------------------------------------------*/
/*                   Styles in Back Office                    */
/* -----------------------------------------------------------*/

.MenuStatic_uslugi { margin: 20px 0px 10px 5px; width: 222px; z-index: 0; position: relative; padding: 10px 0px 0px 0px;}	
	.MenuStatic_uslugi  .head { height: 24px; width: 212px; background: url(/_frontOffice/images/img/bg/select.gif) 0px 0px no-repeat; color: #fff; text-transform: uppercase; padding: 5px 0px 0px 10px; position: absolute; top: 0px; left: 0px; font-weight: bold;}
	.dropDownStatic_uslugi  .list { height: auto; width: 218px; margin: 0px 1px 0px 3px; overflow: hidden;} 
	.dropDownStatic_uslugi .dropDownBox .list  ul { width: 218px; }
	
.f1{font-size: 12px; font-family:  Arial, Verdana, sans-serif; color: #3E3E3E;}
.titleGreen_24CAP{font: bold 24px Arial,Verdana, Tahoma, sans-serif; text-transform: uppercase; color: #31982A}
.titleGreen_24{font: bold 24px Arial,Verdana, Tahoma, sans-serif; text-transform: none; color: #31982A}
.titleGreen_19{font: 19px Arial, sans-serif; color: #31982A;}
.titleGreen_19CAP{font: 19px Arial, sans-serif; text-transform: uppercase; color: #31982A;}
.subtitleGreen_14{font: 14px Arial, sans-serif; color: #31982A;}
.subtitleGreen_14CAP{font: 14px Arial, sans-serif; text-transform: uppercase; color: #31982A;}

.textGreen_12_Bold{font: bold 12px Arial, sans-serif; color: #31982A;}
.textGreen_11{font-size: 11px; color: #31982A; line-height: 14px;}
.textGreen_11_Bold{font: bold 11px Arial, sans-serif; color: #31982A;}

.subtitleGreenLight_18U{font: bold 18px Verdana, Arial,Tahoma, sans-serif; color: #97C599; text-transform: uppercase;}
.subtitleGreenLight_12CAP{font: bold 12px Arial, sans-serif; color: #97C599; text-transform: uppercase;}
.subtitleGreenLight_12{font: bold 12px Arial, sans-serif; color: #97C599;}

.titleLilo_24U{font: bold 24px Arial,Verdana, Tahoma, sans-serif; color: #C678A8; text-transform: uppercase;}
.titleLilo_30U{font: bold 30px Arial,Verdana, Tahoma, sans-serif; color: #C678A8; text-transform: uppercase;}
.subtitleLilo_12{font: 12px Arial, sans-serif; color: #C678A8;}
.subtitleLilo_12CAP{font: 12px Arial, sans-serif; color: #C678A8; text-transform: uppercase;}


.subtitleBlack_19{font: 19px Arial, sans-serif; color: #3E3E3E; }
.textBlack_12_Bold{font:bold 12px Arial, sans-serif; color: #3E3E3E; }
.textBlack_10U{font: 10px Arial, sans-serif; color: #3E3E3E; text-transform: uppercase;}


.subtitleGray_16CAP{font: bold 16px Arial,Verdana,Tahoma, sans-serif; color: #7c7c7c; text-transform: uppercase;}
.subtitleGray_16{font: bold 16px Arial,Verdana,Tahoma, sans-serif; color: #7c7c7c;}
.subtitleGray_11U{font: bold 11px Arial,Verdana,Tahoma, sans-serif; color: #87c7c7c; text-transform: uppercase;}
.textGray_11{font: 11px Arial,Verdana,Tahoma, sans-serif; color: #7c7c7c;}
.textGraylight_11{font: 11px Arial,Verdana,Tahoma, sans-serif; color: #eeeeee;}
.textBlack_11{font: 11px Arial,Verdana,Tahoma, sans-serif; color: #3E3E3E;}
.textGreen_12{font-size: 12px; color: #31982A;}
.textGray_12I{font: italic 12px Arial,Verdana,Tahoma, sans-serif; color: #7c7c7c;}
.textBrown_11{font: 11px Arial,Verdana,Tahoma, sans-serif; color: #CE7918 !important;}
.subtitleYellow_15{font: bold 15px Arial, sans-serif; color: yellow;}

.bookStep { position: relative; padding: 25px 0px 0px 0px; }
	.books_step { position: absolute; left: 8px; top: 0px; height: 33px; overflow: hidden; }
	.bookStep .books_step  a { display: block; float: left; width: auto; height: 32px; margin: 0px 0px 0px 0px; background: url(/_frontOffice/images/img/books_step/book.gif) 0px 0px repeat-x; text-align: center; padding: 9px 20px 0px 20px; font-weight: bold; color: #4c9113; text-decoration: none; position: relative; font-size: 11pt; }
	.bookStep .books_step  a .left { position: absolute; top: 0px; left: 0px; width: 20px; height: 32px; background: url(/_frontOffice/images/img/books_step/left.gif) top left no-repeat;}
	.bookStep .books_step  a .leftL { position: absolute; top: 0px; left: 0px; width: 20px; height: 32px; background: url(/_frontOffice/images/img/books_step/left_l.gif) top left no-repeat;}
	.bookStep .books_step  a .right { position: absolute; top: 0px; right: -1px; width: 20px; height: 32px; background: url(/_frontOffice/images/img/books_step/right.gif) top right no-repeat;}
	
	.bookStep .books_step  a:hover { background: url(/_frontOffice/images/img/books_step/book_over.gif) 0px 0px repeat-x; color: #fff; }
	.bookStep .books_step  a:hover .left { background: url(/_frontOffice/images/img/books_step/left_over.gif) top left no-repeat;}
	.bookStep .books_step  a:hover .leftL { background: url(/_frontOffice/images/img/books_step/left_l_over.gif) top left no-repeat;}
	.bookStep .books_step  a:hover .right { background: url(/_frontOffice/images/img/books_step/right_over.gif) top right no-repeat;}
	
	.bookStep .books_step  a.active { background: url(/_frontOffice/images/img/books_step/book_over.gif) 0px 0px repeat-x; color: #fff; }
	.bookStep .books_step   a.active .left { background: url(/_frontOffice/images/img/books_step/left_over.gif) top left no-repeat;}
	.bookStep .books_step   a.active .leftL { background: url(/_frontOffice/images/img/books_step/left_l_over.gif) top left no-repeat;}
	.bookStep .books_step   a.active .right { background: url(/_frontOffice/images/img/books_step/right_over.gif) top right no-repeat;}
	
.boxStep1 { padding: 20px 0px 60px 0px; position: relative;}
.headColor { height: 34px; overflow: hidden; }	
.headColor  h3 { font-size: 10pt; color: #000; font-weight: bold;}
.headColor  h2 { font-size: 16pt; color: #4c9113;  font-weight: normal; text-transform: none; height: 40px;}
.headColor  h2 div { font-size: 16pt; color: #4c9113;  font-weight: normal; text-transform: none; height: 40px;}


.tableColor { width: 370px;}
	.boxAction .tableColor td { padding: 4px 0px 4px 0px; text-align: center; vertical-align: middle; height: 70px;}	
	.tableColor table { width: 369px;}
	.boxAction  .tableColor th { height: 52px; text-align: center; vertical-align: middle; padding: 0px 0px 0px 0px;}
	.boxAction  .tableColor tl { height: 52px; text-align: center; vertical-align: middle; padding: 0px 0px 0px 0px;}
	.tableColor th.l { background: url(/_frontOffice/images/img/step/th_l.gif) 0px 0px no-repeat; width: 105px; }
	.tableColor th.ll { background: url(/_frontOffice/images/img/step/th_l_l.gif) 0px 0px no-repeat; width: 105px; }
	.tableColor th.l div { font-weight: normal; color: #010101; padding: 5px 5px 5px 5px; font-size: 8pt;}
	.tableColor th.l .el { padding: 10px 5px 0px 5px;}
	.tableColor th.l .er { padding: 4px 5px 5px 5px;}
	.tableColor th.r { background: url(/_frontOffice/images/img/step/th_r.gif) top right no-repeat; width: 132px; color: #000; font-size: 11pt; font-weight: bold; }
	.tableColor th.rl { background: url(/_frontOffice/images/img/step/th_r_l.gif) top right no-repeat; width: 265px; color: #000; font-size: 11pt; font-weight: bold; }
	.tableColor th.c { color: #000; font-size: 11pt; font-weight: bold; background: #eeeeee url(/_frontOffice/images/img/step/grey.gif) right repeat-y; }
	.tableColor td.sep  { padding: 0px 0px 0px 0px; height: 1px; font-size: 0px; background: #dadada url(/_frontOffice/images/img/step/td_r.gif) right repeat-y;}
	.tableColor td.l  { width: 105px; background: #eeeeee url(/_frontOffice/images/img/step/grey.gif) right repeat-y; color: #000; font-size: 12pt; font-weight: bold; }
	.tableColor td.r  { width: 132px; background: #fff url(/_frontOffice/images/img/step/td_r.gif) right repeat-y; }
	.tableColor td.c  { width: 132px; background: #fff url(/_frontOffice/images/img/step/grey.gif) right repeat-y; }
	.tableColor td.bot  { background: url(/_frontOffice/images/img/step/td_bot.gif) top left no-repeat; height: 10px; }
	.tableColor td.botbig  { background: url(/_frontOffice/images/img/step/td_bot_big.gif) top left no-repeat; height: 10px; }

	
.colorList { width: 341px; float: left;}
	.colorList .color { width: 321px; height: 104px; background: url(/_frontOffice/images/img/bg/color.gif) 0px 0px no-repeat; margin: 0px 0px 10px 20px;}
	.colorList .color .image { width: 137px; height: 93px; background: url(/_frontOffice/images/img/bg/color_img.gif) 0px 0px no-repeat; float: right; margin: 5px 6px 0px 20px; text-align: center;}
	.colorList .color .image img { display: block; margin: 5px 0px 0px 0px;}
	.colorList .color h3 { color: #010101; font-size: 11pt; padding: 12px 0px 5px 10px; text-align:left}
	.colorList .color p { padding: 8px 0px 5px 15px;}
	.colorColorName { float: left; margin: 0px 1px 0px 0px;  padding: 2px 0px 0px 10px;}
	.colorColor { width: 19px; height: 19px; background: url(/_frontOffice/images/img/bg/color_color_block.gif) 0px 0px no-repeat; float: left;  margin: 0px 10px 5px 0px;}
	.colorColorblank { width: 19px; height: 19px; float: left;  margin: 0px 10px 5px 0px;}
	.colorColor img { width: 16px; height: 16px; display: block; margin: 2px 0px 0px 2px;}
	
	
.colorListbig { width: 341px; float: left;}
	.colorListbig .color { width: 321px; height: 125px; background: url(/_frontOffice/images/img/bg/color_big.gif) 0px 0px no-repeat; margin: 0px 0px 20px 20px;}
	.colorListbig .color .image { width: 137px; height: 93px; background: url(/_frontOffice/images/img/bg/color_img.gif) 0px 0px no-repeat; float: right; margin: 5px 6px 0px 12px; text-align: center;}
	.colorListbig .color .image img { display: block; margin: 5px 0px 0px 0px;}
	.colorListbig .color .h3 { color: #010101; font-size: 11pt; padding: 0px 0px 3px 10px; text-align:left}
	.colorListbig .color p { padding: 8px 0px 5px 15px;}
	.colorColorName { float: left; margin: 0px 1px 0px 0px;  padding: 2px 0px 0px 11px;}
	.colorColor { width: 19px; height: 19px; background: url(/_frontOffice/images/img/bg/color_color_block.gif) 0px 0px no-repeat; float: left;  margin: 0px 10px 5px 0px;}
	.colorColor img { width: 16px; height: 16px; display: block; margin: 2px 0px 0px 2px;}
	
	
.colorList_blank { width: 341px; float: left;}
	.colorList .color_blank { width: 321px; height: 104px; margin: 0px 0px 20px 20px;}
	.colorList .color .image { width: 137px; height: 93px; background: float: right; margin: 5px 6px 0px 20px; text-align: center;}
	.colorList .color .image img { display: block; margin: 5px 0px 0px 0px;}
	.colorList .color h3 { color: #010101; font-size: 11pt; padding: 12px 0px 5px 10px;}
	.colorList .color p { padding: 8px 0px 5px 15px;}
	.colorColorName { float: left; margin: 0px 10px 0px 0px;  padding: 2px 0px 0px 10px;}
	.colorColor { width: 19px; height: 19px; background: url(/_frontOffice/images/img/bg/color_color_block.gif) 0px 0px no-repeat; float: left;  margin: 0px 10px 5px 0px;}
	.colorColor img { width: 16px; height: 16px; display: block; margin: 2px 0px 0px 2px;}

	
.el { text-align: left;}
.er { text-align: right;}
.ec { text-align: center;}

/* -----------------------------------------------------------*/
/*                   Styles in Back Office                    */
/* -----------------------------------------------------------*/
.alignLT{text-align:left;vertical-align:top}
.alignLM{text-align:left;vertical-align:middle}
.alignLB{text-align:left;vertical-align:bottom}
.alignCT{text-align:center;vertical-align:top}
.alignCM{text-align:center;vertical-align:middle}
.alignCB{text-align:center;vertical-align:bottom}
.alignRT{text-align:right;vertical-align:top}
.alignRM{text-align:right;vertical-align:middle}
.alignRB{text-align:right;vertical-align:bottom}