/* main selectors */
html {
	background-color: #4D5342;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #535846 url(../images/body.png) repeat-x;
	font: 14px/22px 'Trebuchet Ms', Trebuchet, sans-serif;
	color: #DBE1BF;
	min-width: 986px;
}

a {
	color: #B1D522;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

acronym {
	cursor: help;
	border: none;
}

img {
	border: none;
	vertical-align: middle;
}

p {
	padding: 0 0 14px 0;
	margin: 0;
}

blockquote {
	background: url(../images/quote-right.gif) no-repeat bottom right;
	margin: 0 0 14px 0;
	padding: 0;
	width: 100%;
}

blockquote p:first-child {
	padding-top: 36px;
	background: url(../images/quote-left.gif) no-repeat;
}

blockquote p {
	padding-bottom: 8px;
	background-repeat: no-repeat;
}

cite {
	font-size: 16px;
	font-style: normal;
	padding: 8px 0;
	display: block;
}

dl, dt {
	margin: 0;
	padding: 0;
}

dd {
	margin: 0;
	padding: 0 0 12px 0;
}

ul {
	margin: 0;
	padding: 0 0 14px 0;
	list-style: none;
}

ol {
	margin: 0 0 0 22px;
	padding: 0 0 14px 0;
}

div.section, dl.faq dd, div.schedule p {
	background: url(../images/separator.gif) no-repeat bottom left;
	margin-bottom: 14px;
	padding-bottom: 2px;
	width: 100%;
}

div.schedule p {
	padding-bottom:14px;
}

dl.faq dd.l {
	margin: 0;
	background: none;
}

#content-primary ul li {
	padding-left: 16px;
	background: url(../images/bullet.gif) no-repeat 0 5px;
}
div.messages ul,
div.messages ul li {
	list-style:none;
	padding:0;
	margin:0;
}
/* form elements */
form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

label {
	cursor: default;
}

input, textarea {
	outline: none;
}

input.text {
	border: 1px solid #62655A;
	padding: 2px 4px;
	margin: 0;
	color: #545847;
	font: 16px/18px 'Trebuchet Ms', Trebuchet, sans-serif;
	background-color: #F4F5EE;
	vertical-align: middle;
}

input.file {
	margin: 0;
	color: #545847;
	font: 16px/20px 'Trebuchet Ms', Trebuchet, sans-serif;
	vertical-align: middle;
}

input.submit {
	color: #000;
	font: 14px/16px 'Trebuchet Ms', Trebuchet, sans-serif;
	vertical-align: top;
	margin: 0;
}

input.radio, input.checkbox {
	margin: 0 6px 0 0;
	font: 16px/20px 'Trebuchet Ms', Trebuchet, sans-serif;
}

textarea {
	border: 1px solid #62655A;
	padding: 4px;
	margin: 0;
	color: #545847;
	font: 16px/20px 'Trebuchet Ms', Trebuchet, sans-serif;
	background-color: #F4F5EE;
	vertical-align: top;
	overflow: auto;
}

/* headlines section */
h1, h2, h3, p.order, dl.faq dt {
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 20px;
	line-height: 24px;
	color: #80D0E1;
	font-weight: normal;
}

h1 {
	font-size: 25px;
}

h1.order {
	font-size: 20px;
}

h2 span {
	color: #DBE1BF;
	background-color: #3A3F29;
	padding: 4px 6px;
	position:relative;
}

h2 span.extra {
	background-color: #BC623F;
}

div.title h1 {
	font-size: 20px;
	padding-right: 180px;
}

div.title p,
div.subtitle p {
	padding-right: 105px;
}

em, .error {
	color: #FF8A5C;
	font-style: normal;
}

/* main layout */
#main {
	width: 986px;
	margin: 0 auto;
	position: relative;
	z-index: 4;
	background: url(../images/main.jpg) no-repeat;
	padding-top: 245px;
}

/* header section */
#header {
	position: absolute;
	z-index: 5;
	top: 18px;
	left: 0;
	background: #95A368 url(../images/header.jpg) no-repeat;
	width: 100%;
	height: 192px;
}

#header ul {
	position: absolute;
	top: 135px;
	left: 15px;
	font-size: 18px;
	line-height: 22px;
	text-transform: lowercase;
}

#header ul li {
	float: left;
	padding-left: 18px;
}

#header a {color: #F7FFCF;}

#header ul li.faq {
	text-transform: none;
}

#header ul li.order a {
	color: #C8EF2D !important;
	font-weight: bold;
}

#header li a.active {
	color: #3A3F29;
	text-decoration: none;
	cursor: default;
}

/* logo section */
strong.logo {
	position: absolute;
	top: 55px;
	left: 35px;
	z-index: 10;
}

strong.logo a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 284px;
	height: 64px;
	background: url(../images/logo.png) no-repeat;
}

