/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

select.select, input[type="text"]
{
    width: 200px;
    border: 1px solid #CCC;
}

select.select {
    box-sizing: border-box;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input[type="password"]
{
    width: 200px;
    border: 1px solid #CCC;
}
p input[type="submit"]
{
    border: 1px solid #000000;
    color: #000000;
    font-size: 12px;
    margin-top: 3px;
    padding: 4px;
}

button
{
    background:none!important;
    border:none; 
    padding:0!important;
    color: Gray;
    font-size: 12px;
    font-family:arial,sans-serif;
    text-decoration:none;
}

/*Grids*/
.tableGrid
{
    width: 100%;
    border-left: 1px solid #7b0513;
    border-right: 1px solid #7b0513;
    border-collapse: collapse;
    border-spacing: 0;
}
.tableGrid th
{
    background-color: #7b0513;
    border: 1px solid #7b0513;
    margin: 0;
    padding: 6px 5px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    color: White;
}
.tableGrid tbody td:first-child
{
    border-left: medium none;
}
.tableGrid td
{
    border-bottom: thin solid #070915;
    border-left: thin solid #070915;
    background: none repeat scroll 0 0 transparent;
    padding: 7px 10px;
}
#content table tbody *
{
    color: #F2E6C2;
    font-family: 'Mate' , 'Mate SC' , 'Times New Roman' ,serif;
    font-size: 11pt;
}
/*End of Grid*/

/*Question*/
.postedQuestionTitle
{
    color: #7b0513;
    font: 14pt Tahoma;
    margin: 10px 0;
    text-align: center;
}
.questionTitle
{
    color: #7b0513;
    font: 14pt Tahoma;
    margin: 10px 0;
}
.questionText
{
    font:16px Tahoma;
    }
.questionCard
{
    margin: 10px 0;
    padding: 10px 0;
}
.postQuestionReply
{
    border-bottom: 1px solid #7b0513;
}
/*End of Question*/
.fieldContainer table td:first-child
{
    text-align: right;
    width: 205px;
}
.contactUs table textArea
{
    width: 300px;
}

.fieldContainer table td .display-label
{
    text-align: right;
    font-weight: bold;
    width: 200px;
    margin: 1em 0 0;
}
.fieldContainer table td .editor-label
{
    text-align: right;
    font-weight: bold;
    width: 200px;
    margin: 1em 0 0;
}
.fieldContainer table td .editor-field
{
    margin: 1em 0 0;
}
.fieldContainer input[type="submit"]
{
    width: 200px;
}
.fieldContainer table td.field
{
    text-align: right;
    width: 200px;
}
.fieldContainer table td .display-field
{
    margin: 1em 5px 0 0;
}
.fieldContainer .innerTableFields
{
    /*width: 480px;*/
    margin-left: 20px;
}
.fieldContainer .submitButton
{
    margin-left:100px;
    }
.fieldContainer textarea
{
    width: 200px;
    border: 1px solid #CCC;
}
.fieldContainer select
{
    width: 200px;
    border: 1px solid #CCC;
}
.formNavigationbottomLink
{
    margin-top: 10px;
}
.editor-label, .display-label
{
    font-weight: bold;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/


.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

/*page edition*/

.content-control
{
    border: 1px dotted #5F97AF;
    overflow: auto;
    position: relative;
}

.content-control .manage-actions
{
    position: absolute;
    right: 0;
    top: 0;
}

.content-control .manage-actions a
{
    background-color: #DBDBDB;
    color: #434343;
    display: block;
    padding: 0px 6px;
    font-family: Tahoma, "Helvetica Neue" ,Arial,Helvetica,sans-serif;
    font-size: 13px;
}

.content-control .manage-actions a:hover
{
    background-color: #434343;
    color: #fff;
    text-decoration: none;
}


/*end page edition*/

.show {
    display: block;
}

.hide {
    display: none;
}

#CommentField.show {
    display: table-row;
}

.answers li, .sections li{
    list-style : outside none !important;
}


textarea.full-area {
    width : 100%;
    height : 100px;
    resize : none;
}

textarea.full-area.big-height {
    height : 200px;
}

#answer-questions textarea{
    width : 50%;
    height: 70px;
    resize : none;
}

.question-validation {
    font-weight: bold;
    color: red;
}

#questions {
    width : 100%;
}

#left-side {
    width: 24%;
    float : left;
    display : inline-block;    

    margin-left : -20px;
    margin-right : 20px;
}

