/* Minification failed. Returning unminified contents.
(701,12): run-time error CSS1036: Expected expression, found '#'
 */

/* Styles for validation helpers
-----------------------------------------------------------*/
.error {
    color: #B94A48;
}

.field-validation-error {
    color: #B94A48;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #B94A48;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #B94A48;
}

.validation-summary-valid {
    display: none;
}

.validation-summary-errors.Account-LogOn-summary li {
    line-height: 16px;
}

/* MISC  
----------------------------------------------------------*/
/* Twitter Bootstrap blocks */
label {
    display: inline;
    font-size: 12px;
}
/* Twitter Bootstrap Extra width */
.control-group > .control-label {
   /*font-weight: bold;*/
   /*white-space: nowrap;*/
   /*white-space: pre-line;*/
   font-size: 12px;
   /*width: 200px !important;*/
   width: 250px !important;
}
/* Twitter Bootstrap apply open sans for all element*/
pre {
  font-family: "Open Sans", Monaco, Menlo, Consolas, "Courier New", monospace;
}

input,
button,
select,
textarea {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /* Added this for opera bug with checkboxes */
    -webkit-box-shadow:none;
    box-shadow:none;
}

.navbar-search .search-query {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial;  
    font-size: 12px;
    color: #363636;
    line-height: 16px;    
    background: #F7F7F7;
}

  
/* Twitter Bootstrap label instead of text box */
.control-group > .controls > .control-label {
    text-align: left;
}

.form-horizontal .controls {
    /*margin-left: 220px !important;*/
    margin-left: 270px !important;
}

legend {
    border-bottom-width: 0px;
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #050505;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#050505));
    background-image: -webkit-linear-gradient(top, #000000, #050505);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#050505));
    background-image: -webkit-linear-gradient(top, #000000, #050505);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#050505));
    background-image: -webkit-linear-gradient(top, #000000, #050505);
    background-image: linear-gradient(to bottom, #000000, #050505);
    background-repeat: repeat-x;
    border-color: #050505;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    font-size: 12px;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: hsl(0, 0%, 20%);
  background-position: 0 0px;
  
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.62);
  -webkit-font-smoothing: antialiased;
  border-radius: 4px;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399;
  
}

.btn:hover,
.btn:focus,
.btn-group > .btn:not() {
    color: #333;
    text-decoration: none;
    background-position: 0px 0px;
    -webkit-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    border-radius: 4px;
    background-color: hsl(0, 0%, 11%);
}

.btn:hover, .btn:focus {
    background-position: 0px 0px;
}

button.btn,
input[type="submit"].btn,
.btn-group > .btn:not() {
  border-radius: 4px !important;
  font-size: 12px; 
}

.dropdown-toggle *:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

.clear {
    clear: both;
}

a {
    color: #0075DC;
}

input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
    height: 22px;
}

textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
    border-radius: 0px;
}

@media (max-width: 1000px) {
    .page {
        width:100% !important;
    }
}

.page {
    width:980px;
    margin: 0 auto;
}

.page.form-horizontal {    
}

.page-header {
    margin-top: 0px
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px
}

h2, h4, h5 {
    font-weight: normal;
}

h4 {
    color: #FF7200;
    font-size: 18px;
}

.span12 {
    width: 980px;
}

form {
    margin: 0px;
}

#Message,
#Error {
    padding-bottom: 17px;
}

.control-group.captchaControl {
    border: 1px solid #CCC;
    padding: 0px 13px 13px 13px;
    position: relative;
    font-weight: bold;
    background: url(/Content/Images/Contact/Captcha-Back.png) repeat-x;
    margin-left: 272px;
    width: 373px;
}

.captchaControl .controls {
    margin-left: 0 !important;
}

.control-group.captchaControl #CaptchaImage {
    position: absolute;
    left: 107px;
    top: 0px;
    width: 183px;
}

.control-group.captchaControl input {
    height: 18px;
    width:323px;
}

.Captcha-Refresh-Button {
    width: 16px;
    height: 16px;
    background: url(/Content/Images/Contact/Refresh-Button.png) no-repeat;
    position: absolute;
    font-size: 0px;
    right: 18px;
    top: 101px;
}

.Captcha-Refresh-Button:hover {
     background: url(/Content/Images/Contact/Refresh-Button-S.png) no-repeat; 
}

select {
    width: 406px;
}

.selectWatermark {
    color:#999999;
}

.selectWatermark option {
    color:#000000;
}

textArea,
div.formInfo,
div.form-horizontal .control-group .controls input:not(#CaptchaInputText):not(.btn):not(.checkbox):not(.datepicker):not(.dxeEditArea):not(.spinner):not(.spinnerdecimal):not(.radio) {
    width: 392px;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  /*background-color: #EBEBEB;*/
}

.overview-title {
    margin: 0px 0px 20px 0px;
}

.overview-title > h4 {
    display:inline-block;
    float:left;
    /*width:50%;*/
    margin-bottom: 20px ;
}

.overview-title-job{
    color: #000;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #EBEBEB;
  background-color: #FFFFFF;
}

/* Fix for DevExpress HtmlEditor combined with twitter Bootstrap */
.dxeEditArea {
    padding: 0px !important;
    height: auto !important;
    font-size: 12px !important;
}
.dxheControl li {
    line-height: inherit;
}

.form-horizontal .contentEditor textarea{
  display: block;
}

.control-group.submit{
    margin-left: 80px;
    /*width: 401px;*/
    width: 600px;
}

/* Updated by Tjoe, Thursday, October 23, 2014*/
/* Copy the input css to action link*/
.control-group.submit input,
.control-group.submit a
{
    float: right;
    margin-left: 2px;
    margin-right: 2px;
}

.control-group .controls .checkbox {
    margin-bottom: 2px;
}

.control-group.gmaps {
    margin-top: -20px;
}

#gmaps-canvas {
   border-left: 1px solid #C2C2C2;
   border-right: 1px solid #C2C2C2;
   border-bottom: 1px solid #C2C2C2;
}

.control-group .controls > h4 {
    margin-top: -7px;
    margin-bottom: 17px;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    background: #FF7200;
    color: #fff
}

.ui-datepicker td .ui-state-default:hover {
  background: #FF7200;
}

.ui-datepicker-year > option:hover {
   color: #FF7200;
   background: #DDD;
}

.ui-datepicker-month > option:hover {
   color: #FF7200;
   background: #DDD;
}

input.datepicker {
   width: 118px;
}

.slider-scale {
    margin-left: -22px;
}

.slider-scale span {
    float: left;
    display: block;
    width: 65px;
    text-align: center;
    font-weight: bold;
}

.controls-wizard  table > tbody > tr > td:first-child {
    background: url(/Content/Images/Slider-Grid.png);
}

.slider-header td {
    width: 20%;
}

.slider-header > tbody > tr > td:first-child > span {
    display: block;
    margin-left: -45px;
}

.slider-header > tbody > tr > td:first-child + td + td + td + td > span {
    margin-right: -45px;
    display: block;
}

.slider,
.slider-range,
.sliderRangeFixed {
    width: 265px;
    height: 11px;
    margin: 5px;
}

.sliderRangeFixed .ui-slider-range {
    background-image: none !important;
    background-color: transparent !important;
}

/**/
.ui-slider-horizontal:not(.slider-range)
{
    /* background: #5e9ae2;  Old browsers 
    background: -moz-linear-gradient(left, #FF4500 0%, #7FFF00 100%) !important; /* FireFox 3.6+ 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FF4500), color-stop(100%,#7FFF00)); /* Chrome, Safari 4+ 
    background: -webkit-linear-gradient(left, #FF4500 0%,#7FFF00 100%); /* Chrome 10+, Safari 5.1+ 
    background: -o-linear-gradient(left, #FF4500 0%,#7FFF00 100%); /* Opera 11.10+ 
    background: -ms-linear-gradient(left, #FF4500 0%,#7FFF00 100%); /* IE 10+ 
    background: linear-gradient(left, #FF4500 0%,#7FFF00 100%); /* W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4500', endColorstr='#7FFF00',GradientType=1 ); /* IE 6-9 */
    background: url(/Content/images/Slider-Bar.png);
}

.controls .ui-slider-handle:empty
{
    width: 21px;
    height: 23px;
    top: -4px;
    background: url(/Content/images/Slider-Button.png) no-repeat;
    border: 0px;
    -webkit-box-shadow: 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px transparent;
}