q.seo {
	position: absolute;
	top: 45px;
	right: 35px;
	font-size: 22px;
	line-height: 24px;
	color: #484F37;
	z-index: 10;
	quotes: none;
}

/* content section */
#content {
	width: 100%;
	position: relative;
	z-index: 6;
	padding-bottom: 40px;
}

#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* content decorations */
#content div.deco-index {
	position: absolute;
	left: 460px;
	top: -140px;
	width: 256px;
	height: 359px;
	background: url(../images/deco-index.png) no-repeat;
	clear: both;
	z-index: 4;
}

#content div.deco {
	position: absolute;
	left: 522px;
	top: -100px;
	width: 185px;
	height: 261px;
	background: url(../images/deco.png) no-repeat;
	clear: both;
	z-index: 4;
}

#content-primary {
	width: 610px;
	float: left;
	padding-left: 35px;
	position: relative;
	z-index: 6;
}

#content-secondary {
	width: 270px;
	float: right;
	padding-right: 35px;
	z-index: 6;
	position: relative;
}

/* footer section */
#footer {
	width: 100%;
	clear: both;
	border-top: 1px solid #595E49;
	background-color: #4D5342;
	color: #7E8569;
}

#footer a,
#footer strong {
	font-weight: normal;
	color: #A8AD93;
}

#footer div.inner {
	padding: 30px 35px 80px 35px;
	width: 916px;
	margin: 0 auto;
	overflow: hidden;
}

#footer ul {
	float: left;
	padding: 0;
	white-space: nowrap;
}

#footer ul li {
	display: inline;
	padding-left: 12px;
}

/* bookmarks section */
div.bookmarks {
	float: right;
}

#footer div.bookmarks ul {
	padding-left: 6px;
}

div.bookmarks ul, div.bookmarks strong {
	float: left;
}

#footer div.bookmarks li{
	float: left;
	padding: 2px 0 0 6px;
}

div.bookmarks li a{
	background-image:url(../images/bookmarks.gif);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	border: 2px solid #D5D7C8;
}

div.bookmarks li a:hover{
	border: 2px solid #B1D522;
}

div.bookmarks li.delicious a{background-position:-64px 0;}
div.bookmarks li.digg a{background-position:-32px 0;}
div.bookmarks li.google a{background-position:-16px 0;}
div.bookmarks li.reddit a{background-position:-48px 0;}
div.bookmarks li.technorati a{background-position:0 0;}
div.bookmarks li.magnolia a{background-position:-80px 0;}

/* testimonials section */
div.testimonials {
	color: #A8AD93;
	margin-bottom: 20px;
}

div.testimonials p {
	padding-bottom: 8px;
}

div.testimonials cite a {
	white-space: nowrap;
}

div.testimonials cite {
	display: block;
	padding-right: 25px;
	color: #DBE1BF;
}

/* icons section */
ul.icons {
	width: 100%;
	overflow: hidden;
}

#content-primary ul.icons li {
	padding: 0;
	background: none;
	float: left;
	margin-right: 22px;
}

ul.icons a {
	float: left;
	padding: 4px;
}

ul.icons a:hover {
	background-color: #B1D522;
	color: #FFF;
}

ul.icons img {
	float: left;
}

/* order form section */
div.order-form {
	margin-bottom: 24px;
	background: #D5D7C8 url(../images/order.gif) repeat-x;
	color: #545847;
	font-size: 16px;
	line-height: 22px;
	width: 595px;
}

div.order-form a, div.order-form strong {
	color: #81AD09;
	font-weight: normal;
}

div.order-form dd.total em {
	color: #E55821;
}

div.order-form div.inner {
	background: url(../images/square.gif) repeat-x bottom left;
	padding-top: 22px;
	width: 100%;
	display: table;
}

div.order-form fieldset {
	width: 555px;
	padding: 12px 20px 8px 20px;
	overflow: hidden;
	border-top: 1px solid #CBCDBF;
	border-bottom: 1px solid #E9EAE2;
}

div.order-form fieldset.packages {
	border-top: none;
	padding-bottom: 0;
}

div.order-form fieldset.packages em {
	color: #E55821;
}

div.order-form fieldset.price {
	border-bottom: none;
	padding-bottom: 20px;
}

div.order-form dl {
	width: 100%;
	overflow: hidden;
	padding-bottom: 4px;
}

div.order-form dt {
	float: left;
	clear: left;
	width: 125px;
	padding: 4px 10px 4px 0;
	text-align: right;
}

div.order-form dl.extra dt {
	position: relative;
	padding-left: 45px;
	width: 500px;
	float: none;
	text-align: left;
	position: relative;
	font-size: 20px;
}


div.order-form fieldset.packages dl.extra dd {
	padding-top: 0;
	padding-bottom: 14px;
}

