﻿/* General */
html, body
{
    font-family: Verdana;
    padding: 0 0 20px 0;
    background: #FFF;
    font-size: 12px;
    margin: 0;
    border: 0;
    color: #5E5D5B;
}
h1
{
    margin: 0;
    padding: 0px 0px 10px 0px;
    text-align: left;
}
h2
{
    margin: 0;
    padding: 15px 0px 0px 0px;
    font-size: 15px;
    color: #ef8700;
    text-align: left;
}
h2 span
{
    font-size: 11px;
    font-style: italic;
    font-weight: lighter;
}
h3
{
    margin: 0;
    padding: 0px 0px 0px 0px;
    font-size: 17px;
    line-height: 20px;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
}
h4
{
}
p
{
    padding: 0;
}
blockquote
{
    margin: 2px 0 2px 0;
    padding: 0;
    font-size: 9px;
}
ul
{
    list-style-type: circle;
    padding: 0 15px;
    margin: 0;
}
ul ul
{
    list-style-type: circle;
}
li
{
    margin: 0;
    padding: 2px 0;
    text-align: justify;
}
li a
{
    margin: 0;
    padding: 0;
}
li p
{
    margin: 0;
    padding: 3px;
    font-style: italic;
}
a
{
    text-decoration: none;
    color: #ef8700;
}
a:hover
{
    text-decoration: underline;
    display: inline;
}

.list_homepage
{
    font-weight: bold;
    font-size: 13px;
    list-style-type: none;
    padding: 0;
}

.list_homepage li
{
    background: url('/images/checked.png') no-repeat;
    padding-left: 20px;
    padding-bottom: 9px;
}


/* text styles */
.error
{
    color: Red;
}
.success
{
    color: Green;
}
.orange
{
    color: #ef8700;
}
.bold
{
    font-weight: bold;
}
.center
{
    text-align: center;
}
.title
{
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    background-color: #FFF;
    text-align: left;
}
.tgray
{
    background: #FFF url('/images/title_bg.png') bottom left repeat-x;
    color: #5E5D5B;
}
.torange
{
    background: #FFF url('/images/title_bg_o.png') bottom left repeat-x;
    color: #ef8700;
}
.tdgray
{
    background: #FFF url('/images/title_bg_dgray.png') bottom left repeat-x;
    color: #5E5D5B;
}
.c1_text
{
    padding: 10px;
    font-size: 9px;
}
.c1_text img
{
    border: 1px solid white;
    float: right;
    margin: 0px 0px 5px 10px;
    width: 50px;
}
.c2_text
{
    width: 405px;
    margin: 10px 30px 20px;
    text-align: justify;
    line-height: 15px;
    font-size: 12px;
}
.c2_text a
{
    text-decoration: none;
    color: #ef8700;
    border-bottom: 1px dotted #ef8700;
}
.c2_text a:hover
{
    text-decoration: underline;
    color: #ef8700;
    border: none;
}
.c3_text
{
    text-align: left;
    font-size: 12px;
    text-align: justify;
}
.c3_text img
{
    border: 1px solid white;
    float: left;
    margin: 0px 10px 5px 0px;
}

.contact
{
    text-align: left;
    font-size: 12px;
}
.contact a
{
    color: #FFF;
    text-align: left;
}
.contact a:hover
{
    font-weight: bold;
    text-decoration: none;
}
.contact li
{
    border-bottom: 1px dotted #FFF;
}
.contact img
{
    border: 1px solid white;
    float: left;
    margin: 0px 10px 5px 0px;
}
.contact li a
{
    color: #FFF !important;
}

.sitepanel-lgray
{
    padding: 10px;
    margin-bottom: 20px;
    background-color: #EEE;
    text-align: left;
}
.htmlc ul
{
    list-style-type: decimal;
}
.htmlc ul ul
{
    list-style-type: circle;
}
.htmlc li
{
    padding: 5px 0px 5px 0px;
    text-align: left;
}
.htmlc li strong
{
    color: #3F3F3E;
    font-size: 11px;
}