#left-side h3{
    font-size : 18px;
}

#left-side h4{
    font-size : 14px;
}

#left-side h3.current{
    font-size : 20px;
}
#left-side h4.current{
    font-size : 16px;
}

#right-side {
    border-left : solid 2px #7B0513;
    width : 100%;
    float : left;
    display : inline-block;
}

#left-side + #right-side {
    width : 75%;
}

#right-side .margin {
    margin : 0 10px;  
}

ul.sections {
    padding : 10px 0px;
}

.sections li h3, .sections li h4 {
    font-weight : normal !important;
    padding-left: 22px;
}

.sections li h3.current, .sections li h4.current{
    font-weight : bold !important;    
    background : url("../Content/Images/Right.png") no-repeat left center;
    color : #7B0513;
}


.clear {
    clear: both;
}

.back {
    margin-top : 10px;
    margin-bottom : 10px;
}

.message {
    padding-top : 10px;
    padding-bottom : 10px;
}

.notes {
    padding-top: 10px;
    padding-bottom: 10px;
}

#view-assessment .fieldContainer {
    padding-bottom : 10px;
}

#view-assessment .question {
    margin-left : 6px;
}

#answer-questions .section-name, #add-note-to-section .section-name {
    color : #7B0513;
    font-size : 24px;
    font-weight: 800;
}

#answer-questions .sub-section-name {
    color : #7B0513;
    font-size : 20px;
}

.post #answer-questions ul li.required-question {
    list-style :none;    
    font-family : Georgia,Utopia,Charter,serif;
}

#answer-questions .question, #add-note-to-section .noteContainer .editor-label {
    font-size: 16px;
    font-weight : 800;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}

#answer-questions .answers {
    font-size : 16px;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}

#answer-questions .answers label{
    width : 500px;
}

#answer-button, .assessment-button, input[type="submit"].assessment-button, #add-note-button, #generate-executive-summary {
  color: #ffffff;
  font-size: 20px;
  background: #7B0513;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  cursor : pointer;
}

.assessment-button.button-small {
    font-size: 16px;
    padding: 5px 10px;
    float: right;
}

.last-contact-row td{
    border-bottom: solid 1px #95969A;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.last-contact-row p {
    display: inline-block;
    float: right;
}

.button-wrapper {
    margin-top: 20px;
}

.remove-contact {
    width: auto;
    margin-left: 50px;
}

#create-assessment, #send-assessment {
    margin-left : 0px;
    width : 220px;    
    float: right;
}

#special-note {
    clear: both;
    padding-top: 16px;
}

#special-note strong {
    font-size: 14px;
}

#create-assessment {
    margin-left: 10px;
    margin-right: -6px;
}

#generate-executive-summary{
    width: auto;
}

.add-contact-wrapper td{
    text-align: left !important;
    padding-top: 20px;
}

#contact-template {
    display: none;
}

#add-note-to-section .noteContainer .editor-field {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* checkbox style*/

input.custom-chb[type=checkbox]:not(old),
input.custom-chb[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input.custom-chb[type=checkbox]:not(old) + label.custom-label,
input.custom-chb[type=radio   ]:not(old) + label.custom-label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input.custom-chb[type=checkbox]:not(old) + label.custom-label > span,
input.custom-chb[type=radio   ]:not(old) + label.custom-label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input.custom-chb[type=checkbox]:not(old):checked + label.custom-label > span,
input.custom-chb[type=radio   ]:not(old):checked + label.custom-label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input.custom-chb[type=checkbox]:not(old):checked + label.custom-label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : rgb(123, 5, 19);
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}

input.custom-chb[type=radio]:not(old):checked +  label.custom-label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(123, 5, 19);
  border-radius    : 0.125em;
  background       : rgb(123, 5, 19);
  background-image :    -moz-linear-gradient(rgb(123, 5, 19),rgb(123, 5, 19));
  background-image :     -ms-linear-gradient(rgb(123, 5, 19),rgb(123, 5, 19));
  background-image :      -o-linear-gradient(rgb(123, 5, 19),rgb(123, 5, 19));
  background-image : -webkit-linear-gradient(rgb(123, 5, 19),rgb(123, 5, 19));
  background-image :         linear-gradient(rgb(123, 5, 19),rgb(123, 5, 19));
}


.sent-by-mail {
    margin-left: 3px;
    margin-bottom: -3px;
}


.result {
    padding-left: 20px !important;
}

.result li{
    list-style : none !important;
}

.search-portal-input {
    height: 22px;
}

