﻿#page { padding-top: 20px; }
.glbl_header h1 {
    font-size: 33px;
    color: #1d254e;
    padding: 0;
    margin: 0;
}
#page h2 {
    font-weight: 500;
    color: var(--Bunker);
}
.MessageContactUsBox{
    text-align:right;
}

#page .top_links {
    text-align: center;
}
    #page .top_links ul { margin: 0 0 10px 0; padding: 9px 0 0 0; list-style-type: none; height: 43px; }
        #page .top_links ul li { float: right; background: url(board_toplinks_tile.gif) repeat-x; width: 85px; height: 43px; margin-right: 3px; cursor: pointer; }
            #page .top_links ul li.selected { background: url(board_toplinks_tile_selected.gif) repeat-x; }
            #page .top_links ul li.highlighted { background: url(board_toplinks_tile.gif) repeat-x; }
            #page .top_links ul li a {
                font: bold 12px/43px 'Assistant', sans-serif;
                height: 43px;
                width: 100%;
                color: #fff;
                text-decoration: none;
                display: inline-block;
            }
            #page .top_links ul li.selected a { color: #000; }
            #page .top_links ul li.highlighted a, #hp_toplinks ul li.highlighted a:hover { color: #fff; }
            #page .top_links ul li a:hover { color: #ffda13; }