.controls .ui-slider-handle:not(:empty)
{
    top: -3px;
    margin-left:2px;
    border: 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#000));
    background-image: -webkit-linear-gradient(#555, #000);
    background-image: linear-gradient(#555, #000);
    background-color: transparent;
}

.controls .ui-slider-handle .slider-handle
{
    width: 21px;
    height: 23px;
    background: url(/Content/images/Slider-Button.png) no-repeat;
}

.controls .ui-slider-handle .slider-handle:first-child
{
    position:absolute;
    top: -2px;
    left: -10px;
}

.controls .ui-slider-handle .slider-handle:last-child
{
    position:absolute;
    top: -2px;
    right: -10px;
}

/* Html Editor */
.htmlEditorLink {
    background-image: url('/Content/Images/Edit-16.png');
    width: 16px;
    height: 16px;
}

#htmlEditor .control-group.submit{
    margin-left: 220px;
    width: 760px;
}

/* jQueryUI Autocomplete */
 .ui-autocomplete {
max-height: 200px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 200px;
}

/* jQueryUI Spinner */
.spinner,
.spinnerdecimal {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border:  none !important;
}

.ui-spinner {
    border-radius: 0px !important;
}

.button-link {
    display: block;
    font-size: 12px;
    opacity: 1;   
    z-index: 1000;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    padding: 0;    
    color: #43a2e5; 
    -webkit-box-shadow: none; 
    box-shadow: none;
    height: 20px;
}

.ui-slider .ui-slider-range 
{
    -moz-border-colors: none;
    background-position: 0 0;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: none;
    border-width: 0;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}

.ui-progressbar .ui-progressbar-value {

    height: 100%;
    /*margin: 0px;*/
}

.matchBars .ui-progressbar-value {
    border-bottom-width: 0 !important;
    border-top-width: 0 !important;
}

div.GroupGap{
    margin: 1px;
}

div.DetailGroupMatchResult{
    margin-bottom: 10px;
    border-bottom: 1px solid #D7D7D7;
    float: right;
    font-size: 14px;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 170px;
}

.ui-slider .ui-slider-range,
.ui-progressbar .ui-progressbar-value {
    background-color: #000000;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#555555), to(#000000));
    /*background-image: -ms-linear-gradient(top, #555555 #000000); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#000000', GradientType=0);
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #000000));*/
    background-image: -webkit-linear-gradient(top, #555555, #000000);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#000000));
    background-image: -webkit-linear-gradient(#555555, #000000);
    background-image: linear-gradient(#555555, #000000);
    border-color: #d7d7d7;
    color: #FFFFFF;
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.ui-progressbar.ui-widget-content 
{
    background:none;
    background-color:#acacac;
    border:1px solid #FFFFFF;
}

/* LAYOUT PAGE
----------------------------------------------------------*/
/* Header */
div.Layout-Header-Wrapper {
    /*background: #FF7101;*/
    background: #F7F7F7;
    height: 100px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index:10000;
    border-bottom: 1px solid #DDD;
}

div.Layout-MainMenu-Wrapper {
    position: relative;
    margin: 0px auto;
}

a.Layout-MainLogo {
    position: absolute;
    top: 40px;
    left: -13px;
    background: url(/Content/images/EM4A-Logo.png);
    width: 346px;
    height: 60px;
    font-size: 0px;
}

a.Layout-MainLogo-Full {
    position: absolute;
    top: 40px;
    left: -13px;
    background: url('/Content/Images/EasyMatch4All-RGBMirror.png');
    width: 346px;
    height: 120px;
    font-size: 0;
}

a.Layout-MainLogo img {
    border: 0px;
}

/* Main Menu */
div.Layout-MainMenu {
    position: absolute;
    top: 0px;
    right: 0px;
}

.Home-SubMenuSelected {
    color: #FF7101 !important;
    font-weight: bold;
}

ul.Layout-MainMenu-List > li {
    list-style: none;
    float: left;
    margin-left: 24px;
    margin-top: 43px;
}

ul.Layout-MainMenu-List > li > a,
.Layout-MainMenu-TinyPhoto {
    text-decoration: none;
    /*color: #FFF;*/
    color: #363636;
    font-size: 12px;
}

ul.Layout-MainMenu-List > li:not(.dropdown) > a:hover,
ul.Layout-MainMenu-List > li:not(.dropdown) > a:focus {
    /*color: #000;*/
    color: ##898989;
}

ul.Layout-MainMenu-List > li.Layout-MainMenu-Selected:not(.dropdown) {
    background: url(/Content/images/Pointer-S.png) no-repeat center 20px;
    height: 37px;
}

ul.Layout-MainMenu-List > li.Layout-MainMenu-Selected:not(.dropdown) > a {
  color: #000 !important;
}

/*li.Layout-MainMenu-TinyPhoto div:hover,
li.Layout-MainMenu-TinyPhoto div:focus,
li.Layout-MainMenu-TinyPhoto.open {
    background-color: #FF8F33 !important;
}*/

li.Layout-MainMenu-TinyPhoto .dropdown-toggle div:not(.dropdownCaret):hover,
li.Layout-MainMenu-TinyPhoto .dropdown-toggle div:not(.dropdownCaret):focus,
li.Layout-MainMenu-TinyPhoto.open {
    /*background-color: #FF8F33 !important;*/
}

/*li.Layout-MainMenu-Selected.dropdown > a {
   color: #000 !important;
}*/

li.Layout-MainMenu-TinyPhoto {
    margin-top: 38px !important;
}

li.Layout-MainMenu-TinyPhoto div img {
    margin-right: 10px;
}

li.Layout-MainMenu-TinyPhoto .dropdown-toggle div img:first-child {
    float: left;
}

li.Layout-MainMenu-TinyPhoto .dropdown-toggle div img:first-child + span {
    padding-top: 5px;
    float: left;
    height: 27px;
}

div.dropdownCaret {
    float: right;
    height: 32px;
    width: 32px;
    background: url(/Content/images/DropDown-Icon-N.png) no-repeat;
}

/*li.dropdown.Layout-MainMenu-Selected div.dropdownCaret {
    background: url(/Content/images/DropDown-Icon-S.png) no-repeat;
}*/

ul.Layout-MainMenu-DropdownList {
    background-color: transparent;
    /*margin-left: -38px;*/
    right: 0;
    left: auto;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px;
    padding: 0px;
    margin-top: 8px;
    /*test for mobile defice*/
    /*display: table;*/
}

ul.Layout-MainMenu-DropdownList li:first-child {
    margin-top: -1px;
}
ul.Layout-MainMenu-DropdownList li {
    background-color: #F7F7F7;
    margin-left: 0px;
    margin-top: -2px;
    margin-bottom: 2px;
    float: right;
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
}

ul.Layout-MainMenu-DropdownList li a {
    text-decoration: none;
    padding-left: 12px;
    border-left:1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    /*test for mobile defice*/
    /*display: table;*/
}

ul.Layout-MainMenu-DropdownList li > a:hover,
ul.Layout-MainMenu-DropdownList li > a:focus,
ul.Layout-MainMenu-DropdownList:hover > a {
    background-image: none;
    background-color: #F7F7F7;
    color: #898989;
    text-decoration: underline;
}

ul.Layout-MainMenu-DropdownList li.Layout-MainMenu-Selected a {
    color: #898989;
    text-decoration: underline;
}

li.Layout-RegisterButton {
    margin-top: 38px !important;
}

.Layout-RegisterButton a {
    color: #FFF !important;
}
.Layout-RegisterButton .btn-success {
    color: #ffffff;
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
    background-color: #00b400;
    background-image: none;
}

/* Main Body */
.Layout-MainBodyWrapper {
    background: #FFF;
    padding-top: 74px;
}

.Layout-MainBody {
    position: relative;
    margin-top: 45px;
}

.body-After-Login{
    padding-top: 0px;
}

/* Footer and Footer Menu */
.Layout-FooterWrapper {
    border-top: 1px solid #DDD;
}

.Layout-FooterMenuWrapper {
    margin: 0px auto;
    position:relative;
    height: 133px;
}

.Layout-FooterAddress {
    position: absolute;
    top: 33px;
}

.Layout-FooterMenu {
   position: absolute;
   right: -11px;
   top: 20px;
}

ul.Layout-FooterMenu li {
    list-style: none;
    float: left;
    padding: 11px;
    background: url(/Content/Images/Footer-Breaker.png) no-repeat right center;
}

ul.Layout-FooterMenu li:last-child {
    background: none !important;
}

.Layout-FooterMenu a:hover {
   color:#898989;
}

.Layout-FooterMenu a {
    color: #363636;
}

.Layout-FooterMenuSelected a {
    color:#898989;
}

.Layout-Copyright {
   position: absolute;
   right: 0px;
   top: 49px;
}

.Layout-ColorLetters {
    color: #FF7101
}

/* NOT FOUND / ERROR Page */
#notFound .controls,
#error .controls {
    margin-left: 0px !important;
}

#notFound .row h4,
#error .row h4 {
    padding-top:60px;
}

.errorDetails {
    /*width: 748px; */
    margin-top: 20px;
    margin-bottom: 20px;
    display: none;
}

/* Home Page */
#Index {
    padding-bottom: 40px;
}

.Index-Header-Wrapper {
    color: #363636;
    height: 370px;
    padding-top: 40px;
}

.Index-Header {
    position: relative;
    margin-top:50px;
    height: 370px;
    border-bottom: 1px solid #d7d7d7;
}

img.Index-MainImage {
    position: absolute;
    top: -22px;
    right: 0px;
}

.Index-Preface {
    font-size: 14px;
    width: 593px;
    position: absolute;
    top: 14px;
}

.Index-Preface h2 {
    font-size: 34px;
    font-weight: normal;
    line-height: 30px;
}

.Index-PrefaceContent {
    margin-top: 40px;
    line-height: 1.4;
}

.Index-SearchJobs {
    display: block;
    float: right;
}

.Index-Match {
    font-size: 14px;
    position: absolute;
    bottom: 88px;
}

.Index-Match > div {
    float: left;
    margin-right: 3px;
}

.Index-Match a {
    color:#000;
    text-decoration:none;
}

.Index-HomeLoginFormWrapper {
    position: absolute;
    bottom: 32px;
}

.Index-LoginForm {
    position: relative;
}

.Index-PasswordInput input, 
.Index-UserInput input {
    width: 220px;
}

.Index-PasswordInput {
    position: absolute;
    top: 0px;
    left: 250px;
}

.Index-ForgetPass {
    position: absolute;
    left: 250px;
    top: 43px;
}

.Index-ForgetPass a {
    text-decoration:none;
}

.Index-Remember {
    position: absolute;
    top: 41px;
}

.Index-Remember label {
    font-size:12px;
}

.Index-Remember .checkbox {
    padding: 0px;
    margin: -3px 0px 0px 0px;
}

.Index-LoginButton {
    position: absolute;
    right: 390px;
    top: 0px;
}

.Account-Home-LoginButton {
    height:32px;
}

img.Index-StartHere {
    position: absolute;
    right: 246px;
    top: 218px;
}

.Index-ImagesFeatured {
    margin-top: 76px;
}

.Index-ImagesFeatured h4 {
    color: #FF7101;
    border-bottom: 1px solid #DDD;
    padding-bottom: 15px;
    font-weight: normal;
}

.Index-ImagesFeaturedLeft {
    float: left;
    width: 480px;
    position: relative;
}

#Index-ImagesFeaturedSlide {
    width: 480px;
    height: 277px;
    margin-top: 20px;
}

.Index-ImagesFeaturedSlideItem {
    width: 480px;
    height: 277px;
    position: relative;
}

.Index-ImagesFeaturedSlideItemContent {
    position: absolute;
    z-index: 1000;
    top: 39px;
    width: 220px;
    background: black;
    color: white;
    opacity: 0.8;
    height: 158px;
    right: 0px;
    padding: 20px;
    line-height: 16px;
}

.Index-ImagesFeaturedSlideItemContent h4 {
    font-size: 14px;
    border-width: 0px;
    color: white;
}

#Index-ImagesFeaturedSlideButton {
    position: absolute;
    z-index: 100;
    top: 257px;
    right: 184px;
    top: 289px;
    right: 205px;
}

