@charset "utf-8";
body {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #89999e;
}

html {
    padding: 0;
    margin: 0;
}

.main {
    margin: 0 auto;
    padding: 0;
    background: url(/cms/assets/images/x/main_bg1.gif) top center repeat-x;
}

.main2 {
    margin: 0 auto;
    padding: 0;
    background: url(/cms/assets/images/x/main_bg2.gif) top center repeat-x;
}

ul {
    margin: 10px;
    padding: 0;
}

li {
    padding: 3px;
    margin: 0;
}

/********** header **********/
.header {
    padding: 0;
    margin: 0 auto;
    width: 962px;
}

/* logo */
.logo {
    padding: 0;
    margin: 0;
    width: 200px;
    float: left;
}

.trace {
    width: 100%;
    padding-left: 20px;
}

.trace ul, .trace li {
    width: 100%;
    line-height: normal;
    font-size: 8pt;
}

.menu_container {
    float: left;
    width: 100%;
}

.menu_container_full {
    float: left;
    width: 960px;
}

/* rss */

.rss {
    width: 320px;
    margin: 0;
    padding: 15px 0 0 0;
    float: right;
    text-align: right;
    font: bold 14px "Arial", Arial, Helvetica, sans-serif;
    color: #505050;
    line-height: 1.8em;
}

/* Click */

.Click {
    width: 200px;
    float: left;
    padding: 6px 0 0 0;
    margin: 0;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #7e7e7e;
    line-height: 1.8em;
}

/*menu*/
.menuX {
    width: 962px;
}

.MenuLink a:link {
    color: #89999e;
    text-decoration: none;
}

.MenuLink a:visited {
    color: #89999e;
    text-decoration: none;
}

.MenuLink a:hover {
    color: #ec008c;
}