.contact_tabs {  }
.contact_tabs.FaqPage{ margin-top: -30px; margin-right: 19px; width: 905px; border-bottom: none; }
    .contact_tabs ul { margin: 0 0 10px 0; padding: 9px 0 0 0; list-style-type: none; height: 60px; }
    .contact_tabs li { background: none; height: 35px; display: inline-block; text-align: center; margin-left: 5px; color: #3d3d3d; text-decoration: none; border: 2px solid #fec70b; border-radius: 7px; font-size:15px; }
        .contact_tabs li .contact_right { width: 100%; height: 35px; /*background: url(contact_tab_right.jpg) no-repeat right -36px;*/ }
        .contact_tabs li .contact_left { width: 100%; height: 35px; /*background: url(contact_tab_left.jpg) no-repeat left -36px;*/ }
        .contact_tabs li a {
            font-size:16px;
            line-height:35px;
            margin: 0 20px;
            height: 35px;
            color: #3d3d3d;
            text-decoration: none;
            display: inline-block;
            background: none;
            height: 35px;
            display: inline-block;
            text-align: center;
            border-radius: 7px;
        }
        .contact_tabs li:hover { background-position: 0 0; cursor: pointer; }
            .contact_tabs li:hover .contact_right { width: 100%; height: 35px; /*background: url(contact_tab_right.jpg) no-repeat right 0px;*/ }
            .contact_tabs li:hover .contact_left { width: 100%; height: 35px; /*background: url(contact_tab_left.jpg) no-repeat left 0px;*/ }
        .contact_tabs li.selected { background: #fec70b; cursor: pointer; }
            .contact_tabs li.selected .contact_right a { /*width: 100%;*/ height: 35px;   /*background: url(contact_tab_right.jpg) no-repeat right 0px;*/ }
            .contact_tabs li.selected .contact_left { width: 100%; height: 35px; /*background: url(contact_tab_left.jpg) no-repeat left 0px;*/ }
        .contact_tabs li.nopad { margin: 0 !important; }
.heading { background: url(newpost_details_heading.gif) repeat-x; height: 34px; }
    .heading .title { padding: 6px; font-size:  18px ; font-weight:bold;}
.comment.title { margin-bottom: 20px; padding-bottom: 5px; font-size: 18px; border-bottom: 1px solid #ABB4BB; }
.contactAndFaqContainer * {  }
.heading .remark {
    padding: 10px 0px 10px 15px;
    font: bold 12px 'Assistant', sans-serif;
}

.send { background: url(button-sendtofrineds.jpg) no-repeat; width: 79px; height: 27px; display: inline-block; }
    .send:hover { background-position: 0 -28px; }
.box_container a.sendContactUs {
    background-color: #438ed4;
    border-radius: 5px;
    width: 150px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
    color: white;
}

.box_container .container { padding: 10px; border-bottom: 1px dotted #1d1d22; }
    .box_container .container.noborder { border: 0 !important; }


/*.content {background:#fffbdb; }
.content .content { padding:10px; border-bottom:1px dotted #1d1d22;}
.content .content.noborder { border:0 !important;}
.content .content.noborder .bottom_left {background:url(newpost_panel_bottom_left.gif) bottom left no-repeat; width:100%; height:20px;}
.content .content.noborder .bottom_right {background:url(newpost_panel_bottom_right.gif) bottom right no-repeat; width:100%; height:20px;}
.content .content.right {border:0; float:right;}
.content .content.right.user { background:#fff; padding:3px 10px 3px 10px; margin:0;}
.content .content.right.user p {color:#000 !important; font:12px arial !important; padding:2px;}
.content .content span {color:#1d254e; font:bold 13px arial;}
.content .content a {color:#003471; font-weight:bold;}*/

.faq {
    width: 99%;
    border-radius: 7px;
    border: 1px solid #ccc;
    padding-bottom: 40px;
}
.faq .faq_answer {
        display: none;
        padding: 15px 0 15px 0;
        border-bottom: 1px solid #d7d4da;
        line-height: 30px;
        text-align: right;
    }
.faqArial .faq_answer {
    display: none;
    padding: 15px 15px 15px 0;
    border-bottom: 1px solid #d7d4da;
    line-height: 30px;
    text-align: right;
}

.faq_question_container {
    padding: 0 10px 0 10px;
    border-bottom: 1px dotted #d6d3d9;
}
    /*.faq_question_container.opened {border-bottom:1px solid #fce605;}-/*/
    .faq_question_container .question {
        padding: 8px 15px 8px 15px;
        margin: 0;
        background: url(faq_list_close.gif) right 11px no-repeat;
        text-align: right;
    }
    .faq_question_container.opened .question { background: url(faq_list_open.gif) right 11px no-repeat; }
    .faq_question_container .question a { color: #000; text-decoration: none; }
    .faq_question_container.opened .question a { font-weight: 500; }
    .faq_question_container .question a:hover { text-decoration: underline; }
.faq_back {
    background: url(/Images/BoardImages/arrow_left_alt.svg) no-repeat;
    position: absolute;
    top: 20px;
    left: 20px;
    border: 0;
    cursor: pointer;
}


.whatsnew h1 {
    color: #dd4b39;
    font: bold 25px 'Assistant', sans-serif;
}
.whatsnew p { color: #202020; font-size: 14px; }
.whatsnew .title { color: #333; font-size: 24px; text-decoration: none; }

.floating_content.contact { /*position: absolute; top: 0; left: -420px;*/
    float: left;
    width: 30%;
}
.floating_content { /*position: absolute; top: 0; left: -440px;*/ }
    .floating_content .container { position: relative; width: 100%; height: 100%; border: 2px solid #fce605; }
        .floating_content .container h1 {
            font: bold 18px 'Assistant', sans-serif;
            padding: 5px 10px 5px 10px;
            border-bottom: 2px solid #fce605;
        }
        .floating_content .container .faq_question_container { padding: 0 10px 0 10px; border-bottom: 2px solid #fce605; }
            .floating_content .container .faq_question_container .question {
                padding: 8px 11px 8px 11px;
                margin: 0;
                background: url(index_list_bullet.gif) right 13px no-repeat;
                font: bold 12px 'Assistant', sans-serif;
            }
        .floating_content .container .top.right { background: url(floatingbox_top_right.gif) no-repeat; width: 7px; height: 7px; position: absolute; top: -2px; right: -2px; }
        .floating_content .container .top.left { background: url(floatingbox_top_left.gif) no-repeat; width: 7px; height: 7px; position: absolute; top: -2px; left: -2px; }
        .floating_content .container .bottom.left { background: url(floatingbox_bottom_left.gif) no-repeat; width: 7px; height: 7px; position: absolute; bottom: -2px; left: -2px; }
        .floating_content .container .bottom.right { background: url(floatingbox_bottom_right.gif) no-repeat; width: 7px; height: 7px; position: absolute; bottom: -2px; right: -2px; }
    .floating_content .main { }
        .floating_content .main ul {
            list-style-type: none;
            display: inline;
        }
            .floating_content .main ul li {
                padding: 8px 11px 8px 11px;
                border-bottom: 1px dotted #a6a6a6;
                margin: 0;
                background: #fff;
                text-align: right;
            }
                .floating_content .main ul li:first-child { border-radius: 7px 7px 0px 0px; }

                .floating_content .main ul li:last-child { border-radius: 0px 0px 7px 7px; }
.newbox.contact {
    width: 99%;
    border-radius: 7px;
    border: 1px solid #ccc;
}
.floating_content .main ul li.alt { background: #f3f3f3; }

.floating_content .main ul li a {
    font-size: 13px;
    color: var(--Bunker);
    text-decoration: none;
}
    .floating_content .main ul li a:hover { text-decoration: underline; }
.floating_content .main .faq_answer {
    padding-top: 10px;
    display: block;
    font-size: 14px;
    text-align: right;
    line-height: 24px;
}
.floating_content .question {
    background: #f3f3f3 !important;
    font-weight: 500;
    text-align: right;
}
.floating_content .faq_question_container { padding: 0 !important; }

.formElement_Container { position: relative; float: right; }
.formElement.cell { margin-right: 5px; }
.formElement { height: 20px; margin-bottom: 10px; padding: 0; border: 1px solid #abb4bb; }
/*.formElement:focus {background:#fff0ab;}*/
.formPanel span { float: right; }
.formElement_Container span span { float: none; clear: both; }

.validateError { display: block; float: none; clear: both; bottom: -3px; }
#recommendations .validateError { bottom: 3px !important; }

span.req {
    color: Red !important;
    font: bold 13px 'Assistant', sans-serif !important;
    padding-left: 5px;
    display: inline-block;
    text-align: center;
}