div.order-form dl.extra dt input.radio {
	position: absolute;
	left: 24px;
	top: 8px;
}

* html div.order-form dl.extra dt input.radio {
	top: 5px;
}

*+html div.order-form dl.extra dt input.radio {
	top: 5px;
}


div.order-form dd {
	width: 400px;
	overflow: hidden;
	padding: 4px 0 4px 5px;
}

div.order-form dl.extra dd {
	font-size: 12px;
	padding-left: 45px;
	width: 480px;
}

div.order-form dl.extra dd ul {
	font-size: 16px;
}

div.order-form ul {
	padding-bottom: 0;
}

div.order-form a.submit {
	float: right;
	width: 160px;
	height: 32px;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	text-decoration: none !important;
	color: #FFF;
	background: #E55821 url(../images/submit.png) no-repeat;
}

div.order-form input.text {
	width: 310px;
}

div.order-form textarea {
	width: 310px;
	height: 150px;
	display: block;
}

div.order-form input.pages {
	width: 90px;
}

#content div.order-form li {
	padding-left: 0;
	background: none;
	width: 100%;
}

div.order-form li.extra {
	padding-top: 18px;
}

div.order-form dd.button, div.order-form dd.total {
	clear: both;
	width: 455px;
	text-align: right;
}

div.order-form dd.total {
	font-size: 22px;
}

div.order-form div.file {
	border: 1px solid #62655A;
	background-color: #F4F5EE;
	padding: 1px;
	width: 316px;
	position: relative;
	overflow: hidden;
}

#order-file-holder input.text, .file-holder input.text {
	border-color: #F4F5EE;
	padding: 0 2px;
	height:20px;
	width: 216px;
	float: left;
	position: relative;
	z-index: 5;
}

#order-file-holder input.button, .file-holder input.button {
	border: 1px solid #BEC6A3;
	background: #E5E9D9 url(../images/order-button.gif) repeat-x;
	font: 14px/16px 'Trebuchet Ms', Trebuchet, sans-serif;
	color: #545847;
	float: right;
	margin: 0;
	padding: 0;
	width: 92px;
	height: 24px;
	text-align: center;
	position: relative;
	z-index: 3;
}

* html .file-holder input.button{
	position: absolute;
	top: 18px;
	right: 19px;
	float: none;
	clear: none;
}
* html .subcolumn2 .file-holder input.button{
	margin:0;
	height: 24px;
	position:static;
	top: auto;
	right: auto;
	float: right;
}
.file-holder input.text {width: 140px !important;}
.chat-page .file-holder input.text {width: 134px !important;}
.chat-page {min-width: 0;}
#nswitch {
	width: 318px;
	height: 10px;
	background: #F1F1EC url(../images/tswitch.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: none;
	margin-top: -2px;
	position: relative;
	outline: none;
	border: 1px solid #62655A;
}

/* support form section */
div.contact-box {
	background: #292B23 url(../images/support.jpg) no-repeat;
	padding: 20px;
	color: #858974;
	line-height: 16px;
	margin-bottom: 20px;
	width: 230px;
}

#support-error {
	min-height: 48px;
	line-height: 16px;
}

* html #support-error {
	height: 48px;
}

div.contact-box fieldset {
	width: 100%;
	overflow: hidden !important;
	position: relative !important;
}

div.contact-box h2 {
	color: #DADFC7;
}

div.contact-box dl {
	width: 100%;
	overflow: hidden;
	font-size: 13px;
	color: #80D0E1;
}

div.contact-box dl a {
	color: #DBE1BF;
	text-decoration: none;
}

div.contact-box dl a:hover {
	text-decoration: underline;
}

div.contact-box dt {
	float: left;
	clear: left;
	padding-right: 5px;
}

div.contact-box dd {
	padding: 0;
	display: table;
	height: 1%;
	overflow: hidden;
	color: #DADFC7;
	white-space: nowrap;
}

div.contact-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 100%;
}

div.contact-box ul li {
	margin-bottom: 3px;
	width: 100%;
	vertical-align: top;
}

div.contact-box input.text, div.contact-box textarea {
	border-color: #62694E;
	background-color: #535B3E;
	color: #DBE1BF;
	font-size: 14px;
	width: 220px;
}

div.contact-box input.file,
div.contact-box input.submit {
	font-size: 12px;
}

div.contact-box input.file {
	width: 220px;
	color: #000;
}

div.contact-box li.file {
	border: 1px solid #62694E;
	background-color: #535B3E;
	padding: 1px;
	width: 226px;
	position: relative;
	overflow: hidden;
	margin-bottom: 14px;
}

div.contact-box textarea {
	height: 110px;
}

div.contact-box div.submit {
	width: 100%;
	overflow: hidden;
	margin-bottom: 14px;
}

