/* 
    Document   : style
    Created on : 15.04.2013, 11:25:06
    Author     : stiks
    Description:
        Purpose of the stylesheet follows.
*/

html {
    height: 100%;
}

body {
    margin: 0; 
    font-family: Tahoma, Geneva, Kalimati, sans-serif; 
    font-size: 11px;
    height: 100%;
    background: #F7F9FA url("images2/body-bg.png") repeat-x;
    color: black;
}

ul {
    list-style: none outside none;
    margin: 5px 0 0;
    padding-left: 20px;
}

.page {
    width: 100%;
}

select {
    background: white;
}

.blue2,
.blue {
    color: #28487C;
}

/* Top menu */

.top-menu {
    width: 100%;
    background: url("images/menu.gif") left 6px repeat-x;
    height: 52px;
}

.top-menu .header-line {
    background: url("images2/top-menu-header-line.png") repeat-x;
    height: 6px;
}

.top-menu .swf-menu,
.top-menu .links-menu {
    width: 1000px;
    margin: 0 auto; 
}

.top-menu .links-menu li {
    display: block;
    float: left;
    background: url("images/menu_line.gif") no-repeat;
    padding: 0;
}

.top-menu .links-menu li:first-child {
    background: none;
}

.top-menu .links-menu li a {
    color: #283B6A;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
}

.top-menu .links-menu li a:hover {
    text-decoration: underline;
}

/* Page */

.content-bg,
.header-bg {
    max-width: 1600px;
    min-width: 1000px;
    margin: 0 auto;
}

