@CHARSET "UTF-8";

*:focus
{
    outline-color: #5794bf;
}

body
{
    font-family: arial, sans-serif;
    font-size: 11px;
}

div.clear_float
{
    float: none;
    clear: both;
    height: 0;
    overflow: hidden;
}

div.site
{
    background: #C8DFF6;
    background-image: url("images/background-gradient.png");
    background-repeat: repeat-x;
    background-position: 0 110px;
    margin: auto;
    width: 1020px;
    position: relative;
}

/* <Header> */

div#header
{
    margin: 0;
    padding: 0 90px;
    height: 110px;
    background-color: #FFFFFF;
}

div.head h1.company
{
    width: 165px;
    height: 50px;
    position: absolute;
    top: 45px;
    left: 10px;
}

div.head h1.company a
{
    display: block;
    width: 100%;
    height: 100%;

    text-indent: -1000em;
    text-align: center;
    overflow: hidden;
}

div.head
{
    position: relative;
}

div.head .language_selection
{
    position: absolute;
    top: 40px;
    right: 5px;
}

div.head .language_selection ul
{
    list-style: none;
}

div.head .language_selection ul li a
{
    text-decoration: none;
}

div.head .language_selection li
{
    border-right: 1px solid #BBD0E1;
    display: block;
    float: left;
    font-size: 12px;
}
div.head .language_selection li:last-child
{
    border-right: medium none;
}

div.head .language_selection li.last-child
{
    border-right: medium none;
}

div.head .language_selection a
{
    color: #888888;
    display: block;
    line-height: 22px;
    padding: 0 5px;
    text-align: center;
    width: 20px;
}

div.head .language_selection a:hover,
div.head .language_selection li.active a
{
    color: #333333;
}

/* </Header> */


/* <Main content and nav area> */

div#main
{
    background: #A7CBEB;
    margin: 0 90px;
}

div.nav_left
{
    width: 200px;
    float: left;
}

div#content_wrapper
{
    float:left;
    position: relative;
    margin-top: -30px;
    padding-top: 30px;
    width: 640px;


    background: #FFFFFF;
    background-image: url("images/background-inner-gradient.png");
    background-repeat: repeat-x;

    /* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDF5FC', endColorstr='#FFFFFF'); */
}

div#content_wrapper div.page_corner
{
    background-image: url("images/white-top-left-corner.png");
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
}

div#content_wrapper div.page_header
{
    position: absolute;
    top: 0px;
    right: 20px;
}

div#content_wrapper div.page_header h1
{
    color: #888888;
    padding-top: 7px;
    padding-right: 10px;
    font-size: 17px;
}

div#content_wrapper>div.content
{
    min-height: 450px;
    background: transparent;
    margin-right: 10px;

    padding-top: 10px;
    padding-left: 30px;
    padding-right: 20px;
    padding-bottom: 5px;

    border-left: 3px solid #95BBDF;
}

div#content_wrapper div.page_footer
{
    clear: both;
    border-top: 3px solid #95BBDF;
}

/* </Main content and nav> */

/* <Footer> */

div#footer
{
    height: 30px;
    background-color: #A7CBEB;
    color: #4F7AA0;
    clear:both;
    padding: 0;
    margin-left: 90px;
    margin-right: 100px;
    margin-bottom: 30px;
    position: relative;
    z-index: 50;
    font-size: 10px;

    background-image: url("images/smartelections-logo.png");
    background-repeat: no-repeat;
    background-position: 10px 0;
}

div#footer div.footer
{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
}

/* </Footer> */

/* <Navigation> */

div.nav_left ul
{
    margin-top: 40px;
}

div.nav_left ul li
{
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    color: #103184;
    font-size: 12px;
}

div.nav_left ul li a
{
    color: inherit;
    text-decoration: none;
}


div.nav_left ul li a:hover
{
    color: #FF1821;
    text-decoration: none;
}

div.nav_left ul li.current
{
    color: #3A9CC5;
    background-color: #EDF5FC;
    border: none;
}

div.nav_left ul li.current a:hover
{
    color: #3A9CC5;
}

div.nav_left li.l1
{
    margin-left: 10px;
}

div.nav_left li.l2
{
    margin-left: 30px;
}