div.contact-box div.submit a {
	float: left;
	font-size: 20px;
	line-height: 27px;
	color: #FCFFE4;
	text-decoration: none;
	background: url(../images/support-right.png) no-repeat top right;
	padding-right: 1px;
	outline: none;
}

div.contact-box div.submit a span {
	float: left;
	height: 27px;
	background: url(../images/support-left.png) no-repeat;
	padding: 0 10px;
	cursor: pointer;
}
#support-file-holder {
	height: 23px;
	overflow: hidden;
}
#support-file-holder input.button {
	border: 1px solid #515740;
	background: #2E3025 url(../images/support-button.gif) repeat-x;
	font: 14px/16px 'Trebuchet Ms', Trebuchet, sans-serif;
	color: #DBE1BF;
	float: right;
	margin: 0;
	padding: 0 0 3px;
	width: 80px;
	height: 23px;
	text-align: center;
	position: relative;
	z-index: 3;
}
* html #support-file-holder input.button {padding-bottom: 0;}
#support-file-holder span.file,
#order-file-holder span.file {
	position: absolute;
	height: 22px;
	overflow: hidden;
	z-index: 4;
	right: 1px;
	top: 1px;
	visibility: visible !important;
}

#support-file-holder span.file input,
#order-file-holder span.file input {
	height: 25px;
	font-size: 18px;
	border: 1px solid #535B3E;
	background: transparent;
	display: inline;
	width: auto !important;
}

#support-file-holder input.text {
	float: left;
	width: 140px;
	border: 1px solid #535B3E;
	position: relative;
	z-index: 5;
	padding: 2px 2px 0 2px;
}

/* schedule section */
div.schedule dl {
	padding-bottom: 14px;
}

div.schedule dd {
	padding-bottom: 0px;
}

/* payment methods list section */
ul.payments {
	width: 100%;
	overflow: hidden;
}

