html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

blockquote {
        background: #f7f9fa;
        border-left: 10px solid #125cab;
        margin: 20px 0 20px -20px;
        padding: 20px 20px 20px 20px;
}

blockquote p {
        font: italic 20px georgia;
        display:inline;
}

:focus {
        outline: 0;
}
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}
html {
        height: 100%;
}
body {
        font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
        width: 100%;
        height: 100%;
}
a {
        color: #2267b1;
        font-size: 12px;
        font-weight: bold;
        font-family: arial, helvetica, sans-serif;
        outline: none;
        text-decoration: underline;
}

a:hover {
        text-decoration: none;
}
p {
        margin: 0 0 18px
}
img {
        border: none;
}

.wrapper {
        width: 1008px;
        margin: 0 auto;
        min-height: 100%;
        height: auto !important;
        height: 100%;
}

h1 {

        margin-top: 0;
        margin-bottom: 12px;
        font-size: 26px;
        line-height: 26px;
}

h2 {
        margin: 12px 0;
        font: normal 24px arial;
        line-height: 24px;
}

h3 {
        margin-top: 0;
        font: bold 18px arial;
        line-height: 18px;
}

h4 {
        margin-top: 0;
        margin-bottom: 6px;
        font: bold 16px arial;
        line-height: 16px;

}

h5 {
        margin-top: 3px;
        margin-bottom: 3px;
        font: bold 12px arial;
        line-height: 16px;
}

hr {
        height: 0;
        border-style: dotted;
        border-width: 1px 0 0 0;
        border-color:#c4c7c9;
}

.none {
        float: none;
}

.hidden {
        display: none;
}

.complete {
        color: red;
}

.incomplete {
        color: green;
}

/* Header
-----------------------------------------------------------------------------*/

.header {
	height: 135px;
}

.header .flash {
        display: none;
        position: fixed;
        top: 10px;
        left: 50%;
        margin-left: -150px;
        text-align: center;
        width: 300px;
        height: 64px;
        padding-top: 40px;
        font: normal 14px arial;
        background: #e5eff7;
        z-index: 10010;
        border: 1px solid black;
}

.header .cap {
        width: 1008px;
        height: 100px;
}

.header .cap .logo {
        float: left;
        padding: 20px 0 0 40px;
        height: 56px;
        width: 219px;
}

.header .cap .sales {
        float: left;
        margin: 18px 0 0 50px;
        padding: 10px 0 0 20px;
}

.header .cap .sales .award {
        float: left;
        background: url('/static/images/header-award.png') no-repeat;
        height: 68px;
        width: 48px;
        margin: -5px 0 0 -370px;
}

.header .cap .sales .discount {
        float: left;
        background: #e3eef6;
        height: 42px;
        width: 310px;
        padding: 8px 0 0 50px;
        line-height: 16px;
}

.header .cap .sales .discount a,
.header .cap .sales .discount a:active {
        font: bold 14px arial;
        color: #125cab;
}

.header .cap .sales .discount p {
        margin-top: 8px;
        font: normal 11px arial;
}

/* USER DASHBOARD */

.header .cap .dashboard {
        float: right;
        margin: 28px 20px 0 0;
        width: 250px;
}

/* Not authorized */

.header .cap .dashboard .signup {
        float: left;
        margin: 7px 0 0 0;
}

.header .cap .dashboard .signin {
        background: url('/static/images/header-key.png') no-repeat left;
        float: left;
        margin: 15px 0 0 20px;
        padding: 0 0 0 20px;
        width: 35px;
}

.header .cap .dashboard .signin a,
.header .cap .dashboard .signin a:visited{
        color: black;
        font: normal 13px arial;
}

/* Authorized */

.header .cap .dashboard .user {
        height: 18px;
        width: 250px;
}

.header .cap .dashboard .user a {
        color: black;
}

.header .cap .dashboard .user .profile {
        float: left;
        margin: 3px 5px 0 0;
}

.header .cap .dashboard .user .profile a{
        background-image: url('/static/images/header-profile.png');
        display: block;
        height: 15px;
        width: 16px;
}

.header .cap .dashboard .user .name {
        float: left;
        margin: 2px 0 0 0;
}

.header .cap .dashboard .user .signout {
        float: right;
        margin: 5px 0 0 0;
}

.header .cap .dashboard .user .signout a{
        height: 8px;
        width: 8px;
        background-image: url('/static/images/header-signout.png');
        float: right;
}

.header .cap .dashboard .line {
        float: left;
        height: 3px;
        background-image: url('/static/images/header-line.png');
        width: 233px;
        margin: 6px 0 6px 0;
}

.header .cap .dashboard .control {
        float: left;
        width: 250px;
        text-align: center;
}

.header .cap .dashboard .control .plan {
        width: 100%;
}

.header .cap .dashboard .control .order {
        white-space: nowrap;

}

.header .cap .dashboard .control td {
        line-height: 12px;
}

.header .cap .dashboard .control a,
.header .cap .dashboard .control a:visited {
        color: black;
        font-weight: normal;
        font-size: 11px;
        font-family: arial, helvetica, sans-serif;
}

/* Menu */
.header .menu {
        width: 968px;
        margin: 0 20px 0 20px;
        height: 35px;
}

.header .menu .right{
        border-top: 1px dotted #b2b2b2;
        border-bottom: 1px dotted #b2b2b2;
        height: 33px;
        width: 100%;
}

.header .menu .left{
        float: left;
        margin-top: -34px;
        height: 34px;

}

.header .menu .right ul li {
        float: right;
        display: inline;
}

.header .menu .left ul li {
        float: left;
        display: inline;
}

.header .menu .left ul li a,
.header .menu .right ul li a {
        display: block;
        font-family: arial, helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        padding: 8px 20px 7px 20px;
        color: #125cab;
        text-decoration: none;
}


.header .menu .left ul li a:hover {
        background: #e5eff7;
}


.submenu {
        display: none;
        width: 968px;
        height: 34px;
        margin: 0 20px 0 20px;
        background: #e5eff7;
}


.submenu ul li {
        float: left;
        display: inline;
}