.search-portal {
    border: 1px solid #000000;
    color: #000000;
    font-size: 12px;
    margin-top: 3px;
    padding: 4px;
}

#compare-button {
    width: auto;
    float : right;
    cursor : pointer;
}

#compare-all {
    margin-left: 5px;
}

.compare-table {
    margin-top: 40px;
}

#assessment-logo img{
    width : 300px;
    padding-bottom : 15px;
}

.genesis-title {
    font-weight: bold;
    font-size: 16px;
}

.genesis-title-small{
    font-weight: bold;
    font-size: 14px;
    color : #000;
    margin-top : 5px;
}

.genesis-title-small a {
    color : #000;
}

.navbar-table {
    width: 100%;
    text-align: center;
    border: solid 1px #000;
    border-radius : 3px;
}

.navbar-table a {
    color: #000;
}

.navbar-table td{
    padding-top : 10px;
    padding-bottom : 10px;
}

.navbar-table td.first{
    padding-left : 10px;
}

.navbar-table td.last{
    padding-right : 10px;
}

.navbar-table td.active{
    font-weight : bold;
}

.navbar-table td.progress, .navbar-table td.active{
    background : #C01D2E;
    color : #fff;
}

.navbar-table td.progress a, .navbar-table td.active a{
    color : #fff;
}

.client-meetings, .gspc-roadmap, .gpspc-roadmap {
    height: 130px;

}

.client-meetings .first-box{
    padding-left : 145px;
}

#outsourced-cp-sales .client-meetings .first-box{
    padding-left : 90px;
}

.gspc-roadmap .first-box {
    padding-left: 100px;
}

.unit {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}


.gpspc-roadmap .first-box {
    padding-left: 100px !important;
}

.svgs img[src$=".svg"] {
    height: 96px;
    margin-top: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

#on-site-sales .first-box {
    padding-left : 125px;
}

#genesis-plus-sales-plan .first-box {
    padding-left: 200px;
}

#investment-plan .first-box {
    padding-left: 105px;
}

.genesis-title {
    height: 30px;
    line-height : 30px;
background: #A7A8AC;
  /*  background : url('/Content/Images/StaticPage/title-background.jpg');*/

}

.arrow {
    height: 109px;
    float: left;
    padding-left : 40px;
    padding-right : 40px;
}

.genesis-plus .arrow {
    padding-left : 10px;
    padding-right : 10px;
}

.genesis-plus .cell {
    min-width: 160px;
}

.genesis-plus .cell-plan {
    min-width: 250px;
}

.plan .genesis-plus {
    height: 140px;
    margin-top: 10px;
}

.plan .genesis-plus.double {
    height: 115px;
    margin-top:30px;
}

.genesis-plus.double .cell-plan {
    min-width: 375px;
}

#outsourced-cp-sales .arrow {
    padding-left : 30px;
    padding-right : 30px;
}

#outsourced-cp-sales .client-meetings .left.inline {
    width: 140px;
}

.outsource-vp-of-sales-navbar {
    font-size: 10px;
}

.arrow img {
    width : 20px;
    margin-top : 33px;

}

.active .right-delimiter {
    color : #C01D2E;
}


.genesis-plus-grogressbar .right-delimiter {
    float: right;
}

.sep-delimiter {
    font-size: 13px;
}

.active+.sep-delimiter{
    display : none;
}



.custom-sub-icon img {
    width: 96px;
    height: 96px;
}

.custom-sub-icon+div {
    margin-top: 15px;
    font-weight: bold;
    font-size: 14px;
}

.custom-sub-icon+div a{
    color: #000;
    text-decoration: none;
}

.custom-icon{
    display: block;
    width : 126px;
    height: 180px;
    /*border: solid 1px #404040;
    border-radius : 20px;*/
    text-decoration : none !important;
    margin-left : 25px;
}

#strategic-partnerships .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/NewHome/Strategic Partnerships_normal.png') no-repeat center;
}

#strategic-partnerships:hover .image{
    background : url('../content/images/NewHome/Strategic Partnerships.png') no-repeat center;
}

#new-client-wins .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/NewHome/Advisor Client Wins_normal.png') no-repeat center;
}

#new-client-wins:hover .image{
    background : url('../content/images/NewHome/Advisor Client Wins.png') no-repeat center;
}

#preferred-vendors .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/NewHome/Shared Advisor Docs_normal.png') no-repeat center;
}

