/* ****************  Content Layout  ************************** */
body {
    font: normal 85% Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    text-align: left; /* centering hack 1/2 */
    background: white url(../Images/bg_blue_horiz.jpg) repeat scroll center;
    line-height:110%
}

#container {
    position:relative;
    width: 949px;
    margin: 0px auto;
    background-repeat: no-repeat;
}

#middlecontainer {
    background-color: white;
    border: 0px solid white;
    margin: 0px 0px 0px 0px;

}

#top {
    background-color: transparent;
    height: 100px;
    margin: 0px 0px 0px 0px;
    padding: 4px 4px 4px 4px;
    background-repeat: no-repeat;
}

#leftnav {
    float: left;
    width: 160px;
    margin-left: 4px;
}

#content {
    margin-left: 170px;
    padding: 20px 10px 5px 10px;
    margin-bottom: 10px;
    background-color: white;
    min-height: 500px;
    background-image:url('../Images/Deco_small.jpg');
    background-repeat:no-repeat;
    background-position:top right;
}

#footer {
    clear: both;
    padding-top:8px;
    padding-left:6px;
    padding-right:5px;
    margin: 0;
    color: #333;
    height: 28px;
    font-size: 12px;
    width:938px;
    background-image:url('../Images/footer_bg.jpg');
}

#poweredByDiv {
    float: left;
}

#footerLinks {
    float: left;
}

#miniLoginBody {
    margin:0px;
    padding:0px;
    border:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url('../Images/iviewxpress_login.jpg');
}

#miniLoginOuterDiv {
    height: 35px;
    width: 100%;
    margin-top:0;
    text-align: right;
}

#miniLoginInnerDiv {
    margin-right:8px;
    padding-top:5px;
}



/* ****************  FORM STYLE  ************************** */

#linkHome {
    padding-top: 15px;
    float: left;
}

#linkHomeImage {
    border:none;
    width:270px;
    height:80px;
}

#logInForm {
    display: inline;
}

#logOutForm {
    display: inline;
    font-size: 10px;
}

#top {
    color: black;
}

.error {
    color: red;
}

/*
global messages styles
*/
.warningMessage {
    color: red;
}
.infoMessage {
    border:2px;
    color: blue;
}


/*
Change language form
*/
#languageSelectForm {
    display: inline;
}

#candidateLanguageSelectForm {
    float:right;
}

#languageForm {
    display: inline;
    font-size: 10px;
}

#languageForm label {
    display: inline;
    font-size: 10px;
}

#languageForm select {
    display: inline;
    font-size: 10px;
}

#languageForm input {
    display: inline;
    font-size: 10px;
}

#siteLinks {
    margin: 40px 6px 0px 0;
    text-align: right;
}

/*
Login form on top
*/
#topLoginForm {
    display: inline;
    font-size: 10px;
    font-weight: normal;
}

#topLoginForm fieldset {
    display: inline;
    width: 510px;
    text-align: right;
    border: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#topLoginForm label {
    display: inline;
    font-size: 10px;
}

#topLoginForm select {
    display: inline;
    font-size: 10px;
}

#topLoginForm input {
    display: inline;
    width: auto;
    font-size: 10px;
}

#topLoginForm input[type="text"] {
    margin-left: 5px;
}

#topLoginForm input[type="password"] {
    margin-left: 5px;
}

/*
Styles for common forms using fieldset
*/
fieldset {
    display: block;
    width: 90%;
    margin: 2em 1em 1em 0;
    padding: 10px 1em 1em 1em;
    border-top: 1px solid black;
    border-left: none;
    border-right: none;
    border-bottom: none;
    font-size: 10px;
    text-align: left;
    font-weight: bold;

}

fieldset legend {
    white-space: nowrap;
    color: black;
    font-size: 14px;
    font-weight: bold;
}

fieldset.radio {
    width: 15em;
    margin: 1em 0 2em 0;

}

fieldset.radio input {
    clear: both;
    float: left;
    width: auto;
}

fieldset.radio label {
    font-weight: normal;
}