.submenu ul li a {
        display: block;
        font-family: arial, helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        padding: 8px 10px 8px 20px;
        color: #125cab;
        text-decoration: none;
}

/* Middle
-----------------------------------------------------------------------------*/
#content {
        float: left;
        margin: 0 20px 0 20px;
        font: normal 13px arial;
        line-height: 20px;
}

/* CONTENT BREADCRUMBS
-----------------------------------------------------------------------------*/

.content .breadcrumb {
        width: 928px;
        padding: 15px 20px 15px 20px;
        height: 15px;
}

.content .breadcrumb .home {
        float: left;
}

.content .breadcrumb .home a {
        display: block;
        background-image: url('../images/navi-home.png');
        width: 11px;
        height: 11px;
}

.content .breadcrumb .arrow {
        float: left;
        margin: 3px 5px 0 5px;
        width: 4px;
        height: 5px;
        background: url('../images/navi-arrow.png') bottom no-repeat;
}

.content .breadcrumb .link a,
.content .breadcrumb .link a:hover,
.content .breadcrumb .link a:visited {
        float: left;
        color: #3272b6;
        font: normal 11px arial;
        margin-top: -1px;
}

.content .breadcrumb .active a,
.content .breadcrumb .active a:hover,
.content .breadcrumb .active a:visited {
        color: #a3a3a3;
        text-decoration: none;
}

/* INDEX CONTENT BLOCKS
-----------------------------------------------------------------------------*/

#content .brick-1 {
        float: left;
        width: 215px;
        background: #f5f9fc;
        padding: 10px 0 20px 20px;
        min-height: 225px;
}

#content .brick-2 {
        float: left;
        width: 438px;
        padding: 10px 20px 20px 20px;
        min-height: 225px;
        background: url('../images/retratech_visual_bg.jpg') top left;
}

#content .brick-2 .top {
        height: 215px;
}

#content .brick-2 .box {
        float: left;
        margin-right: 10px;
        height: 10px;
        width: 10px;
        background: #a9cae4;
}

#content .brick-2 .active {
        background: #125cab;
}

#content .brick-3 {
        float: left;
        width: 215px;
        background: #f5f9fc;
        padding: 10px 20px 20px 20px;
        min-height: 225px;
}

#content .brick-4 {
        float: left;
        width: 215px;
        padding: 10px 0 20px 20px;
        min-height: 300px;
}

#content .brick-4 .tick,
#content .brick-5 .tick {
        float: left;
        background: url('../images/content-tick.png') top left no-repeat;
        width: 16px;
        height: 14px;
        margin-left: -16px;
        margin-right: 3px;
}

#content .brick-5 {
        float: left;
        width: 219px;
        padding: 10px 0 20px 20px;
        min-height: 300px;
}

#content .brick-5 .step-number {
        width: 30px;
        float: left;
}

#content .brick-5 .content {
        margin-left: 30px;
}

#content .brick-5 p {
        font: normal 11px arial;
        color: #707070;
        margin-top: 7px;
}

#content .brick-5 h4 {
        font: bold 14px arial;
        color: #414141;
        margin: 0;
}

#content .brick-6 {
        float: left;
        width: 235px;
        padding: 10px 0 20px 20px;
        min-height: 300px;
}

#content .brick-6 .go {
        background: url('../images/content-go.png') top left no-repeat;
        width: 213px;
        height: 117px;
        margin-top: 25px;
        padding: 10px;

}

#content .brick-6 .tests-list {
        width: 200px;
}

#content .brick-4 ul,
#content .brick-5 ul {
        list-style-type: square;
        list-style-position: inside;
}
/* FORUM CONTENT
-----------------------------------------------------------------------------*/
.content .forum {
        width: 968px;
}

.content .forum blockquote {
        margin: 15px 0 0px 15px;
        padding: 5px 5px 5px 5px;
}

.content .forum .head {
        margin: 20px 0 0 0;
}

.content .forum .search {
        margin: 8px 20px 0 0;
        background: url('../images/content-forum-search.png') right top no-repeat;
        width: 240px;
}

.content .forum .head h1 {
        float: left;
}

.content .forum input.search {
        float: right;
}

.content .forum .new {
        float: right;
}

.content .forum table.board {
        float: left;
        width: 968px;
        margin-top: 10px;
}

.content .forum table.board tr.head {
        border-bottom: 1px solid #919191;
        font: normal 11px arial;
        color: #626262;
}

.content .forum table.board tr.middle {
        border-top: 1px solid #e0e0e0;
}

.content .forum table.board td.theme {
        width: 535px;
        padding: 5px 0 5px 0;
}

.content .forum table.board td.author {
        width: 235px;
}

.content .forum table.board td.responses {
        width: 50px;
}

.content .forum table.board td.last {
        text-align: right;
        width: 138px;
}

.content .forum table a,
.content .forum table a:visited,
.content .forum table a:active {
        color: #125cab;
}

.content .forum .theme .closed {
        vertical-align: sub;
}

/* Wide */
.content .wide {
        float: left;
        width: 928px;
        padding: 0 20px 20px 20px;
}

.content .wide h3 {
        margin: 20px 0 20px 0;
}

.content .wide ul.start li {
        line-height: 30px;
}

.content .wide ul.start li img {
        float: left;
}

.content .wide ul.circle {
        list-style-type: circle;
        list-style-position: inside;
        margin: 10px 0 10px 0;
}

.content .b-brace {
        height: 35px;
        width: 968px;
}

/* forum pagination*/

div.pagination {
        float: left;
        font: bold 14px arial;
        padding:2px;
        margin:7px;
        width: 968px;
        text-align: center;
}

div.pagination a {
        margin: 0 4px 0 0;
        padding: 0.5em 0.64em 0.43em 0.64em;
        background-color: #dae8f3;
        text-decoration: none; /* no underline */
        color: #1f65b0;
}

div.pagination a:hover,
div.pagination a:active {
        margin: 0 4px 0 0;
        padding: 0.5em 0.64em 0.43em 0.64em;
        background-color: #125cab;
        color: #ffffff;
}

