body {
	margin: 0;
	padding: 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.ontab {
	text-decoration: none;
	font: normal 12px arial, sans-serif;
  margin-top: 6px;
	padding-top: 6px;
}

a.offtab {
	text-decoration: none;
	font: normal 12px arial, sans-serif;
  margin-top: 6px;
	padding-top: 6px;
}

a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding:5px 10px 5px 10px; /* push text down 1px */
}


input[type="text"], select, textarea{
    width:300px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 1px;
    border:1px solid gray;
	background-color: #FDFDFD;
    border: 1px solid #2BB1FF;
}
table {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.operator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.operatorName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.guest {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.guestName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
 
.tabNav { 
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#000000; 
}

	a.tabNav				{ text-decoration:none }
	a:link.tabNav			{ text-decoration:none }
	a:hover.tabNav		{ color:#003300; text-decoration:none }

.adminnavtop { 
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF; 
}
	a.adminnavtop				{ text-decoration:none }
	a:link.adminnavtop			{ text-decoration:none }
	a:hover.adminnavtop		{ color:#CCFFCC; text-decoration:none }


.adminnavleft { 
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#000066; 
}
	a.adminnavleft				{ text-decoration:none }
	a:link.adminnavleft			{ text-decoration:none }
	a:hover.adminnavleft		{ color:#006600; text-decoration:none }
		
.header { 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 20px; 
   font-weight: bold; 
   color: #eeeeee;
}  

.wh { 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 20px; 
   font-weight: bold; 
   color: #333333;
} 

td {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333; 
}

.standbox {
width: 450px;
height: 300px;
margin: 0 0 10px 0;
padding: 10px;
border: 1px;
background: #a5cbf7;
font-size: 11px;
}

.loginbox {
width: 333px;
height: 248px;
margin: 0 0 10px 0;
padding: 10px;
border: 0px;
border-top: none;
background: #F3F3F3 url(images/login.jpg) no-repeat 0 0;
font-size: 11px;
}

center h2{
    margin:0px; 
    padding: 30px 0 10px;
}
.tdHeader h3{
    margin-top: 20px;
} 

/* tabbed boxes */
td.tabon {
	background: #a5cbf7;
	border-top: outset #ffffff 2px;
	border-left: outset #ffffff 2px;
	border-right: outset #cccccc 2px;
	border-bottom: none;
}
td.taboff {
	background: #d6ebff;
	border-top: solid #cccccc 1px;
	border-left: solid #cccccc 1px;
	border-right: solid #cccccc 1px;
	border-bottom: solid #cccccc 2px;
}
td.tabsp {
	border-bottom: solid #cccccc 2px;
}
td.tabox {
	background-color: #a5cbf7;
	border-left: solid #cccccc 2px;
	border-right: solid #cccccc 2px;
	border-bottom: solid #cccccc 2px;
}

A.tabbed:link {
	color: #08245b;
	text-decoration: none;
}

A.tabbed:visited {
	color: #08245b;
	text-decoration: none;
}

A.tabbed:active {
	color: red;
	text-decoration: none;
}

A.tabbed:hover {
	color: #666666;
	text-decoration: underline;
}

TD.tabbed {
	font-family: Osaka,verdana,Sans-Serif;
	font-size: 8pt
}

TR.tabbed {
	font-family: Osaka,verdana,Sans-Serif;
	font-size: 8pt
}

 

bordertable {
	border: 1px black solid;
}

.bordertable{
 border: 1px black solid;
}

.button{
	border: 1px black solid;
	font-family: Osaka,verdana,Sans-Serif;
	font-size: 8pt;
	/*width: 100px; too small for some translations*/
}

.text{
	border: 1px black solid;
	font-family: Osaka,verdana,Sans-Serif;
	font-size: 8pt;
	height: 12pt;
}

/* Standard table 'spreadsheet' style */
table.tbl {
	background: #a5cbf7;
}

table.tbl TH {
	background-color: #08245b;
	color: #ffffff;
	list-style-type: disc;
	list-style-position: inside;
	border: outset #D1D1CD 1px;
	font-weight: normal;
	text-align:center;
}

table.tbl td {
	background-color: #ffffff;
}

/* a 'standard' table */
table.std {
	border: solid #08245b 2px;
	background: #d6ebff;
}
table.std TH {
	background-color: #08245b;
	color: white;
	list-style-type: disc;
	list-style-position: inside;
	border: outset #D1D1CD 1px;
}

table.std td.hilite {
	background-color: #ffffff;
}



/* tabbed boxes */
td.tabon {
	background: #a5cbf7;
	border-top: outset #ffffff 2px;
	border-left: outset #ffffff 2px;
	border-right: outset #cccccc 2px;
	border-bottom: none;
}
td.taboff {
	background: #d6ebff;
	border-top: solid #cccccc 1px;
	border-left: solid #cccccc 1px;
	border-right: solid #cccccc 1px;
	border-bottom: solid #cccccc 2px;
}
td.tabsp {
	border-bottom: solid #cccccc 2px;
}
td.tabox {
	background-color: #a5cbf7;
	border-left: solid #cccccc 2px;
	border-right: solid #cccccc 2px;
	border-bottom: solid #cccccc 2px;
}

/* Message styles */
.warning {
	color: red
}
.error {
	color: red
}
.message {
	color: #08245b;
}

.no_ {
	color: red
}

/* MAIN NAVIGATION
========================================== */






/* End hide */




 

/* -------------------------------------- SHORT BLUE --------------------------------------------- */

.base_color{
	color:#540400;
	color:#A20067;
	color:#D50000;
	color:#F66A00;
	color:#D3B8D8;
	color:#f4e7ff;
}

.theme-short_blue{
	background: transparent;
	color:#333333;
	min-height:375px;
}
.lfh-big-body{background: #ccd7df;}
.send_script-short_blue{background: #ccd7df;}
.waiting_theme-short_blue{background: transparent;}
.waiting_loader_txt-short_blue{padding:5px; text-align: center; font-size:16px;}
.user_qa-short_blue{}
.user_qa_table-short_blue{}
.user_qa_table-short_blue td{padding:2px;}
.user_qa_table-short_blue a{color:#4CA7FF ;}
.user_qa_table-short_blue a:hover{color:#A8D4FF;}
.user_qa_tab_hed-short_blue td{}

.lfh_header{background: white; text-align: left; border-left:1px solid #008ADA; border-right:1px solid #008ADA; width:400px; margin:30px auto 0px auto; overflow: hidden;} 
.lfh_logo_dealer{display:inline-block; *zoom:1; *display:inline; margin:auto; width:100%; text-align: center;}
.lfh_logo_dealer > img{margin: auto;}

.lfh_menu_box{background: #006cab url("menu_bg.png") repeat-x top; min-height:28px; border-top:1px solid gray; border-bottom:1px solid gray; position:relative;}
.lfh_menu_box table{border-collapse: collapse;}
.lfh_menu_box table td{border-collapse: collapse;}
.navigation span a{
	display:block;
	color:black;
	padding:0px;
	margin:0px;
	height:28px;
	line-height: 28px;
	min-width: 65px;
	text-align: center;
}
.navigation span a:hover{	background: #2bb1ff url("menu_bg.png") repeat-x top; color:black; }
.navigation .ontab{background: #2bb1ff url("menu_bg.png") repeat-x top; color:black; font-weight: bold;}

.lfh_middle{
	width: 400px;
	padding:0px 0px 5px 0px;
	margin:auto;
	background: white;
	/*box-shadow:0px 0px 5px #333333 inset; -webkit-box-shadow:0px 0px 5px #333333 inset;*/
	border-right:1px solid #008ADA;
	border-left:1px solid #008ADA;
	text-align: center;
	position: relative;
}
.lfh_midd_fx1{
	position:absolute;
	height:5px; width:100%; 
	bottom:0px;
	z-index:1;
	background: #008ada;
}
.lfh_midd_fx2{	display:none;}
.lfh_midd_fx3{height:5px; background: #008ada;}
.lfh_border{
	width:400px; min-height:330px;
	margin:auto;
	position: relative;
	z-index: 2;
}
.lfh_border-chat{
	width:400px; min-height:330px;
	position:relative;
	margin:auto;
	background: white;
	text-align: left;
}
.lfh_border-chat .lfh_tf{display:none;}
.lfh_session_border{min-height:375px; padding-top:1px; color:#333333;}

.lfh_tf{height:auto; width:auto; font-size:1px; display:none;}
.lfh_t1{display:inline-block; *zoom:1; *display:inline; width:30%; height:5px; background: #540400;}
.lfh_t2{display:inline-block; *zoom:1; *display:inline; width:25%; height:5px; background: #A20067;}
.lfh_t3{display:inline-block; *zoom:1; *display:inline; width:20%; height:5px; background: #D50000;}
.lfh_t4{display:inline-block; *zoom:1; *display:inline; width:15%; height:5px; background: #F66A00;}
.lfh_t5{display:inline-block; *zoom:1; *display:inline; width:10%; height:5px; background: #D3B8D8;}


.table-short_blue{border-collapse: collapse; width: 380px; margin-top:5px;}
.table-short_blue td{padding:5px 0;}
.table-short_blue .divMsgSent{margin-top:100px;}
.tab_in-short_blue{border-collapse: collapse;  margin-left: 38px;}
.tab_in-short_blue .tab_in-short_blue{margin-left: 0;}
.tab_in-short_blue td{ padding:0px; margin:0px;}
td.tdHeader{ padding: 10px 10px 10px 40px; }
.tdFldHdr, .tdGroupHdr{width:40px;}

.td_first-short_blue{width:190px; text-align: right; padding:2px 5px 2px 5px; color:#eeeeee; display:none;}
.td_second-short_blue{min-height:22px; line-height:22px;}
.td_second-short_blue label{cursor:pointer; display:inline-block; *zoom:1; *display:inline; padding-top:4px;}

.second-line-short_blue{display: none; padding-top:5px;}
.second-line-short_blue.radio,
.second-line-short_blue.checkbox,
.second-line-short_blue.dropmenu{display: block;}

.inp-short_blue{ margin:2px 0px 5px 0px; border:1px solid #2BB1FF; background:white; color:#333333; padding:2px; height: 24px;}
.inp_rad-short_blue{border:none; background: none; margin:4px 5px 0px 0px; padding:0px; cursor: pointer;}
.checkbox-short_blue{border:none; background: none; margin:4px 5px 0px 0px; padding:0px; cursor: pointer;}
.select-short_blue{ margin:2px 0px 5px 0px; border:1px solid #2BB1FF;background:white; color:#333333; padding:2px; height: 24px; }
.textar-short_blue{ margin:2px 0px 5px 0px; border:1px solid #2BB1FF;background:white; color:#333333; padding:2px; }

.lfh_session_close{
	background: white;
	min-height:375px;
	padding-left:7px;
	background: white;
}
.lfh_session_close input[type="text"]{width:322px;margin:2px 0px 5px 0px; border:1px solid #2BB1FF; background:white; color:#333333; padding:2px; box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
.lfh_session_close input[type="submit"]{width:auto; padding:5px 15px 5px 15px; cursor: pointer ; background: #008ADA;color:white; min-width:75px; transition: 0.3s; border: none; border-radius:30px; -webkit-border-radius:30px; text-align: center;}
.lfh_session_close input[type="submit"]:hover{ background: #008ADA color:white; padding:5px 15px 5px 15px; min-width:90px; transition: 0.3s; text-align: center;}
.lfh_session_close a{text-decoration: underline; color:red;}
.lfh_session_close a:hover{text-decoration: underline; color:#008ADA;}
.lfh_session_close form{margin: 0px;}

.corect-bl-short_blue{
	background:transparent;
	border-bottom:1px dotted gray;
	font-size: 20px;
	margin-bottom: 0px;
	padding: 15px 10px 10px 10px;
	text-transform: capitalize;
	text-align: justify;
}
.corect-bl-short_blue blockquote{padding: 0px; margin: 0px; color:#333333; }
.pn-error-short_blue{margin-bottom:16px; min-height:1px;}
.pn-error-short_blue ul{margin:0px 0px 0px 24px; padding:0px; font-size:12px; text-align: left; color:red;}


.submitbox-short_blue{text-align: center; padding:10px; margin:0px;}
.submitkey-short_blue{background: #008ADA; color:white; width:auto; padding:5px 15px 5px 15px; cursor: pointer; border:none; border-radius:30px; -webkit-border-radius:30px; transition: 0.3s;}
.submitkey-short_blue:hover{background: #008ADA; color:white; padding:5px 25px 5px 25px;  transition: 0.3s;}



.lfh-frame-box{
	height:220px;
	position:relative; 
	top:0px; left:0px;
	display:inline-block; *zoom:1; *display:inline; vertical-align: top;
	margin-left:0px;
}
.lfh-morda{
	width:100px; /*height:260px; */ 
	position:relative;
	/*display:inline-block; *zoom:1; *display:inline; vertical-align: top;*/ display:none;
	padding-left: 2px;
	margin-left:160px;
	margin-top:34px;
}
.lfh-ask-field{
	background: gray;
	color: white;
	font-weight:bold;
	padding: 5px 10px 5px 10px;
	text-align: left;
}
.chat-tab-in{border-collapse: collapse; margin-left:5px;}
.chat-tab-in td{margin:0px; padding:0px;}
.chat-textarea{
	margin:5px 0px 0px 0px; padding:2px;
	width:373px; height:87px;
	box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;
	border:1px solid #2BB1FF; color:#333333; background: white;
}
#currentchat img{width:1px; height:1px;}
#currentchat .guest img{width:auto; height:auto;}


.chat_nody-short_blue{ background: transparent;}
.chat_nody-short_blue .guestName{color:#333333;}
.chat_nody-short_blue .guest{color:#333333;}
.chat_nody-short_blue .operatorName{color: #008ADA;}
.chat_nody-short_blue .operator{color: #008ADA;}

.chat-frame-menu{
	position:absolute;
	left:0px; top:10px;
	width:100%;
	border-bottom:1px dotted gray;
	background: transparent;
}

.lfh-caht-form{margin:0px; padding:0px;}
.chat-say-box{ background:none; border:1px solid transparent; border-left:none; margin-bottom:5px; padding:0px; text-align: center; display:inline-block; *zoom:1; *display:inline;}
a.chat-say{ background: #008ADA;  border: none; float:none; margin:4px 0px 0px 0px; transition: 0.3s; padding:0px; width:83px; border-radius:30px; -webkit-border-radius:30px;}
a.chat-say span{ display:block;color:white; background: none; margin: 0px; padding:0px; line-height:25px; font-size: 12px; font-weight: bold; text-align: center;}
a.chat-say:hover span{color:white; background: transparent;}
a.chat-say:hover{background: #008ADA; width:98px; margin:4px 0px 0px 0px; transition: 0.3s;}

a.chat-exit{background: #008ADA; border:none; color:white; float:none; display:block; transition: 0.3s; padding:0px; cursor: pointer; border-radius:6px; -webkit-border-radius:6px;}
a.chat-exit span{display:block; border:none; background: none; margin: 0px; padding:5px 10px 5px 10px; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase;}
a.chat-exit:hover{background: #184895; transition: 0.3s;}

.smile-view{padding:5px;}
.smile-view2{padding:5px; color:red; text-transform: uppercase; font-weight: bold; line-height:18px;}
.smile-view a{text-decoration: none;color:#009900; display:block; text-transform: uppercase; font-weight: bold; line-height:18px;}
.smile-view a:hover{text-decoration: none;color:red;}
.smile-view img{vertical-align: top;}
.smile-view2 img{vertical-align: top;}

.smile-view-mod{padding:5px 10px 5px 10px;}
.smile-view-mod a{color:red;}
.smile-view-mod2{padding:5px 10px 5px 10px; color:red;}
.smile-view-mod2 a{color:green;}

.chat-foo1{background: none; min-height:38px; display:none;}
.chat-foo2{ background: none; padding-top:5px; min-height:33px; position:absolute; top:5px; right:0px;}
.chat-keys{text-align: center;}


.offline-mess-short_blue{padding:0px 30px; text-align:justify;}
.offline-mess-short_blue a{color:#790000;}
.offline-mess-short_blue a:hover{color:red;}

.session_close_txt-short_blue{text-align: center; margin-top:100px;}

.session_close_key-short_blue{display:none;}
.session_close_key-short_blue a{}
.session_close_key-short_blue a:hover{}

.session_close_key2-short_blue{ display: none;}
.session_close_key2-short_blue a{color:#790000;}
.session_close_key2-short_blue a:hover{color:red;}

.user_qa_table-short_blue tr td{ padding-left: 15px;}
.user_qa_table-short_blue table tr td{ padding-left: 0;}
.user-qa-answ-short_blue, .user-qa-answ-short_blue table{  width: 100%;}
.user-qa-answ-short_blue table {  border-collapse: collapse;}
.user-qa-answ-short_blue td{  color:#333;}

/* ------------------------------QA------------------------------- */

.questAnss{padding:5px;}
.questTrAnss{}
.user_qa_tab_hed-short_blue td{}

/* --------------------------CUSTOMIZE COLORS-------------------------- */


.lfh_middle{}
.customize_bg .lfh_midd_fx1{}
.customize_bg .lfh_midd_fx2{background: transparent;}

.navigationLine{width:100%; height:28px; background: #FFFFFF url('/livehelp/themes/vanilla/topbar.png'); position:relative;} 
.customize{height:100%;}
.customize_bg{
	background-position: center top; 
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.offlineMess.customize_bg{background-image: none;}
.customize_bg .sendScript{
	background-position: center top; 
	background-repeat: no-repeat;
	background-size: cover;
}
.customize_bg.lfh_session_close{background-attachment: scroll;}
.customize_bg .navigationLine{
	background: rgba(255,255,255,0.3) url('/livehelp/themes/violet/topbar_custom.png') repeat-x; 
	border-bottom:1px solid rgba(0,0,0,0.4); 
	height:27px;
}
.customize_bg .questAnss{background: transparent !important;}
.customize_bg .questTrAnss{background: transparent !important;}
.customize_bg .corect-bl-short_blue{}
.customize_bg .lfh-morda{background: transparent;}
.customize_bg .chat-frame-menu{background: rgba(0,0,0,0.25); border-bottom:1px dotted #333333;}
.customize_bg .chat-say-box{}
.customize_bg .chat-textarea{}
.customize_bg.chat_nody-short_blue{background-attachment: fixed;}
.customize_bg.user_qa-short_blue{background-attachment: fixed;}

.customize_bg .lfh_border-chat{background: rgba(0,0,0,0.5);}

.customize_bg .select-short_blue,
.customize_bg .textar-short_blue,
.customize_bg input[type="text"], 
.customize_bg select,
.customize_bg textarea{background: rgba(255,255,255,0.8) !important;}