/* --------------------------------------------------------------
CSS expansion for all content on Careers Portal

Note : 
1.  I optimized some part in this CSS for easy exloration.
    To re-unoptimize CSS go to http://www.minifycss.com/css-compressor/
2.  I put "c" in front of every class because I don't want to overwrite old class in other file
-------------------------------------------------------------- */

/* Default Style Override */
.CX * {
    color: #3C3C3C;
    font-family: 'Century Gothic',Verdana,arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
}

.CX a, .CX a:link, .CX a:visited, .CX a:active {
    color: #6999C9;
    text-decoration: underline;
}

.CX p {
    margin-top: 10px;
    text-align: justify;
}

.CX a:hover, .CX a:active {
    color: #4B6B8D !important;
}

.CX ol, .CX ul {
    margin: 10px 0 0 20px;
    padding: 0;
    line-height: 25px;
}

.CX li {
    margin: 0;
    padding: 0 0 5px 10px;
}

.CX ul li {
    list-style-type: circle;
}

.CX strong {
    color: inherit;
    font-weight: 800;
}

.CX table tr td, .CX table tr th {
    padding: 0;
}

.CX table {
    border-collapse: collapse;
    margin: 0;
}

/* Layout */
.cContainer {
    width: 700px;
    margin: 40px 150px 50px;
    border: 0;
}

.cBorderless {
    width: 905px !important;
    margin: 50px !important;
}

/* Div Text Style */
.cPageHeader {
    color: #6999C9;
    margin: -25px 0 10px;
    font-size: 24px;
}

.cSectionHeader {
    color: #6999C9;
    margin: 15px 0 10px;
    font-size: 17px;
    display: block;
}

.cSubHeader {
    color: #6999C9;
    font-size: 15px;
}

.cSubHeader2 {
    color: #6999C9;
    font-size: 15px;
}

/* P Text Style */
.cNoJustify {
    text-align: left;
}

/* Table Style */
.cPadTable {
    padding: 5px 10px 10px !important;
}

/* Span Text Style */
.cHighlight {
    color: #6999C9;
    font-style: inherit;
}

.cImportant {
    color: red;
    font-style: inherit;
}

.cGray {
    color: #828689;
    font-style: inherit;
}

/* List */
.cListGray, .cListGray li, .cListGray ol, .cListGray ul {
    color: #828689 !important;
}

.cListBlank, .cListBlank li, .cListBlank ul {
    list-style-type: none !important;
}

/* Fix Bug Style */
.cFactboxFix {
    margin-left: 235px;
}

/*-------------------------------------------------------
Quick Fact
-------------------------------------------------------*/
.roundbox ul * {
    line-height: 17px;
}

.roundbox {
    float: left;
    border: 1px solid #E3E3E3;
    padding: 10px 16px 10px;
    margin: 0 40px 5px 0;
    width: 185px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/pie/PIE.htc);
}

    .roundbox p {
        color: #71767A;
        text-align: left;
    }

.cFactHeader {
    color: #6999C9;
    font-size: 14px;
}

/*-------------------------------------------------------
Job Description Page
-------------------------------------------------------*/
/* Common Style */
.cBold {
    font-weight: bold;
}

.cCenter {
    text-align: center;
}

.cRight {
    text-align: right;
}

.cCenterImg {
    margin-left: auto;
    margin-right: auto;
}

.cBlock {
    margin: 15px 0;
    padding: 10px 0;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

/* Specific Style*/
.cNotice {
    margin: 10px 0;
    padding: 15px;
    border: 1px solid #6999C9;
}

.cSendError {
    font-weight: bold;
    color: #c03;
	padding: 1em 0;
}

    .cSendError li {
        list-style: disc;
        margin: 0 13px;
    }

#JobDescription td {
    padding: 5px 10px;
    vertical-align: top;
}

#JobDescription input, #JobDescription textarea {
    width: 100%;
    color: #3c3c3c;
    border: 1px solid #A4ACBA;
    padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	resize: none;
}

ul.share-buttons {
    list-style: none;
    padding: 0;
}

    ul.share-buttons li {
        display: inline;
    }

ul.share-buttons-vertical {
    list-style: none;
    padding: 0;
    border: 1px solid #eee;
    padding: 10px;
}

    ul.share-buttons-vertical li {
    }

.sticky {
}

.cSpecialText {
    font-family: Georgia;
    font-style: italic !important;
    font-size: 18px !important;
}