div.pagination span.current {
        padding: 0.5em 0.64em 0.43em 0.64em;
        background-color: #ffffff;
        color: #6d643c;
}

div.pagination span.disabled {
		display:none;
}

/* FORUM THREAD
-----------------------------------------------------------------------------*/
.content .forum .head .thread-name {
        float: left;
        width: 520px;
        padding: 0 0 0 20px;
}

.content .forum .post {
        float: left;
        padding: 20px 20px 20px 20px;
        border-bottom: 1px solid #e5e5e5;
}
.content .forum .post .name,
.content .forum .post .message {
        width: 928px;
}

.content .forum .post .b-reply {
        text-align: right;
}

.content .forum .post .time-y {
        font-size: 12px;
}

.content .forum .post .time-h {
        font-size: 12px;
        color: #a8a8a8;
}

.content .forum .control {
        float: left;
        width: 100%;
}

/* FORUM SEARCH */

.content .forum .search-result {
        float: left;
        padding: 20px;
        width: 100%;
}
/* EDUCATION CONTENT
-----------------------------------------------------------------------------*/
table.providers th {
        text-align: left;
}

table.providers tr {
        border-top: 1px solid #C4C7C9;
}

/* ORDER CONTENT
-----------------------------------------------------------------------------*/

/* Table */
.content table.order {
        width: 100%;
        margin-top: 10px;
}

.content table.order td {
        padding: 5px 0 5px 0;
}

.content table.order tr.header {
        font: normal 11px arial;
        color: #626262;
}

.content table.order tr.header .tests {
        width: 420px;
}

.content table.order tr.header .tests-in-cart {
        width: 500px;
}

.content table.order tr.header .example {
        width: 110px;
}

.content table.order tr.header .rus {
        width: 50px;
}

.content table.order tr.header .eng {
        width: 50px;
}

.content table.order tr.cap {
        font: normal 11px arial;
}

.content table.order tr.middle {
        border-bottom: 1px solid #f3f3f3;
}

.content table.order tr.b-footer td {
        background: #f3f3f3;
}

.content table.order tr.b-footer td.amount {
        padding: 0 0 0 10px;
        font: normal 12px arial;
}

.content table.order .cost,
.content table.order .without-discount,
.content table.order .discount,
.content table.order .with-discount {
        padding-right: 10px;
        text-align: right;
}

.content table.order .with-discount {
        font-weight: bold;
}

/* ORDER SUBMIT */
#content .principal .pay {
        width: 693px;
        height: 35px;
        background: #f0f6fa;
        text-align: center;
        padding: 8px 0 8px 0;
        margin: 8px 0 8px 0;
}

/* ORDER STATUS */
#content .principal h3 {
        margin: 20px 0 20px 0;
}

#content .principal blockquote.status {
        padding-left: 10px;
        font-size: 18px;
        cursor: pointer;
}

#content .principal blockquote img {
        margin: 0 0 -7px 0;
}

#content .principal blockquote .delete-order {
        float:right;
        margin: -33px -33px 0 0;
}

#content .principal .shipment-waiting {
        border-left-color: #2d9035;
        border-top: 1px dashed #2d9035;
        border-right: 1px dashed #2d9035;
        border-bottom: 1px dashed #2d9035;
}

#content .principal .payment-waiting {
        border-left-color: #9a6023;
        border-top: 1px dashed #9a6023;
        border-right: 1px dashed #9a6023;
        border-bottom: 1px dashed #9a6023;
}

#content .principal .done-sent {
        color: #125cab;
        border-left-color: #125cab;
        border-top: 1px dashed #125cab;
        border-right: 1px dashed #125cab;
        border-bottom: 1px dashed #125cab;
}

#content .principal table.order-status {
       margin-top: 0;
}

#content table.order .shipping {
        padding: 0 10px 0 0;
        text-align: right;
}

#content .principal .b-order-status-control {
        width: 673px;
        height: 35px;
        padding: 10px;
        background: #f0f6fa;
}

.content .principal .b-order-status-control a.button-blue-long{
        margin-left: 236px;
}

.content .principal .add-certificate {
        float: left;
        height: 35px;
        width: 215px;
        padding: 0 0 0 10px;
        line-height: 35px;
}

.content .principal ul.circle {
        list-style-type: circle;
        list-style-position: inside;
        margin: 10px 0 10px 0;
}

.content .principal ul.circle li {
        margin: 10px 0 10px 0;
}

.content table.order td.delete-test {
        padding-left: 18px;
}

/* ORDER CONTENT */

#DOMWindow .rus-certificate-example {
        height: 575px;
        width: 407px;
        background-image: url('../images/upload/osnova2.jpg');
}

#DOMWindow .rus-certificate-example .name {
        width: 407px;
        padding-top: 210px;
        text-align: center;
        font: bold 14px arial;
}

#DOMWindow .rus-certificate-example .test {
        padding-top: 20px;
        text-align: center;
        font: bold 12px arial;
        width: 407px;
        height: 45px;
}

#DOMWindow .rus-certificate-example .rank {
        padding: 0 60px 0 60px;
        width: 287px;
        font: normal 10px arial;
        height: 210px;
}

#DOMWindow .rus-certificate-example .date {
        padding-left: 135px;
        width: 272px;
        font: bold 10px arial;
}

#DOMWindow .rus-certificate-example .valid {
        padding-left: 135px;
        width: 272px;
        font: normal 8px arial;
}

#DOMWindow .eng-certificate-example {
        height: 345px;
        width: 500px;
        background-image: url('../images/upload/certeng.gif');
}

#DOMWindow .eng-certificate-example .name {
        width: 500px;
        height: 20px;
        padding-top: 63px;
        text-align: center;
        font: bold 14px arial;
}

#DOMWindow .eng-certificate-example .test {
        padding-top: 20px;
        text-align: center;
        font: bold 12px arial;
        width: 500px;
        height: 40px;
}

#DOMWindow .eng-certificate-example .note {
        text-align: center;
        width: 500px;
        height: 30px;
        font: bold 11px arial;
}

#DOMWindow .eng-certificate-example .date {
        text-align: center;
        width: 500px;
        padding-top: 50px;
        height: 40px;
        font: bold 14px arial;
}

