@charset "UTF-8";

/*
Title: Constant Content Screen Styles
Author: jfgodin@revenuewire.com
*/


/* =RESET STYLES
---------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ----- */



body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#232020;
    line-height:1.3;
    text-align:center;
    background:url(/images/bg-header.png) repeat-x 0 0 #fff;
}

a {
    color:#0775af
}

h1, h2, h3, h4, h5, h6 {
    color:#0775af
}

h2 {
    clear:both;
    font-size:21px;
}

p {
    margin:0 0 10px
}

.float-right {
    float:right
}

.clear-left {
    clear:left
}

.clear-right {
    clear:right
}

.clear-both {
    clear:both
}

.block {
    display:block
}

.wrapper {
    position:relative;
    width:960px;
    margin:0 auto;
    text-align:left;
    overflow: hidden;
}

.text-center {
    text-align:center
}

.small {
    font-size:11px
}

.centered {
    margin:0 auto
}

.centered-margins {
    margin:10px auto
}

.base-table-spacing td {
    padding:4px;
}




/*
============================

NEW REQUEST FORM

============================
*/

.request-container .request_tab {
    background: rgb(7,117,175);
    border-bottom: 1px solid #34a1db;
    padding: 15px 20px;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    clear: both;
}

.request-container.second .request_tab {
    background: url(../images/expand.jpg) 640px center no-repeat rgb(7,117,175);
}
.request-container.second .request_tab.hidden {
    background: url(../images/collapse.jpg) 640px center no-repeat rgb(7,117,175);
    display: block;
}

.request-container select, .request-container input, .request-container {
    color: #5E5E5E;
}

.request-container .request_details {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding: 0px 30px 25px;
    margin: 0px 0px 0px;
    background: #ffffff;
}

.request-container .request_details_title {
    margin: 10px 0px;
}

.request-container .request_details_detail, .request-container .request_details_item {
    width: 100%;
    box-sizing: border-box;
}

.request-container .request_content_type {
    border: 3px solid #7de9ba;
    width: 100%;
    font-size: 16px;
    box-sizing: border-box;
    height: 50px;
    border-radius: 1px !important;
    -moz-border-radius: 1px !important;
    -webkit-border-radius: 1px !important;
    -o-border-radius: 1px !important;
    margin: 0px 0px 20px;
}

.request-container .request_type, .request_sub_type_group {
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    padding: 15px;
    float: left;
    margin: 0px 0px 5px;
    width: 100%;
    border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    -o-border-radius: 2px !important;
    cursor: pointer;
}

.request-container .request_type:hover {
    background: #f7f7f7;
}

.request-container .request_type_group, .request_sub_type_item {
    width: 93%;
    display: block;
    float: left;
}

.request-container.second .request_type_group {
    width: 100%;
}

.request-container .request_radio {
    width: 7%;
    display: block;
    float: left;
}


.request-container input[type="radio"] {
    display: none;
}

input.hasDatepicker {
    width: 250px !important;
}

.request-container label {
    background: url(../images/input-radio-off.png) center center no-repeat;
    display: block;
    width: 23px;
    height: 23px;
}

.request-container input[type="radio"]:checked + label {
    background: url(../images/input-radio-checked.png) center center no-repeat;
}

label#title-error {
    background: none;
    height: auto !important;
}

.request-container .request_type_title span {
    font-size: 18px;
}

.choose span {
    font-size: 16px;
}

.request-container .request_type_title p {
    margin: 0px;
}

.request-container .request_type_title .clickable {
    font-size: 15px;
}

.request_sub_type_group {
    background-color: #ffffff;
}

.request_sub_type_group:hover {
    background-color: #eee;
}

.request_sub_type {
    margin-top: 20px;
}

.choose p {
    margin: 0px;
}

.request_sub_type_child {
    margin: 20px 0px 0px;
}

.request-container input, .request-container select {
    height: 50px;
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    color: #5e5e5e;
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 0px 5px;
    border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    -o-border-radius: 2px !important;
    box-sizing: border-box;
}

.request-container textarea {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #5e5e5e;
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 5px 5px;
    border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    -o-border-radius: 2px !important;
    box-sizing: border-box;
}

.request_file {
    border: 0 !important;
}



.request-container.second .requestToolPopup {
    position: absolute;
    left: 615px;
    top: 39px;
}

span.clickable {
    display: block;
    color: #45C98F;
    padding-right: 15px !important;
    margin-bottom: 0px;
    background: url(../images/plus-icon.png) right center no-repeat;
}

span.clickable.hidden {
    background: url(../images/minus-icon.png) right center no-repeat;
}



.text_highlighting {
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Webkit */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE 10  */

    /* Currently not supported in Opera but will be soon */
    -o-user-select: none;
    user-select: none;
}

input.budget {
    width: 80px;
}


.education.disabled, .study.disabled, .category.disabled, .certifications.disabled, .request_country.disabled {
    opacity: 0.4;
}

.request-container .requestToolPopup img {margin-top:0px;}

.request_sub_type_select select {width:90%;}
.request_sub_type_child_item .request_radio {width:10%;margin-top:12px;}

#author_select_box select {height:196px;}

input.errormessage, textarea.errormessage, .errormessage input, .errormessage textarea {
    border: 1px solid #ff0000;
}


/* end request form */