.cntnt {
    width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Page header */

.page-content .left,
.page-content .content,
.top-logo, 
.top-order,
.page-header2 td {
    vertical-align: top;
}

.page-header {
    width: 100%;
    height: 185px;
}

.page-header .top-logo {
    padding: 40px 0 0 170px;
    width: 220px;
}

.page-header .top-order {
    padding: 60px 0 0 0;
}

.page-header2 {
    width: 100%;
    height: 415px;
}

.left-menu {
    width: 215px;
}

.left-menu li {
    list-style-image: url("images2/grey-li.png");
    background: url("images2/left-mi-bg.png") no-repeat;
    padding: 5px;
}

.left-menu li:first-child {
    background: none;
}

.left-menu li a {
    color: #0d5f98;
    font-size: 12px;
    text-decoration: none;
}

.left-menu li a.selected,
.left-menu li a:hover {
    text-decoration: underline;
}

.left-menu li .highlight {
    color: #ff6c00;
    text-transform: uppercase;
    font-weight: bold;
}

.banner {
    height: 325px;
}

.header-livechat {
    padding-top: 15px;
}

.header-phone {
    width: 130px;
}

.header-phone img {
    position: absolute;
    margin: -20px 0 0 -50px;
}

.header-phones {
    font-size: 14px;
    width: 230px;
    text-align: right;
    padding-top: 10px;
}

.header-phones font {
    font-size: 16px;
    color: #0b52ab;
    font-weight: bold;
}

.header-phones div {
    border-right: solid #d0e3eb 1px; 
    padding: 5px 10px;
}

.login-user-top {
    margin: -25px 0 0 25px;
    background: url("images2/phone.png") right top no-repeat;
}

.login-user-top .header-phones {
    color: #2885db;
}

.login-user-top .header-phones font {
    font-size: 14px;
}

/* Page content */

.page-content {
    width: 100%;
    height: 200px;
}

.page-content .content {
    background: none;
    text-align: justify;
    color: black;
    padding: 0 10px 20px 10px;
} 

.page-content .left {
    width: 250px;
}

.left-block .left-block-header {
    background: url("images2/left-block-header.png") no-repeat;
    padding: 16px 25px;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.left-block .left-block-content-wrapper {
    background: url("images2/left-block-bg.png") repeat-y; 
}

.left-block .left-block-content {
    background: url("images2/left-block-content.png") no-repeat;
    padding: 5px 35px 5px 25px;
}

.left-block .left-block-footer {
    background: url("images2/left-block-footer.png") no-repeat;
    height: 39px;
}

.left-block .scotch {
    position: absolute; 
    margin: -20px;
}

.login-block input[type="text"],
.login-block input[type="password"] {
    width: 185px;
    border: solid #d3ddea 1px;
    padding: 3px;
    margin: 4px 0;
}

.login-block input[type="submit"] {
    background: url("images2/left-login-button.png") no-repeat;
    width: 82px;
    height: 28px;
    border: none;
    margin-top: 4px;
    cursor: pointer;
}

.login-block a {
    color: #203478;
    float: right;
    display: block;
}

.login-block ul {
    padding: 0;
}

.login-block li {
    background: url("images2/grey-dotted-separator.png") left bottom repeat-x;
    padding: 3px;
    display: block;
    overflow: hidden;
}

.login-block li:last-child {
    background: none;
}

.login-block li a {
    float: left;
    color: #137dcf;
    text-decoration: none;
    padding: 3px 10px;
    background: url("images2/blue-li.png") left center no-repeat;
    font-size: 12px;
}

.login-block li a:hover {
    text-decoration: underline;
}

.social-region,
.invite-banner {
    margin: 15px 20px 15px 10px;
}

.social-region {
    border-radius: 5px;
    //background: #28487c;
    color: white;
    overflow: hidden;
}

.invite-banner {
    display: block;
    margin-top: 15px;
    margin-left: 8px;
}

.ul1 {
    padding-left: 0px;
}

.ul1 li {
    background: url("images2/grey-dotted-separator2.png") repeat-x;
    padding: 6px 0;
    color: #203478;
}

.ul1 li:first-child {
    background: none;
}

.ul1 li span {
    background: url("images2/blue-li2.png") left top no-repeat;
    padding-left: 15px;
}

.left-livechat {
    margin: 15px 0 0 25px;
}

.left-livechat a {
    float: left;
    display: block;
    margin-right: 10px;
}

.left-livechat span {
    color: #a1abb5;
}

.left-livechat b {
    color: #62778b;
}

.price_calculator select {
    border: solid #d3ddea 1px;
    background: white;
}

/* Footer */

.content-bg {
    background: url("images2/content-bg.png") center bottom no-repeat;
}

.content-td {
    background: url("images2/content-td-bg.png") left bottom repeat-x;
}

.footer-region {
    background: #0082CC url("images2/footer-bg.png") left bottom repeat-x;
    padding: 25px 0 30px 0;
    color: white;
    text-align: center;
    border-top: solid #78bee5 1px;
}

.footer-region a {
    color: white;
    text-decoration: none;
    line-height: 17px;
}

.footer-region a:hover {
    text-decoration: underline;
}

.copyright-region {
    background: #292f34;
    padding: 15px 0;
    color: white;
}

/* Content pages */

h1.top-header-line {
    background: url("images2/top-header-line-bg.png") repeat-x;
    font-size: 21px;
    color: white;
    font-family: Georgia, "Times New Roman", Times, serif;
    padding: 6px 20px;
    display: block;
    border-radius: 5px 5px 0 0;
    margin: 0 0 -3px 0;
    position: relative;
}

.content h2.guar_line {
    color: #ff6600;
    font-size: 22px;
}

.order-now-line {
    float: right;
    overflow: hidden;
}

.order-now-line a {
    float: right;
    margin: 0 5px 10px 5px;
}

.order-now-line span {
    margin: 10px;
    display: block;
    float: left;
    margin: 8px 7px;
    color: #2e89c2;
}

.text_line {
    overflow: hidden;
}

.content h2 {
    color: #0e5dbf;
    padding-left: 5px;
    font-family: Arial;
    background: url("images2/h2.png") 15px bottom no-repeat;
}

ul li {
    background: url("images2/li.png") no-repeat;
}

ul li span {
    color: #1a2253;
}

.essay-order {
    background: white url("images2/essay-order-bg.png") repeat-x;
    border: solid #cbd6dc 1px;
    padding: 0 10px 20px 10px;
    width: 615px;
    height: 200px;
    border-radius: 5px;
    margin: 0;
}

.essay-order table * {
    font-family: Arial;
}

.essay-order .title {
    padding: 10px 35px;
    font-family: Arial;
    font-size: 17px;
    background: url("images2/essay-order-header-icon.png") 10px 10px no-repeat;
}

.essay-order table tr td input[type="text"],
.essay-order table tr td select {
    color: #6d7287;
    border: solid #e5e5e7 1px;
    padding: 3px;
    background: #f7f7f9;
    border-radius: 2px;
    width: 190px !important;
    font-family: Arial;
}

.essay-order table tr td input[type="text"] {
    width: 182px !important;
}

.essay-order input[type="image"] {
    margin-top: 10px;
}

.essay-order table tr td.label {
    color: #4c557d;
}

.essay-order .essay-price {
    border: none;
    color: #ff6600;
    font-size: 17px;
    width: 180px;
}

.form-wrapper {
    border: solid #e8ecf3 3px;
    border-radius: 8px;
    margin: 0 auto;
}

.form {
    border: solid #cbd6dc 1px;
    padding: 0 5px 5px 5px;
    background: white;
    border-radius: 5px; 
}

.form h2.form-header {
    background: url("images2/top-header-line-bg.png") repeat-x;
    margin: 0 -5px 5px -5px;
    border-radius: 5px 5px 0 0;
    color: white;
    padding: 9px 20px;
    font-weight: bold;
    font-size: 16px;
}

.form h2.form-header span {
    margin-left: 5px;
}

#order-proceed-button {
    width: 152px;
    height: 45px;    
}

.bookmark-region {
    padding: 0;
    margin: 0 0 0 40px;
}

.bookmark-region p {
    color: #0463d9;
}

.bookmark-region .bookmark-button {
    float: none;
    margin: 15px 0 0 20px;
    display: inline-block;
}

#order-list {
    list-style-image: url("images2/order-li.png");
    margin: 10px 45px 20px 45px;
    color: #076fb3;
}

