/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; outline: 0; }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
a { text-decoration: none; }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

body, html {height:100%;}
body {
	background: #fff;
	color: #494949;
	font: 13px Arial, Helvetica, sans-serif;

}

ol, ul {
	list-style: none;
}

.padded-box {
	padding: 10px;
}

/* Tell the browser to render HTML 5 elements as block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Grid System */
.grid-xs, .grid-s, .grid-m, .grid-b {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px
}
.grid-xs {
	width: 220px;
}
.grid-s {
	width: 300px;
}
.grid-m {
	width: 630px;
}
.grid-b {
	width: 950px;
}

a, .blink {
	color:#2f942b;
	background-color:transparent;
	text-decoration:none;
	text-shadow: 0 1px 0 #fff;
}
a:hover, .blink:hover {color:#bd2b32; background-color:transparent; text-decoration:none;}

p, h1, h2, h3 {
	margin-bottom: 10px;
}

.blink {
	font: 13px Arial, Helvetica, sans-serif;
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Geneva, sans-serif;
	text-shadow: 0 1px 0 #fff;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
	letter-spacing: -1px;
}

h4 {
	font-size: 18px;
	margin-bottom: 15px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-weight: normal;
	font-size: 14px;
}

.heading_solid {
	border-bottom:1px solid #064DA5;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
}
.heading_solid img {
	margin: -5px 10px 0px 0px;
	vertical-align: middle;
}

.status-failure {
	background: url('../img/cancel.png') no-repeat 10px center rgba(255, 235, 232, 0.5);
	border: 1px solid #C00;
	border-radius: 3px;
	padding: 8px 5px 6px 35px;
	margin: 10px;
}
.status-failure a {
	color: #494949;
}

.status-ok {
	background: url('../img/accepted.png') no-repeat 10px center rgba(223, 255, 218, 0.5);
	border: 1px solid green;
	border-radius: 3px;
	padding: 8px 5px 6px 35px;
	margin: 10px;
}
.status-ok a {
	color: green;
}

label span.error {
	color:red;
	position:relative;
	right:-10px;
	font-size: 10px;
}

#msgError, #uploadpp_wrapper, .email_input, #operator_connected, #rhino_update {
	display: none;
}

#uploadpp_wrapper {
	margin: 10px 0 0 10px;
	padding-bottom: 5px;
	font-size: 12px;
	position: relative;
	background: transparent url('../img/shadow.png') no-repeat center bottom;
}

.logout {
	position: absolute;
	top: 32px;
	right: 0;
}

