/* ---------------------------
   
   Style name: Marva
   Created by: Pavel Manovich
   Date: 14.12.2008
   Last update: 14.12.2008
   
---------------------------------- */


/* Standard tags
---------------------------------- */
* { margin: 0; padding: 0; }

body {
	background-color: #bbd3f8;
	color: #000000;
	}
body.chatbody {
	overflow: auto;
	background-color: #ffffff;
	background-attachment: fixed;
	margin: 0;
	background-position:center;
	background-repeat:no-repeat;
	border: 0 solid;
	font-family:Tahoma,Verdana;
	font-size:11px;
	padding:7px 10px 5px 10px;
	}
body.faqbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	width: 100%;
	}
h1 {
	font-size: 16px;
	color: #333333;
	}
h2 {
	font-size: 14px;
	margin: 0.3em 0;
	}
h3 {
	font-size: 11px;
	margin: 0.3em 0;
	border-bottom: 1px solid #CCCCCC;
	text-transform: uppercase;
	}

select { font-size: 10px; font-family:Tahoma; width: 100px; }
option { font-size: 10px; font-family:Tahoma; width: 100px; }
p { font-size: 12px; margin-bottom: 0.5em; }

hr {
	border: 0px none transparent;
	border-top: 1px dashed #999999;
	margin-bottom: 5px;
	padding-bottom: 5px;
	height: 1px;
	}



/* Input fields */
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}
textarea, #chat {
	padding:0px;
	}
.radio {
	border: none;
	background: none;
	}

#send:hover {
	}
.go, .button {
	background-image: none;
	background-color: #f4f4f4;
	border: 1px solid #999999;
	cursor: pointer;
	color: #000000;
	}