.myProjectCreate a {
    border: 1px solid #d7ca11;
    background: #d9d215;
    background: -webkit-gradient(linear, left top, left bottom, from(#fcf956), to(#d9d215));
    background: -webkit-linear-gradient(top, #fcf956, #d9d215);
    background: -moz-linear-gradient(top, #fcf956, #d9d215);
    background: -ms-linear-gradient(top, #fcf956, #d9d215);
    background: -o-linear-gradient(top, #fcf956, #d9d215);
    background-image: -ms-linear-gradient(top, #fcf956 0%, #d9d215 100%);
    padding: 10px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    text-shadow: #fffcbd 0 1px 0;
    color: #3f3d05;
    font-size: 14px;
    font-weight:bold;
    font-family: helvetica, serif;
    text-decoration: none;
    vertical-align: middle;
    width:140px;
    display:block;
}

.myProjectCreateSmall a {
    border: 1px solid #d7ca11;
    background: #d9d215;
    background: -webkit-gradient(linear, left top, left bottom, from(#fcf956), to(#d9d215));
    background: -webkit-linear-gradient(top, #fcf956, #d9d215);
    background: -moz-linear-gradient(top, #fcf956, #d9d215);
    background: -ms-linear-gradient(top, #fcf956, #d9d215);
    background: -o-linear-gradient(top, #fcf956, #d9d215);
    background-image: -ms-linear-gradient(top, #fcf956 0%, #d9d215 100%);
    padding: 2px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    text-shadow: #fffcbd 0 1px 0;
    color: #3f3d05;
    font-size: 12px;
    font-weight:bold;
    font-family: helvetica, serif;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    display:block;
}

.yellow-btn a {
    float:left;
    display:block;
    height:34px;
    margin:10px 0 10px;
    padding:0 0 0 12px;
    background:url(/images/btn-yellow-left.png) no-repeat top left;
    font-size:16px;
    font-weight:bold;
    color:#000;
    text-transform:uppercase;
    text-decoration:none;
}

.yellow-btn a span {
    display:block;
    float:left;
    height:27px;
    padding:7px 12px 0 0;
    background:url(/images/btn-yellow-right.png) no-repeat top right;
}

.yellow-btn-lcase a {
    float:left;
    display:block;
    height:34px;
    margin:10px 0 10px;
    padding:0 0 0 12px;
    background:url(/images/btn-yellow-left.png) no-repeat top left;
    font-size:16px;
    font-weight:bold;
    color:#000;
    text-decoration:none;
}

.yellow-btn-lcase a span {
    display:block;
    float:left;
    height:27px;
    padding:7px 12px 0 0;
    background:url(/images/btn-yellow-right.png) no-repeat top right;
}

.blue-btn a {
    float:left;
    display:block;
    width:auto;
    height:22px;
    font-size:12px;
    background:url(/images/btn-blue-left.png) no-repeat top left #0775AF;
    padding:0 0 0 15px;
    color:#fff;
    text-decoration:none;
}

.blue-btn a span {
    display:block;
    height:19px;
    padding:3px 15px 0 0;
    background:url(/images/btn-blue-right.png) no-repeat top right;
}


.yellow-small-btn a {
    float:left;
    display:block;
    width:auto;
    height:22px;
    font-size:12px;
    background:url(/images/btn-yellow-left-small.png) no-repeat top left #0775AF;
    padding:0 0 0 15px;
    color:#000;
    text-decoration:none;
}

.yellow-small-btn a span {
    display:block;
    height:19px;
    padding:3px 15px 0 0;
    background:url(/images/btn-yellow-right-small.png) no-repeat top right;
}

.grey-btn a {
    float:left;
    display:block;
    width:auto;
    height:22px;
    font-size:12px;
    background:url(/images/btn-grey-left.png) no-repeat top left #4c4c4c;
    padding:0 0 0 15px;
    color:#fff;
    text-decoration:none;
}

.grey-btn a span {
    display:block;
    height:19px;
    padding:3px 15px 0 0;
    background:url(/images/btn-grey-right.png) no-repeat top right;
}

.grey-btn-content-box a {
    float:left;
    display:block;
    width:auto;
    height:22px;
    font-size:12px;
    background:url(/images/btn-grey-left-greybg.png) no-repeat top left #4c4c4c;
    padding:0 0 0 15px;
    color:#fff;
    text-decoration:none;
}

.grey-btn-content-box a span {
    display:block;
    height:19px;
    padding:3px 15px 0 0;
    background:url(/images/btn-grey-right-greybg.png) no-repeat top right;
}

.warning {
    color:#f00
}

/* =HEADER STYLES
---------------------------------------*/
#header {
    position:relative;
    width:920px;
    height:158px;
    margin:0;
}

#logo {
    float:left;
    width:339px;
    margin:30px 0 35px 0;
    padding:0;
    text-indent:-9999px;
    overflow:hidden;
    position: absolute;
}

#logo a {
    display:block;
    height:58px;
    background:url(/images/cc-logo.png) no-repeat 0 0;
}

#login-container {
    float:right;
    width:auto;
    height:25px;
    padding:0 0 0 25px;
    background:url(/images/bg-login-left.png) no-repeat 0 0;
}

#login-container div {
    float:left;
    background:url(/images/bg-login-right.png) no-repeat top right;
    padding:0 25px 0 0;
    height:25px;
    display:block;
}

#login-nav {
    height:22px;
    margin:0;
    padding:5px 0 0 0;
    list-style-type:none;
}

#login-nav li {
    float:left;
    display:block;
}

#login-nav li a {
    float:left;
    display:block;
    font-size:12px;
    color:#fff;
    text-decoration:none;
    margin:0 15px 0 0;
    padding:0 0 0 17px;
}

#login-nav li a:hover {
    color: #fff200
}

#login-nav li.login a {
    background:url(/images/bg-login-icons.png) no-repeat 0 0
}

#login-nav li.cart a {
    background:url(/images/bg-login-icons.png) no-repeat 0 -18px
}

#login-nav li.contact a {
    background:url(/images/bg-login-icons.png) no-repeat 0 -35px;
    padding-left:20px;
}

#login-nav li.chat a {
    background:url(/images/icon-chat.gif) no-repeat 0 0;
    padding-left:20px;
}

#login-nav li.balance a {
    background:url(/images/dollar.png) no-repeat 0 0px;
    padding-left:20px;
}


#login-nav li.about a {
    background:url(/images/bg-login-icons.png) no-repeat 0 -53px
}

#login-nav li.last a {
    margin-right:0;
}

#hello-user {
    position:relative;
    float: right;
    height: 25px;
    margin: 7px 15px 0px 0px;
    font-size:12px;
}

#hello-user2 {
    position:relative;
    float: right;
    height: 25px;
    font-size:12px;
    margin: 7px 15px 0px 0px;
}

#nav {
    clear:right;
    position:absolute;
    width:auto;
    top:95px;
    right:0;
}

#nav li {
    float:left;
    display:block;
}

#nav li a {
    float:left;
    display:block;
    height:28px;
    background:url(/images/bg-nav-left.png) no-repeat top left;
    color:#fff;
    text-decoration:none;
    margin:0 3px 0 0;
    padding:0 0 0 10px;
    cursor:pointer;
}

#nav li a span {
    float:left;
    height:22px;
    margin:0;
    padding:6px 10px 0 0;
    display:block;
    background:url(/images/bg-nav-right.png) no-repeat top right;
}

#nav li a:hover {
    background:url(/images/bg-nav-left.png) no-repeat bottom left
}

#nav li a:hover span {
    background:url(/images/bg-nav-right.png) no-repeat bottom right
}

#nav li a.active {
    background:url(/images/bg-nav-left.png) no-repeat bottom left
}

#nav li a.active span {
    background:url(/images/bg-nav-right.png) no-repeat bottom right
}

.search-form {
    position:absolute;
    top:123px;
    width:100%;
    height:26px;
    padding:4px 0 0;
    display:block;
}

.search-form label {
    color:#fff;
}

.search-form input {
    width:153px;
    height:17px;
    margin:0 10px 0 0;
    padding:0;
    border:1px solid #343434;
    vertical-align:baseline;
}

.search-form select {
    width:135px;
    height:20px;
    margin:0 10px 0 0;
    padding:0;
    border:1px solid #343434;
    font-size:10px;
    background:#fff;
}

#search-submit {
    width:73px;
    height:23px;
    border:none;
}

span.advanced-search a {
    float:right;
    color:#fafc52;
    margin:0;
    padding-top:2px;
    text-decoration:none;
}

#leftnav {
    float:left;
    width:207px;
    padding-top: 13px;
    overflow: visible;
}

#leftnav p {
    margin:10px 0;
    font-size:12px;
}

#leftnav h3 {
    clear:both;
    height:23px;
    margin:0 0 10px;
    padding:4px 0 0 10px;
    background:url(/images/bg-blue-heading.png) repeat-x 0 0 #0167a2;
    font-size:15px;
    font-weight:normal;
    color:#fff;
}

#leftnav form.login {
    width:187px;
    margin:0 auto;
}

#leftnav label {
    font-size:13px;
}

#leftnav input {
    width:160px;
    height:17px;
    margin:0 0 10px 0;
    background:#f5f6f9;
    border:1px solid #656565;
}

#leftnav .login-btn {
    width:65px;
    height:25px;
    border:none;
}

#leftnav #social-icons {
    width:209px;
    margin: 5px;
    padding:0;
    list-style-type:none;
}

#leftnav #social-icons li {
    float:left;
    display: initial;
}

#leftnav #social-icons li a {
    float:left;
    display:block;
    width:45px;
    height:45px;
    margin:0 3px 20px 0;
    text-indent:-3000px;
    overflow:hidden;
}

#leftnav #social-icons li.rss a {
    background:url(/images/icon-rss.png) no-repeat 0 0
}

#leftnav #social-icons li.linkedin a {
    background:url(/images/icon-linked-in.png) no-repeat 0 0
}

#leftnav #social-icons li.twitter a {
    background:url(/images/icon-twitter.png) no-repeat 0 0
}

#leftnav #social-icons li.wp a {
    background:url(/images/icon-wordpress.png) no-repeat 0 0
}