.ActiveMenuLink {
    color: #ec008c !important;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}

.buttons {
    padding: 5px 0 0 0;
    margin: 0 auto;
}

.buttons ul {
    text-align: left;
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none;
    border: 0;
    float: left;
    width: 610px;
}

.buttons ul li {
    float: left;
    margin: 0;
    padding: 13px 5px;
    border: 0;
}

.buttons ul li a {
    float: left;
    margin: 0;
    padding: 13px 0 13px 0;
    color: #505050;
    font: bold 12px "Arial", Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.buttons ul li a span {
    padding: 13px 10px;
    background: none;
}

.buttons ul li a:hover {
    color: #ec008c;
    background: url(/cms/assets/images/x/r_menu.gif) no-repeat right;
}

.buttons ul li a:hover span {
    color: #ec008c;
    background: url(/cms/assets/images/x/l_menu.gif) no-repeat left;
}

.buttons ul li a.active {
    color: #ec008c;
    background: url(/cms/assets/images/x/r_menu.gif) no-repeat right;
}

.buttons ul li a.active span {
    color: #ec008c;
    background: url(/cms/assets/images/x/l_menu.gif) no-repeat left;
}

/* search */
.controls {
    padding: 10px 0 0 0;
    margin: 0;
    width: 760px;
    float: right;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #7e7e7e;
}

.controls form {
    display: block;
    float: right;
    padding: 0;
}

.controls span {
    display: block;
    float: left;
    background: url(/cms/assets/images/x/search_bg.gif) left top no-repeat;
    width: 176px;
    padding: 0;
    height: 32px;
}

.controls form .keywords {
    width: 179px;
    line-height: 14px;
    float: left;
    background: none;
    border: 0;
    padding: 8px 2px 0 10px;
    margin: 0;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #a4a4a4;
}

.controls form .button {
    float: left;
    margin: 0;
    padding: 0;
}

/* click_blog */
.click_blog {
    font: italic 12px Arial, Helvetica, sans-serif;
    color: #b0b0b0;
    padding: 0;
    margin: 0;
    line-height: 1.8em;
}

.click_blog p {
    width: 600px;
    float: left;
    padding: 0;
    margin: 0;
}

.click_blog a {
    color: #7e7e7e;
    font-weight: bold;
    text-decoration: none;
}

.click_blog img.floated {
    float: right;
    margin: 5px 3px;
    padding: 0;
}

.click_blog img {
    float: left;
    margin: 0;
    padding: 5px;
}

/* FBG */

.FBG {
    background: #2d2d2d url(/cms/assets/images/x/FBG_bg.gif) top repeat-x;
    padding: 5px 0;
    margin: 0;
}

.FBG_resize {
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

.FBG_resize img {
    float: left;
    margin: 0;
    padding: 0;
}

.FBG_resize a {
    color: #ec008c;
    text-decoration: none;
}

.FBG_resize h2 {
    font: bold 18px "Arial", Arial, Helvetica, sans-serif;
    color: #bababa;
    padding: 10px 0;
    margin: 0;
}

.FBG_resize p {
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #7b7b7b;
    padding: 5px 0;
    margin: 0;
    line-height: 1.8em;
}

.FBG_resize ul {
    padding: 0 0;
    margin: 0;
    list-style: none;
}

.FBG_resize li {
    padding: 5px 0;
    margin: 0;
    border-bottom: 1px solid #404040;
}

.FBG_resize li a {
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #7b7b7b;
    padding: 5px 0;
    margin: 0;
    text-decoration: none;
}

.FBG_resize li a:hover {
    color: #ec008c;
    text-decoration: none;
}

.FBG_resize .blog {
    width: 220px;
    float: left;
    margin: 0;
    padding: 20px 35px 10px 0;
}

.FBG_resize .blog.last {
    width: 195px;
    padding: 20px 0 10px 0;
}

/* body */
.body_resize {
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

.body {
    padding: 10px 0;
    background: #fff;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: black;
    line-height: 1.8em;
    margin: 0;
    min-height: 258px;
}

.body h2 {
    font: bold 14px "Arial", Arial, Helvetica, sans-serif;
    color: #1e1e1e;
    padding: 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px dotted #d7d7d7;
}

.body h2 span {
    font: bold 13px "Arial", Arial, Helvetica, sans-serif;
    color: #89999e;
    padding: 0;
    margin: 0;
}

.body h2 a {
    color: #000000;
    font: bold 14px Arial, Helvetica, sans-serif;
}

.body h2 a:hover {
    color: #ec008c;
    font: bold 14px Arial, Helvetica, sans-serif;
}

.body h3 {
    color: #ec008c;
    font: bold 14px "Arial", Arial, Helvetica, sans-serif;
    border-bottom: 1px dotted #dbdbdb;
    padding: 15px 0;
    margin: 0;
}

.body .menu2 {
    width: 170px;
    float: right;
    padding: 13px 0;
    margin: 0;
}

.body .menu2 a {
    font: bold 12px "Arial", Arial, Helvetica, sans-serif;
    color: #89999e;
    text-decoration: none;
}

.body .menu2 a:hover {
    color: #ec008c;
    text-decoration: underline;
}

.body p {
    padding: 10px 0;
    margin: 0;
}

.body p span {
    font-size: 14px;
    font-weight: bold;
}

.body a {
    color: #525252;
    text-decoration: none;
}

.body a:hover {
    color: #ec008c;
    text-decoration: none;
}

.body img {
    margin: 5px 0;
    padding: 0;
    float: left;
}

.body img.floated {
    float: left;
    margin: 10px 7px;
    border: 1px solid #e4e4e4;
    padding: 5px;
    background: #f0f0f0;
}

.body img.serv {
    margin: 10px;
    padding: 0 0 30px 0;
    float: left;
}

.right {
    width: 620px;
    margin: 0;
    padding: 0;
    float: left;
}

/*.right ul { list-style:none; width:200px; float:left; margin:10px; padding:0;}
.right li { color:#00a2ca; font: normal 12px Arial, Helvetica, sans-serif; padding:3px; margin:0;} */
.left {
    width: 280px;
    margin: 0;
    padding: 0 60px 0 0;
    float: left;
}

.left.last {
    padding: 0;
}

.port {
    width: 210px;
    margin: 10px 0;
    padding: 0;
    float: left;
}

/********** login form **********/

#triLoginform {
    margin: 0;
    padding: 5px 0;
}

#triLoginform ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

#triLoginform li {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    display: block;
    clear: both;
}

#triLoginform li.buttons {
    margin: 5px 0 5px 0;
    clear: both;
}

#triLoginform label {
    margin: 0;
    width: 260px;
    display: block;
    padding: 5px 0;
    float: left;
}