/* Sidebar */
#content .reserve {
        text-align: center;
        width: 693px;
}

#content .sidebar .toorder {
        width: 198px;
        background: #e9f1f8;
        border: 1px solid #a2c6e3;
        padding: 10px;
}

.content .sidebar .toorder img {
        vertical-align: -7px;
        margin-right: 7px;
}

#content .sidebar .doubt {
        margin: 20px 0 0 0;
        padding: 10px;
        width: 198px;
        border: 1px solid #a2c6e3;
}

/* ORDER CONTENT STEP 2 */


/* TEST LISTS CONTENT
-----------------------------------------------------------------------------*/

#content table.tests_list {
        width: 693px;
        margin: 10px 0 10px 0;
}

#content table.tests_list .head {
        color: #999999;
        font: normal 11px arial;
        border-bottom: 1px solid #999999;

}

#content table.tests_list .head td {
        padding: 7px 0 7px 0;
}

#content table.tests_list .head .tests {
        width: 400px;
}

#content table.tests_list .head .plan {
        width: 100px;
}

#content table.tests_list .head .learn {
        width: 80px;
}

#content table.tests_list .head td.completed {
        text-align: right;
}

#content table.tests_list .body td {
        border-top: 1px solid #ededed;
        padding: 7px 0 7px 0;
}

#content table.tests_list .body td.completed {
        color: #b2b2b2;
        text-align: right;
}

/* MY PLAN CONTENT
-----------------------------------------------------------------------------*/

#content table.myplan {
        width: 693px;
        margin: 10px 0 10px 0;
}

#content table.myplan tr.head {
        color: #999999;
        font: normal 11px arial;
        border-bottom: 1px solid #999999;
}

#content table.myplan .head td {
        padding: 10px 0 10px 0;
}

#content table.myplan .cb {
        width: 30px;
}

#content table.myplan .plan_name {
        width: 363px;
}

#content table.myplan .result {
        width: 135px;
}

#content table.myplan .best_result {
        width: 65px;
}

#content table.myplan .status {
        width: 100px;
}

#content table.myplan tr.body {
        border-top: 1px solid #ededed;
        padding: 7px 0 7px 0;
}

/* FORUM SUBSCRIPTIONS CONTENT
-----------------------------------------------------------------------------*/

.content table.forum-subscriptions,
.content table.news-subscriptions {
        width: 693px;
        margin: -10px 0 10px 0;
}

.content table.forum-subscriptions tr.head,
.content table.news-subscriptions tr.head {
        color: #999999;
        font: normal 11px arial;
        border-bottom: 1px solid #999999;
}

.content table.forum-subscriptions .head td,
.content table.news-subscriptions .head td {
        padding: 10px 0 10px 0;
}

.content table.forum-subscriptions .thread {
        width: 636px;
}

.content table.news-subscriptions .sub-name {
        width: 200px;
}

.content table.news-subscriptions .sub-desc {
        width: 436px;
}

/* BANNER CONTENT
-----------------------------------------------------------------------------*/

.content .principal .ru_banner {
        float: left;
        padding: 0 0 0 125px;
        width: 170px;
}

.content .principal .en_banner {
        float: left;
        padding: 0 0 0 100px;
        width: 170px;
}

.content .principal .html_banner {
        float: left;
        width: 690px;
        text-align: center;
}
/* RESUME CONTENT
-----------------------------------------------------------------------------*/

.content .principal .resume .photo img{
        float: left;
}

.content .principal .resume dl.vcard {
        float: left;
        background: #f5f7f9;
        padding: 12px 0 0 18px;
}

.content .principal .resume dl.vc-short {
        width: 470px;
}

.content .principal .resume dl.vc-long {
        width: 670px;
}

.content .principal .resume dl.vcard dt {
        clear: left;
        float: left;
        min-height: 30px;
        text-align: left;
        width: 150px;
        color: #9b9c9d;
        font-size: 12px;
}

.content .principal .resume dl.vcard dd {
        float: left;
        min-height: 30px;
}

.content .principal .resume .more {
        float: left;
        margin: 20px 0 0 0;

}

.content .principal .resume th.c-name {
        text-align: left;
        width: 400px;
}

.content .principal .resume th.c-date {
        text-align: left;
        width: 100px;
}

.content .principal .resume th.c-numb {
        text-align: left;
        width: 100px;
}

.content .principal .resume th.c-page {
        text-align: left;
        width: 70px;
}

.content .principal .resume .broad {
        width: 670px;
}

.content .principal table.profile td {
        vertical-align: top;
        background-color: #F5F7F9;
}
/* BEST SPEC CONTENT
-----------------------------------------------------------------------------*/

#content .principal table.bestspec {
        width: 693px;
        margin: 10px 0 10px 0;
}

#content .principal table.bestspec tr.head {
        color: #999999;
        font: normal 11px arial;
        border-bottom: 1px solid #999999;
}

#content .principal table.bestspec tr.selected {
        background: #E3EEF6;
}

#content .principal table.bestspec .order {
        width: 40px;
        padding: 4px 0;
}

#content .principal table.bestspec .person {
        width: 370px;

}

#content .principal table.bestspec .count-test {
       text-align: center;
}

#content .principal table.bestspec .count-answer {
        text-align: center;
}

#content .principal table.bestspec .ball {
        text-align: right;
}

#content .principal .bestspec-note {
        width: 653px;
        height: 100px;
        background: #ededed;
        padding: 20px;
}

/* BEST SPEC BY CITY CONTENT
-----------------------------------------------------------------------------*/

#content .principal table.specbycity {
        width: 673px;
        margin: 10px 0 10px 0;
}

#content .principal table.specbycity tr.head {
        color: #999999;
        font: normal 11px arial;
        border-bottom: 1px solid #999999;
}

#content .principal table.specbycity .number {
        width: 40px;
        padding-bottom: 8px;
}

#content .principal table.specbycity .person {
        width: 300px;

}

#content .principal table.specbycity .city {
        width: 300px;
}

#content .principal table.specbycity .mark {
        text-align: right;
}