fieldset input[type="text"], input[type="password"] {
    display: block;
}

input[type="radio"] {
    font-size: 11px;
}

label {
    display: block;
    margin-bottom: 1em;
    font-size: 11px;
}

label.first {
    padding-top: 1em;
}

select {
    display: block;
}

#radio {
    display: inline;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-weight: bold;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: #666666;
    font-weight: bold;
}

h3, .header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #666666;
}

body {
    font-size: 14px;
}

.blacktext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: black;
}

.infoboxsub {
    border-color: #333333;
    border-style: solid;
    border-width: 2px;
    font-size: 14px;
    color: #333333;                                                        
    width:91%;
}

/*
Rounded corner box
*/
.infobox {
    background: #EEEEEE;
    width: 94%;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.sideinfo {
    font-size: 12px;
}

.rtop, .rbottom {
    display: block;
    background: #FFF
}

.rtop *, .rbottom * {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #EEEEEE;
}

.r1 {
    margin: 0 5px
}

.r2 {
    margin: 0 3px
}

.r3 {
    margin: 0 2px
}

.rtop .r4, .rbottom .r4 {
    margin: 0 1px;
    height: 2px
}

.helptext {
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
}

.blacklink:visited, .blacklink:link {
    font-size: 11px;
    text-decoration: underline;
    color: #333333;
}

.blacklink:hover, .blacklink:active {
    font-size: 11px;
    text-decoration: underline;
    color: #000000;
}

.topmenulink:visited, .topmenulink:link {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

.topmenulink:hover, .topmenulink:active {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #1d80ce;
}

.tinylink:visited, .tinylink:link {
    font-size: 9px;
    text-decoration: none;
    color: #666666;
}

.tinylink:hover, .tinylink:active {
    font-size: 9px;
    text-decoration: underline;
    color: #999999;
}

a img {
    border: 0;
}

a:visited, a:link, .link {
    text-decoration: underline;
    color: #0000cc;
}

a:hover, a:active {
    text-decoration: underline;
    color: #333333;
}

p {
    font-size: 14px;
    font-weight: normal;
}

input.standardbutton {
    font-size: 14px;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 900;
    width: 160px;
    height: 32px;
    background-image: url(../Images/NewButton_on.png);
    background-color: #FFFFFF;
    border-style: none;
}

.clear {
/* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

td {
    font-weight: normal;
}

.radioGroup label {
    display: inline;
}

input.newbutton {
    font-size: 12px;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 800;
    width: 160px;
    height: 32px;
    background-image: url(../Images/NewButton_on.png);
    background-color: #ffffff;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.stdbutton {
    background: #add4e7;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold; /* Change 13px as desired */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
    margin-right:10px;
}

a:link.stdbutton, a:visited.stdbutton, a:active.stdbutton {
    color: #0b74b8; /*button text color*/
}

a.stdbutton span {
    background: #add4e7;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.stdbutton:hover {
/* Hover state CSS */
    text-decoration: none;
}

a.stdbutton:hover span {
/* Hover state CSS */
    color: #000000;
}

a.mainbutton {
    background: #0b74b8;
    display: block;
    float: left;
    font-weight:bold;
    font-size: 11px; /* Change 13px as desired */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
    min-width:100px;
    text-align:center;
    margin-right:10px;
}

a:link.mainbutton, a:visited.mainbutton, a:active.mainbutton {
    color: #FFFFFF; /*button text color*/
    text-decoration: none;
}

a.mainbutton span {
    background: #0b74b8;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.mainbutton:hover {
/* Hover state CSS */
    text-decoration: none;
}

a.mainbutton:hover span {
/* Hover state CSS */
    background-position: bottom right;
    color:  #5bbdec;
}

.buttonwrapper {
/* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
    vertical-align:middle;
}

a.addlink {
    padding-left: 23px;
    padding-top:0px;
    background: transparent url("../Images/icon_add.png") no-repeat center left;
    font-size:14px;
    font-weight:normal;
}
a.removelink {
    padding-left: 23px;
    padding-top:0px;
    background: transparent url("../Images/icon_remove.png") no-repeat center left;
    font-size:14px;
    font-weight:normal;
}
a.editlink {
    padding-left: 23px;
    padding-top:0px;
    background: transparent url("../Images/icon_edit.png") no-repeat center left;
    font-size:14px;
    font-weight:normal;
}
a.managelink {
    padding-left: 23px;
    padding-top:0px;
    background: transparent url("../Images/icon_database.png") no-repeat center left;
    font-size:14px;
    font-weight:normal;
}

a.linklink {
    padding-left: 23px;
    padding-top:0px;
    background: transparent url("../Images/icon_link.png") no-repeat center left;
    font-size:14px;
}


.rich-tool-tip{
    background-color: #eef2f8;
    border-color: #7196c8;
}

.tableRow1 {
    background-color:white;
}
.tableRow2 {
    background-color:#ddd;
}

#customIndexText {
    padding-left:60px;
}

#leftMenuDiv {
    padding: 60px 0px 20px 0px;
    background-color: white;
}

#leftMenuDiv a {
    display:block;
    color:black;
    text-decoration:none;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:5px;
    font-size:11px;
    font-weight:lighter;
    outline: none;
}
#leftMenuDiv a:link {
    text-decoration: none;
    vertical-align:middle;
}

#leftMenuDiv ul {
    list-style-position:inside;
    list-style-type:none;
    padding-left:0px;
    margin:0px;
}

#leftMenuDiv li {
    height:28px;
    border-right: 0px solid white;
    border-bottom:1px dotted #E1DFDA;
    padding-left:15px;
}

.selectedItem, #leftMenuDiv li:hover {
    background-image:url('../Images/menu_blue_on.jpg');
    background-repeat:no-repeat;
}

.unselectedItem {
    background-image:url('../Images/menu_grey.jpg');
    background-repeat:no-repeat;
}

#globalMessagesDiv {
    width:450px;
}

/* 1-Click Pages */


#oneClickBody {
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    margin:8px;
    background-image:none;
}

#oneClickBanner {
    width:640px;
    height:100px;
    margin-bottom:10px;
}

#oneClickFooterDiv {
    background-color:#EEEEEE;
    width:640px;
    padding:4px;
    margin-top:10px;
}