#Index-ImagesFeaturedSlideButton a {
    width: 7px;
    height: 7px;
    float: left;
    background: url(/Content/Images/Home/Slide-Nav-N.png);
    margin: 7px;
} 

#Index-ImagesFeaturedSlideButton a.activeSlide {
     background: url(/Content/Images/Home/Slide-Nav-S.png);
}

.Index-ImagesFeaturedRight {
    float: right;
    width: 480px;
    position:relative;
}

.Index-ImagesFeaturedGroup {
    position: absolute;
    width: 550px;
}

.Index-ImagesFeaturedSubGroup {
    float: left;
    margin-right: 20px;
    position: relative;
    width: 230px;
}

.Index-ImagesFeaturedGroup img {
    margin: 19px 32px 25px 0px;
}

/*a.Index-ImagesFeaturedViewAll {
    background: url(/Content/Images/ViewAll-Button.png) no-repeat right center;
    color: #363636;
    position: absolute;
    bottom: 47px;
    padding-right: 19px;
    font-style: italic;
}

a.Index-ImagesFeaturedLocation {
    position: absolute;
    color: #363636;
    right: 0px;
    background: url(/Content/Images/ViewAll-Button.png) no-repeat right center;
    padding-right: 19px;
    top: 13px;
}

a.Index-ImagesFeaturedPostJob {
    color: #363636;
    background: url(/Content/Images/Home/PostJobAd-Button.png) no-repeat;
    width: 230px;
    height: 24px;
    position: absolute;
    padding-top: 8px;
    padding-left: 18px;
    bottom: 38px;
    right: -17px;
}*/

/*a.Index-ImagesFeaturedPostJob:hover {
     background: url(/Content/Images/Home/PostJobAd-Button.png) no-repeat 0px -32px;
     text-decoration: none;
}*/

/*.Index-MainContent {
    margin-top: 7px;
}*/

.Index-MainContentItem {
    float: left;
    width: 230px;
    margin-right: 20px;
    height: 284px;
    line-height: 16px;
    margin-top: 20px;
}

.Index-MainContentItem h4 {
    font-weight: normal;
    margin-bottom: 35px;
}

.Index-MainContentItem.Lego {
    background: url(/Content/Images/Home/Lego.png) no-repeat bottom;
}

.Index-MainContentItem.Laptop {
    background: url(/Content/Images/Home/Laptop.png) no-repeat bottom;
}

/*.Index-MainContentItem.Last {
    margin-right: 0px;
    height: 252px;
    background: #FB5E0A url(/Content/Images/Home/EasyHR-Back.png) repeat-x;
    margin-top: 10px;
    padding: 19px;
    width: 192px;
    color: #FFF;
    float: right;
    position: relative;
}

.Index-MainContentItem.Last h4 {
    color: #fff;
    margin-top: 16px;
    margin-top: -6px;
    position: relative;
}

.Index-MainContentItemMore {
    position: absolute;
    color: #FFF;
    bottom: 20px;
    left: 21px;
}

.Index-MainContentItemMore:hover {
    color: #FFF;
    text-decoration: none;
}*/

/* About Page */
.About-Header {
    height: 331px;
    background-image: url('/Content/Images/About/About-Image.jpg');
}

.About-Left {
    float: left;
    width: 230px;
    margin-top: 30px;
    margin-right: 17px;
    padding-bottom: 31px;
}

.About-LeftNav {
    border-bottom: 1px solid #DDD;
    padding-bottom: 15px;
    margin-bottom: 14px;
}

.About-LeftNav h5 {
    color: #959595;
    padding: 2px 0px 2px 0px;
}

input.About-LeftNewsInput {
    width: 220px;
    margin-top: 6px;
    background: url(/Content/Images/About/Newsletter-SendButton-N.png) no-repeat 212px center;
}

input.About-LeftNewsInput:hover {
    background: url(/Content/Images/About/Newsletter-SendButton-S.png) no-repeat 212px center;
}

.About-Right {
    float: left;
    width: 720px;
    margin-top: 40px;
    padding-bottom: 28px;
}

.About-Right h2 {
    margin-top: -16px;
    margin-bottom: 22px;
}

/* Support Page */
/* Products Page */
/* Services Page */
.Support-Left,
.Products-Left,
.Services-Left {
    float: left;
    width: 230px;
    margin-top: 40px;
    margin-right: 17px;
    padding-bottom: 31px;
}

.Support-Heading,
.Products-Heading,
.Services-Heading {
    border-top: 1px solid #CCC;
    padding-top: 8px;
    padding-bottom: 12px;
}

.Support-LeftNav,
.Products-LeftNav,
.Services-LeftNav {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding-top: 10px;
    padding-bottom: 14px;
    margin-bottom: 9px;
}

.Support-LeftNav h5,
.Products-LeftNav h5,
.Services-LeftNav h5 {
    color: #959595;
    padding: 2px 0px 2px 0px;
}

.Support-Right,
.Products-Right,
.Services-Right {
    float: left;
    width: 720px;
    margin-top: 40px;
    padding-bottom: 28px;
}

.Support-Right h2,
.Products-Right h2,
.Services-Right h2 {
    margin-top: -16px;
    margin-bottom: 22px;
}

.Support-Beam {
    overflow: hidden;
    margin-top: -11px;
}

.Support-BeamFrame {
    margin-top: -33px;
}

.Support-FaqContent-Q {
    font-weight: bold;
}

.Support-FaqContent-Q-Separator {
    float:left;
    width: 37px;
    font-weight: bold;   
}

.Support-FaqContent-A-Separator {
    float: left;
    width: 37px;
    font-weight: bold;
}

.Support-FaqContent-A {
    padding-bottom: 13px;
}

.Support-FaqSupport {
    background: #F7F7F7;
    border: 1px solid #DDD;
    padding: 4px 10px 10px 21px;
    margin: 24px 0px 12px 0px;
}

.Support-FaqSupport h5 {
    font-weight: bold;
}

/*Contact Page */
.Home-Contact-Column {
    width: 480px;
    position: relative;
}

.Home-Contact-Column h2 {
   padding-top: 24px;
   padding-bottom: 25px;
}

.Home-Contact-Column.Left {
    float: left;
}

.Home-Contact-Column.Right {
    float: right;
}

.Home-Contact-MainContent {
}

.Home-Contact-AdressWrapper {
    margin-top: 30px;
    /*margin-top: 11px;*/
    margin-bottom: 32px;
}

.Home-Contact-Address.Left {
    float: left;
    width: 250px;
}

.Home-Contact-Address.Left p {
    margin-top: 9px;
}

.Home-Contact-PostAddress {
    float: left;
    width: 220px;
}

#contactMap {
    width: 480px;
    height: 280px;
}

.Home-Contact-Form h2 {
}

.Home-Contact-Form-FieldSet {
    margin-top: -42px;
}

.Home-Contact-Form-FieldSet .control-group {
    margin-bottom: 6px;
}

.Home-Contact-Form .control-label {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
}

.Home-Contact-Form input {
    height: 32px;
}

input.Home-Contact-FormTextBox {
    width: 470px;
    height: 32px;
}

.control-group.Home-Contact-FormEmail {
    float: left;
}

.control-group.Home-Contact-FormTelefon {
    float: right;
}

.control-group .Home-Contact-FormEmail-TextArea {
    width: 470px !important;
    height: 136px !important;
}

.control-group.captchaControl.ContactPage {
    margin-left: 0;
    width: 453px;
    padding: 0 13px 4px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.control-group.captchaControl.ContactPage #CaptchaInputText {
    width: 404px;
}