/* BEST TESTS
-----------------------------------------------------------------------------*/

#content .principal table.besttests {
        width: 673px;
        margin: 10px 0 10px 0;
}

#content .principal table.besttests tr.head {
        color: #999999;
        font: normal 11px arial;
        border-bottom: 1px solid #999999;
}

#content .principal table.besttests .number {
        width: 40px;
        padding-bottom: 8px;
}

#content .principal table.besttests .test {
        width: 500px;

}

#content .principal table.besttests .mark {
        text-align: right;
}


/* CONTACTS
-----------------------------------------------------------------------------*/

#content .principal .contacts {
        float: left;
        width: 703px;
        background: #eef3f8;
        margin-left: -20px;
}

#content .principal .contacts .left {
        float: left;
        width: 533px;
        padding: 20px;
}

#content .principal .contacts .right {
        float: left;
        width: 90px;
        padding: 20px;
}

/* principial content */
#content .principal .certificates {
        float: left;
        width: 690px;
}

#content .principal .certificate {
        float: left;
        width: 164px;
        height: 30px;
        background-image: url('../images/content-certificate-blank.png');
        margin: 0 20px 20px 0;
        padding: 60px 3px 0 3px;
        line-height: 10px;
        font: bold 10px arial;
        text-align: center;
}

#content .principal .header {
        width: 690px;
        height: 20px;
        border-bottom: 1px solid #c4c7c9;
}

#content .principal .content {
        width: 690px;
        height: 20px;
        border-top: 1px solid #ededed;
}

#content .principal .name {
        float: left;
        width: 500px;
}

#content .principal .percent {
        float: left;
}

#content .principal .date {
        float: right;
}
/* FAIL TEST */

#content .principal .fail .header {
        width: 690px;
        height: 20px;
        border-bottom: 1px solid #c4c7c9;
}

#content .principal .fail .cb {
        width: 30px;
        float: left;
}

#content .principal .fail .name {
        float: left;
        width: 500px;
}

#content .principal .fail .percent {
        float: left;
}

#content .principal .fail .date {
        float: right;
}

.content .principal .fail .hide-failed-tests {
        margin-left: 245px;
}

/* ABOUT CONTROLLER*/

.content .principal img.key {
        float: left;
        margin: 0 10px 0 0;
}

/* TESTING WINDOW */

#DOMWindow .d-wrapper {
        width: 100%;
        min-height: 100%;
        height: auto !important;
        height: 100%;
}

#DOMWindow .d-header {
        height: 56px;
        padding: 20px 0 20px 30px;
}

#DOMWindow .d-content {
        background: #ffffff;
        margin: 0 20px 0 20px;
        width: 968px;
        padding: 0 0 90px;
}

#DOMWindow .d-footer {
        height: 30px;
        padding: 30px 30px 30px 30px;
        font: normal 11px arial;
        margin: -90px auto 0;
        background: #F4F8FC;
}

#DOMWindow .d-content .head {
        padding: 10px;
        height: 10px;
}

#DOMWindow .d-content .head .left {
        float: left;
        font: bold 14px arial;
}

#DOMWindow .d-content .head .b-timer {
        float: right;
        height: 15px;
        line-height: 15px;
}

#DOMWindow .d-content .head .b-timer img {
        line-height: 15px;
        margin: 1px;
        vertical-align: middle;
}

#DOMWindow .d-content .head .b-timer span {
        font-size: 13px;
        line-height: 15px;
        vertical-align: middle;
}

#DOMWindow .d-content .body {
        width: 948px;
        padding: 10px;
        background: white;
}

#DOMWindow .d-content .body form textarea{
        width: 948px;
        height: 50px;
}

#DOMWindow .d-content .body form ul{
        list-style: square outside;
        margin-left: 15px;
}

#DOMWindow .d-content .body form#test-answers {
        padding: 10px 0 0 0;
}

#DOMWindow .d-content .body form .question {
        padding: 0 0 10px 0;
}

#DOMWindow .d-content .body form#test-answers input {
        vertical-align: middle;
}

#DOMWindow .d-content .body form#test-answers label{
        display: inline-block;
        vertical-align: middle;
        padding-left: 5px;
        width: 900px;
}

#DOMWindow .d-content .body img{
        margin: 0 auto;
}

#DOMWindow .d-content .body .button-blue-small {
        margin-left: 402px;
}

#DOMWindow .d-content .body .button-wrapper {
        height: 35px;
        padding: 0 0 1px;
}

#DOMWindow .d-content .description {
        padding: 20px;
}

/* HTML GRAPH */

#DOMWindow .d-content .description .graph{
        margin: 0 0 0 200px;
}

#DOMWindow .d-content .description .graph .percents{
        width: 550px;
        height: 20px;
        margin-left: -10px
}

#DOMWindow .d-content .description .graph .percents .item{
        float: left;
        width: 50px
}

#DOMWindow .d-content .description .graph .bar{
        width: 500px;
        border: 1px solid black;
}

#DOMWindow .d-content .description .graph .bar .success{
        width: 0px;
        height: 30px;
        background: #135cab
}

#DOMWindow .d-content .description .graph .bar .need{
        height: 30px;
        width: 300px;
        border-right: 1px solid red;
}

#DOMWindow .d-content .description .graph .signature{
        width: 500px;
        height: 20px;
        padding-top: 10px;
}

#DOMWindow .d-content .description .graph .signature .need{
        height: 20px;
        float: left;
        width: 300px;
}

#DOMWindow .d-content .description .graph .signature .need .result{
        float: left;
        margin-right: 5px;
        height: 16px;
        width: 16px;
        background: #135cab;
}

#DOMWindow .d-content .description .graph .signature .success{
        height: 20px;
        float: left;
        width: 150px;
        margin-left: -45px
}

#DOMWindow .d-content .description textarea {
        width: 928px;
        height: 100px;
}

#DOMWindow .d-content .description h4 {
        margin: 10px 0 10px 0;
}

#DOMWindow .d-content .description .testing-exit,
#DOMWindow .d-content .description .send-feedback {
        float: left;
}