#loginviewer
{
    padding: 15px 0 8px 0px;
    line-height: 11px;
    z-index: 1000;
    color: #FFF;
}
#loginviewer h2
{
    background-color: Transparent;
    margin: 0;
    padding: 0 0 10px 0;
}
#loginviewer a
{
    font-size: 10px;
    font-weight: normal;
}
#loggedin
{
    clear: both;
    float: left;
    width: 850px;
    height: auto;
    background-color: #444;
    margin-top: 8px;
    padding: 10px;
    display: none;
    color: #BBB;
}
#loggedin h1
{
    display: inline;
    padding: 5px;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
}
#loggedin div
{
    float: left;
}
#loggedin ul
{
    margin: 0;
    padding-left: 20px;
}
#loggedin li
{
    width: 250px;
    text-align: left;
}
#loggedin a
{
    text-decoration: none;
    font-size: 10px;
}
#loggedin a:hover
{
    text-decoration: underline;
}

/* asp.net controls */
.rbl label, .cb label
{
    display: inline;
}
.vsummary
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
    font-size: 10px;
    background: url('/images/bottom_gradient.jpg') top left repeat-x;
}
.infobox
{
    font-size: 14px;
}

/* languages */
.numbers
{
    list-style-type: decimal;
}
.languages li
{
    padding: 4px;
}

/* Site design */
#top *
{
    z-index: 100000;
}
#top
{
    margin: 0;
    padding: 0;
    display: block;
    background: url('/images/top_gradient.png') repeat-x;
    width: 100%;
}
#top_cont
{
    position: relative;
    text-align: left;
    margin: 0 auto;
    width: 870px;
}
#top_lang
{
    float: right;
    text-align: right;
    padding: 15px 0 8px 0px;
    font-size: 10px;
    line-height: 11px;
    color: #5E5D5B;
}
#top_lang a
{
    font-size: 10px;
    line-height: 11px;
    color: #ef8700;
    text-decoration: none;
}
#top_lang a:hover
{
    color: #ef8700;
    text-decoration: underline;
}
/*.topselected {color:#3F3F3E !important;background-color:#ef8700 !important;font-weight:bold;}*/
.selected
{
    color: #FFF;
    font-weight: bold;
}
#top_nav
{
    clear: both;
    height: 44px;
    margin: 0;
    background-color: #3F3F3E !important;
    width: 100%;
    font-size: 12px;
    text-align: left;
}
#header_bg
{
    top: 80px;
    right: 75%;
    width: 100%;
    height: 200px;
    position: absolute;
    background: #edf6f3;
}

/* repositioning of columns */
.column-wrap
{
    display: block;
    clear: both;
    text-align: left;
    color: #5e5d5b;
    margin: 0 auto;
    width: 870px;
    position: relative;
}
.column-1
{
    margin-left: 187px;
    margin-right: 218px;
}
.column-12
{
    margin-left: 187px;
}
.column-12-text
{
    padding-left: 29px;
    min-height: 570px;
}
.column-12-wrapper
{
}
.column-2
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 187px;
}

/* IE6 needs shifting because column 1 is longest*/
* html .column-2
{
    /*\*/
    left: -187px; /* */
}
.column-3
{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 218px;
}

