@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: Arial;
	color: #565656;
	background: #dfebf7;
}

/*
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #46bdda;
}

body:after {
    content: '';
    background-image: url(https://e-docs.bg/media/images/banners/Toki_Wallpaper.png);
    background-repeat: no-repeat;
    background-position: center top;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: -1;
}


body:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
    right: 0;
}


@media only screen and (min-width: 1440px) {
	 body:after {
		 background-size: 1400px auto;
	}
	 body:before {
		 background-image: linear-gradient(#46bdda 0,#46bdda 731px,#81c34f 731px,#81c34f 840px,#47beda 840px,#47beda 100%);
	}
}

@media only screen and (max-width: 1439px) {
	 body:after {
		 background-size: 1280px auto;
	}
	 body:before {
		 background-image: linear-gradient(#46bdda 0,#46bdda 668px,#81c34f 668px,#81c34f 768px,#47beda 768px,#47beda 100%);
	}
}
*/
/* end of Toki CSS */


a {
	color: #034ea2;	
	text-decoration: none;
}

a img {
	border: none;	
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;	
}

a:hover {
	text-decoration: underline;	
}

.clear {
	clear: both;
	font-size: 0px;
}

fieldset {
	border: none;	
}

.content-block .head {
	height: 26px;
	line-height: 25px;
	background: url("../img/content-block-head.jpg") repeat-x;
	overflow: hidden;	
}

.content-block .head h1 {
	color: #fff;	
	font-size: 14px;
	font-weight: bold;
	padding-left: 9px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #333;
}

.content-block .content {
	padding: 6px 10px;
	background: #e1eef9;
	line-height: 1.1;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	background: #fff;
}

#header {
	height: 200px;
	width: 100%;
	overflow: hidden;
	background: url("../img/header.jpg") no-repeat;
	position: relative;
}

#header-banner {
	width: 728px;
	height: 94px;
	overflow: hidden;
	position: absolute;
	top: 44px;
	right: 0px;	
}

#logo {
	position: absolute;
	top: 14px;
	left: 3px;	
}

#header-links {
	font-size: 14px;
	color: #fff;
	position: absolute;
	left: 280px;
	top: 10px;
}

#header-links a {
	color: #fff;
}

#user-tools {
	position: absolute;
	top: 10px;
	right: 18px;
}

#user-tools a {
	height: 18px;
	width: 86px;
	line-height: 16px;
	float: left;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
	background: url("../img/usertools.png");
	margin-left: 15px;
}

#user-tools a:hover {
	background: url("../img/usertools-hover.png");	
}
#system-links {
	position: absolute;
	top: 10px;
	right: 18px;
}

#system-links a {
	height: 18px;
	width: 120px;
	line-height: 16px;
	float: left;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
	background: url("../img/system_button.png");
	margin-left: 15px;
}

#navigation {
	position: absolute;
	width: 726px;
	right: 0;
	top: 143px;
	border-top: 2px solid #034ea2;
	padding-top: 5px;
	list-style-type: none;
	float: left;
}

#navigation li {
	text-transform: uppercase;
	float: left;
	width: 106px;
	padding: 2px 5px 0;
	margin-right: 5px;
	height: 28px;
	float: left;
	text-align: center;
	line-height: 1;
	font-size: 11px;
	font-weight: bold;
	background: url("../img/navigation.png") center center no-repeat;
	line-height: 24px;
}

#navigation li a {
	color: #034ea2;
	text-decoration: none;	
        width:106px;
        height:28px;
        display: block;
}

#navigation li:hover, #navigation li.active {
	background: url("../img/navigation-hover.png") center center no-repeat;
}

#navigation li:hover a {
	color: #c92434;
}
#navigation li.active {
	background: url("../img/navigation-active.png") center center no-repeat;
}
#navigation li.active a {
    color: white !important;
}

#content {
	padding: 16px 8px;
}

#login {
	width: 251px;
	border: 1px solid #575859;
	float: left;
	margin: 0 10px 14px 0;
}

#login h1 {
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 1px 1px 1px #333;
	height: 29px;
	line-height: 29px;
	background: url("../img/login-head.jpg") no-repeat;
	font-size: 14px;
	border-bottom: 1px solid #575859;
}