#DOMWindow .d-content .description .start,
#DOMWindow .d-content .description .exit,
#DOMWindow .d-content .description .resume,
#DOMWindow .d-content .description .start-testing {
        margin: 0 0 0 354px;
}

#DOMWindow .d-content .description .button-results {
        margin-left: 372px;
}

.result__share {
    text-align: center;
}

/* SIDEBAR */

#content .principal {
        float: left;
        width: 690px;
        padding: 1px 0 20px 20px;
}

#content .principal hr {
        height: 0;
        border-style: solid;
        border-width: 1px 0 0 0;
        border-color:#c4c7c9;
        margin-left: -20px;
}

#content .principal hr.thick {
        float: left;
        height: 0;
        border-style: solid;
        border-width: 2px 0 0 0;
        border-color:#c4c7c9;
        margin-left: -20px;
        width: 710px;
}

.content .principal .delete-profile-tests,
.content .principal .delete-profile-subscriptions,
.content .principal .update-profile-news {
        margin-left: 245px;
}

#content .sidebar {
        float: right;
        width: 218px;
        padding: 1px 20px 0 20px;
}

#content .sidebar .banners img {
        margin-bottom: 15px;
}

#content .sidebar .banners a,
#content .sidebar .banners a:link,
#content .sidebar .banners a:visited{
        margin-bottom: 20px;
        display: block;
        height: 102px;
        width: 216px;
        border: 1px solid #a2c6e3;
}

#content .sidebar .banners a:hover {
        display: block;
        height: 102px;
        width: 216px;
        border: 1px solid #135cab;
}

#content .sidebar .banners a:active {
        display: block;
        height: 102px;
        width: 216px;
        border: 1px solid #135cab;
}

#content .sidebar .hot-forum {
        margin: 10px 0 10px 0;
        line-height: 18px;
}

#content .sidebar hr {
        margin: 20px 0 20px 0;
        height: 0;
        border: 1px #c4c7c9 solid;
}

#content .sidebar .stats {
        font: normal 11px arial;
        line-height: 16px;
        padding: 0 0 20px 0;
}

#content .sidebar a,
#content .sidebar a:visited {
        font: bold 12px arial;
        color: #125cab;
        text-decoration: underline;
}

#content .sidebar a.arrow-short,
#content .sidebar a.arrow-short:hover,
#content .sidebar a.arrow-short:visited {
        padding-right: 5px;
        font: bold 12px arial;
        color: #125cab;
}

#content .sidebar .test-by-pin {
        margin: 20px 0 0 0;
        padding: 10px;
        background: #E3EEF6;
}

#content .principal a.small,
#content .principal a.small:active
#content .principal a.small:hover {
        font: normal 10px arial;
}

#content .principal a.thick,
#content .principal a.thick:hover,
#content .principal a.thick:active {
        font: bold 14px arial;
}

/* fullsize */

#content .fullsize {
        float: left;
        width: 928px;
        padding: 5px 20px 20px 20px;
}

/* Proncipal signin*/
#content .fullsize .left-signin {
        float: left;
        width: 464px;
}

#content .fullsize .right-signin {
        float: left;
        width: 464px;
}

.content .fullsize .article {
        float: left;
        width: 100%;
}

.content .fullsize .article img {
        float: left;
        margin: 0 10px 10px 0;
}

.content .fullsize .article .photo {
        float: left;
        margin: 0 10px 10px 0;
        width: 186px;
        height: 147px;
}

.content .fullsize .article .sign {
        margin: 10px 0 0 0;
        text-align: right;
}
/* DIALOGS POPUP */

.ui-widget-header {
        background: #e5eff7;
}

.datepicker {
        background: url('../images/icon-calendar.png') right top no-repeat;
}

/* a href */

a.arrow-long,
a.arrow-long:hover,
a.arrow-long:visited {
        display: block;
        background: url('../images/content-arrow-long.png') center left no-repeat;
        padding-left: 15px;
        font: bold 12px arial;
        color: #125cab;
}

a.arrow-short,
a.arrow-short:hover,
a.arrow-short:visited {
        padding-right: 5px;
        font: bold 12px arial;
        color: #125cab;
}

.right-side-link {
        margin-top: 16px;
}

/* FOOTER
-----------------------------------------------------------------------------*/

.footer {
	width: 1008px;
	margin: -110px auto 0 auto;
	height: 110px;
        min-height: 110px;
}

.footer .line {
        float: left;
        height: 10px;
        width: 100%;
        background: url('../images/footer-line.png');
}

.footer .main {
        width: 100%;
        height: 100px;
}

.footer .main .copy {
        float: left;
        font: normal 11px arial;
        padding: 35px 0 35px 40px;
        height: 30px;
        width: 265px;
}

.footer .main .banner {
        float: left;
        padding: 35px 0 0 30px;
        width: 180px;
        height: 30px;
}

.footer .main .validation {
        float: right;
        padding: 28px 20px 0 0;
        text-align: center;
}

.footer .main .validation form {
        background: #e0eaf2;
        padding: 10px 10px 10px 10px;
        width: 435px;
        height: 25px;
        line-height: 25px;
}

.footer .main .validation .text {
        float: left;
}

/* BUTTONS
-----------------------------------------------------------------------------*/

/* Blue with background (MAIN) */

.button-blue-background {
        background-image: url('../images/button-blue-background.png');
        background-position: top;
        color: white;
        cursor: pointer;
        font: normal 14px arial;
        height: 35px;
        width: 143px;
}

/* Blue long (SIGNUP / NEW TEST) */

.button-blue-long,
.grid button.button-blue-long {
        background-image: url('../images/button-signup-long.png');
        background-position: top;
        color: white;
        cursor: pointer;
        font: normal 14px arial;
        height: 35px;
        width: 200px;
}

a.button-blue-long {
        float: left;
        line-height: 35px;
}

/* Blue small (HEADER SIGNUP, MAIN NEW TEST) */

.button-blue-small,
.grid button {
        background-image: url('../images/header-signup.png');
        background-position: top;
        color: white;
        cursor: pointer;
        font: normal 14px arial;
        height: 35px;
        width: 143px;
}