.control-group.captchaControl.ContactPage #CaptchaImage {
    left: 148px;
}

.control-group.Home-Contact-FormButton{
    margin-left: 220px;
}

.Home-Contact-FormButton {
    margin-bottom: 24px;
}

.control-group.Home-Contact-FormEmail, .control-group.Home-Contact-FormTelefon{
    width: 220px;
}
.control-group.Home-Contact-FormEmail{
    float: left;
}

.btn.btn-primary.Home-Contact-FormButton {
    display: block;
    margin-right: 0px;
    margin-left: auto;
}

/*media (max-width: 767px)
    .show-grid [class*="span"] {
    margin-bottom: 5px;
}*/

/* Log On Page */
.Account-LogOn-LeftSection {
    float: left;
    font-size: 14px;
    width: 402px;
    margin-top: 88px;
}

.Account-LogOn-LeftSection h2 {
    line-height:26px;
}

.Account-LogOn-LeftSectionContent {
    margin-top: 33px;
}

.Account-LogOn-RightSection {
    float: right;
    width: 230px;
    position: relative;
}

.Account-LogOn-RightSection h2 {
    font-size: 34px;
}

.Account-LogOn-RightSection .control-label {
    font-size: 12px;
    display: block;
    margin-top: -7px;
    margin-bottom: 4px;
}

.Account-LogOn-RightSection input {
    height: 22px;
}

.Account-LogOn-RightSection .btn {
    height: 32px;
}

.Account-LogOn-Version {
    position: absolute;
    bottom: 38px;
    font-size: 12px;
    color: #898989;
    line-height:14px;
}

.Account-LogOn-RightSection h4 {
    padding-top: -3px;
    padding-bottom: 19px;
    border-bottom-width: 0px;
    margin: 33px 0px -1px 0px;
    color: #FF7101;
}

.Account-LogOn-RightSection legend {
    margin-bottom: 0px;
}

.Account-LogOn-RememberMe {
    margin-top: -12px;
    margin-bottom: 31px;
}

.Account-LogOn-RememberMe .help-inline {
    font-size: 12px;
    margin-bottom: 0px;
}

.Account-LogOn-SubmitButton {
    margin-bottom: 13px;
}

.Account-LogOn-ForgotPassword {
    margin-bottom: 37px;
}

/* Terms and Conditions Page */
.Home-TermsConditions-Left {
    float: left;
    width: 730px;
    margin-top: 24px;
    margin-bottom: 37px;
}

.Home-TermsConditions-Left h2 {
    margin-bottom: 13px;
}

.Home-TermsConditions-Right {
    width: 190px;
    float: right;
    background: #EDEDED;
    padding: 20px 20px 0px 20px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.Home-TermsConditions-RightLegal {
    width: 230px;
    border-bottom: 1px solid white;
    margin-left: -20px;
    font-size: 14px;
    padding: 0px 0px 14px 19px;
    margin-top: -8px;
}

.Home-TermsConditions-RightSubmenu h6 {
    font-weight: normal;
    color: #959595;
}

/* Register Candidate */
.gmaps-input-width {
    width: 392px !important;
}

.gmaps-error {
    color: #B94A48;
    width: 560px;
}

#gmaps-canvas {
    width: 404px;
    height: 240px;
    border: 1px solid #D7D7D7;
}

#gmaps-canvas img {
    max-width: none;
}

.termsConditions {
    width: 390px;
    height: 150px;
    overflow-y: scroll;
    margin-top: 20px;
}

/* Candidate Home */
#CandidateInformation {
    padding:20px 0px 0px 0px;
}

#CandidateHomeLeftColumn {
    width: 230px;
    float:left;
}

#CandidateHomeShowButtonHolder {
    width: 60px;
    float:left;
}

#CandidateProfilePicture {
    width: 228px;
    border:1px solid #D7D7D7;
}

#ToMYEM4A {
    border-bottom: 1px solid #D7D7D7;
    height: 24px;
    padding: 11px 0px;
}
.to-myem4a-button {
    color:#898989;    
    height: 26px;
    text-align:left;
    position: absolute;   
    padding: 0 0 0 9px;
    background-repeat: no-repeat;
    background-position:center right;
    background-attachment:scroll;
    width: 230px !important;
}

.to-myem4a-button:hover{
    background-image:url("/Content/../Content/Images/Icon-Edit.png");
    background-color: #eeeeee;
}

#QuickLInkHeader {
    border-bottom: 1px solid #D7D7D7;
    height: 25px;
    padding: 34px 0px 10px 0px;
}

#QuickLinkMatchHeader {
    border-bottom: 1px solid #D7D7D7;
    height: 25px;
    padding: 14px 0 10px;
}

#QickLinksText {
    font-size:14px;
}

#WizardCount {
    float:right;
}

#QuickLInkMenu {
    overflow: auto;
    overflow-y: hidden;
    padding: 1px 0 0;
    border-bottom: 1px solid #D7D7D7;
}

#QuickLInkMenu ul,
#QuickLInkMenu ol {
    margin: 0px 0px 11px 0px;  
    padding: 3px 0px 0px 0px;  
}

#QuickLInkMenu ul > li{
    list-style: none;    
    margin: 3px 0px 2px 0px; 
    
}

 .button-quick-wizard {
    height:26px;
    text-align:left;  
    padding: 0px 14px 0px 9px;
    position: relative;
    background-repeat: no-repeat;
    background-position:center right;
    background-attachment:scroll;
    width: 230px !important;
    color:Black;
}

.button-quick-wizard:hover 
{
    background-image:url("/Content/../Content/Images/Icon-Quick-S.png");
    background-color:#FF7101;   
    color:White
}

#CandidateHomeMainColumn {
    float: left;
    padding-left: 20px;
    width: 480px;
}

#CandidateProfile {
    border-top: 1px solid #D7D7D7;
    padding: 13px 0px 0px 0px;
    margin:0px 0px 40px 0px;
}

#MatchCandidateProfile {
    border-top: 1px solid #D7D7D7;
    padding: 13px 0px 0px 0px;
    margin:0px 0px 40px 0px;
    display:table;
    width:100%;
}

#CandidateLeftColumn {
    display: table-cell;
}

/*#JobInfo {
    border-top: 1px solid #DDDDDD;
    padding-top: 12px;
    width: 442px;
}*/

.PositionHomeMainColumn {
    float: left;
    padding-left: 20px;
    width: 730px;
}

.PositionHomeMainColumnWider {
    float: left;
    padding-left: 20px;
    width: 100%;
}

#PositionProfile {
    border-top: 1px solid #D7D7D7;
    padding: 13px 0px 0px 0px;
    margin: 0 0 20px;
}

#PositionProfileDetail {
   /* border-bottom: 1px solid #D7D7D7;
    float: left;*/
    margin: 0 0 12px;
    padding: 0 0 5px;
    width: 480px;
}

#PositionProfileDetail h5 {
    font-size: 25px;
    margin: 0px 0px 13px 0px;
}


#ProfileDetail h5.anonymous-header {
    margin: 10px 0px 0px 0px !important;
}

#PositionProfileDetail h6 {
    color: #898989;
    margin: 8px 0px -4px 0px;
    font-weight: normal;
}

#ProfileDetail {
    /*border-bottom: 1px solid #D7D7D7;
    float: left;*/      
    margin: 0 0 12px;
    padding: 0 0 15px;
    width: 480px;
}

#ProfileDetail > span {
    line-height: 14px;
}

#ProfileDetail h5 {
    font-size: 25px;
    margin: 0px 0px 13px 0px;
}

#ProfileDetail h6 {
    color: #898989;
    margin: 8px 0px -4px 0px;
    font-weight: normal;
}

.overview-wizard h6 {
    color: #898989;
    margin: 8px 0px -4px 0px;
    font-weight: normal;
}

#PersonCompanyMenu {
    margin-top: 10px;
}

#PersonCompanyMenu a {
    width: 203px;
}

/* Candidate MyEM4A */

.border-bottom-solid-1px{
    border-bottom: 1px solid #D7D7D7;
    padding: 0px 0px 1px 0px;
}

.border-bottom-solid-1px h6{
    font-size: 14px;
    padding: 5px 0px 19px 0px;
}

.border-bottom-solid-1px h3{
    font-size: 12px;
    color: #898989;
    margin: 1px 0px 5px 0px;
    font-weight: normal;
}

.border-bottom-solid-1px .round-textbox{
    border-radius: 5px 5px 5px 5px;
    width: 466px;
    font-size: 12px;
}

.border-bottom-solid-1px select{   
    width: 480px !important;
}
.border-bottom-solid-1px .ui-spinner{   
    width: 478px !important;
    height: 28px;
    border-radius: 5px 5px 5px 5px !important;
    font-size: 12px;
    margin-bottom: 9px;
}

.border-bottom-solid-1px .ui-spinner-input{
    width: 461px;
    height: 15px;
}

.border-bottom-solid-1px .gmaps-textbox{
    border-radius: 5px 5px 0px 0px;
    width: 466px !important;
    font-size: 12px;
}

.border-bottom-solid-1px #gmaps-canvas{
    border-radius: 0px 0px 5px 5px;
    width: 478px;
}

.border-bottom-solid-1px .control-group.gmaps{
    margin-bottom: 20px;
}

.border-bottom-solid-1px .gmaps-error{
    width: 100%;
}