#preferred-vendors:hover .image{
    background : url('../content/images/NewHome/Shared Advisor Docs.png') no-repeat center;
}

#advisor-directory .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/NewHome/Advisor Directory_normal.png') no-repeat center;
}

#advisor-directory:hover .image{
    background : url('../content/images/NewHome/Advisor Directory.png') no-repeat center;
}

#competitors .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/NewHome/competitors_normal.svg') no-repeat center;
    background-size: 86px 86px;
}

#competitors:hover .image{
    background : url('../content/images/NewHome/competitors.svg') no-repeat center;
    background-size: 86px 86px;
}

#tenured-advisor .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/NewHome/tenured-advisor.png') no-repeat center;
    background-size: 86px 86px;
}

#tenured-advisor:hover .image{
    background : url('../content/images/NewHome/tenured-advisor.png') no-repeat center;
    background-size: 86px 86px;
}

#cca .image {
    display: block;
    width: 126px;
    height: 185px;
    background: url('../content/images/NewHome/CCA.jpg') no-repeat center;
    background-size: 86px;
}

#webinars .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/NewHome/Monthly Webinars.svg') no-repeat center;
    background-size : 105px;
}

#webinars:hover .image{
    background : url('../content/images/NewHome/Monthly Webinars_blue.svg') no-repeat center;
    background-size : 105px;
}

#marketing .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url(../content/images/newhome/marketing_normal.png) no-repeat center;
    background-size : 80px;
}

#breakaway .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url(../content/images/newhome/breakaway_normal.png) no-repeat center;
    background-size : 90px;
}

#pxt .image {
    display: block;
    width: 126px;
    height: 126px;
    background: url(../content/images/newhome/pxt_normal.png) no-repeat center;
}

#conferences .image {
    display: block;
    width: 126px;
    height: 126px;
    background: url('../content/images/newhome/conferences and meetings_normal.svg') no-repeat center;
    background-size : 92px;
}



#marketing:hover .image{
    background : url(../content/images/newhome/marketing.png) no-repeat center;
    background-size : 80px;
}

#outsourced-vp .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url(../content/images/newhome/ovp_normal.png) no-repeat center;
}

#outsourced-vp:hover .image {
    background : url(../content/images/newhome/ovp.png) no-repeat center;
}

#new-service-coming-soon .image {
    display: block;
    width : 126px;
    height: 90px;
    background : url(../content/images/new_service_normal.jpg) no-repeat center;
    background-size : 80px;
}

#new-service-coming-soon:hover .image {
    background : url(../content/images/new_service.jpg) no-repeat center;
    background-size : 80px;
}

#pre-investment-sales-analysis .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url(../content/images/newhome/isa_normal.png) no-repeat center;
    background-size : 80px;
}

#pre-investment-sales-analysis:hover .image {
    background : url(../content/images/newhome/isa.png) no-repeat center;
    background-size : 80px;
}

#monthly-billing .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/NewHome/Monthly Billing_normal.png') no-repeat center;
    background-size : 80px;
}

#monthly-billing:hover .image {
    background : url('../content/images/NewHome/Monthly Billing.png') no-repeat center;
    background-size : 80px;
}

#value-proposition .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/NewHome/Value Proposition_normal.png') no-repeat center;
    background-size : 80px;
}

#value-proposition:hover .image {
    background : url('../content/images/NewHome/Value Proposition.png') no-repeat center;
    background-size : 80px;
}

#crisis-plan-docs .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/NewHome/Crisis Plan Docs_normal.png') no-repeat center;
    background-size : 80px;
}

#crisis-plan-docs:hover .image {
    background : url('../content/images/NewHome/Crisis Plan Docs.png') no-repeat center;
    background-size : 80px;
}

#breakaway:hover .image {
    background : url('../content/images/NewHome/breakaway.png') no-repeat center;
    background-size : 90px;
}

#pxt:hover .image {
    background : url('../content/images/NewHome/pxt.png') no-repeat center;
}

#conferences:hover .image {
    background : url('../content/images/newhome/conferences and meetings.svg') no-repeat center;
    background-size : 92px;
}




#sales-agility-assessment-roadmap .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url(../content/images/newhome/saa_normal.png) no-repeat center;
    background-position-x: 25px;
}

.custom-icon.red:hover .text{
    color: #C22032;
}

.custom-icon.blue:hover .text{
    color: #0A4977;
}

.custom-icon.green:hover .text{
    color: #74C15F;
}

.custom-icon.yellow:hover .text {
    color: #FFC846;
}