#c1_logo
{
    position: relative;
    background: #ef8700 url('/images/logo_bg.jpg');
    height: 198px;
}
#c1_logo div
{
    padding: 23px 0 0 18px;
    line-height: 15px;
    width: 187px;
    color: #E9E9E9;
}
#c1_logo img
{
    padding: 90px 0 0 20px;
}
#c1_logo a
{
    border: none;
}
#c1_gray
{
    background-color: #5E5D5B;
    height: auto;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
}
#c1_gray ul
{
    list-style-type: none;
    margin: 0;
    padding: 15px;
}
#c1_gray li
{
    padding: 5px 0px 5px 0px;
    background: url('/images/pixg.jpg') bottom left repeat-x;
    text-align: left;
    border-bottom: 1px dotted #444;
}
#c1_gray li a
{
    color: #E9E9E9;
    text-decoration: none;
}
#c1_gray li a:hover, .selected
{
    color: #FFF !important;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

#c2_front
{
    position: relative;
    margin: 0 1px;
    background: #ef8700;
    height: 160px;
    overflow: hidden;
}
#c2_header
{
    position: relative;
    background: #3F3F3E;
    height: 37px;
    line-height: 37px;
    margin: 1px 0 0 1px;
    overflow: hidden;
}
#c2_header h1
{
    padding: 0 25px;
    font-size: 11px;
    color: #E9E9E9;
    font-weight: normal;
}

#c3_news
{
    margin: 0;
    padding: 0;
    background: #ef8700 url('/images/news_bg.jpg');
    height: 160px;
    overflow: hidden;
}
.news
{
    padding: 10px 10px 5px 10px;
}
.news h2
{
    line-height: 25px;
    width: 175px;
    color: #3F3F3E;
    background-color: Transparent;
    font-size: 16px;
    padding: 0;
}
.news ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.news li strong
{
    color: #3F3F3E;
    font-size: 11px;
}
#c3_search
{
    height: 37px;
    line-height: 34px;
    text-align: right;
    padding: 0;
    margin: 1px 0;
    color: #ef8700;
    font-weight: bold;
    background: #3F3F3F url('/images/c2_header.jpg') top right no-repeat;
}
#c3_search input[type="text"]
{
    background-color: #3F3F3F;
    color: #CCC;
    border: 1px solid #5E5D5B;
    padding: 1px;
}
#c3_lang
{
    margin-bottom: 20px;
}

.c23_text
{
    width: 623px;
    float: left;
    margin: 10px 30px 20px;
    text-align: justify;
}
.c23_text a
{
    text-decoration: none;
    color: #ef8700;
    border-bottom: 1px dotted #ef8700;
}
.c23_text a:hover
{
    text-decoration: underline;
    color: #ef8700;
    border: none;
}

#bottom_bg
{
    top: 50px;
    position: relative;
    background: url('/images/bottom_gradient.jpg') repeat-x;
    width: 100%;
    clear: both;
}
#bottom
{
    position: relative;
    margin: 0 auto;
    width: 870px;
    padding: 0;
    height: 250px;
}
#bottom_c2
{
    position: relative;
    width: 700px;
    left: 100px;
    padding: 2px 0;
    margin: 0;
    text-align: center;
}

#footer
{
    position: relative;
    width: 100%;
    float: left;
}
#footer p
{
    padding-top: 10px;
}
#footer .item
{
    position: relative;
    width: 155px;
    text-align: left;
    float: left;
    padding: 10px;
}
#footer .item a
{
    color: #5E5D5B;
    display: block;
    margin-bottom: 1px;
}
#footer ul
{
    list-style-type: square;
    margin: 0;
    padding: 0;
    color: #CCC;
    text-transform: lowercase;
}
#footer li
{
    margin: 0;
    padding: 0;
    text-align: left;
}

.langpairs
{
    text-align: left;
    padding: 0;
    margin: 0;
}
.langpairs th
{
    font-size: 11px;
    text-align: left;
    vertical-align: top;
    background-color: #EEE;
}
.langpairs td
{
    padding: 2px;
}

fieldset
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
    font-size: 10px;
}
fieldset div
{
    margin: 2px 12px 12px 10px;
}
fieldset label
{
    display: block;
    margin-bottom: 2px;
}
fieldset label.inline
{
    display: inline;
}
legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
    color: #ef8700;
}
input[type="text"], input[type="file"], textarea, select
{
    width: 200px;
    border: 1px solid #CCC;
    padding: 3px;
    color: #000;
}
input[type="password"]
{
    width: 200px;
    border: 1px solid #CCC;
    padding: 3px;
    color: #000;
}
input[type="image"]
{
    vertical-align: top;
    padding: 1px;
}
input[type="submit"]
{
    border-spacing: 10px;
    margin: 0;
    padding: 3px;
    color: #000;
    background-color: #ef8700;
}

.ajax__calendar
{
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    z-index: 5000;
}
.ajax__calendar div
{
    margin: 0;
    padding: 0;
}


/* Translator Search Page */
.trGrid
{
    border: 1px solid #FCF3E4;
}
#searchoptions
{
    text-align: right;
}
#searchfields
{
    text-align: left;
    margin: 0px 0px 20px 0px;
}
#searchfields table
{
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #3F3F3E;
    color: #E9E9E9;
    border: 1px solid #CCC;
}
#searchfields td
{
    padding: 5px;
    width: 25%;
    vertical-align: top;
    text-align: left;
}
#searchfields input, #searchfields select
{
    background-color: #4F4F4E;
    color: #E9E9E9;
    border: 1px solid #A9A9A9;
}
#searchfields input[type="submit"]
{
    padding: 2px;
    width: 100%;
    height: 70px;
    background-color: #E9E9E9;
    color: #3F3F3E;
}