.orderform .form h2.form-header {
    font-family: Georgia,"Times New Roman",Times,serif;
}

.orderform .form .form-header span {
    margin-left: 40px;
}

.orderform .form .form-header img {
    position: absolute;
    margin: -6px 0 0 0;
}

#grand-total-price {
    margin-top: 5px;
    background: url("images2/free-extras-bg.png") 0 bottom repeat-x;
}

.benefits_table .left {
    width: 50px;
}

.benefits_table .head_body,
.benefits_table .head_line_body {
    color: #314396;
    font-weight: bold;
}

.download {
    width: 96px;
    height: 34px;
}

.sample-item div a img {
    width: 96px;
    height: 124px;
}

#samples .sample-item {
    border-bottom: 1px dotted #c8d1d8;
}

#samples .sample-item .col-3 p {
    color: #314396;
}

#samples .sample-item .col-2 {
    color: #1b376d;
}

#samples .sample-item .col-3 p.blue {
    color: #1f8eec;
}

#samples .sample-item .col-3 .order-button {
    margin: 20px 0;
}

#ajax_testimonials {
    margin: 20px 0 0 0;
    color: #1b376d;
}

#ajax_testimonials a.leave-your {
    background: url("images2/leave-your.png") no-repeat;
}

#ajax_testimonials em {
    color: #0e5dbf;
}

ul.testi_pager li a {
    color: #0c4a8a;
}

ul.testi_pager li.active {
    background: #ebedf1;
}

.button,
input[type="submit"],
input[type="button"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    border-radius: 3px 3px 3px 3px;
    font-size: 11.9px;
    padding: 2px 10px;
    outline: none;
    overflow: hidden;
}

.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: #E6E6E6;
}

.button:active,
input[type="submit"]:active,
input[type="button"]:active {
background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}

.button input[type="file"] {
    opacity: 0;
}

.uploaded-file-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 200px;
    text-align: right;
    display: inline-block;
    margin: 0 5px -3px 0;
}

.button span {
    display: block;
    margin: 2px 10px;
    position: absolute;
    text-align: center;
    width: 90px;
}

.file-b {
    overflow: hidden;
    padding: 0;
    width: 110px;
}

.my_jswindow .lt img,
.my_jswindow .rt img {
    margin-bottom: -2px;
}

.essay-1,
.essay-2,
.essay-3,
.essay-4,
.essay-5 {
    background: none;
    overflow: hidden;
    margin: 0 auto;
    display: block;
}

.essay-1 {
    width: 596px;
    height: 106px;
}

.essay-2 {
    width: 646px;
    height: 83px;
}

.essay-3 {
    width: 646px;
    height: 53px;
    margin-top: 20px;
}

.essay-4 {
    width: 646px;
    height: 71px;
}

.essay-5 {
    width: 620px;
    height: 203px;
    margin-top: 20px;
}