#triLoginform input.text {
    width: 260px;
    border: 1px solid #e8e8e8;
    margin: 2px 0;
    padding: 5px 2px;
    height: 16px;
    background: #f8f8f8;
    float: left;
}

#triLoginform textarea {
    width: 100%;
    border: 1px solid #e8e8e8;
    margin: 2px 0;
    padding: 2px;
    background: #f8f8f8;
    float: left;
}

/*************footer**********/
.footer {
    padding: 20px 20px;
    margin: 0 auto;
    background: #1f1f1f;
    border-top: 1px solid #3c3c3c;
}

.footer_resize {
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

.footer p {
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #a9a9a9;
}

.footer a {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #a9a9a9;
    text-decoration: none;
}

.footer p.right {
    text-align: right;
    width: 350px;
    margin: 0;
    padding: 15px 0 0 0;
    float: right;
}

.footer p.leftt {
    text-align: left;
    width: 550px;
    margin: 0;
    padding: 15px 0 0 0;
    float: left;
}

p.clr, .clr {
    clear: both;
    padding: 0;
    margin: 0;
    background: none;
}

.bg {
    clear: both;
    padding: 5px 0;
    margin: 0;
    border-bottom: 1px solid #d0d0d0;
}

/*header - title*/
#header {
    width: 960px;
    padding: 10px 0 0 0;
    margin: 0 auto;
}

#header h2 {
    font: bold italic 30px "Arial", Arial, Helvetica, sans-serif;
    color: #727272;
    padding: 0 0 30px 0;
    margin: 0;
}

/* Slider */

#slider {
    width: 960px;
    padding: 10px 0 0 0;
}

#slider h2 {
    font: bold italic 30px "Arial", Arial, Helvetica, sans-serif;
    color: #89999e;
    padding: 0 0 30px 0;
    margin: 0;
}

#slider .flash_slider {
    width: 960px;
    height: 300px;
    margin: 0;
    overflow: hidden;
}

.slide_blog {
    width: 280px;
    float: left;
    padding: 5px 60px 5px 0;
}

.slide_blog.last {
    padding: 5px 0;
}

.slide_blog img {
    float: left;
    margin: 0;
    padding: 10px 10px 0 0;
}

.slide_blog h3 {
    font: bold 14px "Arial", Arial, Helvetica, sans-serif;
    color: #1e1e1e;
    padding: 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #d7d7d7;
}

.slide_blog h3 span {
    font: bold 13px "Arial", Arial, Helvetica, sans-serif;
    color: #979797;
    padding: 0;
    margin: 0;
}

.ui-corner-grey {
    border: 1px solid #cccccc;
    padding: 5px;
}

h3.no-border {
    border-bottom: none;
}

/* Email Template Management */
#template_list ul {width: 100%;display: block;margin: 0;padding: 0;list-style-type: none;}
#template_list li {display: block;background-color: #f3f4f5;margin: 0;padding: 0;}
#template_list .btn_wrapper {display: inline-block;float: right;}
#template_list .template_name {display: inline-block;color: #ffffff;font-weight: bold;}
#template_list .template {background-color: #525252;}
#template_list .line {line-height: 40px;padding: 0 15px;}
#template_list .variant {border-top: 1px dotted #D7D7D7;}

.member_form div.input {padding: 10px 0;display: inline-block;max-width: 600px;}
.member_form label {width: 150px;display: inline-block;text-align: right;padding-right: 10px;}
.member_form div.noedit {font-weight: bold;}
.member_container {float: left;width: 780px;}