#leftnav h3.cat-nav-title {
    margin-bottom:0
}

#leftnav .cat-nav {
    margin:0 0 10px;
    padding:0;
    list-style-type:none;
    background:#f5f6f9;
    border:1px solid #c3c5c8;
    border-top:none;
    -moz-border-radius:0 0 5px 5px;
}

#leftnav .cat-nav li a {
    height:20px;
    display:block;
    background:url(/images/bg-cat-nav.png) no-repeat 0 0;
    padding:3px 0 0 23px;
    font-size:13px;
    color:#232020;
    text-decoration:none;
}

#leftnav .cat-nav li a:hover {
    background:url(/images/bg-cat-nav.png) no-repeat 0 -23px;
}

#leftnav .cat-nav ul li a {
    background:url(/images/bg-cat-nav.png) no-repeat 0 -46px;
}

#leftnav .cat-nav ul li a:hover {
    background:url(/images/bg-cat-nav.png) no-repeat 0 -69px;
}

/* =copy styles (main content area) */
#rightcontentarea {
    float:right;
    width:699px;
    padding-top: 13px;
}

/*.content-box {
        clear:both;
        padding:13px;
        background:#f5f6f9;
        border:1px solid #c3c5c8;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
}*/

dl.listings dt {
    clear:right;
    display:block;
    margin-top:12px;
    padding:2px 0 2px 13px;
    border:1px solid #c3c5c8;
    background:#fff;
    font-size:14px;
    font-weight:bold;
}

dl.listings dt a {
    text-decoration:none
}

dl.listings dd {
    width:634px;
    margin:0 auto 0;
}

dl.listings dd p {
    margin:10px 0 0
}

ul.stats {
    margin:10px 0 20px;
    padding:0;
    list-style-type:none;
}

ul.stats li {
    display: initial;
    margin:0 20px 0 0;
}

ul.buy {
    float:right;
    width:118px;
    margin:-10px 0 10px;
    padding:12px 12px 5px;
    list-style-type:none;
    border-left:1px solid #c3c5c8;
}

ul.buy li {
    font-size:11px;
}

ul.buy li a {
    text-decoration:none
}

/* =slideshow */
.dumbCrossFade {
    width:688px;
    height:356px;
    display:block;
    margin-bottom:5px;
    cursor:pointer;
    border:none;
    position:relative;
    overflow:hidden;
}

.dumbCrossFade .dumbItem {
    display:none;
    position:absolute;
    top:0;
    left:0;
    border:none;
}

.dumbCrossFade .dumbItem img {
    border:none;
}

.dumbCrossFade * {
    border:none;
    text-decoration:none;
}

.search {
    width:71px;
    height:20px;
    color: #fff;
    text-align:center;
    background-image:url(/images/search.jpg);
    background-position:top;
    float:right;
    text-decoration:none;
    font-size:14px;
    position:relative;
    right:5px;
    padding-top:5px;
    margin-bottom:10px;
}

.search:hover {
    background-position:bottom;
}

#advancedSearch {
    clear:both;
    padding:5px 0px 5px 5px;
    text-align:left;
}

#searchHeading {
    float:left;
}

#searchBody {
    float:left;
    width:390px;
    text-align: justify;
    padding-left:25%;
    padding-right:25%
}

#searchSubmit {
    text-align:left;
}

.topleftnav {
    color: #fff;
    font-size:16px;
    width:170px;
    height:28px;
    background-image:url(/images/topleftnav.jpg);
    background-repeat:no-repeat;
    font-weight:normal;
    padding:6px 0px 0px 15px;
}

.leftnavh4 {
    width:149px;
    height:22px;
    background-image:url(/images/leftnavh4.jpg);
    color: #fff;
    font-size:16px;
    font-weight:normal;
    padding-top:5px;
    padding-left:15px;
}

#leftnav li {
    list-style-type:none;
}

.categories {
    color: #232020;
    height:18px;
    background-image:url(/images/categories.jpg);
    background-position:top;
    display:block;
    padding:5px 0px 0px 25px;
    font-size:13px;
    text-decoration:none;
}

.categories:hover {
    background-position:bottom;
}

.subcategoryItems {
    color: #232020;
    width:139px;
    height:18px;
    padding:5px 0px 0px 25px;
    background-image:url(/images/subcategories.jpg);
    background-position:top;
    display:block;
    font-size:13px;
    text-decoration:none;
}

.subcategoryItems:hover {
    background-position:bottom;
}

.multimedia {
    color: #232020;
    width:139px;
    height:18px;
    background-image:url(/images/multimedia.jpg);
    background-position:top;
    display:block;
    padding:5px 0px 0px 25px;
    font-size:13px;
    text-decoration:none;
}

.multimedia:hover {
    background-position:bottom;
}

/*  the following code is for everything to the right of the #leftnav div */



/* Code for layout with 1 box */

.contentbox {
    padding:0px 15px;
    margin-bottom:30px;
    background-image:url(/images/contentboxbackground.jpg);
    background-repeat:repeat-y;
    clear:both;
}

.contentbox_small {
    padding:0px 15px;
    margin-bottom:30px;
    background-image:url(/images/contentboxbackground_small.jpg);
    background-repeat:repeat-y;
    clear:both;
}

/*.contentbox a{
color: #0775af;
}*/


/*.contentbox ul{
padding-bottom:30px;
}

.contentbox li{
color: #232020;
padding:2px 0px 2px 20px;
list-style-type:none;
background-image:url(/images/li.jpg);
background-repeat:no-repeat;
}*/

.contentboximage, .smallboximage {
    position:relative;
    right:15px;
    display:block;
}

.alertcontentbox {
    width:700px;
    padding:0px 15px;
    margin-bottom:10px;
    background-image:url(/images/alertcontentboxbackground.jpg);
    background-repeat:repeat-y;
    clear:both;
}

.cleanboxleft {
    float:left;
    width:300px;
    padding:0px 15px;
    margin:0px;
    position:relative;
}

.cleanboxright {
    float:right;
    width:300px;
    padding:0px 15px;
    margin:0px;
    position:relative;
}

/* code for layout with 2 boxes side by side */

.twosmallboxes {
    width:700px;
    background-image:url(/images/twosmallboxesbg.jpg);
    background-repeat:repeat-y;
    margin-bottom:10px;
}

.smallboxright {
    float:right;
    width:312px;
    padding:0px 15px;
    margin:0px;
    position:relative;
    overflow:hidden;
}

.smallboxleft {
    float:left;
    width:312px;
    padding:0px 15px;
    margin:0px;
    position:relative;
}

.smallboxright a {
    color: #0775af;
    font-size:14px;
    text-decoration:none;
}

.placeholder {
    float:left;
    padding:0px 15px 5px 0px;
    width:130px;
}

.pageTitle {
    color: #0775af;
    font-size:1.8em;
}

.pageTitleLeft {
    float:left;
}

.pageTitleRight {
    float:right;
}

.searchPageTitle {
    color: #0775af;
    font-size:1.8em;
    clear:none;
}

.title {
    padding:0px 0px 25px 0px;
}

.smallboxleft ul {
    float:right;
}

.smallboxleft li {
    background-image:url(/images/smallboxbutton.jpg);
    background-repeat:no-repeat;
    font-size:12px;
    list-style-type:none;
    margin-bottom:4px;
    width:124px;
    height:18px;
    display:block;
    padding-top:4px;
    padding-right:35px;
}

.smallboxleft li a {
    color: #ffffff;
    font-size:12px;
    margin-left:5px;
}

.smallboxleft a {
    /*color: #0775af;*/
    font-size:14px;
    text-decoration:none;
}

.smallboxleft li:hover {
    padding:4px 0px 0px 0px;
    background-position:bottom;
}

