/* PHP Live! Style CSS
   ---------------------------
   
   Style name: PHP Live! Polar
   Created by: Tom Beddard
   Date: 11 Dec 2004
   
---------------------------------- */


/* Standard tags
---------------------------------- */
* { margin: 0; padding: 0; }
* {	/* IE only scrollbar colouring */
	scrollbar-face-color: #ACD5F8;
	scrollbar-darkshadow-color: #6195C7;
	scrollbar-3dlight-color: #E5F3FE;
	scrollbar-arrow-color: #00478C;
	scrollbar-highlight-color: #ACD5F8;
	scrollbar-shadow-color: #ACD5F8;
	scrollbar-track-color: #70AEDE;
	}
body {
	background: #70AEDE url(images/background.gif) top left repeat-x;
	color: #013F7C;
	}
body.chatbody {
	background: #f4f4f4 url(images/innershadow.gif) -3px -3px repeat-x;
	background-attachment: fixed;
	color: #013F7C;
	}
body.monitorbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px;
	}
body.faqbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 0 5px 5px;
	width: 92%;
	}
	
h1 {
	font-size: 16px;
	color: #013F7C;
	}
h2 {
	font-size: 14px;
	margin: 0.3em 0;
	}
h3 {
	font-size: 11px;
	margin: 0.3em 0;
	border-bottom: 1px solid #013F7C;
	text-transform: uppercase;
	}

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

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



/* Input fields */
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}
input, textarea, #chat {
	background: #f4f4f4 url(images/innershadow.gif) top left no-repeat;
	border: 1px solid #FFFFFF;
	background-attachment: fixed;
	}
.radio {
	border: none;
	background: none;
	}
#send {
	width: 55px;
	height: 42px;
	cursor: pointer;
	font-weight: bold;
	color: #4D96FF;
	background: #70AEDE url(images/button.gif) top left no-repeat;
	border: none !important;
	}
#send:hover {
	color: #0067FA;
	background-position: 0 -43px;
	}
.go, .button {
	background-image: none;
	background-color: #ECF2F9;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	color: #006DD1;
	}
select {
	border: 1px solid #FFFFFF;
	}

/* Links */
a:link, a:visited { color: #006DD1; text-decoration: none; }
a:hover { text-decoration: underline; color: #013F7C; }
a:active { text-decoration: none; color: #1094E9; }
a:hover img { text-decoration: none; }



/* Copyright link */
#copyright a:link, #copyright a:visited, #copyright a:active {
	text-decoration: none;	color: #3B6C9B;
	}
#copyright a:hover { text-decoration: none; color: #013F7C;  }


/* Online/offline */
td.online {
	background-color: #A6EBA7 !important;
	font-weight: bold;
	}
td.offline {
	
	}
div.online label, div.offline label {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	}
.online {
	color: #FFFFFF;
	}
.offline {
	color: #5787AC;
	}


/* Conversation window attributes */
#conversation p {
	font-size: 90% !important;
	margin-bottom: 0.7em;
	line-height: 135%;
	}
#conversation img {
	border: none;
	display: block;
	clear: both;
	margin: 5px 0;
	}
p.notice {
	border-top: 1px dashed #666666;
	border-bottom: 1px dashed #666666;
	color: #666666;
	padding: 8px 0;
	margin: 0.5em 0;
	font-style: italic;
	}
p.client {
	font-weight: normal;
	color: #3187CE;
	}
p.client span {
	font-weight: bold;
	color: #266EAB;
	}
p.operator {
	font-weight: normal;
	color: #0588FF;
	}
p.operator span {
	font-weight: bold;
	color: #0067C7;
	}
p.alert {
	font-weight: bold;
	color: #EE003C;
	border-top: 1px dashed #EE003C;
	border-bottom: 1px dashed #EE003C;
	padding: 8px 0;
	margin: 0.5em 0;
	}


/* Conversation links */
#conversation a:link, #conversation a:visited, #conversation a:active {
	text-decoration: none;
	color: #0067FA;
	border-bottom: 1px solid #0067FA;
	}
#conversation a:visited { color: #3B6C9B; border-bottom-style: dotted; border-bottom-color: #3B6C9B; }
#conversation a:active  { color: #1094E9; }
#conversation a:hover   { background-color: #C8E6F8; text-decoration: none; color: #1094E9; }



/* Buttons
---------------------------------- */
#options {
	background-color: #C0E4FF;
	border-top: 1px solid #6195C7;
	}
#sound_print {
	background-color: #C0E4FF;
	border-top: 1px solid #6195C7;
	}
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;
	color: #013F7C;
	}
p.answer { 
	font-style: italic;
	margin: 0;
	color: #013F7C;
	}
p.rate {
	font-size: 11px;
	margin-top: 10px;
	color: #013F7C;
	}
p.rate label {
	padding: 0 10px;
	vertical-align: middle;
	}
div.cookie {
	padding: 5px 3px;
	margin-top: 10px;
	margin-bottom: 4px;
	border-bottom: 1px dashed #013F7C;
	background-color: #C0E3FF;
	}
div.faq ul {
	margin-left: 15px;
	}
div.faq li {
	list-style-type: none;
	}
div.faq li.headcat {
	list-style-type: square;
	font-weight: bold;
	color: #013F7C;
	}



/* 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: #006DD1;
	}
#tabs a:hover span { color: #1094E9; }
#tabs li.activetab a { border-bottom: 1px solid #F7FBFE; }
#tabs li.activetab a span {	color: #29C029; }
#tabs ii.activetab a:hover span { color: #29C029;}



/* Operator styles
---------------------------------- */
body.operatorbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F7FBFE;
	color: #013F7C;
	background-image: none;
	margin: 5px;
	}
* html body.operatorbody { width: 92%; } /* IE tweak */
#operator {
	background-color: #C0E4FF;
	color: #013F7C;
	}
#operatorpanel {
	background-color: #F7FBFE;
	border: 1px solid #FFFFFF;
	}
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 #5786B3;
	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;
	color: #333333;
	}
table tbody.subhead th {
	text-align: left;
	background-color: #FFFFFF;
	color: #333333;
	}
table tbody td {
	padding: 3px;
	font-size: 11px;
	background-color: #C0E4FF;
	color: #1D3F61;
	}
tr.row1 td { background-color: #C8E7FF; }
tr.row2 td { background-color: #DAEFFF; }