#login form {
	height: 194px;
	overflow: hidden;
	background: url("../img/login-content.jpg") no-repeat;
	padding: 17px 11px 5px 11px;
	color: #333333;
}

#login form fieldset {
	_float: left;
	_width: 100%;
	_clear: left;
}

#login form .password-recovery {
	color: #333;
	float: right;
	_padding-top: 4px;
}

#login form .checkbox-input {
	vertical-align: middle;	
}

#login form .field {
	margin-bottom: 6px;	
}

#login form .field label {
	display: block;	
	margin-bottom: 2px;
	font-size: 14px;
}

#login form .field .text-input {
	border: 1px solid #424242;
	height: 23px;
	line-height: 23px;
	width: 220px;
	padding: 0 3px;	
}

#login form .inline-field {
	margin-bottom: 12px;
}

#login form .inline-field label {
	float: left;
}

#login form .submit-field button {
	display: inline;
	margin: 0 0 9px 63px;
	float: left;	
	width: 103px;
	height: 22px;
	line-height: 21px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	border: none;
	background: transparent url("../img/button.png") no-repeat;
	padding-bottom: 3px;
	cursor: pointer;
	font-family: Arial;
	text-shadow: 1px 1px 1px #333;
}

#login form .submit-field a {
	display: block;
	clear: both;
	margin-left: 17px;
	text-align: center;
	width: 194px;
	height: 22px;
	line-height: 21px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: url("../img/register-button.png") no-repeat;
	text-shadow: 1px 1px 1px #333;
}

#services {
	width: 407px;
	border: 1px solid #474848;
	float: left;
	margin-right: 10px;	
}

#services .head {
	height: 29px;
	overflow: hidden;	
	background: url("../img/services-head.jpg") no-repeat;
	border-bottom: 1px solid #474848;
}

#services .head h1 {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #333;
	line-height: 29px;	
	padding-left: 12px;
	width: 191px;
}
#system_features {
    height: 216px;
}
#services .head span {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #333;
	line-height: 29px;	
        text-align: center;
	width: 49%;
        cursor: pointer;
        -webkit-user-select:none;
        -moz-user-select:none;
        -khtml-user-select:none
}
#services .head span.activated {
	width: 49%;
        background:url('../img/tab_bg.png');
        float: right;
}

#services .content .blocks {
	font-size: 14px;
	height: 108px;
	overflow: hidden;
	background: url("../img/services-blocks.jpg") no-repeat;
	border-bottom: 1px solid #fff;
}

#services .content .block {
	padding-left: 12px;	
	float: left;
	padding-top: 14px;
	width: 191px;
}

#services .content ul {
	background: url("../img/services-list.jpg") -1px top repeat-y;
    height: 192px;
	overflow: hidden;	
	padding: 12px;
    padding-top: 5px;
	color: #023f88;
	font-size: 13px;
	list-style-type: none;
}

#services .content ul li {
	padding: 9px 0 9px 23px;
    font-size: 15px;
	background: url("../img/services-bullet.png") left center no-repeat; 
}

#content-banner {
	width: 300px;
	height: 250px;
	float: left;
	overflow: hidden;
}

#prices {
	width: 717px;
    height: 246px;
	border: 1px solid #474848;
	float: left;
}

#prices .content {
    padding: 13px;
}

#prices .title {
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 1px 1px 1px #333;
	height: 29px;
	line-height: 29px;
	background: url("../img/prices-head.png") repeat-x;
	font-size: 14px;
	border-bottom: 1px solid #575859;
}

#prices .content h3 a {
    font-size: 22px;
    line-height: 30px;
    color: #c00;
    border-bottom: 1px solid #034EA2;
    text-decoration: none;
}

#prices p {
    font-size: 14px;
    line-height: 30px;
}

#online {
    padding: 8px;
}

#online p {
    font-size: 12px;
    line-height: 20px;
}

#features {
	_display: inline;
	float: left;
	padding: 17px 17px 10px;
	background: url("../img/features.jpg") no-repeat;
	width: 453px;
	height: 229px;
	overflow: hidden;
	float: left;
	position: relative;
	margin: -5px 4px 0 -6px;
}