.searchLink li {
    background-image:url(/images/smallboxbutton.jpg);
    background-repeat:no-repeat;
    font-size:12px;
    list-style-type:none;
    margin-bottom:4px;
    width:124px;
    height:18px;
    display:block;
    padding-top:4px;
    padding-right:35px;
}

.searchLink li a {
    color: #ffffff;
    font-size:12px;
    margin-left:5px;
}

.searchLink a {
    color: #0775af;
    font-size:14px;
    text-decoration:none;
}


/* code for subnav in right DIV */

.subnav {
    width:550px;
    height:40px;
    float:left;
    padding-top:13px;
}

.subnav ul {
    float:left;
    padding-left:15px;
    padding-top:13px;
    list-style-type:none;
}

.subnav a {
    font-size:14px;
    text-decoration:none;
    color: #fff;
    background-position:top;
    text-align:center;
    display:block;
    margin-right:3px;
    padding-top:6px;
}

.subnav li {
    float:left;
}

.subnav a:hover {
    background-position:bottom;
}

.articles {
    width:69px;
    height:23px;
    background-image:url(/images/articles.jpg);
}

.articlesactive {
    width:69px;
    height:23px;
    background-image:url(/images/articles_active.jpg);
}

.photography {
    width:104px;
    height:23px;
    background-image:url(/images/photography.jpg);
}

.photographyactive {
    width:104px;
    height:23px;
    background-image:url(/images/photography_active.jpg);
}

.illustration {
    width:99px;
    height:23px;
    background-image:url(/images/illustrations.jpg);
}

.illustrationactive {
    width:99px;
    height:23px;
    background-image:url(/images/illustrations_active.jpg);
}

.videos {
    width:66px;
    height:23px;
    background-image:url(/images/videos.jpg);
}

.videosactive {
    width:66px;
    height:23px;
    background-image:url(/images/videos_active.jpg);
}

.content_title {
    background: #fff;
    border:1px solid #c3c5c8;
    width:635px;
    padding:5px 15px;
    margin-top:10px;
}

.fullrights {
    color : #fff;
    font-size:12px;
    background: orange;
    padding: 0px 10px;
    float:right;
    border: 1px solid black;
    position:relative;
    top:2px;
    right:0px;
}

.owner {
    color : #fff;
    font-size:12px;
    background: green;
    padding: 0px 10px;
    float:right;
    border: 1px solid black;
    position:relative;
    top:2px;
    right:0px;
}

.buyer {
    color : #fff;
    font-size:12px;
    background: blue;
    padding: 0px 10px;
    float:right;
    border: 1px solid black;
    position:relative;
    top:2px;
    right:0px;
}

.documentRequest {
    color : #fff;
    font-size:15px;
    background: white;
    padding: 0px 10px;
    float:right;
    border: 1px solid black;
    position:relative;
    top:2px;
    right:0px;
}

.content_title a {
    color: #0775af;
    text-decoration:none;
}

.content_title a:hover {
    text-decoration:underline;
}

.description {
    width:510px;
    float:left;
    padding: 10px 10px 10px 0px;
}

.multimedia_description {
    width:350px;
    float:left;
    padding:10px;
}

.multimedia_thumb {
    width:130px;
    float:left;
    padding:10px;
}

.description_h4 {
    float:left;
    padding-right:5px;
    font-size:14px;
}

.description_a {
    float:left;
    font-size:14px;
    margin-right:30px;
    position:relative;
    top:10px;
    text-decoration:none;
}

.description_a:hover {
    text-decoration:underline;
}

.smallboxbottom {
    position:relative;
    top:5px;
}

.price {
    width:125px;
    border-left:1px solid #c3c5c8;
    float:left;
    padding:10px;
}

.price ul {
    list-style-type:none;
    padding-bottom:0px;
}

.price li {
    background-image:none;
    list-style-type:none;
    font-size:13px;
    line-height:16px;
    padding: 3px 0px 3px 10px;
}

.watchPrice {
    width :125px;
    border-left:1px solid #c3c5c8;
    padding:10px;
}

.watchPrice ul {
    list-style-type:none;
    padding-bottom:0px;
}

.watchPrice li {
    background-image:none;
    list-style-type:none;
    font-size:13px;
    line-height:20px;
    padding: 5px 0px 5px 10px;
}

.readmore {
    height:18px;
    width:77px;
    background-image:url(/images/readmore.jpg);
    text-align:center;
    color: #fff;
    display:block;
    font-size:12px;
    padding-top:4px;
    margin-left:20px;
    margin-top:10px;
    text-decoration:none;
}

.publishingButton {
    height:18px;
    width:77px;
    background-image:url(/images/readmore.jpg);
    text-align:center;
    color: #fff;
    display:block;
    font-size:12px;
    padding-top:4px;
    text-decoration:none;
}

.pagination {
    color: #0775af;
    background: #fff;
    border:1px solid #c3c5c8;
    overflow: auto;
    min-width:500px;
    max-width:500px;
    width: 100%;
    padding:5px 15px;
    margin-top:10px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
    text-align:center;
    margin-top:15px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.purchaseoptions {
    float:right;
    height:18px;
    width:112px;
    background-image:url(/images/purchaseoptions.jpg);
    text-align:center;
    color: #fff;
    display:block;
    font-size:12px;
    padding-top:4px;
    text-decoration:none;
    margin-right:20px;
}

.wishlist {
    text-decoration: none;
    cursor: auto;
    line-height: 16px;
    float:right;
    height:18px;
    width:112px;
    background-image:url(/images/transparent.gif);
    text-align:center;
    color: #0775AF;
    display:block;
    font-size:13px;
    padding-top:4px;
    text-decoration:none;
    margin-right:10px;
    /*
    float:right;
    height:18px;
    width:112px;
    background-image:url(/images/purchaseoptions.jpg);
    text-align:center;
    color: #fff;
    display:block;
    font-size:12px;
    padding-top:4px;
    text-decoration:none;
    margin-right:10px;
    */
}

.wishlist2 {
    color: #0775af;
    font-weight:bold;
    float:right;
    background-image:url(/images/transparent.gif);
    text-align:center;
    display:block;
    font-size:14px;
    padding-top:4px;
    text-decoration:none;
    margin-right:10px;
}

.pagination a {
    font-size:14px;
    font-weight:bold;
    margin-right:4px;
    margin-left:4px;
    text-decoration:none;
    min-width: 24px;
}

.pagination a:hover {
    text-decoration:underline;
}

.dataTable .header {
    background:url(/images/fade.jpg) repeat-x bottom #1d7db7;
    color:#FFFFFF;
    padding:2px 2px 2px 2px;
}

.dataTable .header2 {
    background:url(/images/fade.jpg) repeat-x bottom #1d7db7;
    color:#FFFFFF;
    padding:2px 2px 2px 2px;
    border-style: solid;
    border-color: black;
    border-width: 1px 1px 1px 1px;
}

.dataTable .data {
    padding:2px 2px 2px 2px;
    width: 75px;
    border-style: solid;
    border-color: black;
    border-width: 0px 1px 1px 1px;
}

.categoryTable thead th {
    margin: 2px;
    padding: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-top-width: 2px;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

.borderless table {
    border:0px;
    padding:0px;
}

.borderless table tr {
    border:0px;
    padding:0px;
}

.borderless table tr td {
    border:0px;
    padding:0px;
}

/*  the following code is for the copyright protected portions of the website */
.copyright {
    display:none;
}

/* =FOOTER STYLES
---------------------------------------*/
#footer {
    clear: both;
    width:100%;
    margin-top:20px;
    padding-top:17px;
    background:url(/images/bg-footer-top.png);
}

#footer-nav {
    width:750px;
    margin:0 auto;
    padding:0;
    list-style-type:none;
}

#footer-nav li {
    display: initial;
}