#mailoptions
{
    text-align: right;
}
#mailfields
{
    text-align: left;
    margin: 0px 0px 20px 0px;
}

.trGridEmptyData
{
    text-align: center;
    width: 100%;
    padding: 20px !important;
    color: Red;
}
.trGridItem
{
    border: none;
    background-color: #FCF3E4;
}
.trGridAlternatingItem
{
    border: none;
}
.trGridColumn
{
    border: none;
}

/* homepage clients panel*/
.praise
{
    text-align: right;
    font-style: italic;
}
.praise p
{
    padding-bottom: 20px;
}
#ata
{
    font-size: 9px;
    font-weight: bold;
    color: #00519E;
}
#ata img
{
    text-align: right !important;
}

/* modal popups */
.modalPopup
{
    padding: 20px;
    width: 200px;
    height: 30px;
    background: #FFF;
    border: 5px solid #ef8700;
    text-align: center;
}

.calltoaction
{
    background-image: url("../images/call-to-action-button.png");
    background-repeat: no-repeat;
    width: 100px;
    height: 35px;
    color: #FFF;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    margin: 0;
}

.calltoaction a
{
    color: #FFF !important;
    text-decoration: none;
}

.contactlink
{
    font-weight: bold;
    font-size: 15px;
}

.contactpage p
{
    font-size: 12px;
}

.contactpage ul
{
    list-style-type: none;
    margin-left: -15px;
}

.contactpage .footnote
{
    clear: both;
    font-size: 9px;
}

.contactpage label
{
    font-weight: bold;
    font-size: 13px;
}

.contactpage fieldset
{
    border-width: medium;
    font-size: 13px;
}
.contactpage legend
{
    font-size: 14px;
}


.contactpage-column-left
{
    width: 300px;
    float: left;
}

.contactpage h3
{
    font-size: 12px !important;
    line-height: 0;
    padding-top: 11px;
}

.contactpage-column-right
{
    float: right;
    width: 270px;
}

#linkedin
{
    text-align: right;
    margin: 5px;
}

.linkedin-button
{
    text-decoration: none !important;
    border: none !important;
    color: #FFF;
}


/* BEGIN CALL TO ACTION REQUEST QUOTE */
#contact-form
{
    position: relative;
    width: 448px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
#contact-form p
{
    text-align: right;
}
#contact-form label
{
    font-weight: bold;
    padding-right: 10px;
    vertical-align: top;
    padding-top: 5px;
}
#contact-form .left-column
{
    float: left;
}
#contact-form .right-column
{
    float: left;
    margin: 0 0 0 10px;
    width: 210px;
}
#contact-form .left
{
    text-align: left;
}
#contact-form input
{
    border-style: none;
    padding-left: 10px;
    width: 137px;
}
#contact-form select
{
    width: 150px;
}
#contact-form-footer
{
    margin: 0 auto;
    text-align: center;
    background-image: url(../../images/contact-form-footer-bg.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 8px;
}
#contact-form-toggle
{
    background-image: url(../../images/toggle-bg.gif);
    background-position: center top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    height: 29px;
    line-height: 29px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
#contact-form-wrapper
{
    width: 450px;
    margin: 0 auto;
}
#contact-form-hidden-content
{
    background-color: #99cc33;
    color: #FFFFFF;
    font-size: 12px;
    margin: 0 auto;
    overflow: hidden;
    padding: 4px;
    position: relative;
    text-align: left;
}
#contact_form .summary
{
    clear: both;
}
#contact_form_alert
{
    text-align: center !important;
}
#contact-form .right-column blockquote
{
    padding-left: 60px !important;
    padding-bottom: 10px;
}


#requestquote-column1
{
    float: left;
    width: 290px;
}
#requestquote-column2
{
    float: left;
    width: 290px;
}
#requestquote fieldset
{
    display: inline;
}
#requestquote label
{
    font-weight: bold;
}
#requestquote select
{
    width: 260px !important;
}

#requestquote table label
{
    font-weight:normal !important;
}

#requestquote-column1 blockquote
{
    padding-left:0px;
    padding-bottom:10px;
}