#features h1, .content-block h3,.content-block h1, h1.underline {
	color: #c92434;
	font-size: 15px;
	font-weight: bold;	
	border-bottom: 1px solid #034ea2;
	padding-bottom: 9px;
	margin-bottom: 2px;
}

#features .block {
	padding: 7px 0;	
}

#features .block h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}

#features .block .thumb {
	float: left;
	margin-right: 8px;	
}
#blog img.thumb {
width: 80px;
height: 80px;
}

#blog {
	margin-bottom: 8px;	
}

#blog, #forum {
	float: left;
	width: 497px;	
}

#blog .thumb, #forum .thumb {
	float: left;
	margin-right: 10px;
}

#footer {
	color: #fff;
	height: 28px;
	line-height: 28px;
	background: url("../img/footer.jpg") repeat-x;
	padding: 0 5px 0 10px;
}

#footer a {
	color: #fff;
}

#copyright {
	float: left;
}

#footer-links {
	float: right;
}

#footer-links a {
	margin: 0 5px;
}
/* new page css changes */
#wrongpass {
        color: red;
        font-weight: bold;
        text-align: center;
}
.reset_container {
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    font-size:12px;
    letter-spacing: 0px;
    color: #696969;
    margin-bottom: 5px;
    line-height: 150%;
    float: left;
    padding: 3px;
}
.reset_container input[type=text], input[type=password] {
    width: 100%;
    border: 1px solid gray;
}

.reset_container input[type=submit] {
    margin-top: 10px;
}

.reset_form_error {
    color: red;
}
.reset_form_error ul li {
    list-style: none;
}
.enter_system {
width:256px;
height:259px;
margin-right:7px;
float:left;
background:url('/media/static/img/enter_system.png') no-repeat;
text-align: center;
cursor: pointer;
}

.enter_system h1 {
    font-size:20px;
    margin-top: 93px;
    color: #565656;
}
.system_anchor a, .system_anchor a:hover {
    text-decoration: none;
}
/* new forum styles */

.post-item-head {
    padding: 5px 7px 5px 7px;
    background-color: #d4e3f5;
    color: #034ea2;
}
.post-item-title h1 {
    font-size: 11px !important;
    font-weight: bold !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;

}
.post-item-title {
    float: left;
    font-weight: bold;
}
.post-item-date {
    float: right;
}

.post-item-body {
    padding-top: 5px;
    margin-bottom: 15px;
    font-size: 13px;
}
.post-item-tools{
    text-align: right;
}
div.post-item-tools li, ul.bblinks li {
    display: inline;
    height: 0;
}
.content-block .articles {
    line-height:16px;
}

.content-block .articles a, .content-block .topics a {
    font-size:13px;
    color: #0076d5 !important;
}
.content-block .articles a:hover, .content-block .topics a:hover  {
    text-decoration: none;
    color: #fe7819 !important;
}

a:active, a:focus {
    border: none;
    outline: none;
}
/* help page styles */
#left_menu {
    width: 320px;
    font-size:12px;
    font-family: verdana;
    float: left;
    background-color: #e4f3fd;
}
#left_menu ul li {
    list-style: none;
    line-height: 25px;
    border-bottom: 1px solid #d5e9f6;
}
#left_menu ul li a {
    display: block;
    width: 100%;
    height: 25px;
    padding-left: 5px;
}
#left_menu ul li a:hover {
    background-color: #f8fafb;
    text-decoration: none;
}
#left_menu ul li a.active {
    color: #363668;
    background-color: white;
    font-weight: bold;
}

#help-content {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float:left;
    width: 630px;
    padding: 10px;
    margin-right:10px;
    background-color: #f8fafb;
    border: 1px solid #d5e9f6;
    color: #171500;
    line-height: 20px;
}

#help-content h1 {
    font-size:20px;
    letter-spacing: -1px;
    margin-bottom: 10px;
}

#help-content ul {
    margin-bottom: 10px;
}
#help-content ul li {
    list-style: none;
    line-height: 20px;
    padding-left:5px;
}
#help-content h2 {
    font-size: 18px;
    color: #076AB5;
}