a.button-blue-small {
        float: left;
        line-height: 35px;
}

/* Blue mini (FOOTER VALIDATION) */

.button-blue-mini,
.button-blue-mini:link,
.button-blue-mini:visited {
        background-image: url('../images/footer-validation.png');
        background-position: top;
        color: white;
        cursor: pointer;
        font: normal 11px arial;
        height: 23px;
        width: 91px;
}

a.button-blue-mini {
        float: left;
        line-height: 23px;
}

/* Signin button with Twitter */

.button-twitter-signin,
.button-twitter-signin:link,
.button-twitter-signin:visited {
        background-image: url('../images/button-login-twitter.png');
        background-position: top;
        color: white;
        cursor: pointer;
        display: block;
        font: normal 13px arial;
        height: 32px;
        line-height: 32px;
        margin-top: 3px;
        text-align: center;
        text-decoration: none;
        width: 237px;
}

/* Signin button with Facebook */

.button-facebook-signin,
.button-facebook-signin:link,
.button-facebook-signin:visited {
        background-image: url('../images/button-login-facebook.png');
        background-position: top;
        color: white;
        cursor: pointer;
        display: block;
        font: normal 13px arial;
        height: 32px;
        line-height: 32px;
        margin-top: 3px;
        text-align: center;
        text-decoration: none;
        width: 237px;
}

/* Signin button with Vkontakte */

.button-vkontakte-signin,
.button-vkontakte-signin:link,
.button-vkontakte-signin:visited {
        background-image: url('../images/button-login-vkontakte.png');
        background-position: top;
        color: white;
        cursor: pointer;
        display: block;
        font: normal 13px arial;
        height: 32px;
        line-height: 32px;
        margin-top: 3px;
        text-align: center;
        text-decoration: none;
        width: 237px;
}

/* Universal style for input buttons */

input.button-blue-long,
input.button-blue-small,
input.button-blue-mini,
input.button-blue-background,
.grid button {
        border: none;
}

/* Universal style for a buttons */

a.button-blue-long,
a.button-blue-small,
a.button-blue-mini {
        display: block;
        text-align: center;
        text-decoration: none;
}

/* Universal style on hover buttons */

.button-blue-long:hover,
.button-blue-small:hover,
.button-blue-mini:hover,
.button-twitter-signin:hover,
.button-facebook-signin:hover,
.button-vkontakte-signin:hover,
.grid button:hover,
.button-blue-background:hover {
        background-position: center;
}

/* Universal style on active buttons */

.button-blue-long:active,
.button-blue-small:active,
.button-blue-mini:active,
.button-twitter-signin:active,
.button-facebook-signin:active,
.button-vkontakte-signin:active,
.grid button:active,
.button-blue-background:active {
        background-position: bottom;
}

/* Red X Button (ORDER STATUS) */
.button-red-x {
        display: block;
        width: 8px;
        height: 8px;
        background-image: url('/static/images/content-order-x-red.png');
}

/*
-----------------------------------------------------------------------------*/

/** FORMS **/

form ul.errors li{
        color: #C03C3C;
        font-size: 12px;
}

/* ZEND FORM STYLING */

dl.zend_form dt {
        clear: left;
        float: left;
        min-height: 30px;
        text-align: right;
}

dl.zend_form dd {
        float: left;
        min-height: 30px;
        padding: 0 0 0 5px;
}

dl.zend_form dd#captcha-element {
        margin-bottom: 5px;
}

/** SIGNUP FORM **/

form.signup dl {
        width: 621px;
}

form.signup dt {
        width: 316px;
}

form.signup dd {
        width: 300px;
}

form.signup input#fname,
form.signup input#sname,
form.signup input#login,
form.signup input#password,
form.signup input#second_password,
form.signup select#country,
form.signup input#zip,
form.signup input#city,
form.signup input#address,
form.signup input#email,
form.signup input#birthday {
        width: 300px;
}

form.signup dd#captcha-element input {
        float: left;
        width: 100px;
}

form.signup dd#captcha-element img {
        border: 1px solid black;
        margin: 0 0 0 5px;
}

/* PROFILE FORM */

form.profile dl {
        width: 621px;
}

form.profile dt {
        width: 316px;
}

form.profile dd {
        width: 300px;
}

form.profile input {
        width: 300px;
}

form.profile input#submit {
        width: 200px;
}

form.profile input#email {
        width: 270px;
}

form.profile input#email-long {
        width: 300px;
}

form.profile dd#email-element a {
        background: url(../images/icon-change-16x16.png);
        display: inline-block;
        overflow: hidden;
        text-indent: -9000px;
        height: 16px;
        width: 16px;
}

form.profile input#subscribe,
form.profile input#hide_city,
form.profile input#hide_country,
form.profile input#hide_family {
        width: auto;
}

/* Profile Short */

form.profile_short input#submit {
        margin: 0 0 0 45px;
        width: 91px;
        font-size: 12px;
        vertical-align: middle;
}

form.profile_short a.button-blue-small {
        float: none;
        display: inline-block;
}

/* RECOVERY FORM */

form.recovery dl {
        width: 621px;
}

form.recovery dt {
        width: 316px;
}

form.recovery dd {
        width: 300px;
}

form.recovery input#email {
        width: 300px;
}

form.recovery dd#captcha-element input {
        float: left;
        width: 100px;
}

form.recovery dd#captcha-element img {
        border: 1px solid black;
        margin: 0 0 0 5px;
}

/* SIGNIN FORM */

form.signin dl {
        width: 365px;
}

form.signin dt {
        width: 50px;
}

form.signin dd {
        width: 310px;
}

form.signin input#login,
form.signin input#password {
        width: 310px;
}

form.signin dt#submit-label {
        width: 130px;
}

form.signin dd#submit-element {
        width: 100px;
}

/* CITY RANK FORM */

form.topscores dl {
        width: 500px;
}

form.topscores dt {
        width: 195px;
}

form.topscores dd {
        width: 300px;
}

form.topscores input#city,
form.topscores select#test,
form.topscores select#country {
        width: 300px;
}

form.topscores .submit {
        margin-left: 78px;
}