/* Payment System */
table.country_boundaries_table.noedit {border-collapse:collapse;border: 1px solid #D7D7D7;margin: 25px 0;}
table.country_boundaries_table.noedit td {text-align: right;}
table.country_boundaries_table.noedit th {/*background-color: #D7D7D7;*/}
table.country_boundaries_table.noedit td, table.country_boundaries_table.noedit th {padding-left: 25px;padding-right: 25px;border: 1px dotted #D7D7D7;}
table.order_summary {border-collapse: collapse;margin-bottom: 10px;}
table.order_summary td {padding: 0 15px;}
table.order_summary td.label {font-weight: bold;text-align: right;}
table.order_summary dt.label {font-weight: bold;}
table.order_summary .fee {border-bottom: 1px dotted #D7D7D7;}
table.order_summary .tax {border-top: 1px dotted #D7D7D7;}
table.order_summary dl {background-color:#f8f8f8; margin: 0px; padding: 10px;}
table.order_summary .taxsmall {font-size: 10px; padding: 2px; line-height: normal;}
table.order_summary td label {
    /*display:block; min-height:45px; position:relative;*/
    line-height: normal;
}
table.order_summary td.total {border-top: 1px solid #D7D7D7;color: #EC008C;}
form.payment_form {
    margin: 0;
    padding: 1px 0 0 0;
}
form.payment_form ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
form.payment_form li {
    margin: 0;
    padding: 5px 0;
    background: none;
    border: none;
    display: block;
}
form.payment_form li.buttons {
    margin: 5px 0 5px 0;
}
form.payment_form label {margin: 0;padding: 5px 2px;}
form.payment_form label.inline-block {width: 250px;display: inline-block;text-align: right;padding-right: 13px;vertical-align: top;}
form.payment_form label.block {display: block;}
form.payment_form div.inline-block {display: inline-block;}
form.payment_form span.bold {font-weight: bold;}
form.payment_form span.italic {font-style: italic;}
form.payment_form input.text {
    border: 1px solid #e8e8e8;
    margin: 2px 0;
    padding: 5px 1px;
    height: 16px;
    background: #f8f8f8;
}
form.payment_form textarea {
    width: 100%;
    border: 1px solid #e8e8e8;
    margin: 2px 0;
    padding: 2px;
    background: #f8f8f8;
}
form.payment_form div.error {
    border: 1px solid #CD0A0A;
    padding: 10px;
    margin: 0 0 10px 0;
    color: #CD0A0A;
    background-color: #FBEFEF;
    border-radius: 4px;
}
form.payment_form div.method_wrapper {border: 1px solid #D7D7D7;border-radius: 4px;padding: 25px 25px;box-sizing: border-box;margin-bottom: 10px;width: 433px;}
form.payment_form div.method_wrapper div.radio {display: inline-block;width: 7%;vertical-align: top;}
form.payment_form div.method_wrapper div.details {display: inline-block;width: 92%;}
form.payment_form div.method_wrapper div.details img {max-width: 150px;max-height: 40px;padding-right: 15px;padding-top: 5px;}
form.payment_form div#billingAddresses div, form.payment_form div#legalEntities div {
    float: left; width: 45%; background-color: #f8f8f8; margin: 1%; padding: 1%; overflow: hidden; border: 1px solid #e8e8e8;
    border-radius: 4px;
    cursor: pointer;
}
form.payment_form div#billingAddresses div.active, form.payment_form div#legalEntities div.active {
    border: 1px solid #EC008C;
}
form.payment_form div#billingAddresses div ul, form.payment_form div#legalEntities div ul {
    padding: 0px; margin: 0px; list-style-type: none;
}
form.payment_form div#billingAddresses div li, form.payment_form div#legalEntities div li {
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0px; padding: 0px;
}
.order-summary-fixed-top {
    position: fixed;
    top: 50px;
    z-index: 1000;
}
#create-organisation-back-button-container {
    position: absolute;
    bottom: 20px;
}
.organisation-list {
    float: right;
    width: 100%;
}
.float-right {
    float: right;
}
.float-right-force {
    float: right !important;
}
#create-organisation-submit {
    margin-top: 5px;
}

.full-width-table {
    width: 780px;
    text-align: left;
    border-collapse: collapse;
}

.bordered-table-row {
    border: 0 solid #89999e;
    border-bottom-width: 1px;
}
#unused-statements-header {
    font-weight: bold;
}
.full-width-staff {
    width: 780px;
    display: inline-block;
}
.third-width-staff {
    width: 260px;
    float: left;
    min-width: 260px;
    margin-bottom: 5px;
}
.italic {
    font-style: italic;
}
.bold {
    font-weight: bold;
}
.subtext {
    font-size: 10pt;
}

.project-list-item div {
    color: #525252;
}

.project-list-item:hover div {
    color: #ec008c;
}