.border-bottom-solid-1px .ui-slider-horizontal:not(.slider-range){
    background: url(/Content/images/Slider-BarEmpty.png);
    width: 265px !important;
    border-radius: 6px 6px 6px 6px;
    margin: 0px !important;
}

.border-bottom-solid-1px .labelMaxPercentage {    
    left: 250px;
}

.border-bottom-solid-1px .labelMinPercentage {
    left: 0;
}

.border-bottom-solid-1px .labelMinPercentage,
.border-bottom-solid-1px .labelMaxPercentage {
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    top: 17px;
}

.border-bottom-solid-1px #MinimumMatchPercentage{
    border-radius: 5px 5px 5px 5px;
    height: 19px;
    margin: -9px 0px 32px 10px;
    width: 25px !important;
}

.control-group.submit-candidate-myem4a {
    float: right;
    margin: 20px 0px 20px 0px;
}

#Person-ID {    
    padding: 0px 0px 7px 0px;
}

#MyLocation, 
#MyEducation, 
#MyWorkAndThinkingLevel, 
#MyExperience, 
#MySkill,
#JobInfo,
#MyKnowledge {
  /*  border-bottom: 1px solid #D7D7D7;*/
    border-top: 1px solid #D7D7D7;
    margin: 0 20px 0 0;
    padding: 20px 0;
    width: 480px;
}

#GMaps {
    margin:16px 0px 13px 0px;
}

#GMaps > #gmaps-canvas {
    width: 478px;
    height: 243px;
    border: 1px solid #D7D7D7;
}

#CandidateProfile h4 {
    color: #898989;
    font-size: 15px;
    margin: 0px 0px 9px 0px;
}

#JobInfo h4 {
    color: #898989;
    font-size: 15px;
    margin: 0px 0px 9px 0px;
}

.CandidateHomeContent h4 {
    color: #898989;
    font-size: 15px;
    margin: 0px 0px 9px 0px;
}


#CandidateProfile > div > .overview-wizard {
    background: none;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 10px 0px;
}

.overview-wizard > span {
    display: block;
}

#CandidateHomeRightColumn {
   /* background: none repeat scroll 0 0 #F8F8F8;
    float: right;*/
    font-size: 14px;
    padding: 0;
    width: 230px;
    display: table-cell;
    vertical-align: top;
    }

.CandidateHeaderRightColumn {
    display: block;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-top: 20px;
    width: 100%;
}

.CandidateHomeRightColumnWrapper {
    background: none repeat scroll 0 0 #F8F8F8;
}

.CandidateFooterRightColumn {
    display: block;
    margin-bottom: 0;
    padding: 10px 20px 13px 0;
    text-align: right;
 }

#PositionHomeRightColumn {
    background: none repeat scroll 0 0 #F8F8F8;
    float: right;
    font-size: 14px;
    padding: 0;
    width: 230px;
    }

.PositionHeaderRightColumn {
    display: block;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-top: 20px;
    width: 100%;
}

.PositionFooterRightColumn {
    display: block;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-top: 20px;
    width: 100%;
}

.control-group.personID {
    margin-top: -14px;
}

.control-group.group-progressbar .controls .ui-progressbar {
    width: 400px;
    height: 20px;
}

#gmaps-canvas.overlay {
    border-top: 1px solid #C2C2C2;
}

#CandidateInformation .runMatch .controls .btn-primary {
    margin-bottom: 20px;
}

/* My EM4A */
.control-group.myEM4Alinks {
    margin-bottom: 43px;
}

.labelMinPercentage,
.labelMaxPercentage {
    position: absolute;
    top: -6px;
    font-weight: bold;
    font-size: 10px;
}

.labelMinPercentage {
    left: -6px;
}

.labelMaxPercentage {
    left: 329px;
}

#MinimumMatchPercentageSlider {
    width: 300px;
}

div.myEM4Alinks .controls {
    width: 401px;
}

div.myEM4Alinks .controls .label {
    float: right;
    margin-left: 4px;
}

/* Change Password */
#ChangePassword .control-group .controls .btn-primary {
    margin-bottom: 20px;
}

/* Delete Account */
#DeleteAccount .control-group .controls .btn-primary {
    margin-bottom: 20px;
}

/* Reset Password */
#ResetPassword .control-group .controls .btn-primary {
    margin-bottom: 20px;
}

/* Complete CV */
#ResetMyCV h4 {
    margin-top: -26px;
}

#ResetMyCV .control-group .controls .btn-primary {
    margin-bottom: 20px;
}

/*CandidateCVMenuPartial*/

#CandidateCVWrapper {
     /*margin: 0 auto;*/
     width: 190px;
}

#CandidateCVDiv {
    background-color: #EEEEEE;
    display: table;
    margin-left: 20px;
    padding: 0 20px;
    width: 190px;
}
#CandidateCVDiv p {
    text-align: left;
}

.group-progressbar p{
    margin:3px  0px 0px 0px;
    color: #898989;
    font-size: 12px;
}

#CandidateCVDiv .complete-cv-button {
    height: 22px;
    margin: 10px 0;
    width: 160px;
}

#CandidateCVHeader {
    border-bottom: 1px solid #D7D7D7;
    padding: 13px 0 0;
    margin: 0px 0px 20px 0px;
}

#CandidateCVHeader p {   
    margin: 0 0 17px;
}

.group-omplete-cv-button {
    margin:7px 0px 10px 0px;
}

.candidate-cv-img-wrapper{
    position: relative;
    width: 190px;
}

#ImageCompleteer{
    left: 196px;
    position: absolute;
    top: -18px;
}

/*Position Usecase*/

.button-link.button-delete-position,
.button-link.button-delete-position-experience {
    position: absolute;
}

.button-link.button-edit-position,
.button-link.button-edit-position-experience,
.button-link.button-add-experience {
    float: right;
}

/*PositionExperience Usecase*/

.button-link.button-delete-position-experience {
    position: absolute;
}

.button-link.button-edit-position-experience {
    float: right;
}
.table-menu-column {
    width: 105px;
}

/*Contact Person Overview*/
.button-manage-org-unit{
    display: inline-block;
}
.button-manage-org-unit:hover {
    color: #005580;
    text-decoration: underline;
}

/*Company MyEM4A*/
.multiline {
    margin: 7px 0px 0px 0px;
}

.company-myem4a .ui-slider-horizontal:not(.slider-range){
    background: url(/Content/images/Slider-BarEmpty.png);
    width: 265px !important;
    border-radius: 6px 6px 6px 6px;
    margin: 0px !important;
}

.company-myem4a .labelMaxPercentage {    
    left: 250px;
}

.company-myem4a .labelMinPercentage {
    left: 0;
}

.company-myem4a .labelMinPercentage,
.company-myem4a .labelMaxPercentage {
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    top: 17px;
}

.company-myem4a #MinimumMatchPercentage{
    border-radius: 5px 5px 5px 5px;
    height: 19px;
    margin: -9px 0px 32px 10px;
    width: 25px !important;
}

/*Function Education*/
.FunctionEducationCheckBox {
    
}

.progressA,
.progressB,
.progressBRed,
.progressBGreen {
    width: 120px;
    height: 10px;
    margin-left: 100px;
    margin-top:10px;
    margin-bottom:10px;
    border-radius: 6px 6px 6px 6px;
}

div.progressA .ui-progressbar-value {
    background-color: #00ABEA !important;
    background-image: none !important;
    border-radius: 6px !important;
    -webkit-filter: none;
    filter: none;
}

div.progressBRed .ui-progressbar-value {
    background-color: #ED3223 !important;
    background-image: none !important;
    border-radius: 6px !important;
    -webkit-filter: none;
    filter: none;
}

div.progressBGreen .ui-progressbar-value {
    background-color: #00ab53 !important;
    background-image: none !important;
    border-radius: 6px !important;
    -webkit-filter: none;
    filter: none;
}

div.progressB.single {
    margin-top:3px;
}

div.detailsOverview {
    width: 100%;
    padding-top: 8px;
}

div.unmatch
{
    padding-bottom:1px;
}

div.reportHeader {
   position:relative;
   height:100px;
   font-size:14px;
   margin-top:20px;
}

div.reportHeaderLeft {
    position: absolute;
    left:0px;
    top:0px;
}

div.reportHeaderLeftLabel {
    float:left;
    margin-right:20px;
}

div.reportHeaderLeftValue {
    float:right;
}

div.reportHeaderRight {
    position: absolute;
    right:0px;
    top:0px;
}

div.reportHeaderRightLabel {
    float:left;
    margin-right:20px;
}

div.reportHeaderRightValue {
    float:right;
}

div.detailsOverview div.header {
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    padding: 4px;
    position: relative;
}

div.detailsOverview div.header > div.groupName {
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin-left: 14px;
    margin-top: 7px;
}

div.detailsOverview div.header > div.groupMatchResult {
    float: right;
    margin-right: 14px;
    margin-top: 7px;
    text-align: right;
    display:none;
    font-weight:normal;
    font-size:14px;
}

div.detailsOverview div.Green:not(.averageResult) {
    background-color:#00ab53;
    color:#555555;
    /*height: 26px;*/
}

div.detailsOverview div.Yellow:not(.averageResult) {
    background-color:#fff1a1;
    color:#555555;
    /*height: 26px;*/
}

div.detailsOverview div.Red:not(.averageResult) {
    background-color:#ffdfdf;
    color:#555555;
    /*height: 26px;*/
}

div.detailsOverview div.Blue:not(.averageResult) {
    background-color:#dff6ff;
    color:#555555;    
    /*height: 26px;*/
}