#footer-nav li a {
    display: initial;
    margin:0 5px;
    font-size:12px;
    color:#232020;
    text-decoration:none;
}

p.footer-copyright {
    /*position:absolute;
    top:50px;
    left:300px;*/
    padding:10px;
    margin:0;
    font-size:12px;
    color:#fff;
    background:url(/images/bg-footer-bottom.png);
    text-align:center;
}

.tabset, .tabset img {
    padding:0px;
    margin:0px;
}

.tabset {
    position:relative;
    display:block;
    bottom:-5px;
    right:-15px;
}

#feedback {
    background-color:#eef1f6;
    border-color:#232020;
    padding:1em;
    margin:1em;
    border-style:solid;
    border-width:thin;
}

.postIt {
    float:left;
}

.postItContent {
    float:left;
    width:150px;
}

.content_block {
    background: #fff;
    border:1px solid #c3c5c8;
    width:635px;
    padding:5px 15px;
    margin-top:10px;
}

.content_block h3 {
    padding-top:4px;
    color: #232020;
    font-size:14px;
    padding-bottom:4px;
}

.purchaseOptions_title {
    color: #0775af;
    font-weight:bold;
}
/*
#buyNow {
        width:71px;
        height:20px;
        color: #fff;
        color:#000;
        text-align:center;
        background-image:url(/images/search.jpg);
        background-position:top;
        float:right;
        text-decoration:none;
        font-size:14px;
        position:relative;
        right:5px;
        padding-top:5px;
        margin-bottom:10px;
}
*/
.buyNow a {
    float:left;
    display:block;
    height:34px;
    margin:10px 0 10px;
    padding:0 0 0 12px;
    background:url(/images/btn-yellow-left.png) no-repeat top left;
    font-size:16px;
    font-weight:bold;
    color:#000;
    text-transform:uppercase;
    text-decoration:none;
}

.buyNow a span {
    display:block;
    float:left;
    height:27px;
    padding:7px 12px 0 0;
    background:url(/images/btn-yellow-right.png) no-repeat top right;
}
#offers {
    display:none;
}

.articleDetails {
    float:left;
    position:relative;
}

.copyProtection {
    float:right;
    position:relative;
}

#keywordAnalysis {
    height:270px;
}

#chart_div {
    margin: 0px auto;
}

.dataTable tr.tableTotal td {
    background-color:#e2e3e5;
}

.checkout {
    width:120px;
    height:24px;
    color: #000;
    text-align:center;
    background-image:url(/images/greenButton.png);
    float:right;
    text-decoration:none;
    font-size:14px;
    position:relative;
    right:5px;
    padding-top:3px;
}

a.checkout {
    color:#000;
}

.signup {
    width:120px;
    height:24px;
    color: #000;
    text-align:center;
    background-image:url(/images/greenButton.png);
    float:right;
    text-decoration:none;
    font-size:14px;
    position:relative;
    right:5px;
    padding-top:3px;
}

a.signup {
    color:#000;
}

td.requestLabel {
    vertical-align:top;
    text-align:left;
    font-weight:bold;
}

td.requestData {
    vertical-align:top;
    text-align:left;
    font-weight:bold;
}

td.webmail_title {
    vertical-align:top;
    font-weight:bold;
}

#popupContainer {
    width:500px;
    margin-left:auto;
    margin-right:auto;
}

.authorSearchLeft {
    float:left;
    width:500px;
    margin-bottom:10px;
}

.authorSearchRight {
    float:right;
    width:140px;
    margin-bottom:10px;
}

.expertiseGroup {
    float:left;
    width:220px;
}

.cat-item a {
    color: #232020;
    width:139px;
    height:18px;
    background-image:url(/images/categories.jpg);
    background-position:top;
    display:block;
    padding:5px 0px 0px 25px;
    font-size:13px;
    text-decoration:none;
}

.cat-item:hover a {
    background-position:bottom;
}



/* Mail System Specific CSS */
td.bold {
    font-weight:bold;
}

/* Mail System Specific CSS */
td.pink {
    background: pink;
}

#subscriptions {
    margin-left:50px;
}

/* =LEGACY CODE (can be deleted once site is finalized
-------------------------------------------------------------*/
/*
label {
    width:180px;
    float:left;
}

.field_container
{
        left:180px;
        margin-left:170px;
}
*/
/*img{
border-style:none;
}

h1{
padding:2px 0;
}

h2{
padding:2px 0;
}

h3{
color: #0775af;
font-size:20px;
padding-bottom:5px;
}

h4{
padding-top:10px;
color: #232020;
font-size:14px;
padding-bottom:4px;
}

p{
color: #232020;
font-size:13px;
line-height:18px;
padding:5px 0px;
}*/

/*.psmallbox{
padding:0px;
}

table{
padding-left:6px;
}

textarea{
        width:400px;
        min-height:150px;
}

.inputLeftArea{
background: #fff;
border:1px solid #333;
width:144px;

}*/


/*#container{
width:920px;
margin-left:auto;
margin-right:auto;
}

#header{
width:920px;
height:93px;
}

#header li{
list-style-type:none;
float:left;
}

#logo{
width:370px;
height:93px;
float:left;
}*/

/*  The following code is for the login icons at the top of the page */

/*#login{
width:550px;
height:40px;
float:left;
}

#login ul{
float:right;
}

#login a{
text-decoration:none;
color: #fff;
font-size:13px;
}

#login a:hover{
color: #fff200;
}

#login p{
float:right;
padding-left:60px;
padding-top:7px;
font-size:12px;
font-style:italic;
}

.login{
width:53px;
height:37px;
background-image:url(/images/login.jpg);
padding: 3px 0px 0px 68px;
}

.cart{
width:30px;
height:37px;
background-image:url(/images/cart.jpg);
padding:3px 0px 0px 25px;
}

.contactus{
width:109px;
height:37px;
background-image:url(/images/contactus.jpg);
padding:3px 0px 0px 31px;
}

.chat{
width:30px;
height:37px;
background-image:url(/images/chat.jpg);
padding:3px 0px 0px 25px;
}


/* The following code is for the nav bar */

/*
#nav{
width:550px;
height:40px;
float:left;
padding-top:13px;
}

#nav ul{
float:right;
padding-right:25px;
padding-top:13px;
}

#nav a{
font-size:14px;
text-decoration:none;
color: #fff;
background-position:top;
text-align:center;
display:block;
margin-right:3px;
padding-top:6px;
}

#nav a:hover{
background-position:bottom;
}

.home, .about{
width:64px;
height:23px;
background-image:url(/images/home.jpg);
}

.homeactive, .aboutactive{
width:64px;
height:23px;
background-image:url(/images/home_active.jpg);
}

.blog, .help{
width:55px;
height:23px;
background-image:url(/images/blog.jpg);
}

.blogactive, .helpactive{
width:55px;
height:23px;
background-image:url(/images/blog_active.jpg);
}

.sitestats{
width:87px;
height:23px;
background-image:url(/images/sitestats.jpg);
}

.sitestatsactive{
width:87px;
height:23px;
background-image:url(/images/sitestats_active.jpg);
}

.forum{
width:68px;
height:23px;
background-image:url(/images/forum.jpg);
}

.forumactive{
width:68px;
height:23px;
background-image:url(/images/forum.jpg);
}*/


/* the following code is for the main content of the website  */


/*#maincontent{
width:902px;
margin-left:auto;
margin-right:auto;
background-image:url(/images/maincontentbackground.jpg);
}

.maincontentbottom{
display:block;
}*/