#oneClickMessageBox {
    position: absolute;
    top: 0; left: 0;
    z-index: 10;
    background:#ffc;
    padding:2px;
    border:1px solid #CCCCCC;
    text-align:center;
    font-weight:bold;
    visibility:hidden;
    font-size:12px;
}


#errorPageDiv {
    background: white url(Images/error.jpg) no-repeat scroll center;
    width:100%;
    text-align:center;
    height:240px;
}

#footerLinksDiv { float:left; display:inline; }
#footerLinksDiv ul { list-style:none; margin-top:0; padding-left:0; }
#footerLinks li { display:inline; border-right: solid 1px #999; padding-left:3px; margin-top:0; }
#footerLinks li:last-child { border-right:none; }

#copyrightDiv {
    float: right;
    padding-right:5px;
}


.jobSearchResultList {
    list-style-type: none;
    font-size: 12px;
    line-height: 130%;
    display:block;
    margin-bottom:20px;
}

.jobSearchResultJobPropertiesList {
    margin-left: 0px;
    margin-top:8px;
    margin-bottom:8px;
    padding-left: 0px;
    list-style-type: none;
    float:left;
}

.jobSearchResultJobPropertiesListItem {
    color: green;
    float:left;
    border-left: solid 1px #999;
    padding-left:3px;
    padding-right:3px;

}
.jobSearchResultJobPropertiesListItem:first-child {
    padding-left:0px;
    border-left: 0;
}
.jobSearchResultTitle {
    font-size: 18px;
}

.searchResultSummary {
    clear:both;
    margin-bottom: 20px;    
}

#simpleTemplateBody {
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    margin:8px;
    background-image:none;
}

.interviewQuestion {
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
    line-height:125%;
}

.radioLabel {
    display:inline;
}