.helpitem_content {
    margin-bottom: 10px;
}
#help-content p {
    margin-bottom: 15px;
    font-size: 13px;
}
#help-content h3 {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 15px;    
}
.other_topics {
    margin-top: 10px;
}
h3.helptitle {
    background-color: white;
    padding-bottom:5px;
    letter-spacing: -1px;
    font-size: 18px;
    color: #076AB5;
}

/* help search css */
#search_box,#article_search_box {
    background-color: white;
    padding-bottom: 10px;
    line-height: 18px;
}

#search_box input[type=text] {
    width:255px;
    height: 18px;
    border: 1px solid #bed6e5;
    display: inline;
}

#article_search_box input[type=text] {
    width: 235px;
    height: 18px;
    border: 1px solid #bed6e5;
    display: inline;
}

#search_box input[type=submit],#article_search_box input[type=submit] {
    width: 55px;
    height: 20px;
    border: 1px solid #bed6e5;
    background-color: #f8fafb;
    font-size: 10px;
    font-family: Verdana;
    vertical-align: top;
    margin-left: 4px;
}
.search_paginator {
    text-align: center;
}
.pagination-pages {
    list-style: none;
    display:inline;
    float: right;
}
.pagination-pages li{
    list-style: none;
    display:inline;
}

.search_results ul li {
    margin-bottom: 10px;
}
/* contact form */
    .contact-button {
        width: 80px !important;
        float: right;
        margin-top: 5px;
        cursor: pointer;
    }

    .contact-form div.contact-info {
        width: 500px;
        float: left;
        margin-left: 20px;
        margin-top: 10px;
    }
    .contact-form table {
        float: left;
        margin-top: 10px;
    }
    .contact-form label {
        float: left;
    }
    .contact-form ul.errorlist li {
        list-style: none;
        color: red;
    }
    .contact-form input, .contact-form textarea, .contact-form select {
        width: 350px;
        border: 1px solid #9A9A9A;
        background: #FEFEFE url(/media/static/img/input_back.png) repeat-x 0% 0%;
        color: #7C7C7C;
        font-size: 14px;
        margin: 5px 0px 0px 5px;
        padding: 8px 5px;
        outline: none;
    }

    .contact-form span.checkbox input {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .contact-form img.contact_icon {
        width: 25px;
        height: 25px;
        float: left;
        margin-top: 5px;
     }
     .contact-form h2{
        margin-left: 5px;
        float: left;
        display: block;
        line-height: 25px;
        margin-top: 5px;
     }
     div.skype-button {
         width: 10px;
         height: 1px;
     }
     div.contacts-message {
         width: inherit;
         height: 40px;
         padding-left:10px;
         margin-top: 10px;
         line-height: 40px;
         background-color: #ccffcc;
         border: 1px solid #dddddd;
         color: #666666;
         text-shadow: white 0px 1px 1px;
     }

.solutions-form input, .solutions-form textarea, .solutions-form select {
    width: 350px;
    border: 1px solid #9A9A9A;
    background: #FEFEFE url(/media/static/img/input_back.png) repeat-x 0% 0%;
    color: #5C5C5C;
    font-size: 14px;
    margin: 5px 0px 0px 5px;
    padding: 8px 5px;
    outline: none;
}

.solutions-form .checkbox input, .multiple input {
    width: 20px;
    margin-right: 10px;
    vertical-align: bottom;
}

.solutions-form textarea {
    width: 810px;
}

.solutions-form .contact-button {
    width: 350px !important;
}

.solutions-form .checkbox {
    font-weight: bold;
}

.solutions-form table {
    border: none;
}

.solutions-form table td {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 460px;
}

.solutions-form td.multiple ul {
    list-style-type: none;
}

div.solutions-form {
    padding: 12px;
}

div.solutions-form p {
    font-size: 14px;
    line-height: 25px;
}

div.solutions-form ul.errors {
    list-style-type: none;
    color: #f00;
}

div.solutions-form .label {
    font-weight: bold;
    font-size: 13px;
    width: 450px;
}