/*#footer{
padding:10px 0px;
width:902px;
margin-left:auto;
margin-right:auto;
}

#footer ul{
width:902px;
}

#footer li{
list-style-type:none;
float:left;
}

.top{
position:relative;
left:90px;
padding-bottom:10px;
margin-bottom:5px;
}

.bottom{
position:relative;
left:220px;
margin-top:8px;
}

#footer a{
color: #232020;
font-size:12px;
float:left;
text-decoration:none;
padding:0px 5px;
display:block;
}

#footer a:hover{
text-decoration:underline;
}


#subfooter{
width:100%;
height:39px;
background-image:url(/images/subfooter.jpg);
}

#copyright{
width:902px;
margin-left:auto;
margin-right:auto;
}

#copyright p{
color: #fff;
text-align:center;
font-size:13px;
padding-top:19px;
}*/

#login-nav li.notify {
    background:url(/images/bg-login-icons.png) no-repeat 0 -35px;
}

#login-nav li.notify a {
    padding: 0px;
}

span.inbox_count {
    position: relative;
    background: #ee2424;
    color: white;
    vertical-align: super;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(81,81,81,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    -moz-box-shadow: rgba(81,81,81,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    box-shadow: rgba(81,81,81,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    text-shadow: #5c5c5c 0 1px 0;
    font-size: 12px;
    font-family: Arial, sans-serif;
    text-decoration: none;
    vertical-align: middle;
}
#login-nav li.notify a span.notify_inbox {
    padding-left: 10px;
}

ul.clean {
    list-style: disc;
    margin: inherit;
    padding: inherit;
}
ul.clean ul {
    list-style: circle;
    margin: inherit;
    padding: inherit;
}
ul.clean li {
    padding: inherit;
}
ul.clean ul li {
    padding: inherit;
}

#mailnav {
    clear:right;
    width: 699px;
    top:95px;
    right:0;
}

#mailnav li {
    float:left;
    display:block;
}

#mailnav li a {
    float:left;
    display:block;
    height:28px;
    width: 190px;
    background:url(/images/bg-nav-left.png) no-repeat top left;
    color:#fff;
    text-decoration:none;
    margin:0 3px 0 0;
    padding:0 0 0 10px;
    cursor:pointer;
}

#mailnav li a span {
    float:left;
    width: 180px;
    height:22px;
    margin:0;
    padding:6px 10px 0 0;
    display:block;
    background:url(/images/bg-nav-right.png) no-repeat top right;
}

#mailnav li a:hover {
    background:url(/images/bg-nav-left.png) no-repeat bottom left
}

#mailnav li a:hover span {
    background:url(/images/bg-nav-right.png) no-repeat bottom right
}

#mailnav li a.active {
    background:url(/images/bg-nav-left.png) no-repeat bottom left
}

#mailnav li a.active span {
    background:url(/images/bg-nav-right.png) no-repeat bottom right
}

#writerList {
    clear:right;
    top:95px;
    right:0;
}

#writerList li {
    float:left;
    display:block;
    margin-right: 15px;
}

table.inputTable tr td {
    margin-bottom: 10px;
    padding-bottom: 10px;
}


/*................ CALENDAR TABLE ...................*/

.bordered-calendar {
    /*-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;*/
    /*border: solid #ccc 1px;*/
}

.bordered-calendar td, .bordered-calendar th {
    /*border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;*/
    padding: 4px 5px 5px 5px;
    text-align: left;
}