div.detailsOverview div.Grey:not(.averageResult) {
    background-color:#ebebeb;
    color:#555555;
    /*height: 26px;*/
}    

div.detailsOverview div.Orange:not(.averageResult) {
    background-color:#FF7200;
    color:White;
    /*height: 26px;*/
}    

div.detailsOverview div.Purple:not(.averageResult) {
    background-color:#8338BB;
    color:White;
    /*height: 26px;*/
}    

div.detailsOverview div.White:not(.averageResult) {
    background-color:#FFFFFF;
    color:#555555;
    /*height: 26px;*/
}    

div.detailsOverview div.unmatchGrey:not(.averageResult) {
    background-color:#F0F0F0;
    color:#555555;
    /*height: 26px;*/
}    

div.detailsOverview div.overViewColumns {
    border-bottom: 1px solid #D7D7D7;
    font-weight: bold;
    margin-top: 8px;
    padding: 0 0px 12px;
    position: relative;
}

div.detailsOverview div.overViewDetails {
    border-bottom: 1px solid #D7D7D7;
    font-size: 12px;
    padding: 10px 5px 5px 0;
    position: relative;
}

div.detailsOverview tr.overViewDetails {
    font-size: 12px;
    padding: 10px 5px 5px 0;
    position: relative;
}

div.detailsOverview tr.yellowPartLastRow{
    border-bottom: 1px solid #D7D7D7;
}

div.matchBars div.ui-progressbar, td.matchBars div.ui-progressbar {
    margin: 0 0 4px;
}

div.detailsOverview tr.yellowPartFirstRow td{
    padding-top : 10px;
}

div.detailsOverview tr.yellowPartLastRow td{
    padding-bottom : 10px;
}

div.detailsOverview div.charName, div.detailsOverview td.charName {
    float: left;
    padding-left: 40px;
    width: 170px;
}

/*
.overViewDetails .charName {
    padding-left: 44px !important;
}
*/
div.detailsOverview div.valuePos, div.detailsOverview td.valuePos {
    float: left;
    padding-left: 20px;
    width: 140px;
}

div.detailsOverview div.valuePosWider, div.detailsOverview td.valuePosWider {
    float: left;
    padding-left: 20px;
    width: 265px;
}


div.detailsOverview div.valuePer, div.detailsOverview td.valuePer {
    float: left;
    padding-left: 20px;
    width: 140px;
}

div.detailsOverview div.valuePerWider, div.detailsOverview td.valuePerWider {
    float: left;
    padding-left: 20px;
    width: 265px;
}    

div.detailsOverview div.matchResultTitle, div.detailsOverview td.matchResultTitle {
    float: left;
    padding-left: 20px;
    width: 140px;
}

div.detailsOverview div.matchResult, div.detailsOverview td.matchResult {
    float: left;
    padding-left: 20px;
    width: 30px;
}

div.detailsOverview div.matchBars, div.detailsOverview td.matchBars {
    float: right;
    padding: 4px 20px 4px 4px;
    width: 110px;
}

#detailsMatch.page {
    padding-bottom:20px
}

div.valuePos > ul,
div.valuePer > ul {
    margin-left:14px;
}


#CandidateMatchMainColumn {
    float: left;
    margin-bottom: 40px;
    padding-left: 0;
    width: 100%;
}

div.CandidateHomeRightColumn {
   /* float: right;*/
    width: 200px;
}

div.CandidateHomeRightColumn div.header {
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    position: relative;
}

div.CandidateHomeRightColumn div.groupName {
    float: left;
    width: 150px;
}

div.CandidateHomeRightColumn div.groupMatchResult {
    float: right;
    text-align: right;
    width: 40px;
}

div.CandidateHomeRightColumn  div.Green {
    background-color:#00ab53;
    color:#555555;
    /*height: 26px;*/
}

div.CandidateHomeRightColumn  div.Yellow {
    background-color:#ffd800;
    color:#555555;
    /*height: 26px;*/
}

div.CandidateHomeRightColumn  div.Red {
    background-color:#ED3223;
    color:white;
    /*height: 26px;*/
}

div.CandidateHomeRightColumn  div.Blue {
    background-color:#00ABEA;
    color:white;    
    /*height: 26px;*/
}

div.CandidateHomeRightColumn  div.Grey {
    background-color:#555555;
    color:White;
    /*height: 26px;*/
}    

div.CandidateHomeRightColumn  div.Orange {
    background-color:#FF7200;
    color:White;
    /*height: 26px;*/
}    

div.CandidateHomeRightColumn  div.Purple {
    background-color:#8338BB;
    color:White;
    /*height: 26px;*/
}    

div.CandidateHomeRightColumn  div.White {
    background-color:#FFFFFF;
    color:#555555;
    /*height: 26px;*/
}    

div.CandidateHomeRightColumn  div.overViewColumns {
    position:relative;
    font-weight:bold;
    padding: 4px;
}

div.CandidateHomeRightColumn > div.overViewDetails {
    position:relative;
    padding: 4px;
}

div.CandidateHomeRightColumn div.charName {
    float: left;
    width: 150px;
}

div.CandidateHomeRightColumn div.valuePos {
    float:left;
    width:120px;
}    

div.CandidateHomeRightColumn div.valuePer {
    float:left;
    width:100px;
}    

div.CandidateHomeRightColumn div.matchResult {
    float:left;
    width:80px;
}    

div.CandidateHomeRightColumn div.matchBars {
    position:absolute;
    right:6px;
    top:5px;
}  

.progressACandidateDetails,
.progressBCandidateDetails,
.progressBRedCandidateDetails,
.progressBGreenCandidateDetails {
    width: 80px;
    height: 5px;
    margin-left: 100px;
    border-radius: 0 0 0 0;
}

.circle
{
    border: 1px solid #333333;
    border-radius: 50% 50% 50% 50%;
    float: left;
    height: 8px;
    margin-right: 8px;
    margin-top: 5px;
    width: 8px;
}

.circle.Blue{
  background: blue;
}

.circle.Yellow {
    background: yellow;
}

.circle.Red {
    background: red;
}

.circle.Green {
    background: green;
}

.circle.Orange {
    background: orange;
}

.circle.Purple {
    background: purple;
}

.circle.White {
    background: white;
}

/*Match Candidate Overview*/
#button-matchfilter,
#dropdown-matchfilter {
    height: 32px;
    float: right;
    margin: 0px 0px 20px 5px;
}

#dropdown-matchfilter{
    width: 250px;
}

/*Company Home*/
#CompanyInformation {
    padding:20px 0px 0px 0px;
}

#CompanyHomeLeftColumn {
    width: 230px;
    float:left;
    padding-bottom:40px;
}

#CompanyProfilePicture {
    width: 228px;
    border:1px solid #D7D7D7;
}

#CompanyHomeMainColumn {
    float: left;
    padding: 0 0 0 20px;
    width: 720px;
    /*width: 700px;
    padding: 0px 20px 0px 20px;  
    float:left;*/
}

.CompanyProfile {
    /*border-top: 1px solid #D7D7D7;*/
    border-bottom: 1px solid #DDDDDD;
    margin: 0;
    padding: 6px 0 17px;
}

.company-home-control-label {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999999;
    display: block;
    font-size: 12px;
    height: 13px;
    margin-top: 5px;
    opacity: 1;
    z-index: 1000;
}

.company-home-company-name {
    display: block;
    font-size: 21px;
    height: 14px;
    margin-top: 6px;
}
.company-table-title {
   background-color: #EBEBEB;
   display: table;
   height: 48px;
   margin-top: -6px;
  /* padding-left: 20px;*/
   vertical-align: middle;
   width: 100%;
}

.company-table-title a{
    background-image: url("/Content/Images/Icon-Details.png");
    background-position: -1px 4px;
    background-repeat: no-repeat;
    display: none;
    padding: 0 0 0 12px;
    color: #43A2EF;
}

.company-table-title:hover a{
   display: block;
}

.company-title-left {
    color: #000000;
    display: table-cell;
    font-size: 14px;
    vertical-align: middle;
    padding-left: 19px;
}

.company-title-right {
    float: right;
    font-size: 12px;
    margin: 16px 30px 0 0;
    font-weight:bold;
}

.company-table-title > a:hover
{
    text-decoration: none;
    color: #43a2e5;
    /*color: #FF7101;*/
}

.company-quick-link{
    height: 8px; 
    padding: 11px 0;
}

#CompanyQuickLinkHeader {
    border-bottom: 1px solid #D7D7D7;
    height: 25px;
    padding: 10px 0px 10px 0px;
}

.CompanyProfileDetail 
{
    border-top:  1px solid #D7D7D7;
    border-bottom:  1px solid #D7D7D7;
    padding: 0px 0px 4px 0px;
    margin:0px 0px 12px 0px;
}

.CompanyProfileDetail h5 {
    font-size: 25px;
    margin: 14px 0px 13px 0px;
}

.CompanyProfileDetailVision
{
    border-bottom:  1px solid #D7D7D7;
    padding: 0px 0px 5px 0px;
    margin:0px 0px 12px 0px;
}

.CompanyProfileDetailVision h6 {
    color: #898989;
    font-size: 14px;
    font-weight: normal;
    margin: 8px 0 -4px;
}

.CompanyProfileDetailVision span {
    display: block;
    line-height: 14px;
    margin: 12px 0;
}