.custom-icon.t:hover .text {
    color: #08829B;
}

#sales-agility-assessment-roadmap:hover .image {
    background : url(../content/images/newhome/SAA.png) no-repeat center;
    background-position-x: 25px;
}


#csl .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/newhome/csl_normal.png') no-repeat center;
}

#csl:hover .image {
    background : url('../content/images/newhome/csl.png') no-repeat center;
}

#curriculum .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/newhome/curriculum_normal.png') no-repeat center;
}

#curriculum:hover .image {
    background : url('../content/images/newhome/curriculum.png') no-repeat center;
}

#genesis .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/newhome/Genesis Sales Plan_normal.png') no-repeat center;
}

#genesis:hover .image {
    background : url('../content/images/newhome/Genesis Sales Plan.png') no-repeat center;
}

#genesis-plus .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/newhome/GenesisPlusSalesPlan_normal.png') no-repeat center;
}

#genesis-plus:hover .image {
    background : url('../content/images/newhome/GenesisPlusSalesPlan.png') no-repeat center;
}

#salesxblog .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/Newhome/Productivity Partners_normal.png') no-repeat center;
}

#salesxblog:hover .image {
    background : url('../content/images/Newhome/Productivity Partners.png') no-repeat center;
}
#resource_icon .image {
    display: block;
    width : 126px;
    height: 90px;
    background : url(../content/images/res_icon.png) no-repeat center;
}

#on-site .image {
    display: block;
    width : 126px;
    height: 126px;
    background : url('../content/images/newhome/On-Site Sales Discovery_normal.png') no-repeat center;
}

#on-site:hover .image {
    background : url('../content/images/newhome/On-Site Sales Discovery.png') no-repeat center;
}


.custom-icon .text{
    color : #404040;
    font-weight : bold;
    font-size : 14px;
}

/*#pre-investment-sales-analysis .text {
    font-size : 16px;
}

#outsourced-vp .text {
    font-size : 14px;
}

#csl .text {
    font-size : 16px;
}

#monthly-advisor-webinars .text {
    font-size : 15px;
}*/

/*#genesis .text, #on-site .text, #genesis-plus .text {
    font-size : 12px;
}*/

/*#sales-agility-assessment-roadmap .text {
    font-size : 11px;
}*/

/*.custom-icon:hover{
    border: solid 1px #8C2532;
}


.custom-icon:hover .text{
   color : #8C2532;
}*/


.sx-connect {
    width: 64px;
    height: 64px;
    display: block;
    border: solid 1px #9FA0A4;
    border-radius : 10px;
    text-decoration : none !important;
    margin-right: -15px;
}

.sx-connect:hover {
    border: solid 1px #8C2532;
}

.sx-connect .image {
    display: block;
    background: url('images/Chat_normal.png') no-repeat center;
    width: 50px;
    height: 50px;
    margin-left: 7px;
}

.sx-connect:hover .image {
    background: url('images/Chat.png') no-repeat center;
}

.sx-connect .text {
    color: #404040;
    font-size: 10px;
    font-weight: bold;
}

.sx-connect:hover .text {
    color: #8C2532;
}

.width-25 {
    width: 25%;
}

.width-24 {
    width: 24%;
}

.width-33 {
    width: 33%;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-80 {
    margin-bottom: 80px;
}

.inline {
    display: inline-block;
}

.left {
    float: left;
}

.right {
    float: right;
}

.main-container {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}


#PISA .image {
    display: block;
    width : 126px;
    height: 90px;
    background : url(../content/images/PISA_normal.png) no-repeat center;
    background-size : 80px;
}

#PISA:hover .image {
    background : url(../content/images/PISA.png) no-repeat center;
    background-size : 80px;
}

#loader {
    position: relative;
    width: 100%;
    height: 300px;
}

.general-loader {
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
    background: url(../content/images/loading.gif) #fff no-repeat center;
}

.choose {
    color: #B91A2F;
}

#answer-error {
    display: none;
    color: #B91A2F;
    margin-top: 10px;
    margin-bottom: 10px;
}

.csl-answers li input {
    float: left;    
    margin-top: 2px;
}

.csl-answers li label {
    display: block;
    margin-left: 20px;
}

a.header-menu {
   color: #000;
   font-weight: bold;
}

a.header-menu:hover {
    text-decoration: none;
    color: #FFC846;    
}

.header-menu span{
    margin-top: 4px;
    display: block;
    width: 100%;
    text-align: center;
}

.hidden {
    display: none;
}