.bordered-calendar th {
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.2) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
    /*border-top: none;*/
    text-shadow: 0px -1px 2px #004f77;
    /*    filter: dropshadow(color=#004f77, offx=0, offy=-1);*/
    background: #0063a0;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078b0), to(#0063a0));
    background: -webkit-linear-gradient(top, #0078b0, #0063a0);
    background: -moz-linear-gradient(top, #0078b0, #0063a0);
    background: -ms-linear-gradient(top, #0078b0, #0063a0);
    background: -o-linear-gradient(top, #0078b0, #0063a0);
    background-image: -ms-linear-gradient(top, #0078b0 0%, #0063a0 100%);
    color:#fff;
    text-align: center;
    border: 1px #023f65 solid;

}

.bordered-calendar td:first-child, .bordered-calendar th:first-child {
    /*border-left: none;*/
}

.bordered-calendar th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
    border-right:none;
}

.bordered-calendar th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
    border-left:none;
}

.bordered-calendar th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered-calendar tr:last-child td:first-child {
    /*-moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;*/
}

.bordered-calendar tr:last-child td:last-child {
    /*-moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;*/
}

.bordered-calendar tr:nth-child(odd) {
    /*background: #f5f5f5;*/
}

.bordered-calendar tr:hover, .bordered-calendar tr:nth-child(odd):hover {
    /*background: #ecf2f6;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;    */
}

.bordered-calendar tbody td:not(:last-child) {
    border-bottom:1px #c6d5e1 solid;
    border-left:1px #c6d5e1 solid;
}

.bordered-calendar tbody td:last-child {
    border-left:1px #c6d5e1 solid;
    border-bottom:1px #c6d5e1 solid;
    border-right:1px #c6d5e1 solid;
}

textarea.success {
    width: 640px;
}

.paginate-other {
    min-width: 24px;
}

.paginate-other:before {
    margin-left: 4px;
    content: "[";
}

.paginate-other:after {
    margin-right: 4px;
    content: "]";
}

.timelineRow {
    margin-bottom: 15px;
}
.timelineTimestamp {
    color: grey;
}

.timelineSingle, .timelineMultiple {
    background-color: white;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-box-shadow: 0px 2px 4px 2px #bbb;
    -webkit-box-shadow: 0px 2px 4px 2px #bbb;
    box-shadow: 0px 2px 4px 2px #bbb;
    overflow: hidden;
}

.timelineMultiple {
    padding: 5px;
    /*padding-left: 10px;*/
}

.timelineMultiple {
    /*padding-bottom: 1px;*/
}

.timelineItem {
    padding: 5px;
    padding-left: 10px;
    overflow: hidden;
}
.timelineSingle.timelineItem {
    margin-top: 10px;
}
.timelineLink {
    /*float: right;*/
    background: inherit;
    padding-right: 10px;
}

.eventChildItem {
    background-color: LightBlue;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-box-shadow: 0px 2px 4px 2px #bbb;
    -webkit-box-shadow: 0px 2px 4px 2px #bbb;
    box-shadow: 0px 2px 4px 2px #bbb;
    clear: left;
    margin: 5px;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 10px;
}

.timelineChild {
    display: none;
}

.dataTable .work_complete td {
    background-color: LightGreen;
}

.dataTable .work_unstarted td {
    /*background-color: LightBlue;*/
}

.tablesorter thead th {
    background-image: url("/images/bg.png") !important;
    background-position: left center;
    background-repeat: no-repeat;
    text-align: center;
    background-position: -80px;
}

.wrapper {
    width:960px;
    margin:0 auto;
    position: relative;
}

/* CUSTOMER CONFIRM
---------------------------------------*/

.customer-confirm {
    width:820px;
    /*padding:30px;*/
    margin:40px auto;
    border:1px solid #b4b4b4;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0px 2px 5px 0px #c2c8d3;
    box-shadow: 0px 2px 5px 0px #c2c8d3;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.customer-confirm h1 {
    padding-top:30px;
    font-size:24px;
    color:#2c2c2c;
    text-align:center;
    font-weight: normal;
}

.customer-confirm-option {
    padding:30px 30px 20px 30px;
    background:#f1f3f5;
    border-top:1px solid #d4d6d8;
    overflow: hidden;
}

.customer-choice1 {
    width:280px;
    height:230px;
    padding:30px 20px 24px 20px;
    border:1px solid #c5c5c5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0px 2px 5px 0px #e2e4e6;
    box-shadow: 0px 2px 5px 0px #e2e4e6;
    background: #fff;
    overflow: hidden;
    margin-bottom: 25px;
}

.customer-choice1 h2 {
    color:#6f6e6e;
    font-size:18px;
    font-weight: normal;
    text-align: center;
    padding:18px 0 20px 0;
    height: 65px;
    line-height:24px;
}

.customer-choice2 {
    width:700px;
    padding:18px 20px;
    border:1px solid #c5c5c5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0px 2px 5px 0px #e2e4e6;
    box-shadow: 0px 2px 5px 0px #e2e4e6;
    background: #fff;
    overflow: auto;
    position: relative;
}

.customer-choice2 h2 {
    color:#6f6e6e;
    font-size:18px;
    font-weight: normal;
    margin-right:30px;
}

.customer-choice3 {
    width:280px;
    padding:30px 20px 24px 20px;
    border:1px solid #c5c5c5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0px 2px 5px 0px #e2e4e6;
    box-shadow: 0px 2px 5px 0px #e2e4e6;
    background: #fff;
    overflow: hidden;
}


/* CUSTOMER CONFIRM [END]
----------------------------------------*/

.newwriterrightcontentarea {
    float:none;
    margin-left:auto;
    margin-right:auto;
    padding: 10px;
    width:800px;
    overflow: auto;
    background: #f5f6fa;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-box-shadow: 0px 2px 4px 2px #bbb;
    -webkit-box-shadow: 0px 2px 4px 2px #bbb;
    box-shadow: 0px 2px 4px 2px #bbb;
    border-spacing: 10px;
}

.newwritercontentbox {
    display: table-cell;
    padding:0px 15px;
    background: white;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-box-shadow: 0px 2px 4px 2px #bbb;
    -webkit-box-shadow: 0px 2px 4px 2px #bbb;
    box-shadow: 0px 2px 4px 2px #bbb;
}

.btn-lrg.grey {
    /* fallback */
    background-color: #b2b2b2;
    /* gradient */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b2b2b2), to(#7f7f7f));
    background: -webkit-linear-gradient(top, #b2b2b2, #7f7f7f);
    background: -moz-linear-gradient(top, #b2b2b2, #7f7f7f);
    background: -ms-linear-gradient(top, #b2b2b2, #7f7f7f);
    background: -o-linear-gradient(top, #b2b2b2, #7f7f7f);
    border:1px solid #878787;
    box-shadow: inset 0px 1px 0px 0px #cbcbcb;
    color:#fff;
}

.btn-lrg.grey:hover {
    background-color: #b2b2b2;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b2b2b2), to(#b2b2b2));
    background: -webkit-linear-gradient(top, #b2b2b2, #b2b2b2);
    background: -moz-linear-gradient(top, #b2b2b2, #b2b2b2);
    background: -ms-linear-gradient(top, #b2b2b2, #b2b2b2);
    background: -o-linear-gradient(top, #b2b2b2, #b2b2b2);
}


.btn-lrg.blue {
    /* fallback */
    background-color: #15b9ca;

    /* gradient */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#15b9ca), to(#0ea2b9));
    background: -webkit-linear-gradient(top, #15b9ca, #0ea2b9);
    background: -moz-linear-gradient(top, #15b9ca, #0ea2b9);
    background: -ms-linear-gradient(top, #15b9ca, #0ea2b9);
    background: -o-linear-gradient(top, #15b9ca, #0ea2b9);
    border:1px solid #007d87;
    box-shadow: inset 0px 1px 0px 0px #23cbdc;
    color:#fff;
}

.btn-lrg.blue:hover {
    background-color: #15b9ca;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#15b9ca), to(#15b9ca));
    background: -webkit-linear-gradient(top, #15b9ca, #15b9ca);
    background: -moz-linear-gradient(top, #15b9ca, #15b9ca);
    background: -ms-linear-gradient(top, #15b9ca, #15b9ca);
    background: -o-linear-gradient(top, #15b9ca, #15b9ca);
}

.btn-lrg.green {
    /* fallback */
    background-color: #4c9c41;
    /* gradient */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c9c41), to(#3c8432));
    background: -webkit-linear-gradient(top, #4c9c41, #3c8432);
    background: -moz-linear-gradient(top, #4c9c41, #3c8432);
    background: -ms-linear-gradient(top, #4c9c41, #3c8432);
    background: -o-linear-gradient(top, #4c9c41, #3c8432);
    border:1px solid #377b2d;
    box-shadow: inset 0px 1px 0px 0px #61b456;
    color:#fff;
}

.btn-lrg.green:hover {
    /* fallback */
    background-color: #4c9c41;
    /* gradient */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c9c41), to(#4c9c41));
    background: -webkit-linear-gradient(top, #4c9c41, #4c9c41);
    background: -moz-linear-gradient(top, #4c9c41, #4c9c41);
    background: -ms-linear-gradient(top, #4c9c41, #4c9c41);
    background: -o-linear-gradient(top, #4c9c41, #4c9c41);
}

.btn-lrg.yellow {
    /* fallback */
    background-color: #f4ec31;
    /* gradient */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4ec31), to(#ddd04a));
    background: -webkit-linear-gradient(top, #f4ec31, #ddd04a);
    background: -moz-linear-gradient(top, #f4ec31, #ddd04a);
    background: -ms-linear-gradient(top, #f4ec31, #ddd04a);
    background: -o-linear-gradient(top, #f4ec31, #ddd04a);
    border:1px solid #aa9f45;
    box-shadow: inset 0px 1px 0px 0px #fff558;
    color:#5f5a10;
}

.btn-lrg.yellow:hover {
    /* fallback */
    background-color: #4c9c41;
    /* gradient */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4ec31), to(#f4ec31));
    background: -webkit-linear-gradient(top, #f4ec31, #f4ec31);
    background: -moz-linear-gradient(top, #f4ec31, #f4ec31);
    background: -ms-linear-gradient(top, #f4ec31, #f4ec31);
    background: -o-linear-gradient(top, #f4ec31, #f4ec31);
}

.btn-lrg {
    width: 200px;
    padding:12px 28px;
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    font-weight:500;
    /*text-shadow: 0px 1px 0px rgba(0,0,0,0.3);*/
    text-decoration: none;
    text-align: center;
}
.customer-choice1 .btn-lrg {
    margin-left: 11px;
    margin-right: 11px;

}
a .btn-lrg  {
    font-family: HelveticaNeue,Arial,sans-serif;
    font-size: 20px;
    color: inherit;
    text-decoration: none;
}
a .btn-lrg:hover {
    font-family: HelveticaNeue,Arial,sans-serif;
    color: inherit;
    text-decoration: none;
}

.btn {
    margin-left: 5px;
    margin-bottom: 10px;
}

.btn.red {
    /*width: 20px;*/
    /* fallback */
    background-color: #ff4827;
    /* gradient */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff3a00), to(#ff4827));
    background: -webkit-linear-gradient(top, #ff3a00, #ff4827);
    background: -moz-linear-gradient(top, #ff3a00, #ff4827);
    background: -ms-linear-gradient(top, #ff3a00, #ff4827);
    background: -o-linear-gradient(top, #ff3a00, #ff4827);
    border:1px solid #ff3a00;
    box-shadow: inset 0px 1px 0px 0px #ff3a00;
    color: white;
}

.btn.red:hover {
    /* fallback */
    background-color: #4c9c41;
    /* gradient */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f40000), to(#f40000));
    background: -webkit-linear-gradient(top, #f40000, #f40000);
    background: -moz-linear-gradient(top, #f40000, #f40000);
    background: -ms-linear-gradient(top, #f40000, #f40000);
    background: -o-linear-gradient(top, #f40000, #f40000);
}

.btn-small.red {
    width: 20px;
    /* fallback */
    background-color: #ff4827;
    /* gradient */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff3a00), to(#ff4827));
    background: -webkit-linear-gradient(top, #ff3a00, #ff4827);
    background: -moz-linear-gradient(top, #ff3a00, #ff4827);
    background: -ms-linear-gradient(top, #ff3a00, #ff4827);
    background: -o-linear-gradient(top, #ff3a00, #ff4827);
    border:1px solid #ff3a00;
    box-shadow: inset 0px 1px 0px 0px #ff3a00;
    color: white;
}

.btn-small.red:hover {
    /* fallback */
    background-color: #4c9c41;
    /* gradient */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f40000), to(#f40000));
    background: -webkit-linear-gradient(top, #f40000, #f40000);
    background: -moz-linear-gradient(top, #f40000, #f40000);
    background: -ms-linear-gradient(top, #f40000, #f40000);
    background: -o-linear-gradient(top, #f40000, #f40000);
}

.btn-small.grey {
    width: 20px;
    /* fallback */
    background-color: #A9A9A9;
    /* gradient */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( 	#D3D3D3), to( 	#A9A9A9));
    background: -webkit-linear-gradient(top,  	#D3D3D3,  	#A9A9A9);
    background: -moz-linear-gradient(top,  	#D3D3D3,  	#A9A9A9);
    background: -ms-linear-gradient(top,  	#D3D3D3,  	#A9A9A9);
    background: -o-linear-gradient(top,  	#D3D3D3,  	#A9A9A9);
    border:1px solid #D3D3D3;
    box-shadow: inset 0px 1px 0px 0px  	#D3D3D3;
    color: white;
}

.btn-small.grey:hover {
    /* fallback */
    background-color: #A9A9A9;
    /* gradient */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A9A9A9), to(#A9A9A9));
    background: -webkit-linear-gradient(top, #A9A9A9, #A9A9A9);
    background: -moz-linear-gradient(top, #A9A9A9, #A9A9A9);
    background: -ms-linear-gradient(top, #A9A9A9, #A9A9A9);
    background: -o-linear-gradient(top, #A9A9A9, #A9A9A9);
}

.btn-small.more {
    width: 20px;
    /* fallback */
    background-color: #2748ff;
    /* gradient */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003aff), to(#2748ff));
    background: -webkit-linear-gradient(top, #003aff, #2748ff);
    background: -moz-linear-gradient(top, #003aff, #2748ff);
    background: -ms-linear-gradient(top, #003aff, #2748ff);
    background: -o-linear-gradient(top, #003aff, #2748ff);
    border:1px solid #003aff;
    box-shadow: inset 0px 1px 0px 0px #003aff;
    color: white;
}

a .btn-small.more:hover {
    /* fallback */
    background-color: #4c9c41;
    /* gradient */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0000f4), to(#0000f4));
    background: -webkit-linear-gradient(top, #0000f4, #0000f4);
    background: -moz-linear-gradient(top, #0000f4, #0000f4);
    background: -ms-linear-gradient(top, #0000f4, #0000f4);
    background: -o-linear-gradient(top, #0000f4, #0000f4);
}

.btn-small {
    margin-left: 10px;
    min-width: 20px;
    padding:1px 3px;
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    font-size: 10px;
    font-weight:500;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
    text-decoration: none;
    text-align: center;
}

.btn-small a {
    font-family: HelveticaNeue,Arial,sans-serif;
    font-size: 20px;
    color: inherit;
    text-decoration: none;
}
.btn-small:hover a {
    font-family: HelveticaNeue,Arial,sans-serif;
    color: inherit;
    text-decoration: none;
}

.profileStats {
    text-align: center;
    width:120px;
    float:right;
    font-size: 12px;
    margin-right: 8px;
}


/* Tipped style */
.constantTooltip{
    border: 3px solid #959FA9;
    max-width: 700px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    background-color: #F9F9F9;
    color: #454545;

    font-weight: normal;
    /*font-family: serif;*/
    font-size: 14px;
}

.constantTooltip .qtip-titlebar{
    border-bottom-width: 0;
    font-size: 18px;
    font-weight: bold;
    color: white;
    background: #3A79B8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
    background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
    background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
    background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
    background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";*/
}

.constantTooltip .qtip-icon {
    border: 2px solid #285589;
    background: #285589;
}

.constantTooltip .qtip-icon .ui-icon{
    background-color: #FBFBFB;
    color: #555;
}

.toolTipRequest {
    cursor: pointer;
}

.draggable-tooltip .ui-tooltip-titlebar{
    cursor: move;
}

.login-line {
    height:1px;
    width:100%;
    border-top:1px solid #e2e2e2;
    margin:15px 0;
}

.lines {
    position: relative;
}

.linenoinput {
    height: 20px;
}

.clickable {
    cursor: pointer;
}

.completness tr td .item {
    clear: left;
}
.completness tr td .item div {
    display: table-cell;
}
.completness tr td .item .check {
    float: left;
    padding-right: 3px;
}
.completness tr td .item .check img {
    width: 17px;
}


/*
.request_item {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-box-shadow: 0px 2px 4px 2px #bbb;
    -webkit-box-shadow: 0px 2px 4px 2px #bbb;
    box-shadow: 0px 2px 4px 2px #bbb;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 10px;
}

.request_item.white {
    background-color: white;
    color: black;
}


.request_details div {
    border: 1px solid red;
}

.request_type div {
    border: 1px solid red;
    margin: 0px 5px 5px 5px;
    padding: 5px;
}

.request_type .blue {
    background-color: LightBlue;
    color: black;
    cursor: pointer;
}

.request_type .child {
    background-color: white;
    color: black;
    cursor: pointer;
}

.request_type {
    padding-bottom: 10px;
    overflow: auto;
    clear: left;
}

.request_radio {
    width: 30px;
    text-align: right;
    float: left;
    padding-right: 10px;
    cursor: pointer;
}

.request_radio input {
    cursor: pointer;
}

.request_type_group {
    float: left;
    width: 450px;
}

.request_type_title {
    float: left;
    width: 430px;
}

.request_sub_type {
    float: left;
    clear: both;
    width: 580px;
}

.request_sub_type_group {
    float: left;
    clear: both;
    width: 595px;
}

.request_sub_type_item {
    float: left;
    width: 530px;
}

.request_sub_type_title {
    float: left;
    width: 385px;
    cursor: pointer;
}

.request_sub_type_child {
    float: left;
    clear: both;
    width: 525px;
}
.request_sub_type_child_item {
    margin-bottom: 10px;
    float: left;
    clear: both;
    width: 525px;
}

.request_sub_type_label {
    float: left;
    width: 100px;
}

.request_sub_type_select {
    float: left;
    width: 355px;
    overflow: hidden;
}

.request_type select, .request_details select {
    width: 260px;
}

.request_details {
    width: 665px;
    overflow: auto;
    clear: left;
}

.request_details_item {
    width: 660px;
    float: left;
    clear: left;
    margin-bottom: 15px;
}

.request_details_title {
    width: 150px;
    float: left;
    font-weight: bold;
}

.request_details_detail {
    width: 430px;
    float: left;
}

.request_details_detail input[type=text] {
    float: left;
    width: 425px;
    overflow: hidden;
}

.request_details_detail textarea {
    float: left;
    width: 390px;
    height: 90px;
    overflow: hidden;
}*/

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/*custom classes*/
.clear {clear:both;}
.clearright {clear:right;}
.clearleft {clear:left;}
.left {float:left;}
.center {margin: auto; }
.right {float:right;}
.bold {font-weight:bold;}
.no-line {text-decoration: none;}
.grey-line {height:1px;border-top: 1px solid #d3d3d3;width:100%;display: block;margin:20px 0;}
.hidden { display: none; }
.removed { display: none; }
.link { cursor: pointer;color: #0775af; }
.largeFont { font-size: 150%; }
.fontBlack { color: black; }
.overflow { overflow: auto; }