#content-primary ul.payments li {
	background-image:url(../images/2co.jpg);
	background-repeat:no-repeat;
	padding: 0;
	width: 49px;
	height: 31px;
	float: left;
	margin-right: 4px;
	text-indent:-9999px;
	overflow:hidden;
}
#content-primary ul.payments li.two-co {background-position:0 0; width:54px;}
#content-primary ul.payments li.paypal {background-position:-271px 0;}
#content-primary ul.payments li.visa {background-position:-59px 0;}
#content-primary ul.payments li.master-card {background-position:-112px 0;}
#content-primary ul.payments li.american-express {background-position:-165px 0; width:48px;}
#content-primary ul.payments li.discover {background-position:-217px 0; width:50px;}
#content-primary ul.payments li.diners-club {background-position:-377px 0; width:48px;}
#content-primary ul.payments li.jcb {background-position:-429px 0; width:48px;}
/*client-menu*/
#content-primary .client-menu {
	padding: 0;
	margin: 0 0 16px;
	list-style: none;
	width: 100%;
	overflow: hidden;
}
#content-primary .client-menu li {
	padding-left: 0;
	float: left;
	background: none;
	margin-right: 8px;
}
#content-primary .client-menu li .btn-green span.left {
	width: 89px;
	padding: 0;
}
/*btn-green*/
.btn-green {
	font-size: 20px;
	line-height: 28px;
	color: #fcffe4 !important;
	text-decoration: none;
	padding-right: 1px;
	outline: none;
	text-align: center;
	float: left;
}
.btn-green span {float: left;cursor:pointer;}
.btn-green span.left {
	background: url(../images/btn-green-left.png) no-repeat;
	padding: 0 7px 0 10px;
}
.btn-green span.right {
	background: url(../images/btn-green-right.png) no-repeat;
	width: 3px;
	overflow: hidden;
}
.btn-green.active {color: #aeb39b !important;}
.btn-green.active span.left {background-image: url(../images/support-left-roll.png);}
.btn-green.active span.right {background-image: url(../images/support-right-roll.png);}
/*btn-holder*/
.btn-holder1 {
	display: block;
	height: 1%;
	padding: 17px 18px 22px;
	overflow: hidden;
}
/*project-table*/
#content-primary .project-table {
	margin: -17px 0 0;
	width: 100%;
	overflow: hidden;
	background: #e9eae2;
	padding-bottom: 1px;
	border-bottom: 1px solid #cbcdbf;
}
#content-primary .project-table table {
	border-style: none;
	border-collapse: collapse;
	font-size: 12px;
	width: 100%;
}
#content-primary .project-table td {
	padding: 0 10px;
	line-height: 45px;
	background: #e4e5da url(../images/bg-dashed-border.gif) repeat-x 0 100%;
}
#content-primary .project-table td.col-mail-status {text-align: center;}
#content-primary .project-table td.col-status {text-align: right;padding-right: 24px;}
#content-primary .project-table .read td {background-color: #dddfd3;}
#content-primary .project-table .last td {background-image: none;}
#content-primary .project-table th {padding: 0 0 6px;background: url(../images/bg-table-head.gif) repeat-x 0 100%;}
#content-primary .project-table a {font-weight: bold;}
#content-primary .project-table .blue {color: #2a9cb4;}
#content-primary .project-table .red {color: #c63319;}
#content-primary .project-table .green {color: #7e9d1c;}
/*content-section*/
#content-primary .content-section {
	padding: 17px 23px 0;
	background: #e7e9dd url(../images/bg-content-section.gif) repeat-x 0 100%;
	margin-top: -17px;
	position: relative;
}
#content-primary .content-section2 {
	padding: 20px 23px 0;
	background: #e4e5da;
	margin-bottom: 5px;
}
.first {margin-top: -17px;position: relative;}
/*note-box*/
#content-primary .note-box {
	padding: 3px 0 0 40px;
	background: url(../images/ico-important.gif) no-repeat 0 12px;
}
#content-primary .note-box div {
	border: 1px solid #dadbcf;
	background: #f2f3eb;
	height: 1%;
	overflow: hidden;
	padding: 11px 15px 0;
}
#content-primary .note-box div.messages {
	border:0;
	padding:0;
	background:none;
}
#content-primary .note-box strong {
	font-weight: bold;
	color: #545847;
}
#content-primary .note-box p {
	font-size: 14px;
	line-height: 20px;
	/*letter-spacing: -1px;*/
}
/*login-form*/
#content-primary .login-form, #content-primary .update-profile-form {
	height: 1%;
	width: auto;
	border: 0;
	padding: 15px 0 0;
}
#content-primary .login-form .row {
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}
#content-primary .login-form input.i-text {
	float: left;
	width: 183px;
	height: 18px;
	padding: 4px 5px;
	border: 1px solid #62655a;
	background: #f4f5ee;
	margin-right: 26px;
}
#content-primary .login-form input.right {margin-right: 0;float: right;}
#content-primary .login-form label {
	float: left;
	line-height: 28px;
	padding-right: 11px;
}
#content-primary .login-form .btn-green {float: right;}
#content-primary .update-profile-form dl label {float: none;padding-right: 0;}
#content-primary .update-profile-form select {
	width: 365px;
	font: 14px "Trebuchet MS", Arial, sans-serif;
	vertical-align: top;
}
#content-primary .update-profile-form input {
	width: 355px;
	font-size: 14px;
	height: 20px;
	padding: 3px 4px;
}
/*question*/
#content-primary .question {
	padding-left: 70px;
	background: url(../images/ico-question.gif) no-repeat 0 8px;
	position: relative;
	height: 1%;
}
/*corner*/
#content-primary .corner {
	position: absolute;
	left: 60px;
	top: 24px;
	width: 11px;
	height: 15px;
	background: url(../images/img-corner.png) no-repeat;
	display: block;
	z-index: 100;
}
#content-primary .content-section2 .login-form {padding: 17px 0 10px 70px;}
/*btn*/
.update-profile-form .btn-green {
	float: right;
	display: inline;
	margin: 10px 43px 20px 0;
}
/*post*/
#content-primary .post-holder {margin-top: -17px;}
#content-primary .post {
	padding: 20px 23px 0;
	overflow: hidden;
	height: 1%;
	background: #e6e8dd url(../images/bg-content-section.gif) repeat-x 0 100%;
	position: relative;
}
#content-primary .post p {
	font-size: 14px;
	line-height: 24px;
}
#content-primary .post .title-box {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
	background: url(../images/img-dashed-border.gif) repeat-x 0 100%;
	padding: 0 0 17px;
}
#content-primary .post .title-box a,
#content-primary .post .title-box span {float: right;}
#content-primary .post .important strong,
#content-primary .post .important a,
#content-primary .post .important span {
	font-weight: bold;
}
#content-primary .post .important span {
	color:#81AD09;
}
/*post-form*/
#content-primary fieldset.post-form {
	height: 1%;
	width: auto;
	border: 0;
	overflow: hidden;
}
/*subcolumn1*/
#content-primary .subcolumn1 {
	float: left;
	width: 280px;
	overflow: hidden;
}
#content-primary .subcolumn1 textarea {
	width: 270px;
	height: 77px;
}
#content-primary .subcolumn1 #nswitch {width: 278px;background-image: url(../images/tswitch2.gif);}
#content-primary .subcolumn2 {
	float: right;
	width: 245px;
	overflow: hidden;
}
#content-primary .subcolumn2 div.file-holder {width: 241px;}
#content-primary .subcolumn2 div.file-holder {margin-bottom: 14px;}
#content-primary .subcolumn2 .text {width: 235px;}
#content-primary .subcolumn2 .btn-green {
	float: right;
	margin: 19px 0 15px;
}
#content-primary .subcolumn1 label, #content-primary .subcolumn2 label {font-size: 14px;}
/*CHAT*/
.chat-page {
	background: #d5d7c8 url(../images/bg-chat.gif) repeat-x 0 59px;
	min-height: 100%;
}
.chat-header {
	height: 54px;
	background: #696f47 url(../images/bg-chat-header.jpg) no-repeat;
	z-index: 1001;
	position: relative;
}
/*chat-logo*/
.chat-logo {
	width: 227px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	position: absolute;
	left: 38px;
	top: 8px;
	background: url(../images/img-chat-logo.gif) no-repeat;
}
/*btn-exit-chat*/
.btn-exit-chat {
	width: 48px;
	height: 37px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	position: absolute;
	left: 505px;
	top: 8px;
	background: url(../images/btn-exit.png) no-repeat;
}
.chat-container {background: url(../images/square.gif) repeat-x;}
/*.chat-holder*/
.chat-holder {
	width: 538px;
	padding: 25px 20px;
}
/*chat-content*/
.chat-content {
	float: right;
	width: 477px;
}
/*text-field*/
.chat-content .scrollable {
	background: #f4f5ee;
	border: 1px solid #cbceba;
	overflow: hidden;
	margin-bottom:11px;
	position:relative;
	height:310px;
	width:475px;
}
.chat-content .text-field {
	width: 456px;
	height: 310px;
	overflow: hidden;
}
.chat-content .chat-messages {
	padding:10px 16px 12px;
}
.chat-content .text-field .message {
	color: #7d9e1f;
	font-size: 14px;
	line-height: 18px;
	padding-bottom:10px;
}
.chat-content .text-field .message strong.autor {
	color: #707c4d;
	font-size: 14px;
	line-height: 18px;
	display: block;
}
.chat-content .text-field .support {color: #2a9cb4;}
/*custom scroll*/
.vscroll-bar {
	top:0;
	right:0;
	border:solid #bec6a3;
	border-width:1px 0 1px 1px;
	background: #b6bba1;
	position:absolute;
	width:17px;
	height:308px;
}
.vtrack {
	position:absolute;
	width:17px;
	top:18px;
	left:0;
}
.vthumb {
	background: url(../images/bg-scroll.gif) repeat-y;
	position:absolute;
	width:17px;
}
.arrow-up,
.arrow-down {
	width:17px;
	height:17px;
	left:0;
	position:absolute;
}
.arrow-up {
	top:0;
	background:url(../images/btn-scroll-up.gif) no-repeat;
}
.arrow-down {
	bottom:0;
	background:url(../images/btn-scroll-down.gif) no-repeat;
}
* html .arrow-down {
	bottom:-1px;
}
/*input-text-area*/
.input-text-area {
	width: 100%;
	overflow: hidden;
}
.input-text-area textarea {
	width: 358px;
	height: 62px;
	color: #bfc2a9;
	font-size: 14px;
	line-height: 18px;
	padding: 0 0 0 15px;
	border-color: #cbceba;
	overflow: auto;
	float: left;
	color:#000;
}
/*btn-submit*/
.btn-submit {
	float: right;
	width: 92px;
	line-height: 64px;
	background: url(../images/btn-submit.gif) no-repeat;
	color: #fff;
	font-size: 20px;
	color: #fcffe4;
	text-align: center;
	text-decoration: none !important;
}
/*chat menu*/
.chat-menu {
	float: left;
	width: 61px;
}
.chat-menu a.btn {
	display: block;
	height: 81px;
	width: 61px;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	outline: none;
}
.chat-menu .item {
	margin-bottom: -9px;
	height: 81px;
	width: 61px;
	position: relative;
	vertical-align: top;
}
.chat-menu li.active a.btn {
	left: -3px;
	top: -2px;
	width: 64px;
}
.chat-menu .active {z-index: 100;}
.chat-menu #project a.btn {background: url(../images/btn-project.png) no-repeat;}
.chat-menu #history a.btn {background: url(../images/btn-history.png) no-repeat;}
.chat-menu #upload-file a.btn {background: url(../images/btn-upload-file.png) no-repeat;}
.chat-menu #project.active a.btn {background: url(../images/btn-project-hover.png) no-repeat;}
.chat-menu #history.active a.btn {background: url(../images/btn-history-hover.png) no-repeat;}
.chat-menu #upload-file.active a.btn {background: url(../images/btn-upload-file-hover.png) no-repeat;top: -1px;}
#history {position: relative;}
.popup-holder {
	display: none;
	position: absolute;
}
.chat-menu li.active .popup-holder {display: block !important;}
.popup-holder .popup {
	width: 100%;
	height: 100%;
}
/*.chat-menu #project .popup-holder*/
#project .popup-holder {
	width: 284px;
	height: 195px;
	left: 57px;
	top: -1px;
}
#project .popup {background: url(../images/bg-project-popup.png) no-repeat;}
/*.chat-menu #project .popup-holder*/
#history .popup-holder {
	width: 243px;
	height: 191px;
	left: 57px;
	top: -3px;
}
#history .popup {
	background: url(../images/bg-popup-history.png) no-repeat;
	height: auto !important;
}
/*.chat-menu .project .popup-holder*/
#upload-file .popup-holder {
	width: 316px;
	height: 100px;
	left: 57px;
	top: -1px;
}
#upload-file .popup {background: url(../images/bg-popup-upload.png) no-repeat;}
/*project-table-holder*/
.chat-menu .project-table-holder {
	padding: 10px 17px 0;
	overflow: hidden;
	position: relative;
}
.chat-menu .project-table {
	border: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
	line-height: 24px;
	width: 100%;
}
.chat-menu .project-table td, .chat-menu .project-table th{padding: 0;vertical-align: middle;}
.chat-menu .project-table th {
	font-size: 16px;
	color: #62655a;
	font-weight: normal;
	padding: 0 0 5px;
}
.chat-menu .project-table td, .chat-menu .project-table a {color: #7d9e1f;}
.chat-menu .project-table td.unread {
	font-weight:bold;
}
.chat-menu .project-table .col2 {text-align: right;}
.chat-menu .project-table thead {background: url(../images/img-dashed-border2.gif) repeat-x 0 100%;}
/*more-projects*/
.chat-menu .more-projects {
	display: block;
	text-align: right;
	font-size: 11px;
}
.chat-menu .more-projects a {color: #7d9e1f;}
/*calendar-holder*/
.calendar-holder {
	padding: 10px 16px 0;
	overflow: hidden;
	height: 1%;
	position: relative;
}
.calendar table {
	border-collapse: collapse;
	border: 0;
	width: 200px;
	margin: 0;
}
.calendar table td, .calendar table th {
	padding: 0;
	text-align: center;
	line-height: 22px;
	font-size: 11px;
	color: #7d9e1f;
	font-weight: normal;
}
.calendar table a {
	color: #7d9e1f !important;
	text-decoration: none;
	display: block;
	height: 1%;
}

.calendar table .holiday, .calendar table .holiday a, .calendar-day-1, .calendar-day-7 {color: #af2e2e !important;}
.calendar table .special, .calendar table a:hover{
	background: url(../images/img-imp-data.gif) no-repeat 50% 50%;
	font-weight: bold;
	cursor: pointer;
}
.calendar table .today {
	background: url(../images/img-current-data.gif) no-repeat 50% 50%;font-weight: bold;
	cursor: pointer;
}
/*month*/
.calendar-caption {
	width: 195px;
	height: 32px;
	position: relative;
	overflow: hidden;
	line-height: 28px;
	font-size: 14px;
	color: #fafbe9;
	padding: 0 10px;
	font-weight: bold;
}
.calendar-wrapper{
	background: url(../images/bg-month.png) no-repeat 0 0;
}
.calendar-caption span {
	cursor:pointer;
}
.calendar-caption a {
	text-indent: -9999px;
	overflow: hidden;
	width: 6px;
	height: 10px;
	margin-left: 1px;
	position: absolute;
	top: 10px;
	right: 23px;
}
.calendar-caption a.prev {
	background:url(../images/btn-prev-month.gif) no-repeat;
	right: 30px;
}
.calendar-caption a.next {background:url(../images/btn-next-month.gif) no-repeat;}
/*upload-form*/
.upload-form {
	padding: 16px 15px 0;
	overflow: hidden;
	position: relative;
}
.upload-form .row {
	width: 100%;
	overflow: hidden;
	margin-bottom: 6px;
}
.upload-form .row label {
	float: left;
	margin-right: 6px;
	font-size: 14px;
	color: #62655a;
	line-height: 28px;
}
.upload-form div.file, .file-holder {
	width: 233px;
	height: 26px;
	background: #f4f5ee;
	border: 1px solid #62655a;
	float: left;
	overflow: hidden;
}
.file-holder {
	padding: 1px 1px 0 0;
	height: 25px;
	width: 232px;
}
.upload-form .file {
	width: 233px;
	height: 26px;
}
.upload-form .btn-green {float: right;}
.upload-form .btn-green .left {
	width: 91px;
	padding: 0;
	text-align: center;
}
/*progress-bar*/
.upload-box {
	float: left;
	width: 138px;
	height: 26px;
	line-height: 26px;
	background: #f4f5ee;
	border: 1px solid #62655a;
	color: #779719;
	font-size: 14px;
	position: relative;
	margin-left: 49px;
	display: inline;
	overflow: hidden;
}
.submit .upload-box {
	margin-left:0;
	float: right;

}
.subcolumn2 .upload-box {margin: 19px 0 0;}
.upload-box .progress-text {
	position: relative;
	z-index: 10;
	display:block;
	text-align: center;
}
.upload-box .overall-progress{
	width: 15px;
	height: 26px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/bg-progress-bar.gif) repeat-x;
	text-indent: -9999px;
	overflow: hidden;
}
/*history-page*/
.history-page {
	background: #f4f5ee;
	min-height: 100%;
}
.history-page .chat-content {
	width: 576px;
	height: 514px;
	float: none;
	padding: 5px 0 0 20px;
}
.history-page .scrollable {
	border: 0;
}
.history-page .text-field {
	width: 559px;
	height: 512px;
}
.history-page .vscroll-bar {
	border-width:1px;
	height: 510px;
}
.history-page .popup-holder {
	left: 330px;
	top: 5px;
	display: block;
	height: 45px;
	overflow: hidden;
}
.history-page .popup-holder .popup {background: none;}
/*active state for popup on the chat-history page*/
.history-page .active .popup-holder {height: 210px;}
.history-page .active .popup-holder .popup {background: url(../images/bg-popup-history2.png) no-repeat;}
.history-page .popup {
	background: url(../images/bg-popup-history.png) no-repeat;
	height: auto !important;
}
/*btn-client-area*/
.btn-client-area {
	display: block;
	width: 92px;
	height: 33px;
	background: url(../images/btn-client-area.png) no-repeat;
	position: absolute;
	left: 862px;
	top: 133px;
	text-indent: -9999px;
	overflow: hidden;
}
.btn-live-chat {
	display: block;
	width: 93px;
	height: 53px;
	background: url(../images/btn-live-chat.png) no-repeat;
	position: absolute;
	left: 740px;
	top: 123px;
	text-indent: -9999px;
	overflow: hidden;
}
.online-login-box fieldset {
	width: 346px;
	margin: 0 auto;
	padding-right: 18px;
}
/*online-login-box*/
.online-login-box {
	padding: 25px 33px 25px 38px;
	width:524px;
	background: url(../images/bg-chat-sectin.gif) repeat-x 0 100%;
}
.online-login-box-last {background: none;}
.online-login-box p {
	color: #545847;
	line-height: normal;
}
/*online-login-box form*/
.online-login-box .inp-holder {
	width: 334px;
	height: 24px;
	padding: 3px 5px;
	background: url(../images/bg-input.gif) no-repeat;
	overflow: hidden;
	border: 1px solid #cbceba;
}
.online-login-box .inp-holder input {
	background: none;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	font: 14px 'Trebuchet Ms', Trebuchet, sans-serif;
}
/*btn-holder*/
.online-login-box fieldset .btn-holder {
	width: 100%;
	overflow: hidden;
	padding-top: 6px;
	display: block;
}
.online-login-box fieldset .btn-holder .btn-green {float: right;}
/*online-login-holder*/
.online-login-holder {padding-top: 5px;}
/*popup-bottom*/
.popup-bottom {
	height: 15px;
	background: url(../images/bg-popup-history-bottom.png) no-repeat;
}
.hidden {
	display:none !important;
}
.error {
	color:#ff8a5c !important;
}
label.error {
	color:#4E4E4E;
	font-size:12px;
	line-height:22px;
}
.post-text pre,
.post-text div.message-content {
	padding: 0 0 14px;
	margin: 0;
	width: 545px;
	overflow: hidden;
	letter-spacing: -1px;
	display: block;
}
div.message-content {
	font-family:"Courier New", Courier, monospace;
}
.calendar-wrapper {width: 100%;}
/* pagers */
.paging{
	margin: 0 23px 0 0;
	display: inline;
	padding:26px 0 0 0;
	list-style: none;
	float: right;
	line-height: 15px;
	font-size: 12px;
}
.paging li{
	float: left;
	margin: 0 5px 0 0;
	width: auto !important;
}
.paging li.prev,
.paging li.next{
	width: 15px !important;
	height: 15px;
	margin: 0 7px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background: url(../images/btn-prev.gif) !important;
}
.paging li.next{
	background: url(../images/btn-next.gif) !important;
	margin: 0 0 0 2px;
	display: inline;
}
.paging li.prev a,
.paging li.next a{
	display: block;
	height: 100%;
}
.paging li.active{
	color: #535846;
}
/* chat */
.chat-contact {
	background: #535846 url(../images/body.png) repeat-x scroll 0 0;
	width: 100%;
	overflow: hidden;
}
.chat-left-column {
	padding: 10px 20px 0 10px;
	overflow: hidden;
	height: 1%;
}
.forgot {
	float: right;
	padding: 10px 10px 0 0;
}
/*btn-order-now*/
.btn-order-now {
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	width: 280px;
	height: 73px;
	background: url(../images/btn-order-now.png) no-repeat;
	margin: -10px -10px 14px 0;
	position: relative;
	outline: none;
}