.CompanyProfileDetailTable
{
    padding: 18px 0 5px;
}

/* Match Candidate Details */

.match-detail-overview-gap {
    padding-top: 10px;
}

.detail-match-link:hover
    {
        color:#FFFFFF;
        text-decoration:none;
    }

.CandidateFooterRightColumn > a {
    color: #555555;
    text-decoration: none;
    }

.CandidateHomeMatchDetails
{
    float: left;
    border-top: 1px solid #D7D7D7;
    padding: 0;
    width: 100%;
}

.PositionMatchDetails
{
    float: left;
    padding-left: 0px;
    width: 100%;
}

.CandidateHomeContent
{
    float: right;
    padding: 0;
    width: 730px;
}

.CandidateHomeContentWider
{
    float: right;
    padding: 0;
    width: 100%;
}

#GreyChar
{
    margin-top: -2px;
    padding-top: 12px;
    border-top:1px solid #D7D7D7;
    width:480px;
}

#GreyChar h4
{
    color: #898989;
    font-size: 15px;
    margin: 0 0 -7px;
}

/* Stripe Table */
.stripe-table > tbody td {
    height: 33px;
    vertical-align: middle;
    padding-left: 20px;
}

.stripe-table > tbody > tr:nth-child(2n+1) > td {
    background: none repeat scroll 0 0 #f8f8f8;
}

.stripe-table > tbody > tr:nth-child(2n+2) > td {
    background: none repeat scroll 0 0 #ebebeb;
}

.stripe-table > thead > tr {
    height: 50px;
    vertical-align: middle;
    padding-left: 20px;
}

.stripe-table > thead > tr > th {
    vertical-align: middle;
    padding-left: 20px;
}

.DisplayOnHover
{   
    vertical-align:top !important;
}

.UnDisplayOnHover 
{
    padding-right:0px;
    background-color:White;
}


.topper {
    right:0px;
    position: absolute;
    top: 0px;
    text-align: right;
    -webkit-transition: width 0.2s ease 0.1s, width 0.2s ease 0.1s;
    transition: width 0.2s ease 0.1s, width 0.2s ease 0.1s;
    width: 0px;
    background-color:#ff0000;
    overflow:hidden;
    height:auto;
}


.HoverButtonTable:hover .topper{
    width: 250px;
}

.topperWrapper
{
    position:relative;
    padding:0px;
}

.averageResult
{
    display: block;
    padding-left: 20px;
    font-size: 14px;
    height:32px;
    margin-top: 10px;
}

.LeftColorAverage {
    float: left;
    font-size: 14px;
    padding-top:7px;
}

.RightColorAverage{
    float: right;
    margin-right:20px;
    padding-top:7px;
}

.averageResult.Green {
    background-color:#00ab53;
    color:#555555;
}

.averageResult.Yellow {
    background-color:#ffd800;
    color:#555555;
}

.averageResult.Red {
    background-color:#ED3223;
    color:white;
}

.averageResult.Blue {
    background-color:#00ABEA;
    color:white;    
}

.averageResult.Grey {
    background-color:#555555;
    color:White;
}    

.averageResult.Orange {
    background-color:#FF7200;
    color:White;
}    

.averageResult.Purple {
    background-color:#8338BB;
    color:White;
}    

.averageResult.White {
    background-color:#FFFFFF;
    color:#555555;
}    

.averageResult.unmatchGrey {
    background-color:#d7d7d7;
    color:#555555;
}    

/*Print Candidate Class*/

.PrintCandidateHomeContent {
    display: inline-block;
    padding-left: 20px;
}

.PrintCandidateHomeLeftColumn { 
    float: left;
    width: 150px;
}

.left-column-print h5{ 
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}

.left-column-print h6{ 
    color: #898989;
    font-weight: normal;
    margin: 8px 0 -4px;
}

.PrintCandidateProfilePicture { 
    width:150px;
}

.PrintCandidateMainContent { 
    display: inline-block;
    padding-left: 20px;
}

/*.PrintCandidateMainTop { 

}

.PrintCandidateMainTop #CandidateProfilePicture{ 

}

.PrintCandidateMainTop #ProfileDetail{ 

}*/

#PrintCandidateMainContent #MyLocation, 
#PrintCandidateMainContent #MyEducation, 
#PrintCandidateMainContent #MyWorkAndThinkingLevel, 
#PrintCandidateMainContent #MyExperience, 
#PrintCandidateMainContent #JobInfo,
#PrintCandidateMainContent #MyKnowledge,
#PrintCandidateMainContent #MySkill {
  /*  border-bottom: 1px solid #D7D7D7;*/
    border-top: 1px solid #D7D7D7;
    margin: 0 20px 0 0;
    padding: 20px 0;
    width: 480px;
}

/* Layout Css For Print Layout*/
div.Layout-Header-Print {
    height: 119px;
}

a.Layout-Print-MainLogo {
    position: absolute;
    top: 40px;
    left: 0px;
    background: url(/Content/images/EM4A-Logo.png);
    width: 257px;
    height: 41px;
    font-size: 0px;
}

a.Layout-Print-MainLogo img {
    border: 0px;
}

div.Layout-Footer-Print{
    border-top: 1px solid #DDD;
}

/* Layout Css For Print View*/

.Print-Image
{
    display: block;
    float: left;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-top: 20px;
    width: 200px;
}

.Print-Inline-Profile
{
    display: block;
    float: left;
    padding-top: 20px;
}

.header-column-print
{
    background-color: #F8F8F8;
    height: 80px;
    position: relative;
}

.print{
    margin-top: -95px;
}

.Layout-MainLogo-print
{
    background: url("/Content/images/EM4A-Logo-BW.png") repeat scroll 0 0 transparent;
    font-size: 0;
    height: 41px;
    left: 23px;
    position: absolute;
    top: 21px;
    width: 257px;
}

.Layout-FooterAddress-print
{
    position: absolute;
    right: 10px;
    top: 7px;
}

.footer-column-print
{
    background-color: #D7D7D7;
}

.left-column-print
{
    float: left;
}

.right-column-print
{
    float: right;
    padding-top: 20px;
}

.CandidateMatchMainColumnPrint
{
    float: left;
    margin-bottom: 20px;
    padding-left: 0;
    width: 100%;
}

#JobInfoPrint
{
    border-top: 1px solid #D7D7D7;
    margin: 0 20px 0 0;
    padding: 20px 0;
    width: 480px;
}

.Layout-MainLogo-print
{
    background: url("/Content/images/EM4A-Logo-BW.png") repeat scroll 0 0 transparent;
    font-size: 0;
    height: 41px;
    left: 23px;
    position: absolute;
    top: 21px;
    width: 257px;
}

.Layout-HeaderAddress-Print{
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    right: 10px;
    top: 7px;
    margin: 4px 13px 0px 0px;
}
.Layout-ColorLetters-Print{
    color: #555555;
}

.footer-column-print
{
    background-color: #D7D7D7;
}

#JobInfoPrint
{
    border-top: 1px solid #D7D7D7;
    margin: 0 20px 0 0;
    padding: 20px 0;
    width: 480px;
}

/* Layout Header after login*/
div.Layout-Header-Wrapper.Layout-After-Login {
    height: 45px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}


a.Layout-MainLogo.Layout-After-Login {
    background: url("/Content/images/EM4A-Logo.png") repeat scroll 100% 100% / 100% 100% transparent;
    height: 25px;
    top: 12px;
    width: 160px;
}


.Layout-MainLogo-Beta.Layout-After-Login
{
    position: absolute;
    top: 12px;
    left: 163px;
}

.Layout-After-Login {
    margin:0px;
}

div.Layout-MainMenu.Layout-After-Login {
    position: absolute;
    right: 0;
    top: -31px;
}

input.btn.btn-large.active.back,
input.btn.btn-primary.submit[type="submit"] {
    margin-right: 10px;
    font-size: 12px;
    height: 32px;
    padding: 7px 14px;
}


.btn.btn-primary.done {
    height: 32px;
    margin-top: 0;
}

/* CSS FOR DROPDOWN IN MENU*/
.DropDownOption {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0.5px solid #F0F0F0;
    border-radius:0px 0px 5px 5px;
    -webkit-box-shadow: 0px 3px 4px #CCCCCC;
    box-shadow: 0px 3px 4px #CCCCCC;
    display: none;
    margin-left: -66px;
    margin-top: 0;
    position: absolute;
    float:none;
    left:inherit;
    top:inherit;
    padding: 10px 0 6px;
    min-width:93px;
}

.DropDownAction {
    cursor: pointer;
    float: right;
}

.DropDownOption > ul {
    list-style: none outside none;
    margin: 0;
    padding-bottom: 6px;
    padding-top: 10px;
    text-decoration: none;
}