div.nav_left li.l3
{
    margin-left: 50px;
}

div.nav_left li.l4
{
    margin-left: 70px;
}

/* </Navigation> */

/* <content navigation> */

div.content a
{
    color:  #103184;
}

div.content a:hover
{
    color: #FF1821;
}

/* <content navigation> */

/* <Forms> */

div.content h2
{
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.content h3
{
    color: #888888;
    font-weight: bold;

    margin-bottom: 20px;
    margin-top: 30px;
    padding-top: 5px;
    padding-bottom: 5px;

    margin-left: -5px;
    padding-left: 5px;

    background-color: #EEEEEE;
}

div.content h4
{
    color: #888888;
    font-weight: bold;

    margin-bottom: 10px;
    margin-top: 15px;
}

div.content h5
{
    color: #888888;
    font-weight: bold;

    margin-top: 10px;
    margin-bottom: 5px;
}

div.content h6
{
    color: #888888;

    margin-top: 10px;
    margin-bottom: 5px;
}

div.content p.description
{
    margin-bottom: 12px;
    line-height: 15px;
    font-size: 12px;
}

div.content label,
div.content input,
div.content select,
div.content textarea
{
    vertical-align: middle;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
}


div.content input,
div.content select,
div.content textarea
{
    background-color: #F7F7F7;
    border-right: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    border-top: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2;
}

div.content .form_input
{
    clear:both;
    min-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5px 0;
    width: 560px;
}

div.content .form_input>label
{
    color: #888888;
    width: 180px;
}

div#candidateProfileContainer .form_input {
    display: flex;
    align-items: start;
    justify-content: start;
}

div#candidateProfileContainer .form_input>label
{
    color: #888888;
    min-width: 200px;
    position: relative;
    top:5px;
}

div.content .tinylimiter
{
    color: #888888;
    float: right;
    height: 0;
}

div.content .requiredIndicator
{
    top: 5px;
    color:#888888;
}

div.content .form_input .text,
div.content .form_input .input
{
    height: unset;
    margin-left: unset;
    display: block;
}

div.content .form_input select
{
    width: 366px !important;
}

div#candidateProfileContainer .form_input .text,
div#candidateProfileContainer .form_input .input
{
    margin-right: 10px;
    margin-left: unset;
    display: block;
}

div.content .form_input span.input
{
    padding-top: 5px;
}

div.content .form_input .grid_width_6
{
    width: 380px;
}

div.content .form_input .grid_width_7
{
    width: 441px;
}

div.content .highlight {
    background-color: #fcc;
}

div.content ul.form_messages
{
    max-width: 100%;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 0;
}

div.content ul.form_messages li
{
    margin-bottom: 2px;
}

div.content ul.form_messages li.error,
div.content ul.form_messages li.warning
{
    color: #ff1821;
}

div.content ul.form_messages li.info
{
    color: inherit;
}

div.content ul.form_messages li.hidden
{
    display: none;
}

div.content .form_input th,
div.content .form_input td
{
    vertical-align: middle;
    text-align: left;
    padding: 2px 3px 2px 0px;
}


/* </Forms> */

/* <Buttons> */

div.content p.submit
{
    min-height: 31px;
    line-height: 31px;
    margin-bottom: 15px;
    margin-top: 15px;
}

div.content p.submit input.left,
div.content a.button.left,
button.submit.left
{
    float: left;
    /*	margin-right: 10px; */
}

div.content p.submit input.right,
div.content a.button.right,
button.submit.right
{
    float: right;
    margin-left: 10px;
}

div.language_selection input.submit,
div.content input.submit,
div.content a.button,
button.submit
{
    cursor: pointer;

    height: 31px;

    text-align: left;

    background-color: #D6E8F7;
    /* Could not place both arrow icon (as image) and gradient (as CSS) since both are 'background-image' */
    background-image: url("images/button.png");
    background-repeat: no-repeat;

    border: 1px solid #B9D6F0;
    padding: 8px 15px 10px 28px;

    color: #103184;
    text-decoration: none;
}

div.language_selection input.submit.right
{
    margin: -5px 0px 0px 10px;
}

button.submit
{
    padding-top: 9px;
}