/* CONTACTS FORM */

form.feedback dt {
        width: 200px;
}

form.feedback dd {
        width: 310px;
}

form.feedback input#name,
form.feedback input#email,
form.feedback input#phone {
        width: 300px;
}

form.feedback textarea#message {
        width: 300px;
        height: 100px;
}

form.feedback dd#captcha-element input {
        float: left;
        width: 100px;
}

form.feedback dd#captcha-element img {
        border: 1px solid black;
        margin: 0 0 0 5px;
}

/* SHIPPING FORM */

form.shipping dt {
        width: 200px;
}

form.shipping input#fname,
form.shipping input#sname,
form.shipping input#fname_eng,
form.shipping input#sname_eng,
form.shipping input#shippingFname,
form.shipping input#shippingSname,
form.shipping select#country,
form.shipping input#zip,
form.shipping input#city,
form.shipping input#address,
form.shipping input#phone {
        width: 300px;
}

form.shipping dd#city-note-element,
form.shipping dd#phone-note-element {
        color: #666666;
        font-size: 10px;
        line-height: 12px;
        width: 300px;
}

form.shipping dd#address-note-element,
form.shipping dd#payment-note-element {
        width: 100%;
}

form.shipping dd#payment-note-element img {
        margin-bottom: -10px;
}

form.shipping dd#payment-note-element h3 {
        display: inline;
        margin: 0 0 0 6px;
}

form.shipping dd#payment-note-element div {
        margin: 15px 0 15px 0;
}

form.shipping dt#submit-label {
        width: 275px;
}

form.shipping blockquote {
        margin-left: 0;
        padding: 5px;
        text-align: center;
}

form.shipping h2 {
        margin: 20px 0 20px 0;
}

/* ADMIN FORM */

form.signup input#corp_admin_login,
form.signup input#corp_admin_password,
form.signup input#corp_admin_first_name,
form.signup input#corp_admin_last_name,
form.signup input#corp_admin_middle_name,
form.signup input#corp_admin_position,
form.signup input#corp_client_email,
form.signup input#corp_client_address,
form.signup select#corp_client_country,
form.signup input#corp_client_phone,
form.signup input#corp_client_site,
form.signup input#corp_client_name,
form.signup select#corp_client_size,
form.signup select#corp_client_type {
        width: 300px;
}

/* RESUME FORM (NOT ZEND) */

form.resume textarea.target,
form.resume textarea.addinfo,
form.resume textarea.experience,
form.resume textarea.education {
        width: 670px;
        height: 100px;
}

form.resume input.position,
form.resume input.company-name,
form.resume input.company-link,
form.resume input.institution,
form.resume input.speciality {
        width: 670px;
}

form.resume select.messenger-type {
        width: 100px;
}

form.resume input.messenger-name {
        width: 570px;
}

form.resume input.special-messenger-name {
        width: 470px;
}

form.resume a.delete {
        display: block;
        float: right;
        padding: 0 15px 0 0 ;
}

form.resume input.save-all {
        margin: 0 0 0 274px;
}

form.resume a#upload {
        background: #E3EEF6;
        font-size: 14px;
        font-weight: normal;
        color: black;
        text-decoration: none
}

form.resume select.vendors,
form.resume select.certifications,
form.resume input.certification-number,
form.resume input.certification-page {
        width: 670px;
}

/* EDUCATION FORM (NOT ZEND) */

form.education dl {
        width: 621px;
}

form.education dt {
        width: 235px;
}

form.education dt#city-label,
form.education dt#country-label {
        width: 290px;
}

form.education dd {
        width: 300px;
}

/* FORUM FORM (NEW THREAD) */

form.thread {
        float: left;
        width: 928px;
        background: #f0f4f8;
        padding: 20px;
        margin: 0 0 20px 0;
}

form.thread input#subject {
        width: 884px;
        height: 18px;
        padding: 0;
}

form.thread textarea#message {
        width: 926px;
        height: 80px;
        padding: 0;
        margin: 15px 0 0 0;
}

form.thread input#submit {
        margin: 10px 0 0 0;
}

form.thread .subject-label {
        float: left;
        width: 40px;
}

/* FORUM FORM (NEW POST) */

form.post {
        float: left;
        width: 928px;
        background: #f0f4f8;
        padding: 20px;
        margin: 0 0 20px 0;
}

form.post input#subject {
        width: 884px;
        height: 18px;
        padding: 0;
}

form.post textarea#message {
        width: 926px;
        height: 80px;
        padding: 0;
}

form.post input#submit {
        margin: 10px 0 0 0;
}

form.post .subject-label {
        float: left;
        width: 40px;
}

/* Email change form */

form.email input#email {
        width: 250px;
}

form.email input#submit {
        margin-left: 50px;
}

form.email dt {
        width: 339px;
}

/* Best spec */

form.bestspec dt#city-label {
        /* margin-left: 140px; */
}

form.bestspec dt#submit-label {
        clear: none;
        /* margin-left: 275px; */
}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner {
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner {
		border-top-color: rgba(20,20,20,0.92);
	}
}

.red {
        color: #C03C3C;
}

.privacy {
        cursor: pointer;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.ajax-loader-2 {
    text-align: center;
}

.ajax-loader-2 img {
    margin-left: 120px;
}

/* top & bottom margin based on font size */
.html5 h1,
.html5 h2,
.html5 h3,
.html5 h4,
.html5 h5,
.html5 h6,
.html5 p {
        margin: 1em 0;
}

.html5 h1.margin {
        margin-top: -8px;
}

/* Icons */

.icon-facebook {
    background: url('../images/social/facebook-50.png');
    display: inline-block;
    height: 50px;
    width: 50px;
}

.icon-vkontakte {
    background: url('../images/social/vkontakte-50.png');
    display: inline-block;
    height: 50px;
    width: 50px;
}

.icon-odnoklassniki {
    background: url('../images/social/odnoklassniki-50.png');
    display: inline-block;
    height: 50px;
    width: 50px;
}

.icon-twitter {
    background: url('../images/social/twitter-50.png');
    display: inline-block;
    height: 50px;
    width: 50px;
}