/* Links */
a:link, a:visited { color: #006DD1; text-decoration: none; }
a:hover { text-decoration: underline; color: #0099FF; }
a:active { text-decoration: none; color: #0099FF; }
a:hover img { text-decoration: none; }

A.hi_kb_question:link {font-weight:normal;font-family:tahoma,verdana,arial; color:#016bc2; font-size: 11px; text-decoration: none;border-bottom: 1px dotted}
A.hi_kb_question:visited,A.hi_kb_question:active {font-weight:normal;font-family:tahoma,verdana,arial; color:#016bc2; font-size: 11px; text-decoration: none}
A.hi_kb_question:hover {font-weight:normal;font-family:tahoma,verdana,arial; color: #0099FF; font-size: 11px; text-decoration: none;border-bottom: 1px dotted}

A.hi_kb_question2:link {font-weight:normal;font-family:tahoma,verdana,arial; color:#019693; font-size: 11px; text-decoration: none;border-bottom: 1px dotted}
A.hi_kb_question2:visited,A.hi_kb_question2:active {background-color:ffffcc;font-weight:normal;font-family:tahoma,verdana,arial; color:#019693; font-size: 11px; text-decoration: none}
A.hi_kb_question2:hover {font-weight:normal;font-family:tahoma,verdana,arial; color: #03c0a9; font-size: 11px; text-decoration: none;border-bottom: 1px dotted}



/* Copyright link */
#copyright a:link, #copyright a:visited, #copyright a:active {
	text-decoration: none;	color: #666666;
	}
#copyright a:hover { text-decoration: none; color: #000000;  }


/* Online/offline */
td.online {
	border: 1px solid #29C029;
	background-color: #BBECBB !important;
	}
td.offline {
	border: 1px solid #ABB7C6;
	background-color: #D1DCEB !important;
	}

td.welcom {
  color:#666666;
  font-family:Tahoma;
  font-size:11px;
  margin:0;
  padding:10px;
  padding-bottom:2px;
  border:0;
  background-color:#ffffff;
}

div.online label, div.offline label {
	margin:0px;
	padding:0px;
	font-size: 11px;
	line-height:20px;
	height:20px;
	font-weight: normal;
	}
.online {
	color: #009900;
	}
.offline {
	color: #666666;
	}

  input.welcom {
  padding:1px;
  margin:0;
  font-family:Tahoma;
  font-weight:normal;
  font-size:11px;
  width:100%;
  border:1px solid #cccccc;
  border-width:0 0 1px 0;
}

/* Conversation window attributes */
#conversation p {
	margin-bottom: 0.7em;
	line-height: 135%;
	font-size:11px;
	}
#conversation img {
	border: none;
	display: block;
	clear: both;
	margin: 5px 0;
	}
p.notice {
	font-weight: normal;
	color: #68605e;
	line-height:13px !important;
	}
p.notice span {
	font-size:11px;
	font-weight: bold;
	color: #68605e;
	line-height:14px;
	}
p.client {
	font-weight: normal;
	color: #000000;
	line-height:13px !important;
	}
p.client span {
	font-size:11px;
	font-weight: bold;
	color: #00568a;
	line-height:14px;
	}
p.operator {
	font-weight: normal;
	color: #000000;
	line-height:13px !important;
	}
p.operator span {
	font-size:11px;
	font-weight: bold;
	color: #007A00;
	line-height:14px;
	}
p.alert {
	background-color:ffeec2;
	line-height:13px !important;
	font-size:11px !important;
	font-weight: normal;
	color: #000000;
	/* border-top: 1px dotted rgb(59,97,156); */
	padding: 3px 10px;
	margin: 1.7em 0;
	}


/* Conversation links */
#conversation a:link, #conversation a:visited, #conversation a:active {
	text-decoration: none;
	color: #0066CC;
	border-bottom: 1px solid #065CEF;
	}
#conversation a:visited { color: #5D8FBD; border-bottom-style: dotted; border-bottom-color: #666666; }
#conversation a:active  { color: #0099FF; }
#conversation a:hover   { background-color: #D0E4F6; text-decoration: none; color: #004C99; }



/* Buttons
---------------------------------- */
#options {
	background-color: #EFEFEF;
	border-top: 1px solid #CCCCCC;
	}
#sound_print {
	background-color: #EFEFEF;
	border-top: 1px solid #CCCCCC;
	}
a.print, a.font, a.soundOn, a.soundOff {
	padding: 1px 0 1px 20px;
	line-height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}
a.soundOff { background-position: 0 -16px; }
a.print { background-image: url("images/icon_print.gif"); }
a.font  { background-image: url("images/icon_font.gif"); }
a.soundOn, a.soundOff { background-image: url("images/icon_sound.gif"); }




/* FAQ Styles
---------------------------------- */
p.question {
	font-weight: bold;
	font-size: 13px;
	}
div.answer { 
	font-size: 13px;
	font-style: italic;
	margin: 0;
	}
div.answer ul { 
	list-style-type: square;
	font-size: 13px;
	font-style: italic;
	margin: 0;
	}
p.rate {
	font-size: 11px;
	margin-top: 10px;
	}
p.rate label {
	padding: 0 10px;
	vertical-align: middle;
	}
div.cookie {
	padding: 5px 3px;
	margin-top: 10px;
	margin-bottom: 4px;
	background-color: transparent;
	border-bottom: 1px solid #5D8FBD;
	background-image: url(http://f12go.ru/images/toolbar_chat.gif);
	background-repeat: repeat-x;
	}
div.rate_new {
	background-image: url(http://f12go.ru/images/toolbar_chat.gif);
	background-repeat: repeat-x;
	padding: 5px 3px;
	background-color: #eaedf0;
	border-top: 1px solid #5D8FBD;
	}
div.faq ul {
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
div.faq li {
//	list-style-type: square;
	}
div.faq li.headcat {
	line-height:12px;
	padding:0px;
	margin-top:3px;
	margin-bottom:3px;
	list-style-type: square;
	font-weight: bold;
	}
div.faq li.hiquest {
	line-height:12px;
	padding:0px;
	margin-top:3px;
	margin-bottom:3px;
	list-style-type: none;
	font-weight: normal;
	}



/* Tabs
---------------------------------- */
#tabs a { background:url("images/tabs_left.gif") no-repeat 0% 0px; }
#tabs a span { 
	background: url("images/tabs_right.gif") no-repeat 100% 0px;
	color: #276AB4;
	}
#tabs a:hover span { color: #276AB4; }
#tabs li.activetab a { border-bottom: 1px solid #DEDEDE; }
#tabs li.activetab a span {	color: #25AF25; }
#tabs ii.activetab a:hover span { color: #6963BF;}



/* Operator styles
---------------------------------- */
body.operatorbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #DEDEDE;
	color: #00478C;
	background-image: none;
	margin: 5px;
	}
* html body.operatorbody { width: 92%; } /* IE tweak */
#operator {
	background-color: #EFEFEF;
	}
#operatorpanel {
	background-color: #DEDEDE;
	border: 1px solid rgb(59,97,156);
	border-top-color: rgb(59,97,156);
	}

body.monitorbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	color: #00478C;
	margin: 5px;
	}
body.faqbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	color: #00478C;
	margin: 5px;
	}
div.logo {
	border-bottom: 2px solid #4580C0;
	margin-bottom: 4px;
	}

/* Tables
---------------------------------- */
table {
	width: 100%;
	margin-bottom: 10px;
	}
table thead th {
	text-align: left;
	padding-bottom: 3px;
	border-bottom: 1px solid #4580C0;
	font-size: 11px;
	}
table tbody th {
	text-align: right;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	background-color: #FFFFFF;
	}
table tbody.subhead th {
	text-align: left;
	background-color: #FFFFFF;
	color: #00478C;
	}
table tbody td {
	padding: 3px;
	font-size: 11px;
	background-color: #EAEDF0;
	}
tr.row1 td { background-color: #EAEDF0; }
tr.row2 td { background-color: #F9FBFB; }

.question {
	color:#555555;
	font-family:Tahoma;
  font-weight:bold;
  font-size:11px;
  margin:0;
  padding:2px;
  border:0;
  background-color:transparent
}

td.rating_mess {
     background-color:#ffffff;
     font-family:Tahoma;
     font-size:11px;
     padding-top:30px;
}

td.rating_close {
    background-color: #ffffff;
}