div.content a.button
{
    display: block;
    float: left;
    height: 11px;
    line-height: 12px;
}

#pageing
{
    height:25px;
    float: left;
}

#pageIndex
{
    float: left;
    padding-top: 10px;
}

button.page
{
    background-color:transparent;
    text-decoration:none;
    padding:0 !important;
    border-style:none;
    border-color:transparent;
    border:0px;
    width:24px;
    height:24px;
}

button.page:disabled
{
    visibility:collapse;
}

button.next
{
    background-image: url("images/next.png");
    background-repeat:none;
}

button.prev
{
    background-image: url("images/prev.png");
    background-repeat:none;
    float:left;
}


div.language_selection input.submit:hover,
div.content input.submit:hover,
div.content a.button:hover,
button.submit:hover
{
    color: #FF1821;
}

div.language_selection input.submit:disabled,
div.content input.submit:disabled,
div.content a.button:disabled,
button.submit:disabled
{
    cursor: default;
    color: #bfbfbf;
}

div.content input.submit.cancel,
div.content a.button.cancel,
button.submit.cancel
{
    /* not overriding button style */
}

div.content input.submit.cancel:disabled,
div.content a.button.cancel:disabled,
button.submit.cancel:disabled
{
    /* not overriding button style */
}

/* </Buttons> */

/* <Icon buttons> */

div.content a.editButton,
div.content a.deleteButton,
div.content a.previewButton
{
    display: inline-block;
    text-indent: -99999px;
    width: 14px;
    height: 14px;
    margin: 0 2px;
}

div.content a.editButton
{
    background-image: url("images/edit-icons.png");
}

div.content a.certDownloader {
    background-image: url("images/advantage_certificate-32.png");
    background-repeat: no-repeat;
    height:32px;
    display: block;
}

div.content div.intro {
    margin-bottom:40px;
}

div.content a.deleteButton
{
    background-image: url("images/delete-icons.png");
}

div.content a.previewButton
{
    width: 20px;
    background-image: url("images/preview-icons.png");
}

div.content a.editButton:hover,
div.content a.deleteButton:hover
{
    background-position: 14px 0px;
}

div.content a.previewButton:hover
{
    background-position: 20px 0px;
}

th.doubleIconColumn
{
    width: 46px;
}

th.singleIconColumn
{
    width: 18px;
}

/* </Icon buttons> */


/* <Tables> */

table
{
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

th,
td
{
    vertical-align: top;
    text-align: left;
    padding: 4px 10px 4px 0px;
}

td.bottom
{
    vertical-align: bottom;
}

th
{
    color: #888888;
    vertical-align: bottom;
    font-weight: bold;
    border-bottom: solid 1px #888888;
}

/* </Tables> */

/* <Profile preview> */

div.candidateProfileLinkHolder
{
    margin-top: 15px;
}

div#candidateProfileContainer div.float_left,
div.candidateProfile div.float_left  /* candidateView */
{
    float: left;
    padding-right: 10px;
}

div#candidateProfileContainer
{
    overflow: auto;
}

div#candidateProfileContainer h3
{
    margin-top: 0px;
    margin-left: 0px;
}

div.nav_left div.form_container div.verifiabilityLinkContainer {
    margin-top: 20px;
}

div.nav_left div.form_container div.verifiabilityLinkContainer div.linkHeader {
    font-weight:bold;
}

/* </Profile preview> */

/* <JQuery popup> */

.ui-dialog .ui-dialog-buttonpane
{
    border: none;
}

.ui-dialog .ui-dialog-titlebar
{
    background: transparent;
    border: none;
}

.ui-dialog
{
    height: 11px;
    width: 11px;
    background-image: url('images/gray-x.png');
    background-position: 0 0;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close
{
    position: absolute;
    top: 5px;
    right: 10px;
    width: 11px;
    height: 11px;
    margin: 0;
}

.candidateProfile .float_left .form_input {
    width: unset;
}

.candidateProfile p.form_input {
    justify-content: start;
    align-items: start;
}

.candidateProfile p.form_input .input {
    margin-right: 20px;
}

.candidateProfile p.form_input>label {
    min-width: 180px;
    position: relative;
    top: 5px;
}

/* </JQuery popup> */