.DropDownOption li > a:hover,
.DropDownOption li > a:focus
{
  color: #555555;
  text-decoration: none;
  background-color: #EBEBEB;
  background-color: #EBEBEB;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEBEB), to(#EBEBEB));
  background-image: -webkit-linear-gradient(top, #EBEBEB, #EBEBEB);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#EBEBEB));
  background-image: linear-gradient(to bottom, #EBEBEB, #EBEBEB);
  background-repeat: repeat-x;
  -webkit-filter: progid:dximagetransform.microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#EBEBEB', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#EBEBEB', GradientType=0);
}

.DropDownOption li a {
   padding:2px 20px;
}

.dropdown-menu.DropDownOption > li {
    padding-bottom: 2px;
}

.selectedRow, .selectedRow td{
    background-color: #EBEBEB;
}

/*CSS FOR LEFT AND RIGHT STANDARD COLUMN*/
.EMAStandardRightColumn {
    border-left: 1px solid white;
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-left: 25px;
    padding-left: 10px;
    width: 100%;
}

.EMAStandardLeftColumn {
display: block;
float: left;
}

.btn.disabled, .btn[disabled] {
    background-color: #FFFFFF;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
    font-size: 12px;
    height: 16px;
    opacity: 0.65;
    padding-bottom: 9px;
    padding-top: 6px;
}

.btn.active.new {
    background: none repeat scroll 0 0 #000000;
    /*border: medium none;*/
    color: white;
    float: right;
    font-size: 12px;
    /*font-weight: bold;*/
    height: 16px;
    margin-bottom: 20px;
    padding: 7px 15px;
    line-height: 14px;
    border-radius: 4px 4px 4px 4px;
}

.btn.active.back {
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    height: 16px;
    padding: 7px 15px;
    line-height: 14px;
}

.complete-cv-button.match {
    height: 16px;
    padding: 7px 14px;
}

.btn.btn-large.active.new:hover {
    background-color:#444444;    
}

.btn.btn-large.active.back:hover {
    background-color:lightgray;    
}

/*Location Hover For*/
.actionTd{
    padding: 5px 10px !important;
    text-align: center !important;
    width: 100px;
}

.tableShowOnHover:hover > td > .showOnHover{
    display:inline-block;
}

.tableShowOnHover .showOnHover{
    display:none;
    padding-bottom: 0;
    padding-top: 0px;
    height:100%;
    width:100px;
}

.Icon
{
    background-image: url('/Content/Images/Icon-Collection20x20.png');
    display: inline-block;
    height: 20px;
    margin-left: 4px;
    width: 20px;
}

.CharacteristicIcon
{
    background-position: 1px 0px; /*9*21+4*/
}
.CharacteristicIcon:hover
{
    background-position: 1px 21px;
}

.EditIcon
{
    background-position: 195px 0px; /*9*21+4*/
}
.EditDisableIcon
{
    background-position: 195px 0px;
    cursor:default;
}
.EditIcon:hover
{
    background-position: 195px 21px;
}

.DeleteIcon
{
    background-position: 216px 0px;
}

.DeleteIcon:hover
{
    background-position: 216px 21px;
}

.ActionStepIcon
{
    background-position: 279px 0px;
}

.ActionStepIcon:hover
{
    background-position: 279px 21px;
}

.EducationIcon
{
    background-position: 258px 0px;
}

.EducationIcon:hover
{
    background-position: 258px 21px;
}

.KnowledgeIcon
{
    background-position: 300px 1px;
}

.KnowledgeIcon:hover
{
    background-position: 300px 21px;
}

.HourIcon
{
     background-position: 150px 0px;
}

.HourDisableIcon
{
    background-position: 150px 0px;
    cursor:default;
}

.HourIcon:hover
{
    background-position: 150px 21px;
}

.PositionIcon
{
    background-position: 110px 0px;
}

.PositionIcon:hover
{
    background-position: 110px 21px;
}

.MatchIcon
{
    background-position: 174px 0px;
}

.MatchIcon:hover
{
    background-position: 174px 21px;
}

.JobIcon
{
    background-position: 130px 0px;
}

.JobIcon:hover
{
    background-position: 130px 21px;
}

.ManageContactIcon
{
    background-position: 46px 0px;
}

.ManageContactIcon:hover
{
    background-position: 46px 21px;
}

.EmployPersonIcon
{
    background-position: 25px 0px;
}

.EmployPersonIcon:hover
{
    background-position: 25px 21px;
}

.EmployPersonDisableIcon
{
    background-position: 25px 0px;
    cursor:default;
}

.DetailEmploymentIcon
{
    background-position: 65px 0px;
}

.DetailEmploymentIcon:hover
{
    background-position: 65px 21px;
}

.KandidatDetailIcon
{
    background-position: 321px 0px;
}

.KandidatDetailIcon:hover
{
    background-position: 321px 21px;
}

.PositionDetailIcon
{
    background-position: 344px 0px;
}

.PositionDetailIcon:hover
{
    background-position: 344px 21px;
}

.SkillIcon
{
    background-position: 235px 0px;
}

.SkillIcon:hover
{
    background-position: 235px 21px;
}

/*Popover*/
.popover {
    width: 250px !important;
}

.btnClosePopBox {
    float: right;
    margin-top: 6px;
    margin-bottom: 12px;
}

.DeleteInformation{
    margin-bottom: 0px;
    background-color: #F0F0F0;
    color: #878787;
    width: 94%;
    padding: 8px 20px 17px 20px;
}

.delete .control-group
{
    margin-bottom:5px;
}

.delete .control-group.submit
{
    margin-bottom:20px; 
    margin-top:20px; 
}

/*Slider Button Css - Robby : Firday, May 24, 2013*/

.slide-button-wrapper{
    position: fixed;
    top: 100px;
    right: 0px;
}

.slide-button{
    background-color: #FF7101;
    height: 50px;
    width : 25px;
    float: right;
    cursor: pointer;
    border-radius: 6px 0px 0px 6px;
}

.slide-button-text-wrapper{
    width: 65px;
    font-size: 15px;
    margin: 3px 0px 0px -20px;
}

.slide-button-text{
    display: block;
    font-weight: bold;
    color: #FFFFFF;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}

.slide-button-main-wrapper{
    border-left: 2px solid #FFFFFF;
    height: 40px;
    /*margin: -20px 0px 0px 25px;
    padding: 6px 5px;*/
    margin: -15px 0 0 25px;
    padding: 1px 6px;
}

.slide-button-main-text{
    font-weight: bold;    
    font-size: 20px;
    width: 225px;
    display: block;
    color: #FFFFFF;
    margin: 10px 1px 10px 1px;
}

.slide-button-main-text:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

.back-link-placeholder
{
    margin-bottom: 20px;display:inline-block;
}

/*LINK QIDA*/
.LinkWrapper{
    background: none repeat scroll 0 0 #FF7101;
    border-radius: 4px 0 0 4px;
    padding: 8px 10px 9px 11px;
    position: fixed;
    right: 0;
    top: 100px;
}

.FloatRightFixedWrapper{
    position: fixed;
    right: 0;
    top: 100px;
}

.FloatRightFixedWrapper2{
    position: fixed;
    right: 0;
    top: 150px;
}

.link {
    color: white;
    font-weight: bold;
}


.link:hover {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

.control-group.match-not-found {
    color: #A5A5A5;
    font-size: 14px;
    padding-bottom: 60px;
    padding-left: 40px;
    padding-top: 30px;
}

.synonym-add
{
    text-align: right;
    width: 251px !important;
    float: left;
    padding-bottom: 20px;
    cursor:pointer;
}

.valid.skillError,
.valid.subFunctionNameError {
    background: none repeat scroll 0 0 #FFAAAA;
    border: 0.5px solid;
    color: #FF3333;
}

.skillErrorMessage,
.subFunctionNameErrorMessage {
    color: red;
    font-weight:bold;
}

.control-group.warning-ondelete {
    margin-bottom: 0px;
}

.warning-ondelete .controls{    
    background-color: #FFEEEE;
    height: 25px;
    padding-left: 20px;
    width: 388px;
}

.warning-ondelete .control-label{    
    padding-top: 0px;
    width: 388px;
}

/* Create class style for char detail  */

.CharDetail div.detailsOverview div.charName {
    float: left;
    padding-left: 20px;
    width: 240px;
}


.CharDetail div.detailsOverview div.valuePos {
    float: left;
    padding-left: 20px;
    /*width: 250px;*/
    width: 390px;
}

.CharDetail .SubGroupInfoIconHolder {
    display:inline-block;
    width:20px;
    padding-right:10px;
}

.CharDetail .InfoIconHolder {
    float:left;
    display:inline-block;
    width:20px;
    padding-left:20px;
    padding-right:10px;
}

/* end part for char detail   */

/* History Panel */

.historyPanel
{
    position: fixed;
    bottom: 0px;
    left: 5px;
    background-color: blue;
    color: white;
    padding: 10px;
}

/* End of history panel*/
/*Create Company Wizard*/
.register-company-wizard-header {
    margin: 20px 0px 0px 0px;
    text-align: center;
}

.register-company-wizard-header > h4 {
    font-size: 27px;
}
/*End of Create Company Wizard*/

/*characteristic report*/
div.valuePos div.matchBars {
    float: left;
    padding: 3px 20px 4px 4px;
}
/*End of characteristic report*/

/* Partners Page */

.partners-content h3 {
    margin-bottom: 10px;
}
.partners-logos .item {
    float:left;
    width: 246px;
    height: 100px;
}

.partners-logos .item:hover {
    cursor:pointer;   
}

.partners-logos .item img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 45px;
    margin-top: 21px;
}

.partners-logos.row {
    padding: 39px 0px;
}

.partners-content {
    padding-bottom: 20px;
}
img.desaturate{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

.exportWrapper{
    height: 50px;
    vertical-align:middle;
    font-size: 15px;
}

.imgIconWrapper{
    border: solid 1px #EBEBEB;
    cursor:pointer;
    /*height: 45px;
    width: 40px;*/
}
.imgIconWrapper:hover {
    border: solid 1px #cccccc;
}