/*
    Created on : 1-Mar-2017, 2:37:57 PM
    Author     : tomdeng
*/

.center_content {
    margin: 0 auto;
    padding: 20px;
    max-width: 1282px;
    min-width: 900px;
    font-size: 1em; /* resets 1em = 10px */
    font-family: HelveticaNeue, Helvetica, Arial, FangSong, sans-serif;
}

.reviewbutton {
    margin: 20px auto;
    display: inline-block;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf', GradientType=0);
    background-color: #ededed;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    border: 1px solid #dcdcdc;
    cursor: pointer;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 0px 1px 0px #ffffff;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.reviewbutton:hover:not([disabled]) {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed', GradientType=0);
    background-color: #dfdfdf;
    text-decoration: none;
}

.reviewbutton[disabled] {
    opacity: 0.65;
    cursor: not-allowed;
}
.notice {
    font-weight: bold;
    /*color: blue;*/
}

.required label {
    font-weight: bold;
}

.required label:after {
    color: #e32;
    /*      content: ' *';*/
    display: inline;
}

.error {
    color: red;
    content: 'information required';
}


/* grid 6 system from www.responsivegridsystem.com */
/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float: left;
    margin: 0.5% 0 0.5% 1.6%;
}

.col:first-child {
    margin-left: 0;
}

/*  GROUPING  */
.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_6_of_6 {
    width: 100%;
}

.span_5_of_6 {
    width: 81.333%;
}

.span_4_of_6 {
    width: 64.667%;
}

.span_3_of_6 {
    width: 48%;
}

.span_2_of_6 {
    width: 31.333%;
}

.span_1_of_6 {
    width: 14.667%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .col {
        margin: 1% 0 1% 0%;
    }

    .span_3_of_3, .span_2_of_3, .span_1_of_3 {
        width: 100%;
    }
}

/*overwrite bootstrap's styling because the narrow fixed width of the RED template */
@media (min-width: 1200px) {
    .container {
        width: 900px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 900px;
    }
}

.yesno {
    font-size: 45px;
    color: #6495ED;
    text-align: center;
}

select {
    padding: 3px 0px;
}

.hide {
    display: none;
}

.freedom {
    font-size: 80%;
}

/* hide jquery modal window close button */
.no-close .ui-dialog-titlebar-close {
    display: none;
}

.dialogueButton {
    margin: 10px 15px !important;
}

.form-row {
    margin-top: 8px;
}

.form-textField {
    padding-right: 0px;
}

.contact-review{
    border-top: #0c0c0c 2px solid;
    background-color: #F8F8F8;
    padding:0px 0px 20px 0px;
}

/*
 * bootstrap 3 print anchor's url by default, disable it
 */
@media print {
    a:after { content:''; }
    a[href]:after { content: none !important; }
}

.part-description {
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #FFFFFF;
    background-color: #6A7D8B;
    border: 1px solid transparent;
    border-radius: 4px;
}

.part-description > a:after {
    color: #FFFFFF;
    font-family: 'FontAwesome';
    content: "\f078"; /* fa-chevron-down */
    position: absolute;
    right: 5px;
}

.part-description > a[aria-expanded="true"]:after {
    color: #FFFFFF;
    content: "\f077"; /* fa-chevron-up */
}