body { font-family: Segoe UI, Calibri, Verdana, Arial, Times New Roman; padding: 0px; margin: 0px; background:white; color:#58585A; }

.wrapOuter { margin:0px auto; padding:10px 10px 20px 10px; width:970px; background:white; }
.wrapInner {  }
.banner { margin-bottom:15px; }
.banner a img { border:0px; }

.left { float:left; }
.right { float:right; }


.menu { width:220px; }
.content { width:740px; font-size:12px; }


.menu h2 { color:#E5173F; font-weight:normal; font-size:16px; border-bottom:1px solid #cccccc; }
.menu h3 { color:#E5173F; font-weight:normal; font-size:14px; margin:2px 0px 5px; padding:0px 0px 5px 0px; border-bottom:1px solid #cccccc; }
.menu ul { margin:5px 0px 15px 0px; padding:0px; list-style:none; }
.menu ul li { font-size:12px; line-height:1.2em; margin:3px 0px 0px 0px; padding:0px 0px 3px 0px; }
.menu ul li img { vertical-align:middle; padding:0px 2px; }

h3 a,
h4 a { color:#E5173F; text-decoration:none; }
a { color:#58585A; text-decoration:none; }
a:hover { color:#E5173F; text-decoration:none; }
a img { border:0px; vertical-align:middle; margin-right:3px; }
a span { vertical-align:middle; }
a b { color: #E5173F; padding:0px 3px; }

li.moreLess { padding-top:5px; margin-top:5px; }

input.button,
button.button  { background:#A7D5ED url('Images/buttons.png') 0 -1px repeat-x; font-size:12px; border:0px; padding:0px 8px 1px 8px; margin:2px 0px 1px 0px; height:20px; vertical-align:middle; border:1px solid #dedede; display:inline-block; cursor:pointer; color:#58585A;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
                  }
a.button  { background:#A7D5ED url('Images/buttons.png') 0 -100px repeat-x; font-size:12px; border:0px; padding:0px 5px 1px 5px; vertical-align:middle; border:1px solid #dedede; display:inline-block; cursor:pointer; color:#58585A; }

input.button:hover,
button.button:hover, 
a.button:hover { background-position:0px -100px; }

input.button:active,
button.button:active, 
a.button:active { background-position:0px -200px; }

ul.loginForm {}
ul.loginForm li > span { display:inline-block; vertical-align:middle; width:65px; }
ul.loginForm li > span > span { display:inline-block; vertical-align:middle; }



/* Headings */
h1, .h1 { font-size: 21px; font-weight: normal; margin:0px 0px 5px; color:#58585A; }
h2, .h2 { font-size: 21px; font-weight: normal; margin:0px 0px 5px; padding:0px 0px 5px; color:#58585A; display:block; border-bottom:1px solid #CCCCCC; }
h3, .h3 { font-size: large; font-weight: normal;  margin:0px 0px 3px; color:#E5173F; }
h4, .h4 { font-size: medium; font-weight: normal;  margin:0px 0px 2px; color:#E5173F; }
h5, .h5 { font-size: medium; font-weight: normal;  margin:0px 0px 2px; color:#E5173F; }

.TableFooter { float: left; background-color: #FFFF99; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; width: 98%; padding: 1%; text-align: center; font-family: Calibri, Verdana, Arial, Times New Roman; margin-bottom:10px;
	border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top:0px;}


ul.form { padding:0px; list-style:none; margin:0px 0px 20px 0px; }
ul.form > li { margin:3px 0px; padding:0px; display:inline-block; width:100%; }
ul.form > li span.label { display:inline-block; width:220px; vertical-align:top; padding-top:4px; float:left; padding: inherit !important }
ul.form > li span.control { display:inline-block; width:515px; vertical-align:top; }
ul.form select { border:1px solid #B8CBDE; font-family:	"segoe ui",arial,sans-serif; font-size:12px; line-height:15px; padding:1px; vertical-align:middle; }

ul.preRequisites li span.label { display:inline-block; width:400px; vertical-align:top; padding:6px 0px 0px 0px; }
ul.preRequisites li span.control { display:inline-block; width:140px; vertical-align:top; }
ul.preRequisites li table { display:inline-block; }

ul.twoColumn > li { float:left; width:50%; margin:0px; }

ul.searchCriteria { list-style:none; margin:5px 0px 15px 0px; padding:0px 0px 10px 0px; float:left; width:100%; border-bottom:1px solid #CCCCCC; }
ul.searchCriteria li { float:left; padding:1px 5px 1px 1px; }
ul.searchCriteria li span { display:inline-block; vertical-align:middle; }
ul.searchCriteria li img { vertical-align:middle; margin:0px 3px 0px 0px; border:0px; }


ul.vacancyList { list-style:none; margin:5px 0px; padding:0px; height:100%; }
ul.vacancyList > li { padding-top:10px; margin-top:10px; border-top:1px solid #CCCCCC; }
ul.vacancyList > li.first { border-top: 0px; margin-top:30px; }

ul.vacancyList ul { list-style:none; margin:0px; padding:0px; height:100%; }
ul.vacancyList ul li { padding-bottom:3px; }
ul.vacancyList ul li p { margin:0px 0px 4px 0px; }
div.vacancyList p { margin:0px 0px 4px 0px; }

ul.navigation { float:left; list-style:none; margin:5px 0px; padding:0px; }
ul.navigation li { float:left; padding:2px 5px 2px 0px; margin-right:5px; border-right:1px solid #cccccc; }
ul.navigation li.first { border-right:0px;  }
ul.navigation li.last { border-right:0px; padding-right:0px; }

.toolbar { background:#dfefff; padding:3px; }


fieldset { border:0px; padding:0px; margin-bottom:20px; }


.comboBoxWide { width:324px !important; }
.textBoxWide { width:320px !important; }


.backToTop { display:inline-block; margin:10px 0; height:16px; padding:0px 0px 0px 20px; background:transparent url('../../Images/Up.png') 0 0 no-repeat; }
.backToTop:hover { background-position:0 -50px; }


ul.section { border-top:1px dashed #cccccc; margin-top:3px; padding-top:5px; padding-bottom:2px; }

li.repeater > ul { border-bottom:1px dashed #cccccc; padding-bottom:3px; margin-bottom:3px; }
li.repeater > ul.first { border-bottom:1px dashed #cccccc; }

.RadComboBox_Windows7 { color:#000000 !important; }
.RadComboBox_Windows7 .rcbInput {  color:#000000 !important; }

/* Applications grid */
.RadGrid_Recruit .rgHeader { border-bottom:1px solid #bbbbbb; }
.RadGrid_Recruit .rgHeader .rgSortAsc { background:transparent url('Images/FormCollapse.gif') 0 0 no-repeat; }
.RadGrid_Recruit .rgHeader .rgSortDesc { background:transparent url('Images/FormExpand.gif') 0 0 no-repeat; }
.RadGrid_Recruit th.rowFirst { padding-left:0px !important; border-bottom:0px solid !important; }

.RadGrid_Recruit .rgRow td,
.RadGrid_Recruit .rgAltRow td { border-left:1px solid #CCCCCC; border-bottom:1px solid #cccccc; }

.RadGrid_Recruit .rgRow td.rowFirst,
.RadGrid_Recruit .rgAltRow td.rowFirst { padding-left:0px !important; border-bottom:0px solid !important; }

.RadGrid_Recruit .rgRow .rowFirst,
.RadGrid_Recruit .rgAltRow .rowFirst { border-left:0px; }

.RadGrid_Recruit .rgRow .rowLast,
.RadGrid_Recruit .rgAltRow .rowLast { border-right:1px solid #cccccc; }

.RadGrid_Recruit .rgRow a img,
.RadGrid_Recruit .rgAltRow a img { border:0px; vertical-align:middle; border-right:3px; }
.RadGrid_Recruit .rgRow a img span,
.RadGrid_Recruit .rgAltRow a img span { vertical-align:middle; }

.colorCell { padding:0px !important; }
.colorCell div { padding:4px 7px 3px 7px; border-left:8px solid white; }

.statusColorGreen { border-left:8px solid green !important; }
.statusColorYellow { border-left:8px solid yellow !important; }
.statusColorPurple { border-left:8px solid purple !important; }
.statusColorRed { border-left:8px solid yellow !important; }

.recordRow { border-top:1px solid #cccccc; padding-bottom:8px; margin-bottom:8px; }


/*Hack for latest google chrome, as known issue with negative margins. */
.rdfd_ { margin:0px !important; }



.InformationImage { background:transparent; width:16px; height:16px; cursor:pointer; margin:4px 0px 0px 3px; vertical-align:top; border:0px; }

.InformationPopupPanelContainer { background:#FEFDC0; border:1px solid #000000; visibility:hidden; min-height:60px; width:200px; margin-top:8px; padding:5px; text-align:left; z-index:50; }

.readonly, .riRead { border-color:#FD912F #FEB878 #FED6B1 #FEB878 !important; border-width:1px !important; border-style:solid !important; }
.readonlyDateBox { border-color:#FD912F #FEB878 #FED6B1 #FEB878 !important; border-width:1px !important; border-style:solid !important; }


/* ################# Error Page Styling ################# Error.aspx ################# */
/* There are up to 3 blocks that appear on the error page, each of which has this heading block at the top... */
.errorPageItemHeader { margin: 20px 5% 0px; height:28px; background-color:#E3EFFF; background-image:url('../../Images/ErrorHeader.gif'); background-repeat:repeat-x; }
.errorPageItemHeader div { float:left; height:24px; text-align:left; font-family: Tahoma, Verdana, Arial; font-size:13px; color:#ffffff; padding:2px 0px; }
.errorPageItemHeader img { vertical-align:middle; background-color: #E3EFFF; height:16px; width:16px; margin:4px 8px; background-color:Transparent; }
.errorPageItemHeader input { float:right; margin-right:10px; vertical-align:middle; margin-top:8px; }
.errorPageItemHeader #errorItemHeaderLeft { float:left; width:4px; height:24px; background-color:#E3EFFF; background-image:url('../../Images/ErrorHeaderLeft.gif'); background-repeat:repeat-x; }
.errorPageItemHeader #errorItemHeaderRight { float:right; width:5px; height:24px; background-color:#E3EFFF; background-image:url('../../Images/ErrorHeaderRight.gif'); background-repeat:repeat-x; }
/* and this panel containing the information of the error. */
.errorPageItemBody { margin: 0px 5%; text-align:left; background-color:white; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }
.errorPageItemBody table { width:auto; margin-left:auto; margin-right:auto; }
.errorPageItemBody img { float:left; margin:8px; }
.errorPageItemBody div { padding:2%; margin-left:0px; }
.errorPageItemBody  .errorPageItemBody { border:0px; }

.checkBox { margin-top:4px; display:inline-block; }


.label { background-color: transparent; 
         color: #58585A; 
         font-size: 12px; 
         font-weight: normal; 
         line-height: inherit;
         text-shadow: 0 0 0 rgba(0, 0, 0, 0); 
         white-space: inherit; 
         }

.RadSocialShare { border: none !important; }

a.LinkedInLogin {
    border: 0 none !important;
    display: inline-block !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
}
a.LinkedInLogin:after {
    clear: both !important;
    content: "." !important;
    display: block !important;
    height: 0 !important;
    line-height: 0 !important;
    visibility: hidden !important;
}
.LinkedInLogo {
    background: url("http://static.licdn.com/scds/common/u/img/sprite/sprite_connect_v13.png") no-repeat scroll 0 -276px transparent !important;
    border: 0 none !important;
    cursor: pointer !important;
    display: block !important;
    float: right !important;
    height: 20px !important;
    left: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    text-indent: -9999em !important;
    top: 0 !important;
    width: 20px !important;
}
.LinkedInTitle {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background-color: #ECECEC !important;
    background-image: -moz-linear-gradient(center top , #FEFEFE 0%, #ECECEC 100%) !important;
    border-color: #E2E2E2 #BFBFBF #B9B9B9 -moz-use-text-color !important;
    border-image: none !important;
    border-radius: 0 2px 2px 0 !important;
    border-style: solid solid solid none !important;
    border-width: 1px 1px 1px 0 !important;
    color: #333333 !important;
    cursor: pointer !important;
    display: block !important;
    float: left !important;
    height: 18px !important;
    line-height: 20px !important;
    margin-left: 1px !important;
    overflow: hidden !important;
    padding: 0 4px 0 23px !important;
    text-align: center !important;
    text-shadow: -1px 1px 0 #FFFFFF !important;
    vertical-align: top !important;
    white-space: nowrap !important;
}
.LinkedInText {
    background: none repeat scroll 0 0 transparent !important;
    color: #333333 !important;
    display: inline-block !important;
    float: none !important;
    font-family: Arial,sans-serif !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: bold !important;
    height: 18px !important;
    line-height: 20px !important;
    vertical-align: baseline !important;
}
.LinkedInMark {
    display: inline-block !important;
    overflow: hidden !important;
    width: 0 !important;
}

li.loginButtons { }
li.loginButtons > span { display:inline-block; min-width:20px; text-align:center; width:auto !important; vertical-align:middle; }
li.loginButtons a.LinkedInLogin { position:relative; vertical-align:middle; }

select.Windows7,
select[skin="Windows7"] { padding:2px 1px 2px 0px !important; }
input.riTextBox { padding:2px 2px 2px 4px !important; min-height: 24px; }