/* ------ CLIENT CHAT WINDOW ------ */
#status_box {
	margin:10px auto;
    padding:3px 10px 10px 10px;
   	background-color:#fff;
	-moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
	border:1px solid #222;
}
.ls_available {
	border:1px solid #000;
	padding:5px;
	-moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
	text-align:center;
	font-size:16px;
	background: #dff3a8;
    background: -moz-linear-gradient(top,#dff3a8,#c4fb92);
    background: -webkit-gradient(linear, left top, left bottom, from(#dff3a8), to(#c4fb92));
	border:1px solid #ABE195;
}
.ls_available a { color:#222;}
.ls_unavailable {
    border:1px solid #000;
    padding:5px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    text-align:center;
    font-size:16px;
	background: #f4d4d4;
    background: -moz-linear-gradient(top,#f4d4d4,#e18383);
    background: -webkit-gradient(linear, left top, left bottom, from(#f3c7c7), to(#eea2a2));
	border:1px solid #db6868;
}
.ls_unavailable a { color:#222;}

#chat_window {
	position:relative;
	margin:10px auto;
	padding-top:5px;
	width:450px;
	height:415px;
	background-color:#fff;
	color:#222;
	-moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;

}
.container {
	width:100%;
	position:relative;
	overflow:hidden;
	height:auto !important;
	height:100%;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.4) !important;
}

.pattern {
	background-position: left top;
	background-repeat: repeat;
	width:100%;
	position:relative;
	overflow:hidden;
}
.inner_container {
	float: left;
	margin: 10px;
}
.main_chat {
	float: left;
	width: 650px;
}
.chat_wrapper {
	float: left;
	width: 450px;
}
.sidebar {
	float: right;
	width: 170px;
	margin: 0 0 10px 0;
	padding:10px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	text-align: center;
	position: relative;
}
.icon_wrapper {
	margin: 0 auto;
	text-align: left;
	width: 140px;
}
.centered_container {
	margin:10px auto;
	padding:10px;
	-moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

#chatOutput {
	margin: 0 0 10px 10px;
	border:1px solid #A8B9CB;
	height: 380px;
	overflow:auto;
    letter-spacing: normal;
    line-height: 1.5em;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    background-image: url('../img/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6) !important;
}
#chatOutput a {color:#1252A2; text-decoration:underline;}

/* Sidebar Chat Window */
#typing {
	display: none;
	position: absolute;
	top: 10px;
	right: 5px;
}
#typing img, .print img, .email img, .close img {
	margin-right: 10px;
}

.inline {display:inline;}
.small_text {font-size:11px;}
.red { color:red;}
.bblue {
	background-color:#a6c9e4;
	border-radius:inherit;
}
.pale_green {
	background-color: #e8f4e4;
	background-color: rgba(231, 244, 227, 0.6) !important;
	-webkit-box-shadow:  1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  1px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
.response_sum {	
	font-size:10px;
	color:#555;
}
.admin {
	background-color:#effcff;
	padding:5px 5px 10px 5px;
	border-bottom:1px solid #c4dde1;
}
.user {
	background-color:#f4fdf1;
	padding:5px 5px 10px 5px;
	border-bottom:1px solid #c4dde1;
}
.download {
    padding:10px 5px 10px 5px;
    background-color:#d0e5f9;
    background-image:url('../img/download.png');
    background-position:98% 50%;
    background-repeat:no-repeat;
    border-bottom:1px solid #c4dde1;
}
.contact, .login {
	width:320px;
	margin-top:20px;
}
#oname, .print, .email, .close, .rating_wrapper {
	margin-bottom: 5px 0;
	display: block;
	padding: 10px 0;
	background: transparent url('../img/shadow.png') no-repeat center bottom;
}
.rating_wrapper p {
	font-size: 10px;
}
.copyright_chat {
	margin-top: 10px;
	display: block;
}
.copyright_chat a {
	color:#bd2b32;
}
.copyright {
	width: 186px;
}

.notice {
    padding:10px 5px 10px 5px;
    background-color:#d0e5f9;
    background-image:url('../img/notice.png');
    background-position:98% 50%;
    background-repeat:no-repeat;
	border-bottom:1px solid #c4dde1;
}
.text_block {
	padding:10px 5px 5px 10px;
}
#rhino_update {
	position: fixed;
	top: 10px;
	right: 10px;
	display: none;
	z-index: 1001;
}

/* ------ FORMS ------- */
.captcha { width: 135px;display: block; }
.chat_email {
	width: 110px;
}
.thin { width: 280px; }
.wide { width: 350px; }
.bigger {
	width: 290px;
}
label {
	display: block;
	font-size:15px;
	margin:0px 0px 0px 10px;
}
.noblock {
	display: inline-block;
	margin-bottom: 10px;
}
.input_field {
	margin:5px 0px 8px 10px;
	background-color: #fff;
	color: #444;
	padding: 6px;
	border: 1px solid #a8cbb5;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	letter-spacing: normal;
	-moz-transition:  all 0.2s linear;
	-o-transition:  all 0.2s linear;
	transition:  all 0.2s linear;
	font: normal 500 12px/1.5em Verdana, sans-serif;
}
.input_field:focus, .input_field:hover {
	-webkit-box-shadow: 0 0 4px #66cc00;
	-moz-box-shadow: 0 0 4px #66cc00;
	box-shadow: 0 0 4px #66cc00;
}
.button, .uploadButton {
 text-decoration:none;
 text-align:center; 
 padding:6px 15px; 
 border:solid 1px #333; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font: bold 14px Arial, Helvetica, sans-serif;
 color: #2f2f2f;
 background-color:#66cc00; 
 background-image: -moz-linear-gradient(top, #66cc00 0%, #99ff33 100%); 
 background-image: -webkit-linear-gradient(top, #66cc00 0%, #99ff33 100%); 
 background-image: -o-linear-gradient(top, #66cc00 0%, #99ff33 100%); 
 background-image: -ms-linear-gradient(top, #66cc00 0% ,#99ff33 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ff33', endColorstr='#99ff33',GradientType=0 ); 
 background-image: linear-gradient(top, #66cc00 0% ,#99ff33 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 opacity:0.6; 
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
 filter: alpha(opacity=60); 
 text-shadow: 1px 1px 1px #ffffff; 
 filter: dropshadow(color=#ffffff, offx=1, offy=1);  -webkit-transition: all 0.1s linear;
 -moz-transition:  all 0.1s linear;
 -o-transition:  all 0.1s linear;
 transition:  all 0.1s linear;
}
 
.button:hover, .uploadButton:hover {
 opacity:1; 
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); 
 filter: alpha(opacity=1);
 color: #2f2f2f;
 background-color:#66cc00; 
 background-image: -moz-linear-gradient(top, #66cc00 0%, #99ff33 100%); 
 background-image: -webkit-linear-gradient(top, #66cc00 0%, #99ff33 100%); 
 background-image: -o-linear-gradient(top, #66cc00 0%, #99ff33 100%); 
 background-image: -ms-linear-gradient(top, #66cc00 0% ,#99ff33 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ff33', endColorstr='#99ff33',GradientType=0 ); 
 background-image: linear-gradient(top, #66cc00 0% ,#99ff33 100%);
}
.button_right {
	margin-top: 10px;
	text-align: right;
}
#starify {
	float: left;
	width: 150px;
	margin: 10px 0 10px 30px;
}

#captcha_refresh {
	position: absolute;
	top: 0;
	left: 160px;
	cursor:pointer;
}
.captcha_wrapper {
	position: relative;
	margin:5px 0px 8px 10px;
}

.clear {
	clear: bloth;
}

/* Star Rating */
.ui-stars-star,.ui-stars-cancel{float:left;display:block;overflow:hidden;text-indent:-999em;cursor:pointer;}.ui-stars-star a,.ui-stars-cancel a{width:16px;height:16px;display:block;background:url('../img/stars.png') no-repeat 0 0;}.ui-stars-star a{background-position:0 -32px;}.ui-stars-star-on a{background-position:0 -48px;}.ui-stars-star-hover a{background-position:0 -64px;}.ui-stars-cancel-hover a{background-position:0 -16px;}.ui-stars-star-disabled,.ui-stars-star-disabled a,.ui-stars-cancel-disabled a{cursor:default!important;}