/*.applybutton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44b1e3), color-stop(1, #3e86bd));
    background: -moz-linear-gradient(top, #44b1e3 5%, #3e86bd 100%);
    background: -webkit-linear-gradient(top, #44b1e3 5%, #3e86bd 100%);
    background: -o-linear-gradient(top, #44b1e3 5%, #3e86bd 100%);
    background: -ms-linear-gradient(top, #44b1e3 5%, #3e86bd 100%);
    background: linear-gradient(to bottom, #44b1e3 5%, #3e86bd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44b1e3', endColorstr='#3e86bd',GradientType=0);
    background-color: #44b1e3;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 32px;
    margin: 5px 0;
    text-decoration: none !important;
}
    .applybutton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3e86bd), color-stop(1, #44b1e3));
        background: -moz-linear-gradient(top, #3e86bd 5%, #44b1e3 100%);
        background: -webkit-linear-gradient(top, #3e86bd 5%, #44b1e3 100%);
        background: -o-linear-gradient(top, #3e86bd 5%, #44b1e3 100%);
        background: -ms-linear-gradient(top, #3e86bd 5%, #44b1e3 100%);
        background: linear-gradient(to bottom, #3e86bd 5%, #44b1e3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e86bd', endColorstr='#44b1e3',GradientType=0);
        background-color: #3e86bd;
    }
    */

.applybutton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #81B0DA), color-stop(1, #659ACA));
    background: -moz-linear-gradient(top, #81B0DA 5%, #659ACA 100%);
    background: -webkit-linear-gradient(top, #81B0DA 5%, #659ACA 100%);
    background: -o-linear-gradient(top, #81B0DA 5%, #659ACA 100%);
    background: -ms-linear-gradient(top, #81B0DA 5%, #659ACA 100%);
    background: linear-gradient(to bottom, #81B0DA 5%, #659ACA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81B0DA', endColorstr='#659ACA',GradientType=0);
    background-color: #81B0DA;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 32px;
    margin: 5px 0;
    text-decoration: none !important;
}

    .applybutton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #659ACA), color-stop(1, #44b1e3));
        background: -moz-linear-gradient(top, #659ACA 5%, #81B0DA 100%);
        background: -webkit-linear-gradient(top, #659ACA 5%, #81B0DA 100%);
        background: -o-linear-gradient(top, #659ACA 5%, #81B0DA 100%);
        background: -ms-linear-gradient(top, #659ACA 5%, #81B0DA 100%);
        background: linear-gradient(to bottom, #659ACA 5%, #81B0DA 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#659ACA', endColorstr='#81B0DA',GradientType=0);
        background-color: #659ACA;
    }

    .applybutton:active {
        position: relative;
        top: 1px;
    }

/*-------------------------------------------------------
Email to friend
-------------------------------------------------------*/
.emailshare #JobDescription td {
	padding-top: 5px;
	padding-bottom: 5px;
}
.w-captcha-panel #captcha-panel {
    border: 2px solid #6999c9;
    width: 250px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 5px;
    background: #ccc;
	overflow: hidden;
}

.w-captcha-panel #refresh-captcha {
    display: block;
    background: #ddd;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    color: #000;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.w-captcha-panel .ckey {
    display:none;
}
#JobDescription .w-captcha-panel .text {
	width: 250px;
}

/*-------------------------------------------------------
Forgot Application Number
-------------------------------------------------------*/
.tdLeft
{
    padding: 0 40px 0 0;
    vertical-align: top;
}

.continuebutton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #81B0DA), color-stop(1, #659ACA));
    background: -moz-linear-gradient(top, #81B0DA 5%, #659ACA 100%);
    background: -webkit-linear-gradient(top, #81B0DA 5%, #659ACA 100%);
    background: -o-linear-gradient(top, #81B0DA 5%, #659ACA 100%);
    background: -ms-linear-gradient(top, #81B0DA 5%, #659ACA 100%);
    background: linear-gradient(to bottom, #81B0DA 5%, #659ACA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81B0DA', endColorstr='#659ACA',GradientType=0);
    background-color: #81B0DA;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 32px;
    text-decoration: none !important;
}

    .continuebutton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #659ACA), color-stop(1, #44b1e3));
        background: -moz-linear-gradient(top, #659ACA 5%, #81B0DA 100%);
        background: -webkit-linear-gradient(top, #659ACA 5%, #81B0DA 100%);
        background: -o-linear-gradient(top, #659ACA 5%, #81B0DA 100%);
        background: -ms-linear-gradient(top, #659ACA 5%, #81B0DA 100%);
        background: linear-gradient(to bottom, #659ACA 5%, #81B0DA 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#659ACA', endColorstr='#81B0DA',GradientType=0);
        background-color: #659ACA;
    }

    .continuebutton:active {
        position: relative;
        top: 1px;
    }

.cMessage
{
    width: 450px !important;
    color:red;
}

.fContainer
{
    width: 700px;
    margin: 80px 150px 50px;
    border: 0;
}

.cParagraphB
{
    margin: 15px 0 20px 0;
}

.tbDescription td
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.tdTitle
{
    width: 200px;
}