@import url('./JTheader.css');
@import url('./JTfooter.css');

@media print {
    .noprint, .BigTitle, #HistoryContainer {
        display: none;
    }
    .print {
        display: block !important;
    }
    .CentralColumn, .contentContainer, #CentralColumn {
        width: 100%;
        border: none !important;
    }
    .developer_mode{
        display: none;
    }
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.cleaner{
    width: 100%;
    height: 0px;
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: normal;
    color: #666;
    font-size: 12px;
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.table {
    width: 100%;
    border: 1px solid #e6e6e6;
    margin: 10px auto;
}
.table.Half {
    width: 50%;
}
.table th {
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px;
    border: 1px solid #e6e6e6;
    /*	color: #b3b3b3;*/
    vertical-align: middle;
    background-color: #FAECD9;
}
.table td {
    padding: 5px;
    border: 1px solid #e6e6e6;
    vertical-align: middle;
}
.table tr:nth-child(odd) {
    background-color: #f7f7f7;
}
.table td.leftalign, .table th.leftalign {
    text-align: left !important;
}
.table td.rightalign, .table th.rightalign {
    text-align: right !important;
}
table.DefaultTable {
    background-color:	#fafafa;
    padding:			0;
}
table.DefaultTable td {
    padding-top: 	3px;
    padding-bottom: 	3px;
}
table.DefaultTable tr:nth-child(2n+2){
    background: #f5f5f5;
}
table.DefaultTable tr:hover {
    box-shadow: 0px 0px 2px #ddd;
}



table.DefaultTable td.head,
table.DefaultTable th,
table.DefaultTable tr.head TD {
    background:	#eee;
    border-bottom:		2px solid #ffa550;
    color:				#706F6F;
    padding:			5px;
    font-size:			10px;
}

a{
    color: inherit;
    text-decoration: none;
}

a:focus{
    outline: none;
}
/*
::selection {
        background: #bfa57c;
        background: transparent;
        background-color: #1A1A1A;
}
*/
body{
    font-family: Arial, Helvetica, sans-serif;
}

.body{
    min-height: 300px;
    margin: 50px 0 0 0;
}
#mainWrapper{
    margin-top: -1px;
    padding-top: 1px;
    background: #f2f2f2;
}
#bodyHomeBlock{
    background: #d9d9d9;
    height: 200px;
    width: 100%;
}


.ContentBlock{
    background: white;
    box-shadow: 0px 0px 20px #999;
    /*overflow: hidden;*/
}


/*home*/
.HomeBlock{
    width: 320px;
    height: 100%;
    float: left;	
}
.HomeBlock.Big{
    width: 480px;
    border-right: 1px solid #e6e6e6;
}
.HomeBlock.Big.Right{
    width: 478px;
    border-right: none;
}
.HomeBlock.SPR{
    width: 0px;
    border-left: 1px solid #e6e6e6;
}
.HomeBlock .HomeBlockTitle{
    width: 100%;
    height: 51px;
    border-bottom: 1px solid #e6e6e6;
    background: #f2f2f2;
    text-transform: uppercase;
    color: #666666;
    font: bold 15px 'Open Sans', sans-serif;
    line-height: 51px;
    text-indent: 20px;
}
.HomeBlock .HomeBlockTitle .Arrow{

    float: right;
    margin: 19px;
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url(../images/MainIcon.png);
    background-position: -50px -8px;
    background-repeat: no-repeat;
}
.HomeBlock .HomeBlockTitle:hover{
    background: #eee;
}
.HomeBlock .HomeBlockTitle a{
    display: block;
    width: 100%;
    height: 100%;
}
.HomeBlock .HomeBlockContent{
    color: #666666;
    font: 100 12px Arial, Helvetica, sans-serif;

}
.HomeBlock .HomeBlockContent{
    height: 116px;
    border-bottom: 1px solid #e6e6e6;
}
.HomeBlock .HomeBlockContent a{
    display: block;
    padding: 15px;
}
.HomeBlock .HomeBlockContent:hover{
    background: #f2f2f2;
}
.HomeBlock .HomeBlockContent h3{
    font: bold 14px 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #fdaa3b;
}
.HomeBlock .HomeBlockContent p{
    overflow: hidden; 
    height: 46px;
    line-height: 16px;
}
.HomeBlock .HomeBlockContent:hover h3{
    color: #4c4c4c;
    text-decoration: underline;
}
.HomePageService#VR{
    position: relative;
    height: 310px;
    padding: 20px;
    border-bottom: 1px solid #e6e6e6;
    background: url(../images/ServicesHomeBlock.png) top right no-repeat;
}
.HomePageService#VR .Logo img{
    width: 150px;
}
.HomePageService#VR .Text{
    margin-top: 40px;
}
.HomePageService#VR .Btn{
    position: absolute;
    left: 20px;
    bottom: 20px;
    font: bold 14px 'Open Sans', sans-serif;
    text-transform: uppercase;
}
.HomePageService#VR .Btn a:hover{
    color: #c8252c;
}

.HomePageService#GCDF{
    position: relative;
    height: 310px;
    padding: 20px;
    border-bottom: 1px solid #e6e6e6;
    background: url(../images/GCDF_bg.png) top right no-repeat;
}
.HomePageService#GCDF .Logo img{
    width: 150px;
}
.HomePageService#GCDF .Text{
    margin-top: 40px;
}
.HomePageService#GCDF .Btn{
    position: absolute;
    left: 20px;
    bottom: 20px;
    font: bold 14px 'Open Sans', sans-serif;
    text-transform: uppercase;
}
.HomePageService#GCDF .Btn a:hover{
    color: #c8252c;
}
#SubHeader{
    width: 100%;
    padding: 25px 0px;
    height: 90px;
    position: relative;
    /*background-image: url(../images/ChristmasSubHeader.png);*/
}
#SubHeader div.Logo{
    float: left;
    width: 210px;
}
#SubHeader div.Logo img{
    margin-top: 20px;
}
#SubHeader div.Banner{
    float: right;
    margin-top: 1px;
}
#SubHeader div.Banner �, 
#SubHeader div.Logo �,
#SubHeader div.Banner img,
#SubHeader div.Logo img
{
    display: block;
    width: 100%;
    height: 100%;
}
#RightColumn{
    width: 300px;
    height: auto;
    float: right;
}
#RightColumn:after{
    clear: both;
}
#RightColumn .Title{

    width: 100%;
    height: 46px;
    background: #e6e6e6;
    text-transform: uppercase;
    color: #000;
    font-weight: bold ;
    font-size: 11px ;	
    line-height: 46px;
    text-indent: 20px;

}
#RightColumn .Title a{

    width: 100%;
    height: 100%;
    display: block;
}
#RightColumn .Title  .Arrow{
    float: right;
    margin: 16px;
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url(../images/MainIcon.png);
    background-position: -50px -8px;
    background-repeat: no-repeat;
}
ul#EmployerBranding{
    width: 100%;	
}
ul#EmployerBranding li{
    display: block;	
    height: 54px;
}
ul#EmployerBranding li:hover div.name{
    text-decoration: underline;
}
ul#EmployerBranding li a{
    display: block;
    width: 260px;
    height: 100%;
    padding: 0px 20px;
}
ul#EmployerBranding li a div.Logo{
    width: 90px;
    height: 100%;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    border-bottom: 1px dotted #9d9e9e;
}
ul#EmployerBranding li a div.Name{
    width: 170px;
    height: 100%;
    float: right;
    font-size: 11px;
    color: #b2b2b2;
    font-weight: bold;
    font-style: italic;
    text-align: right;
    border-bottom: 1px dotted #9d9e9e;
}
ul#EmployerBranding li.Last a div.Name,
ul#EmployerBranding li.Last a div.Logo{
    border-bottom: none;
}
ul#EmployerBranding li a div.Name span{
    padding-top: 11px;
    display: block;
}
#RightColumn .Banner{
    width: 300px;
    height: 250px;
}
#RightColumn .Banner a,
#RightColumn .Banner img{
    width: 100%;
    height: 100%;
}
#CentralColumn{
    width: 659px;
    border-right: 1px solid #e6e6e6;
}

#HistoryContainer{
    width: 100%;
    height: 50px;
}
#HistoryContainer ul{
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
}
#HistoryContainer ul li{
    height: 100%;
    float: left;
    line-height: 50px;
    font-size: 10px;
    color: #666666;
    border-left: 1px solid #e6e6e6;
    text-transform: uppercase;
    font-weight: bold;
}
#HistoryContainer ul li .home-responsive{
display: none;
}
#HistoryContainer ul li.Home{
    width: 50px;
    border: none;
}
#HistoryContainer ul li.Home a{
    padding: 0px;
    padding-top: 1px;
    margin-top: -1px;
}
#HistoryContainer ul li.Home div{
    width: 17px;
    height: 18px;
    margin: 15px 17px;
    background-image: url(../images/MainIcon.png);
    background-repeat: no-repeat;
    background-position: -66px 0px;
}
#HistoryContainer ul li.Home:hover div{
    background-position: -66px -20px;
}
#HistoryContainer ul li.Activ{
    color: #0da1db;
}
#HistoryContainer ul li a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0px 20px;
}

#JobsListContainer ul li{
    float: left;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;	
}
#JobsListContainer ul li nav{
    height: 20px;
    background: #f2f2f2;
    width: 100%;	
}
#JobsListContainer ul li nav div{
    font-size: 11px;
    color: #999;
    width: 50px;
    line-height: 20px;
    float: left;
}
#JobsListContainer ul li nav.Menu{
    float: right;
    width: auto;
    display: none;
}
#JobsListContainer ul li nav.Menu a{
    display: block;
    float: left;
    padding: 0px 10px;
    font-size: 11px;
    color: #666;
    line-height: 20px;
}
#JobsListContainer ul li nav.Menu a:hover{
    background: #e2e2e2;
}
#JobsListContainer ul li nav  div.Icon{
    width: 20px;
    height: 20px;
    float: left;
    background-image: url(../images/JobsListEmpl.png);
    background-repeat: no-repeat;
}
#JobsListContainer ul li nav div.Visit{
    margin-left: 10px;
}
#JobsListContainer ul li nav div.Visit  div.Icon{
    background-position: -40px 0px;
}
#JobsListContainer ul li nav div.ApplCount div.Icon{
    background-position: -20px 0px;
}
#JobsListContainer ul li nav div.NewAppl div.Icon{
    background-position: 0px 0px;
}
#JobsListContainer ul li:hover{
    box-shadow: 0px 0px 20px #dcdcdc;
    -webkit-transform: scale(1.01,1.01);
}
#JobsListContainer ul li a{
    float: left;
    height: auto;
    padding: 20px;
}
#JobsListContainer ul li div{
    float: left;
}
#JobsListContainer ul li div div{
    float: none;
}
#JobsListContainer ul li div.Left{
    width: 427px;
    height: 100%;
}
#JobsListContainer ul li div.Left div.Title{
    color: #4c4c4c;
    font-size: 15px;
    font-weight: bold;
}
#JobsListContainer ul li div.Left div.Title span{
    display: inline-block;
    width: 8px;
    height: 8px;
    background-image: url(../images/MainIcon.png);
    background-repeat: no-repeat;
    margin-left: 10px;
}
#JobsListContainer ul li div.Left div.Title span.Visited{
    background-position: -57px 0px;
}
#JobsListContainer ul li div.Left div.Title span.Unvisited{
    background-position: -49px 0px;
}
#JobsListContainer ul li div.Left div.EmployerName{
    color: #b2b2b2;
    font-size: 11px;
    font-weight: bold;
    margin: 5px 0px;
}
div.Stars{
    width: 49px;
    height: 11px;
    background-image: url(../images/MainIcon.png);
    background-repeat: no-repeat;
}
div.Stars.Corporate{
    background-position: 0px 0px;
}
div.Stars.Special{
    background-position: 0px -11px;
}
div.Stars.Special2{
    background-position: 0px -22px;
}
div.Stars.Normal
{
    background-position: 0px -33px;
} div.EmployerLogo{
    width: 90px;
    height: 47px;
    background-position: top center;
    background-repeat: no-repeat;
}
#JobsListContainer ul li div.Right{
    width: 102px;
    height: 100%;
}
#JobsListContainer ul li div.Right div.Region{
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    text-align: right;
}
#JobsListContainer ul li div.Right div.Date{
    font-size: 11px;
    font-weight: bold;
    color: #b2b2b2;
    text-align: right;
}

#JobsListContainer.HomeEmpl ul li a{
    float: left;
    height: auto;
    padding: 20px;
    padding-right: 0px;
}
#JobsListContainer ul li .Candidates{
    width: 90px;
    position: relative;
    text-align: left;
    padding: 0px;
}
#JobsListContainer ul li .Candidates a{
    padding: 5px;
    margin-top: 15px;
    margin-left: 10px;
}
#JobsListContainer ul li .Candidates a:hover{
    background: #f2f2f2;
    border-radius: 5px;
}
#JobsListContainer ul li .Candidates a div{
    width: 100%;
    color: #4c4c4c;
}
#JobsListContainer ul li .Candidates span{
    color: #ffa200;
    font-weight: bold;
}
#JobsListContainer ul li .Candidates .Text{
    font-size: 10px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
#JobsListContainer ul li .Candidates .Text.New{
    font-weight:  bold;
}

nav#Jobs{
    height: 48px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
nav#Jobs div{
    float: left;
    display: block;
    height: 100%;
    line-height: 48px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666666;
    border-left: 1px solid #e6e6e6;
}
nav#Jobs div.JobCount{
    width: 160px;	
    text-indent: 20px;
    border: none;
    border-right: 1px solid #e6e6e6;
}
nav#Jobs div.JobCount span{
    color: #45b5e1;
}

nav#Jobs div.Date,
nav#Jobs div.OnPage{
    padding: 0px ;
    padding-left: 20px;
    float: right;
    cursor: pointer;
    position: relative;
}

nav#Jobs div.Date{
    width: 175px;
    text-align: center;
}
nav#Jobs div.Date span.Arrow,
nav#Jobs div.OnPage span.Arrow{
    display: inline-block;
    float: right;
    width: 8px;
    height: 5px;
    margin: 22px 5px ;
    margin-right: 15px;
    background-image: url(../images/MainIcon.png);
    background-repeat: no-repeat;
    background-position: -82px -8px;
}
nav#Jobs div.Date .OptionList,
nav#Jobs div.OnPage .OptionList{
    position: absolute;
    top: 0;
    left: -1px;
    height: auto;
    overflow: auto;
    box-shadow: 0px 0px 10px #aaa;
    z-index: 999;
    display: none;
    background: white;
}
nav#Jobs div.Date:hover .OptionList,
nav#Jobs div.OnPage:hover .OptionList{
    display: block;
}
nav#Jobs div.Date .OptionList div.Date,
nav#Jobs div.OnPage .OptionList div.OnPage{
    border: none;
}
nav#Jobs div.Date .OptionList ul,
nav#Jobs div.OnPage .OptionList ul{
    margin-top: 48px;
    padding-top: 15px; 
    padding-bottom: 15px; 
}
nav#Jobs div.Date .OptionList  .Separator,
nav#Jobs div.OnPage .OptionList  .Separator{
    width: 70%;
    margin-left: 15%;
    border-top: 1px dotted #9d9e9e;
}
nav#Jobs div.Date .OptionList ul li,
nav#Jobs div.OnPage .OptionList ul li{
    display: block;
    line-height: 25px;
    width: 70%;
    padding:0px 15% ;
    text-align: left;
}
nav#Jobs div.Date .OptionList ul li:hover,
nav#Jobs div.OnPage .OptionList ul li:hover{
    background: #ffc529;
    color: #fff;
}
nav#Jobs div.Date .OptionList ul li a,
nav#Jobs div.OnPage .OptionList ul li a{
    display: block;
}
nav#Jobs div.OnPage{

}
/**/
nav#SearchToolsRecruitment{
    height: auto;
    padding: 20px;
}
nav#SearchToolsRecruitment.Jobs {
    background: #D9D9D9;
    background-image: url('../images/JobSearchBlock-background-recruitment.png');
    background-repeat: no-repeat;
    background-position: top right;
}
nav#SearchToolsRecruitment .Title{
    color: #59A828 !important;
}
nav#SearchToolsRecruitment h3 {
    color: #59A828 !important;
}
nav#SearchToolsRecruitment .button.search {
    background-color: #b7b7b7;
    color: #FFF;
}
nav#SearchToolsRecruitment .icon-search {
    background-image: url('../images/search-icon-recruitment.png');
}
/* --- */
nav#SearchTools{
    height: auto;
    padding: 20px;
}
nav#SearchTools.Jobs {
    background: #ffc529;
    background-image: url('../images/JobSearchBlock-background.png');
    background-repeat: no-repeat;
    background-position: top right;
}
nav#SearchTools.Jobs #Rss{
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: .8;
}
nav#SearchTools.Jobs #Rss:hover{
    opacity: 1;
}
nav#SearchTools.Jobs #Rss img{
    width: 25px;
}

nav#SearchTools div.Top, nav#SearchToolsRecruitment div.Top {
    height: 26px;
}
nav#SearchTools div.Top div.Title, nav#SearchToolsRecruitment .Top .Title{
    float: left;
    font-size: 16px;
    color: #674b00;
    text-transform: uppercase;
    font-weight: bold;
}
nav#SearchTools .Top .EmailReports{
    float: right;
    font-size: 11px;	
    color: #674b00;
    text-transform: lowercase;
    font-weight: bold;
}
nav#SearchTools .Top .EmailReports a{
    padding: 5px;
    margin-top: -5px;
    font-style: italic;
}
nav#SearchTools .Top .EmailReports a:hover{
    text-decoration: underline;
}
nav#SearchTools .input, nav#SearchToolsRecruitment .input {
    width: 597px;
    height: 28px;
    border: 1px solid #AAA;
    padding: 5px 10px;
    font-weight: bold;
    color: #999 !important;
}
nav#SearchTools .Middle .Content, nav#SearchToolsRecruitment .Middle .Content {
    height: 40px;
    width: 100%;
    margin-bottom: 10px;
}
nav#SearchTools .Content div, nav#SearchToolsRecruitment .Content div{
    float: left;
}
nav#SearchTools .Middle .Content div.Half, nav#SearchToolsRecruitment .Content .Half{
    background: white;
    height: 100%;
    width: 305px;
}
nav#SearchTools .Middle .Content div.Half.Right, nav#SearchToolsRecruitment .Content .Right{
    margin-left: 9px;
}
nav#SearchTools .Middle .Content div.Full, nav#SearchToolsRecruitment .Content .Full{
    background: white;
    height: 100%;
    width: 100%;
}
nav#SearchTools .Bottom{
    position: relative;
}
nav#SearchTools .Half select, nav#SearchToolsRecruitment .Half select {
    display: none;
}

/*
      Miro
      Plugin-specific style in order to make it match the form
*/
.chooseButtonContainer {
    border-top: 1px dotted #CCC;
    margin: 5px 20px 0 20px;
    padding: 10px 0;
}
nav#SearchTools  input.select2-input, nav#SearchToolsRecruitment input.select2-input {
    min-height: 26px;
    font-family: Arial;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    padding: 5px 10px;
}
nav#SearchTools div.select2-container, nav#SearchToolsRecruitment div.select2-container {
    width: 100%;
}
nav#SearchTools ul.select2-results, nav#SearchToolsRecruitment ul.select2-results {
    max-height: 100%;
}
nav#SearchTools #SelectTabContainer, nav#SearchToolsRecruitment #SelectTabContainer {
    margin: 20px 0 0 0;
}
nav#SearchTools #SelectTabContainer div, nav#SearchToolsRecruitment #SelectTabContainer div {
    display: none;
}
nav#SearchTools h3, nav#SearchToolsRecruitment h3 {
    font-size: 12px;
    color: #674b00;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0 0 0;
}
nav#SearchTools div.Middle ul.selectedItems li, nav#SearchToolsRecruitment .Middle ul.selectedItems li {
    list-style: none;
    display: inline-block;
    padding: 5px;
    margin: 5px 5px 0 0;
    background-color: white;
    width: auto;
    height: auto;
    font-size: 11px;
}
/*
      Form styles for everything within #SearchTools 
      Miro
*/
nav#SearchTools div.Bottom, nav#SearchToolsRecruitment .Bottom {
    /* Miro
    height: 30px;
    */
    margin: 20px 0 0 0;
}
nav#SearchTools .Bottom .Search {
    /*   font-size: 16px;
       color: #674b00;
       text-transform: uppercase;
       font-weight: bold;
       margin: 15px 0 0 0;*/
}
.JobSelection{
    width: 287px;
}

#HomeGadgets {
    border-bottom: 1px solid #e6e6e6;
    height: 165px;
    overflow: visible;
    z-index: 9;
    position: relative;
}
#HomeGadgets ul li{
    display: block;
    float: left;
    width: 219px;
    height: 160px;
    padding-top: 5px;
    background: #fffbf2;

    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
#HomeGadgets ul li:hover{
    border-top: 5px solid #53bfe6;
    background: #fff;
    height: 160px;
    padding-top: 0px;
    transform: scale(1.03,1.03);
    -ms-transform: scale(1.03,1.03); /* IE 9 */
    -webkit-transform: scale(1.03,1.03); /* Safari and Chrome */
    box-shadow: 0px 0px 20px #aaa;
}
#HomeGadgets.Empl ul li:hover{
    border-top: 5px solid #ee3b46;
}
#HomeGadgets ul li.Separator{
    width: 1px;
    height: 160px;;
    background: #e6e6e6	;
    display: block;
}
#HomeGadgets ul li a{
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 1px;
    margin-top: -1px;
}
#HomeGadgets ul li#Guide{
    border-right: none;
}
#HomeGadgets ul li .Title{
    width: 100%;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #b2b2b2;
    text-transform: uppercase;
}
#HomeGadgets ul li:hover .Title{
    color: #000;
}
#HomeGadgets ul li .Image{
    height: 60px;
    background-repeat: no-repeat;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 20px;
    background-image: url(/images/HomeIcon.png);
}
#HomeGadgets.Empl ul li .Image{
    width: 52px;
    height: 52px;
    background-image: url(/images/HomeIconEmpl.png);
}



#HomeGadgets.Empl ul li#NewJob .Image{
    background-position: 0px 0px;
}
#HomeGadgets.Empl ul li#SearchCandidats .Image{
    background-position: -52px 0px;
}
#HomeGadgets.Empl ul li#VR .Image{
    background-position: -104px 0px;
}
#HomeGadgets.Empl ul li#Services .Image{
    background-position: -156px 0px;
}
#HomeGadgets.Empl ul li#NewJob:hover .Image{
    background-position: 0px -52px;
}
#HomeGadgets.Empl ul li#SearchCandidats:hover .Image{
    background-position: -52px -52px;
}
#HomeGadgets.Empl ul li#VR:hover .Image{
    background-position: -104px -52px;
}
#HomeGadgets.Empl ul li#Services:hover .Image{
    background-position: -156px -52px;
}



#HomeGadgets ul li#CV .Image{
    width: 50px;
    background-position: 0px 0px;
}
#HomeGadgets ul li#CoverLetter .Image{
    width: 50px;
    background-position: -50px 0px;
}
#HomeGadgets ul li#Mail .Image{
    width: 60px;
    background-position: -100px 0px;
}
#HomeGadgets ul li#Guide .Image{
    width: 60px;
    background-position: -160px 0px;
}
#HomeGadgets ul li#CV:hover .Image{
    width: 50px;
    background-position: 0px -60px;
}
#HomeGadgets ul li#CoverLetter:hover .Image{
    width: 50px;
    background-position: -50px -60px;
}
#HomeGadgets ul li#Mail:hover .Image{
    width: 60px;
    background-position: -100px -60px;
}
#HomeGadgets ul li#Guide:hover .Image{
    width: 60px;
    background-position: -160px -60px;
}



div.BigTitle{
    position: relative;
    width: 100%;
    height: 47px;
    border-bottom: 1px solid #e6e6e6;
    background: #f7f7f7;
    text-transform: uppercase;
    color: #000;
    font: bold 11px Arial, Helvetica, sans-serif;;
    line-height: 47px;
    text-indent: 20px;
}
div.BigTitle .Arrow{
    position: absolute;
    right: 16px;
    top: 16px;
    width: 14px;
    height: 14px;
    background-image: url(../images/MainIcon.png);
    background-position: -50px -8px;
    background-repeat: no-repeat;
}
div.BigTitle a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
}
div.HalfTitle{
    position: relative;
    width: 329px;
    float: left;
    height: 47px;
    border-bottom: 1px solid #e6e6e6;
    background: #f7f7f7;
    text-transform: uppercase;
    color: #000;
    font: bold 11px Arial, Helvetica, sans-serif;;
    line-height: 47px;
    text-indent: 20px;
    margin: 0px;
    padding: 0px;
}
div.HalfTitle a{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

/*div.HalfTitle{
    position: relative;
    width: 329px;
    float: left;
    height: 47px;
    border-bottom: 1px solid #e6e6e6;
    background: #f7f7f7;
    text-transform: uppercase;
    color: #000;
    font: bold 11px Arial, Helvetica, sans-serif;;
    line-height: 47px;
    text-indent: 20px;
    margin: 0px;
    padding: 0px;
}
div.HalfTitle a{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}*/

.HalfBlock:nth-child(odd),
.HalfTitle:nth-child(odd){
    width: 328px;
}

#HomeNewsBlock{
    width: 329px;
    height: 219px;
    overflow: hidden;	
    border-right: 1px solid #e6e6e6;
}
#HomeNewsBlock .BlockContent{
    margin-top: -1px;
    border-top: 1px dotted #9d9e9e;
}
#HomeNewsBlock .BlockContent a{
    height: 90px;
    width: 299px;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 10px;
    display: block;
}
#HomeNewsBlock .BlockContent a:hover{
    background: #f6f6f6;
}
#HomeNewsBlock .BlockContent h3{
    font-size: 12px;
    text-transform: uppercase;
    color: #666;
    font-weight: bold;
}
#HomeNewsBlock .BlockContent p{
    font-size: 11px;
    color: #666;
}

.HalfBlock{
    width: 329px;
    float: left;

    border-bottom:1px solid #e6e6e6; 
    height: 218px;
}

.ContentBlock header{
    width: 100%;
    height: 53px;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
}
.ContentBlock header .TopEmplLogos{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.ContentBlock header .TopEmplLogos a{
    float: left;
    width: 110px;
    height: 53px;
    margin: 0px 5px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
}
#dialogOperations{
    display: none;
}
.PagerBlock{
    width: 100%;
    height: 40px;
}
.PagerBlock ul li{
    float: left;
    width: 40px;
    height: 40px;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    line-height: 40px;
    text-align: center;
    color: #4c4c4c;
    font-size: 11px;
    font-weight: bold;
    background: #fff;
}
.PagerBlock ul li:hover{
    background: #ffc529;
}
.PagerBlock ul li.disable:hover{
    background: #fff;
}
.PagerBlock ul li a{
    display: block;
    width: 100%;
    height: 100%;

    padding-top: 1px;
    margin-top: -1px;
}
.PagerBlock ul li.current{
    background: #ffc529;
}
.PagerBlock ul li.nextPage{
    border-right: 1px solid #e6e6e6;
}
.PagerBlock ul li.nextPage div,
.PagerBlock ul li.prevPage div{
    background-image: url(/images/MainIcon.png);
    margin:auto;
    margin-top: 17px;
    width: 3px;
    height: 5px;
    background-repeat: no-repeat;
}
.PagerBlock ul li.nextPage div{
    background-position: -54px -23px;
}
.PagerBlock ul li.prevPage div{
    background-position: -50px -23px;
}
.PagerBlock ul li.nextPage.disable div{
    background-position: -54px -29px;
}
.PagerBlock ul li.prevPage.disable div{
    background-position: -50px -29px;
}

/*event line*/
#EventLine{
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}
#EventLine .Titles{
    position: relative;
    height: 20px;
    padding: 0px 20px;
    margin-top: 20px;
    margin-bottom: 30px;
    width: auto;
    padding-top: 1px;
}
#EventLine .Titles div{
    position: absolute;
    top: 0px;
    font-weight: bold;
    font-size: 11px;
    color: black;
    text-transform: uppercase;
}
#EventLine .Line{
    height: 40px;
    width: auto;
    margin: 30px 20px 10px 20px;
    background-image: url(/images/EventLine.png);
    background-position: left top;
    background-repeat: repeat-x;
    padding-top: 1px;
    position: relative;
}
#EventLine .Line .Event{
    position: absolute; 
    top: -2px;
    width: 13px;
    cursor: pointer;
}
#EventLine .Line .Event .Point{
    width: 13px;
    height: 13px;
    border-radius: 50%;
}
#EventLine .Line .Event .Point.JT{
    background: #ffa200;
}
#EventLine .Line .Event .Point.�ther{
    background: #6dce32;
}
#EventLine .Line .Event .Point.Multi{
    background-image: url(/images/MainIcon.png);
    background-position: -83px -23px;
    background-repeat: no-repeat;
}
#EventLine .Line .Event:hover .Point{

    transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari and Chrome */
}
#EventLine .Line .Event .Day{
    font-weight: bold;
    font-size: 8px; 
    width: 13px;
    padding-top: 5px;
    text-align: center;
}
.Bubble{
    width: 250px;
    background: black; 
    position: absolute;
    bottom: 36px;	
    left: -9px;
    z-index: 9;
    display: none;
}
.Bubble a{
    display: block;
    padding: 15px;
    position: relative;
}
.Bubble a:hover{
    background-color: #333;
} 
.Bubble h2{
    font-weight: bold;
    font-size: 12px;
    color: #fff;
}
.Bubble .Date{
    font-weight: bold;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    display: block;
    margin-top: 3px;
}
.Bubble .City{
    font-weight: bold;
    font-size: 11px;
    color: #ffc529;
    display: block;
    margin-top: 3px;
}
.Bubble .Arrow{
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: -7px;
    left: 15px;
    background-image: url(/images/MainIcon.png);
    background-position: -83px -14px;
    background-repeat: no-repeat;
}


/*JobsBlock*/
ul#JobsBlock {
}
ul#JobsBlock li.Separator{
    border-bottom: 1px dotted #989999;
    width: 260px;
    margin: auto;
}
ul#JobsBlock li.Job a{
    display: block;
    height: 100%;
    padding: 15px 20px;
}
ul#JobsBlock li.Job a:hover{
    background: #f5f5f5;
}
ul#JobsBlock li.Job h3{
    font-size: 15px;
    font-weight: bold;
    color: #4c4c4c;
}
ul#JobsBlock.MegaHome li.Job{
    float: left;
}

ul#JobsBlock.MegaHome li.Separator{
    float: left;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
}
ul#JobsBlock.MegaHome li.Job a{
    float: left;
    width: 440px;
}
ul#JobsBlock.MegaHome li.Job h3{
    font-size: 13px;
}
ul#JobsBlock.MegaHome li.Job .City,
ul#JobsBlock.MegaHome li.Job .Date{
    font-size: 11px;
    color: #b2b2b2;
    font-weight: bold;
    text-align: right;
}
ul#JobsBlock.MegaHome li.Job .City{
    color: #666666;   
}
ul#JobsBlock.MegaHome li.Job .CompanyName{
    color: #b2b2b2;
    width: 11px;
    float: left;
    font-weight: bold;
    width: 100%;
}
ul#JobsBlock.MegaHome li.Job .Left{
    float: left;
    width: 280px;
}
ul#JobsBlock.MegaHome li.Job .Left .Stars {
    float: left;
}
ul#JobsBlock.MegaHome li.Job .Right{
    float: right;
    width: 160px;
}
ul#JobsBlock.MegaHome li.Job .Logo{
    float: left;
}
ul#JobsBlock li.Job span.City{
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    color: #b2b2b2;
    padding-bottom: 5px;
    display: block;
}

/*event list*/
#EventList a{
    display: block;
    float: left;
    position: relative;
}
#EventList .Content a{
    width: 490px;
    padding-top: 10px;
}
#EventList .Event a:hover .Image{
    opacity: .8;
}
#EventList .Content a:hover h2{
    color: #000;
}
#EventList .Event{
    padding: 20px 10px 20px 20px;
    height: auto;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    position: relative;
}
#EventList .Event.JobtigerEvent{
    background:url(../../images/tiger-event.png) top right no-repeat	;
}
#EventList .Event .Arrow{
    width: 30px;
    height: 30px;
    background-image: url(../images/MainIcon.png);
    background-position: -120px 9px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    bottom: 0px;	
    cursor: pointer;
}
#EventList .Event .Arrow:hover{
    background-position: -120px 7px;
}
#EventList .Event .Image{
    display: inline-block;
    vertical-align: top;
}
#EventList .Event .Image,
#EventList .Event .Image img{
    width: 85px;
    height: 85px;
    border-radius: 5px;
    margin: 5px;
}
#EventList .Event .Content{
    display: inline-block;
    width: 490px;
    margin-left: 20px;
}
#EventList .Event .Content h2{
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #666;
}
#EventList .Event .Content h3{
    font-size: 11px;
    font-style: italic;
    color: #ffc529;
    margin-top: 10px;
}
#EventList .Event .Content p{
    font-size: 11px;
    color: #666;
    float: left;
    margin-top: 10px;
}
#EventList .Event .Content p a{
    color: #ffc529;
}
#EventList .Event .Content p a:hover{
    text-decoration: underline;
}
#EventList .Event .Content p.Short{
}
#EventList .Event .Content p.Long{
    display: none;
}

ul.TabLine{
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    height: 52px;
    background: #f7f7f7;
}
ul.TabLine li{
    float: left;
    height: 52px;
    border-right: 1px solid #e6e6e6;
}
ul.TabLine li:hover,
ul.TabLine li.activ{
    height: 53px;
    background: #fff;
}
ul.TabLine li a{
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    padding: 0px 10px;
    height: 100%;
    line-height: 52px;
}


/*events blocks*/

.EventBlock{
    width: 100%;
    height: 246px;
}
.EventBlock .Event{
    height: 100%;
    float: left;
    -webkit-transition:  box-shadow .1s;
    -moz-transition:  box-shadow .1s;
    transition:  box-shadow .1s;
}
.EventBlock .Event:hover{
    box-shadow: 0px 0px 10px #999;
    transform: scale(1.03,1.03);
    -ms-transform: scale(1.03,1.03); /* IE 9 */
    -webkit-transform: scale(1.03,1.03); /* Safari and Chrome */

}
.EventBlock .Event a{
    padding-top: 1px;
    display: block;
    height: 100%;
    width: 100%;
}
.EventBlock .Event.big-event{
    width: 440px;
    margin-right: 2px;
}
.EventBlock .Event.small-event{
    width: 217px;
}

#Nacionalni-Dni-Na-Karierata {
    text-align: left;
    background:url(../events/images/NCD_2015_Slider_sm.png) top right no-repeat #F6A901;
}
#Nacionalni-Dni-Na-Karierata h2{
    margin-left: 20px;
    margin-top: 12px;
    color: #191919;
    font-size: 27px;
    font-weight: bold;
    line-height: 26px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;

}
#Nacionalni-Dni-Na-Karierata h2 span{
    font-size: 37px;
    padding-top: 10px;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
}

.EventBlock #Nacionalni-Dni-Na-Karierata h2{
    margin-left: 20px;
    margin-top: 89px;
    color: #000000;
    font-size: 23px;
    font-weight: bold;
    line-height: 21px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;

}
.EventBlock #Nacionalni-Dni-Na-Karierata h2 span{
    font-size: 32px;
    padding-top: 8px;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
}

.EventBlock #Nacionalni-Dni-Na-Karierata h3 {
    margin-top: 30px;
    color: #FFFFFF;
    font-size: 14px;
    margin-left: 20px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
#Nacionalni-Dni-Na-Karierata h3{
    color: #FFFFFF;
    font-size: 14px;
    margin-left: 20px;
    margin-top: 10px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase; 
}

#Nacionalni-Dni-Na-Karierata p{
    font-size: 18px;
    color:#000000;
    font-weight: bold;
    text-transform: none;
    margin-left: 2px;
    padding-top:5px;
}

.EventBlock #Nacionalni-Dni-Na-Karierata p{
    font-size: 15px;
    color:#000000;
    font-weight: bold;
    text-transform: none;
    margin-left: 0px;
    padding-top:9px;
}

#sb_seminar {
    text-align: left;
    background:url(../events/images/SB_Logo.png) top right no-repeat #4D0525;
}
#sb_seminar h2{
    margin-left: 20px;
    margin-top: 25px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;

}
#sb_seminar h2 span{
    font-size: 20px;
    padding-top: 0px;
    font-weight: bold;
    text-transform: none;
}

.EventBlock #sb_seminar h2{
    margin-left: 20px;
    margin-top: 77px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;

}
.EventBlock #sb_seminar h2 span{
    font-size: 21px;
    padding-top: 0px;
    font-weight: bold;
    text-transform: none;
}

.EventBlock #sb_seminar h3 {
    margin-top: 30px;
    color: #FFFFFF;
    font-size: 13px;
    margin-left: 19px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
}
#sb_seminar h3{
    color: #FFFFFF;
    font-size: 14px;
    margin-left: 20px;
    margin-top: 10px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: none; 
}

#sb_seminar p{
    font-size: 18px;
    color:#000000;
    font-weight: bold;
    text-transform: none;
    margin-left: 2px;
    padding-top:5px;
}

.EventBlock #sb_seminar p{
    font-size: 15px;
    color:#FFFFFF;
    font-weight: bold;
    text-transform: none;
    margin-left: 20px;
    padding-top:9px;
}

#alive_edu {
    text-align: left;
    background:url(../events/images/Alive_Education.jpg) top right no-repeat #FFFFFF;
}

.EventBlock #alive_edu {
    text-align: left;
    background:url(../events/images/AE_Logo.jpg) top right no-repeat #FFFFFF;
    border-top: 1px solid #e6e6e6;
}
#alive_edu h2{
    margin-left: 20px;
    margin-top: 25px;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;

}
#alive_edu h2 span{
    font-size: 20px;
    padding-top: 0px;
    font-weight: bold;
    text-transform: none;
}

.EventBlock #alive_edu h2{
    margin-left: 10px;
    margin-top: 87px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;

}
.EventBlock #alive_edu h2 span{
    font-size: 19px;
    padding-top: 0px;
    font-weight: bold;
    text-transform: none;
}

.EventBlock #alive_edu h3 {
    margin-top: 30px;
    color: #000000;
    font-size: 13px;
    margin-left: 10px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
}
#alive_edu h3{
    color: #000000;
    font-size: 14px;
    margin-left: 20px;
    margin-top: 10px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: none; 
}

#alive_edu p{
    font-size: 18px;
    color:#000000;
    font-weight: bold;
    text-transform: none;
    margin-left: 2px;
    padding-top:5px;
}

.EventBlock #alive_edu p{
    font-size: 15px;
    color:#FFFFFF;
    font-weight: bold;
    text-transform: none;
    margin-left: 20px;
    padding-top:9px;
}

/**
* BeIT 2015
*/
#beIT {
    text-align: left;
	background: url(../events/images/BeITpattern.png) #00AEEF;
}

.EventBlock #beIT {
    text-align: left;
	background: url(../events/images/BeITpattern.png) #00AEEF;
}

.EventBlock #beIT h2{
    margin-top:65px;
}

#beIT h2{
    margin-left: 20px;
    margin-top: 20px;
    color: #fff;
    font-size: 40px;
    line-height: 35px;
    font-family: 'Open Sans', sans-serif;

}
#beIT h2 span{
    font-size: 50px;
    padding-top: 10px;
    display: block;
    color:#fff;
}
.EventBlock #beIT h3 {
    margin-top: 30px;
}
#beIT h3{
    color: #000;
    font-size: 16px;
    margin-left: 20px;
    margin-top: 10px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase; 
}

#beIT p {
	padding-top: 10px;
	font-size: 22px;
}

/**
* Be IT today 2014
*/
#beITold {
    text-align: left;
    background:url(../events/images/BeIT_Events_Slider.png) top right no-repeat;
}

.EventBlock #beITold {
    text-align: left;
    background:url(../events/images/BeIT_Events_Page.png) top right no-repeat;
}

.EventBlock #beITold h2{
    margin-top:65px;
}


#beITold h2{
    margin-left: 20px;
    margin-top: 20px;
    color: #fff;
    font-size: 40px;
    line-height: 35px;
    font-family: 'Open Sans', sans-serif;

}
#beITold h2 span{
    font-size: 50px;
    padding-top: 10px;
    display: block;
    color:#fff;
}
.EventBlock #beITold h3 {
    margin-top: 30px;
}
#beITold h3{
    color: #000;
    font-size: 16px;
    margin-left: 20px;
    margin-top: 10px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase; 
}

/**
* Hardcore sales with Andy Preston
*/
#HardCoreSales {
    text-align: left;
    background-color: #7A070F;
}

.EventBlock #HardCoreSales {
    text-align: left;
    background-color: #7A070F;
    border-top: 1px solid #e6e6e6;
}
#HardCoreSales h2{
    margin-left: 20px;
    margin-top: 25px;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;

}
#HardCoreSales h2 span{
    font-size: 20px;
    padding-top: 0px;
    font-weight: bold;
    text-transform: none;
}

.EventBlock #HardCoreSales h2{
    margin-left: 10px;
    margin-top: 65px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;

}
.EventBlock #HardCoreSales h2 span{
    font-size: 19px;
    padding-top: 0px;
    font-weight: bold;
    text-transform: none;
}

.EventBlock #HardCoreSales h3 {
    margin-top: 30px;
    color: #FFF;
    font-size: 13px;
    margin-left: 10px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
}
#HardCoreSales h3{
    color: #FFF;
    font-size: 14px;
    margin-left: 20px;
    margin-top: 10px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: none; 
}

#HardCoreSales p{
    font-size: 18px;
    color:#FFF;
    font-weight: bold;
    text-transform: none;
    margin-left: 2px;
    padding-top:5px;
}

.EventBlock #HardCoreSales p{
    font-size: 15px;
    color:#FFFFFF;
    font-weight: bold;
    text-transform: none;
    margin-left: 20px;
    padding-top:9px;
}

#hrweekend {
    text-align: left;
    background:url(../events/images/XXII_HR_Weekend_Slider.png) top right no-repeat;
}

.EventBlock #hrweekend {
    text-align: left;
    background:url(../events/images/XXII_HR_Weekend_Page.png) top right no-repeat;
}

.EventBlock #hrweekend h2{
    margin-top:30px;
}


#hrweekend h2{
    margin-left: 20px;
    margin-top: 22px;
    color: #fff;
    font-size: 22px;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;

}

.EventBlock #hrweekend h2{
    margin-left: 20px;
    margin-top: 22px;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;

}

#hrweekend h2 span{
    font-size: 50px;
    padding-top: 10px;
    display: block;
    color:#fff;
}
.EventBlock #hrweekend h3 {
    margin-top: 17px;
}
#hrweekend h3{
    color: #FFF;
    font-size: 15px;
    margin-left: 20px;
    margin-top: 4px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: none; 
}

#hrweekend p{
    color: #FFFFFF;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 8px;
    line-height: 12px;
    width: 64%;
}	

.EventBlock #hrweekend p{
    color: #FFFFFF;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 20px;
    line-height: 12px;
    width: 50%;
}

#hrindustry2015 {
    text-align: left;
    background:url(../events/images/HR_Industry_2015_lSlider.png) top right no-repeat;
}

.EventBlock #hrindustry2015 {
    text-align: left;
    background:url(../events/images/HR_Industry_2015_lPage.png) top right no-repeat;
}

#hrindustry2015  h2{
    margin-left: 270px;
    margin-top: 58px;
    color: #000000;
    font-size: 17px;
    line-height: 21px;
    font-family: Cambria, 'Open Sans', sans-serif;

}

#hrindustry2015  h2 span{
    font-size: 17px;
    display: block;
    color: #000000;
    font-weight:bold;
}

.EventBlock #hrindustry2015  h2{
    margin-left: 180px;
    margin-top: 152px;
    color:  #000000;
    font-size: 17px;
    line-height: 21px;
    font-family: Cambria, 'Open Sans', sans-serif;
    text-transform:uppercase;
}

.EventBlock #hrindustry2015  h2 span{
    font-size: 17px;
    padding-top: 4px;
    padding-bottom:10px;
    display: block;
    color: #000000;
}

#tuv_academy2014{
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background:url(../events/images/TUV_AUSTRIA_Akademie_2014.png) top right no-repeat #FFFFFF;
}

#tuv_academy2014 h2{
    margin-left: 20px;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    margin-top: 20px;
    font-weight: bold;
}

#tuv_academy2014 p{
    color: #808080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 17px;
    margin-left: 28px;
    margin-top: 10px;
    line-height: 25px;
    width: 83%;
}

.EventBlock #tuv_academy2014 p{
    color: #808080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 17px;
    margin-left: 28px;
    margin-top: 45px;
    line-height: 25px;
    width: 83%;
}

.EventBlock #tuv_academy2014{
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background:url(../events/images/TUV_AUSTRIA_Akademie_2014.png) top right no-repeat #FFFFFF;
    border-top: 1px solid #e6e6e6;
}


#topict2014 {
    text-align: left;
    background:url(../images/top-ict.png) bottom right no-repeat #1B5D84;
}
#topict2014 h2{
    margin-left: 20px;
    margin-top: 12px;
    color: #FFFFFF;
    font-size: 40px;
    line-height: 40px;
    font-family: 'Open Sans', sans-serif;

}

#topict2014 h2 span{
    font-size: 28px;
    padding-top: 10px;
    display: block;
}

#topict2014 h3{
    color: #000000;
    font-size: 16px;
    margin-left: 20px;
    margin-top: 10px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase; 
}

.EventBlock #topict2014 h3 {
    margin-top: 30px;
    margin-left: 15px;
}

.EventBlock #topict2014 h2{
    margin-left: 11px;
    margin-top: 88px;
    color: #FFFFFF;
    font-size: 40px;
    line-height: 25px;
    font-family: 'Open Sans', sans-serif;

}

.EventBlock #itcd_2014 {
    text-align: left;
    background:url(../events/images/IT_CD_2014_Page.png) top right no-repeat;
}

#itcd_2014 {
    text-align: left;
    background:url(../events/images/IT_CD_2014_Slider.png) bottom right no-repeat;
}
#itcd_2014  h2{
    margin-left: 15px;
    margin-top: 36px;
    color: #0079BE;
    font-size: 22px;
    line-height: 17px;
    font-family: 'Open Sans', sans-serif;

}

.EventBlock #itcd_2014  h2 span{
    font-size: 32px;
    padding-top: 10px;
    display: block;
}

#itcd_2014  h2 span{
    font-size: 36px;
    padding-top: 10px;
    display: block;
}

#itcd_2014  h3{
    color: #000000;
    font-size: 16px;
    margin-left: 15px;
    margin-top: 10px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase; 
}

.EventBlock #itcd_2014  h3 {
    font-size: 14px;
    margin-left: 20px;
    margin-top: 18px;
    line-height: 10px;
    font-weight: bold
}

.EventBlock #itcd_2014  h2{
    margin-left: 10px;
    margin-top: 125px;
    color: #0079BE;
    font-size: 20px;
    line-height:18px;
    font-family: 'Open Sans', sans-serif;

}

.EventBlock #economy_cd_2014 {
    text-align: left;
    background:url(../events/images/Career_Days_UNWE_2014_Page.png) top right no-repeat;
}

#economy_cd_2014 {
    text-align: left;
    background:url(../events/images/Career_Days_UNWE_2014_Slider.png) bottom right no-repeat;
}
#economy_cd_2014  h2{
    margin-left: 15px;
    margin-top: 12px;
    color: #575f0d;
    font-size: 19px;
    line-height: 12px;
    font-family: 'Open Sans', sans-serif;

}

#economy_cd_2014  h2 span{
    font-size: 40px;
    padding-top: 10px;
    padding-bottom:13px;
    display: block;
    color: #FFFFFF;
}

#economy_cd_2014  p{
	line-height: 25px;
}

#economy_cd_2014  h3{
    color: #000000;
    font-size: 16px;
    margin-left: 20px;
    margin-top: 10px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase; 
}

.EventBlock #economy_cd_2014  h3 {
    margin-top: 30px;
    margin-left: 15px;
}

.EventBlock #economy_cd_2014  h2{
    margin-left: 15px;
    margin-top: 4px;
    color:  #575f0d;
    font-size: 19px;
    line-height: 45px;
    font-family: 'Open Sans', sans-serif;
}

.EventBlock #economy_cd_2014  h2 span{
    font-size: 40px;
    padding-top: 30px;
    padding-bottom:0px;
    display: block;
    color: #FFFFFF;
}

.EventBlock #economy_cd_2014  h2 p{
    margin-top: 0px;
    font-size: 18px;
    line-height: 22px;
}

#Sofia-Game-Jam-2014{
    text-align: left;
    font-family: 'Open Sans', sans-serif ;
    background:url(../../images/tiger-head-bg.png) top right no-repeat #92ac52;
}
#Sofia-Game-Jam-2014 h2{
    margin-left: 20px;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    margin-top: 20px;
    font-weight: bold;
}
#Sofia-Game-Jam-2014 h3{
    color: #fff;
    font-size: 10px;
    margin-left: 20px;
    margin-top: 10px;
    line-height: 10px;
    font-weight: bold;
}
#Sofia-Game-Jam-2014 p{
    color: #e7f0c2;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 20px;
    line-height: 12px;
    width: 70%;
}

#top-ict-employer{
    text-align: left;
    font-family: 'Open Sans', sans-serif ;
    background:url(../../images/top-ict.png) bottom right no-repeat #1b5d84;
}
#top-ict-employer h2{
    margin-left: 20px;
    color: #fff;
    font-size: 25px;
    line-height: 32px;
    margin-top: 42px;
    font-weight: bold;
}

.EventBlock #top-ict-employer h2{
    margin-left: 20px;
    color: #fff;
    font-size: 23px;
    line-height: 32px;
    margin-top: 105px;
    font-weight: bold;
}
#top-ict-employer h3{
    color: #fff;
    font-size: 13px;
    margin-left: 20px;
    margin-top: 18px;
    line-height: 10px;
    font-weight: bold;
}

#top-ict-employer p{
    color: #eee;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 20px;
    line-height: 12px;
    width: 70%;
}

#hrweekend_24{
    text-align: left;
    font-family: 'Open Sans', sans-serif ;
    background:url(../events/images/HR_Weekend.png) bottom right no-repeat #84A84A;
}

#hrweekend_24 h2{
    margin-left: 20px;
    color: #fff;
    font-size: 28px;
    line-height: 32px;
    margin-top: 65px;
    font-weight: bold;
}

.EventBlock #hrweekend_24 h2{
    margin-left: 20px;
    color: #fff;
    font-size: 23px;
    line-height: 32px;
    margin-top: 95px;
    font-weight: bold;
}

.EventBlock #hrweekend_24 h3{
    color: #fff;
    font-size: 13px;
    margin-left: 20px;
    margin-top: 18px;
    line-height: 22px;
    font-weight: bold;
}

#hrweekend_24 h3{
    color: #fff;
    font-size: 13px;
    margin-left: 20px;
    margin-top: 18px;
    line-height: 10px;
    font-weight: bold;
}

#hrweekend_24 p{
    color: #eee;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 20px;
    line-height: 12px;
    width: 70%;
}





.EventBlock #webloz_edge{
    text-align: left;
    font-family: 'Open Sans', sans-serif ;
    background:url(../events/images/Webloz_edge_psm.png) bottom right no-repeat #89C144;
}

.EventBlock #webloz_edge h3{
    color: #fff;
    font-size: 13px;
    margin-left: 10px;
    margin-top: 18px;
    line-height: 10px;
    font-weight: bold;
}

#webloz_edge h3{
    color: #fff;
    font-size: 13px;
    margin-left: 20px;
    margin-top: 18px;
    line-height: 10px;
    font-weight: bold;
}

#webloz_edge{
    text-align: left;
    font-family: 'Open Sans', sans-serif ;
    background:url(../events/images/Webloz_edge_slsm.png) bottom right no-repeat #89C144;
}


#insp-book{
    text-align: left;
    font-family: 'Open Sans', sans-serif ;
    background:url(../events/images/The_Book_Slider.png) top right no-repeat #B20303;
}
#insp-book h2{
    margin-left: 20px;
    color: #B20303;
    font-size: 18px;
    line-height: 18px;
    margin-top: 20px;
    font-weight: bold;
}
#insp-book h3{
    color: #fff;
    font-size: 10px;
    margin-left: 20px;
    margin-top: 10px;
    line-height: 10px;
    font-weight: bold;
}
#insp-book p{
    color: #eee;
    font-size: 12px;
    margin-left: 27px;
    margin-top: 25px;
    line-height: 12px;
    width: 85%;
}

.EventBlock #insp-book{
    text-align: left;
    font-family: 'Open Sans', sans-serif ;
    background:url(../events/images/The_Book_Page.png) top right no-repeat #B20303;
}

.EventBlock #insp-book p{
    color: #eee;
    font-size: 12px;
    margin-left: 22px;
    margin-top: 32px;
    line-height: 12px;
    width: 79%;
}

#hrweekend_23{
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    background:url(../events/images/XXIII_HR_Weekend_slsm.png) top right no-repeat;
}
#hrweekend_23 h2{
    margin-left: 8px;
    color: #000000;
    font-size: 20px;
    line-height: 20px;
    margin-top: 75px;
}

#hrweekend_23 span{
    color: #000000;
    font-size: 13.5px;
    line-height: 22px;
} 

#hrweekend_23 p{
    color: #000000;
    font-size: 15px;
    line-height: 22px;
} 

.EventBlock #hrweekend_23{
    text-align: left;
    font-family: 'Open Sans', sans-serif ;
    background:url(../events/images/XXIII_HR_Weekend_pgsm.png) top right no-repeat;
}

.EventBlock #hrweekend_23 h2{
    margin-left: 8px;
    color: #000000;
    font-size: 18px;
    line-height: 17px;
    margin-top: 117px;
}

.EventBlock #hrweekend_23 span{
    color: #000000;
    font-size: 12px;
}

#my_bank_3{
    text-align: left;
    font-family: 'Open Sans', sans-serif ;
    background:url(../events/images/my_bank_3.0_slider.png) bottom right no-repeat;
}

.EventBlock #my_bank_3{
    text-align: left;
    font-family: 'Open Sans', sans-serif ;
    background:url(../events/images/my_bank_3.0_page.png) bottom right no-repeat;
}

#my_bank_3 h2{
    margin-left: 20px;
    color: #C8252C;
    font-size: 16px;
    line-height: 18px;
    margin-top: 20px;
    font-weight: bold;
}

.EventBlock #my_bank_3 h2{
    margin-top: 30px;
}

#my_bank_3 h3{
    color: #000;
    font-size: 10px;
    margin-left: 20px;
    margin-top: 10px;
    line-height: 10px;
    font-weight: bold;
}
#my_bank_3 p{
    color: #000;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 20px;
    line-height: 12px;
    width: 70%;
}

/*empl blocks*/

#ServiceBlock {
    height: 440px;
    border-top: 1px solid #e6e6e6;
}
#ServiceBlock .Service{
    position: relative;
    float: left;
    width: 219px;
    height: 219px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    z-index: 9;

    background-image: url(../images/ServicesBlock.png);
    background-repeat: no-repeat;
}
#ServiceBlock .Service p{
    padding: 0px;
}
#ServiceBlock .Service#Search-Candidates{
    background-color: #fff;
    background-image: none;
}
#ServiceBlock .Service#Subscriptions{
    background-color: #ac8152;
    background-position: 90px 0px;
}
#ServiceBlock .Service#Employer-Branding{
    background-color: #52aca0;
    background-position: -131px 0px;
}
#ServiceBlock .Service#Recruitment{
    background-color: #6dce32;
    background-position: -351px 0px;
}
#ServiceBlock .Service#Jobs{
    background-color: #ac5267;
    background-position: -571px 0px;
}
#ServiceBlock .Service#Training{
    background-color: #6ec1ff;
    background-position: -792px  0px;
}
#ServiceBlock .Service#Video{
    background-color: #c8252c;
    background-position: right  top;
}
#ServiceBlock .Service a.Full{
    display: block;
    padding: 20px;
    height: 179px;
    width: 179px;
}
#ServiceBlock .Service a.Full:hover{
    box-shadow: 0px 0px 15px #444;
}
#ServiceBlock .Service.Last{
    border-right: none;
    width: 218px;
}
#ServiceBlock .Service:hover{
    z-index: 999;
}
#ServiceBlock .Service h2{
    font: bold 18px 'Open Sans', sans-serif;
    color: #fff;
    text-transform: uppercase;
}
#ServiceBlock .Service p{
    margin-top: 15px;
    font-size: 12px;
    color: #fff;
    line-height: 17px;
}
#ServiceBlock .Service#Search-Candidates h2{
    color: #666;
}
#ServiceBlock .Service#Search-Candidates p{
    color: #666;
}
.BtnContainer{
    position: absolute;
    left: 5px;
    bottom: 10px;
    display: none;
}
.BtnContainer .Btn{
    float: left;
}
.BtnContainer .Btn a{
    text-transform: uppercase;
    font-size: 10px;
    margin-right: 5px;
    background: rgba(204, 204, 204, 0.5);
    padding: 4px 5px;
}
#Jobs .BtnContainer .Btn a{
    background: rgba(255, 255, 255, 0.7);
}
#Jobs .BtnContainer .Btn a:hover,
.BtnContainer .Btn a:hover{
    background: rgb(238, 238, 238);
}


/*EmployerBlock*/
#EmployerBlock{
    padding-bottom: 20px;
    background: url(../images/EmployerBlock.png) right bottom no-repeat #ee3b46;
}
#EmployerBlock .Title{
    height: 50px;
    background-color: #ee3b46;	
    line-height: 50px;
    border-bottom: 1px solid #ec636b;
    color: #fff;
}
#EmployerBlock .Title .Arrow{
    margin: 18px;
}
#EmployerBlock div.Text{
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    color: #fff;
    padding: 20px;
    line-height: 16px;
}
#EmployerBlock div.Service{
    position: relative;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}
#EmployerBlock .Service.UnLog{
    padding: 0px 20px !important;
}
#EmployerBlock div.Service .Bubble{
    position: absolute;
    bottom: 34px;	
    left:  120px;
    z-index: 9;
}
#EmployerBlock div.Service .Bubble a{
    padding-top: 12px;
    padding-bottom: 12px;
    text-decoration: none;
    color: #ee3b46;
}
#EmployerBlock div.Service .Bubble a:hover{
    text-decoration: none;

}
#EmployerBlock div.Service b{
    font-weight: bold;
}
#EmployerBlock div.Service a{
    color: #FDF3F7;
    font-style: italic;
    padding: 10px 20px;
    display: block;
}
#EmployerBlock .Service.ContainerSlider a{
    color: #FDF3F7;
    font-style: italic;
    padding: 10px 20px;
    display: block;
}
#EmployerBlock div.Service a span{
    color: #fff;
    font-weight: bold;
    font-style: normal;
}
#EmployerBlock div.Service .Slider{
    display: block;
}
#EmployerBlock div.Service .Slider a{
    display: block;
    padding: 2px 30px;
    font-size: 12px;
    color: #fec7cc;
}
#EmployerBlock div.Service:hover .Slider{
    display: block;
}

#EmployerBlock div.Service a:hover{
    text-decoration: underline;
}


/*main*/
.TextBlock{
    padding: 20px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 11px;
}
.TextBlock h3{
    text-transform: uppercase;
    color: #666;
    font-weight: bold;
    font-size: 12px;
}
.TextBlock p{
    color: #666;
    margin: 20px 0px;
}
.TextBlock a{
    color: #ee3b46;
}

/* BulletinBlock*/
#BulletinBlock{
    padding: 20px;
}
#BulletinBlock.InRightColumn{
    padding: 10px;
}
#BulletinBlock div.Text{
    color: #666;
    font-size: 11px;
}
#BulletinBlock div.Error .errorLabel{
    color: #ee3b46;
    font-size: 11px;
    margin-top: 10px;
}
#BulletinBlock form{
    margin-top: 10px;
}
#BulletinBlock div.Text span{
    color: #ee3b46;
}
#BulletinBlock input{
    margin-top: 3px;
    padding: 6px;
    width: 128px;
    border: 1px solid #e6e6e6;
    outline-color: #ee3b46;
}
#BulletinBlock.InRightColumn input{
    width: 124px;
}
#BulletinBlock input.Mail{
    width: 274px;
}
#BulletinBlock.InRightColumn input.Mail{
    width: 265px;
}
#BulletinBlock input.Submit{
    width: auto;
    padding: 6px;
    color: #fff;
    margin-top: 10px;
    font: bold 11px 'Open Sans', sans-serif;
    text-transform: uppercase;
    background: #ee3b46;
    cursor: pointer;
}


/*EmployerJobsList*/
#EmployerJobsList{
    background: red;
}
#EmployerJobsList .Job{
    padding: 20px;
}


/*ContactBlock*/
#ContactBlock{
    padding: 20px;
}
#ContactBlock .Image{
    width: 48px;
    height: 48px;	
    background-image: url(../images/ContactIcon.png);
    float: left;
}
#ContactBlock .Content{
    font-size: 15px;
    color:	#a2a1a1;
    font-style: italic;
    float: left;
    margin-left: 20px;
}
#ContactBlock .Content span{
    font-size: 28px;
    line-height: 30px;
    color:	#ee3b46;
    font-weight: bold;
    font-style: italic;
    margin-left: -5px;
}

/*PortfolioBlock*/
#PortfolioBlock{
    padding: 20px;
}
#PortfolioBlock .Text{
    font-size: 12px;
    color: #868686;
}
#PortfolioBlock a{
    font-size: 11px;
    color: #ee3b46;
    font-style: italic;
}
#PortfolioBlock a:hover{
    text-decoration: underline;
}



/* Training Block*/

#TrainingBlock {
    height: 440px;
    border-top: 1px solid #e6e6e6;
}
#TrainingBlock .Training{
    position: relative;
    float: left;
    width: 219px;
    height: 219px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    z-index: 9;
    color: white;
}
#TrainingBlock .Training.Double{
    width: 439px;
}
#TrainingBlock .Training.Last{
    border-right: none;
    width: 218px;

}
#TrainingBlock .Training .Container{
    padding: 15px 20px;
}
#TrainingBlock .Training h2{
    text-transform: uppercase;
    font: bold 18px 'Open Sans', sans-serif;
}
#TrainingBlock .Training p{
    font-size: 12px;;
}
#TrainingBlock .Training#GCDF{
    background-color: #52aca0;
    background-image: none;
}
#TrainingBlock .Training#GCDF:hover{
    border-color: #52aca0;
}
#TrainingBlock .Training#PEP{
    background-color: #ac5267;
    background-position: 90px 0px;
}
#TrainingBlock .Training#PEP:hover{
    border-color: #ac5267;
}
#TrainingBlock .Training#Health-Day{
    background-color: #fff;
    background-position: -131px 0px;
    color: #666;
}
#TrainingBlock .Training#PPC{
    background-color: #5278ac;
    background-position: -351px 0px;
}
#TrainingBlock .Training#PPC:hover{
    border-color: #5278ac;
}
#TrainingBlock .Training#Clean{
    background-color: #fff;
    background-repeat: no-repeat;
    background-image: url(../images/tiger-event.png);
    background-position: right top;
}
#TrainingBlock .Training#Clean:hover{
    box-shadow: none;
}
#TrainingBlock .Training a{
    display: block;
    width: 100%;
    height: 100%;
}
#TrainingBlock .Training:hover{
    box-shadow: 0px 0px 15px #444;;
    z-index: 999;
}

#TrainingContainer ul li{
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
    float: left;
}
#TrainingContainer ul li:hover{
    box-shadow: 0px 0px 20px #dcdcdc;
    -webkit-transform: scale(1.01,1.01);
}
#TrainingContainer ul li .Conteiner{
    padding: 20px;
    float: left;
}
#TrainingContainer ul li .Content{
    width: 430px;
    font-size: 11px;
    float: left;
}
#TrainingContainer ul li .More{
    width: 189px;
    float: left;
    text-align: right;
}
#TrainingContainer ul li .More .Logo{
    height: 40px;
    float: right;
    text-align: right;
}
#TrainingContainer ul li .More .Logo img{
    height: 40px;
}
#TrainingContainer ul li .Content .Title{
    font-size: 15px;
    font-weight: bold;
    color: #4c4c4c;
}
#TrainingContainer ul li .Content .Period{
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    color: #6ec1ff;
    margin-top: 5px;
}
#TrainingContainer ul li .More .City{
    font-size: 11px;
    font-weight: bold;
    color: #666666;
}
#TrainingContainer ul li .More .StartDate{
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    color: #b2b2b2;
    margin-top: 5px;
}


/*TrainingList*/
#TrainingList ul li{
    height: 72px;
}
#TrainingList.MegaHome ul li{
    height: 77px;
}
#TrainingList ul li:hover{
    background: #f6f6f6;
}
#TrainingList ul li a{
    height: 52px;
    display: block;
    padding: 15px 20px 0px 20px ;
}
#TrainingList ul li.Separator{
    width: 289px;
    height: 0px;
    margin-left: 20px;
    border-bottom: 1px dotted #9d9e9e;
}
#TrainingList.MegaHome ul li.Separator{
    width: 100%;
    height: 0px; 
    margin-left: 0px;
    border-bottom: 1px solid #e6e6e6;
}
#TrainingList ul li h2{
    color: #666;
    font-weight: bold;
    font-size: 12px;
}
#TrainingList ul li div.City{
    color: #ffc529;
    font-size: 11px;
    font-style: italic;
    margin-top: 5px;
    font-weight: bold;
}

/*RecruitmentList*/
#RecruitmentList{
    z-index: 999;
}
#RecruitmentList ul li{
    background: #fff;
}
#RecruitmentList ul li.Separator{
    width: 260px;
    border-bottom: 1px dotted #bebfbf;
    margin-left: 20px;
}
#RecruitmentList ul li a{
    height: 60px;
    padding: 15px;
    display: block;
}
#RecruitmentList .Image{
    float: left;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
#RecruitmentList .Image img{
    width: 60px;   
}
#RecruitmentList ul li:hover .Image img{
    margin-top: -60px;
}
#RecruitmentList .Content{
    float: left;
    padding-top: 15px;
    padding-left: 20px;
    width: 160px;
}
#RecruitmentList .Content h2{
    color: #4c4c4c;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}
#RecruitmentList .Content h3{
    color: #808080;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    line-height: 12px;
}
#RecruitmentList .Content div.Link{
    color: #6dce32;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    line-height: 25px;
    display: inline;
    position: relative;
}
#RecruitmentList .Content div.Link .Bubble{
    position: absolute;
    bottom: 24px;	
    left:  -5px;
    z-index: 9;
}
#RecruitmentList .Content div.Link .Bubble .Text{
    padding: 20px;
    font-size: 11px;
    color: #fff;
    line-height: 11px;
    font-style: normal;
}

/*RecruitmentBlock*/
#RecruitmentBlock{
    height: 246px;
    background-color: #6dce32;
    background-image: url(../images/RecruitmentBlock.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
#RecruitmentBlock .Conteiner{
    padding: 20px;
}
#RecruitmentBlock h2{
    color: #fff;
    width: 50%;
    text-transform: uppercase;
    line-height: 25px;
    font: bold 28px 'Open Sans', sans-serif;
}
#RecruitmentBlock p{
    color: #fff;
    width: 50%;
    font-size: 12px;
}
#RecruitmentBlock .Btn{
    color: #fff;
    width: 165px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    background: #59a828;
    margin-top: 30px;
}
#RecruitmentBlock .Btn:hover{
    background: #60a834;
}
#RecruitmentBlock  .Btn a{
    display: block;
    padding: 10px 20px;
    text-align: center;
}

div.DialogBlock{
    width: 100%;
    overflow: hidden;
}

/*
      Miro
*/

.errors, td.err_td, .warning {
    /*   border: 1px solid #ef3c47;*/
    color: red;
    font-size: 12px;
    padding: 5px 0;
    /*	margin: 0 0 10px 0;*/
    line-height: normal;
    text-align: center;
}
.warning {
    color: #F70;
}
.errors p {
    padding: 5px !important;
}

.pull-left, .left {
    float: left;
}
.pull-right, .right {
    float: right;
}
.form, .form li {
    padding: 0;
    margin: 5px 0 0 0;
    list-style: none;
}
.form li.halfinput {
    display: inline-block;
    width: 49%;
}
.form li.halfinput .input {
    width: 94% !important;
}
.form li.halfinput .field {
    margin: 5px 0 0 0;
}
.form.vertical li {
    display: inline-block;
}
.form.centered {
    margin: 0 auto;
}
.form li label {
    font-style: italic;
    color: #666;
    font-size: 12px;
}
.form .field, .form.field {
    border: 1px solid #e6e6e6;
    padding: 5px;
    background-color: #fff;
}
.form .field.validation {
    width: 67%;
    padding: 6px;
    float: left;
    min-height: 26px;
    clear: left;
}
.form .has-error {
    border-color: #ef3c47;
}
.form .has-success {
    border-color: #6dce32;
}
.form .form-error {
    margin: 3px 0 0 0;
    padding: 0 0 3px 0;
    color: red;
    display: inline-block;
}

.input {
    width: 94%;
    margin: 0;
    padding: 5px;
    border: none;
    outline: none;
    font-style: italic;
    color: #666;
    font-family: Arial;
}

.input.textarea {
    width: 99%;
}

.button {
    color: #fff;
    background-color: #FFC529;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    padding: 10px 20px;
    text-decoration: none;
    outline: none;
}

.button:disabled {
    background-color: #bbb !important;
}

.button:disabled:hover {
    opacity: 1;
}

.button.block {
    display: block;
}

.button.search {
    background-color: #ff9807;
    color: #FFF;
}

.button.green {
    background-color: #59A828;
}

.button.orange {
    background-color: #f70;
}

.button.delete, .button.red {
    background-color: #EF3C47;
}

.button.VR {
    background: #EF3C47 url('../img/send-vr-all.gif') no-repeat 95% center;
    padding: 10px 45px 10px 20px;
}

.button.VRImport {
    background: #FFC529 url('../img/excel-icon-white.png') no-repeat 95% center;
    padding: 10px 45px 10px 20px;
}

.button:hover{
    opacity: .8;
}

.button.small {
    font-size: 12px !important;
    padding: 7px 15px;
}
.button.linkedin {
    font-size: 11px !important;
    display: inline-block;
    margin: 0 !important;
    background: #0088BE url('../img/linkedin_logo_inverse.png') no-repeat right center !important;
    padding: 5px 29px 5px 5px;
    width: 150px;
    text-transform: none !important;
}

span.required {
    color: red;
    vertical-align: middle;
    font-size: 17px;
    font-style: italic;
}

#loginBlockLeft {
    padding: 0 10px 20px 20px;
    width: 60%;
    float: left;
    border-right: 1px dotted #CCC;
}
#loginBlockRight {
    width: 32%;
    float: left;
    padding: 5px 10px 10px 10px;
    text-align: center;
}
#loginBlockFull {
    width: 94%;
    padding: 30px 20px 20px 20px;
    clear: left;
}
#loginBlockFull h3, #loginBlockRight h3 {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
#loginBlockFull p, #loginBlockRight p {
    padding: 20px 0;
}
#registrationBlock {
    padding: 20px;
}
#registrationType {
    margin: 0 auto;
}
#registrationType .Half {
    width: 45%;
    float: left;
    padding: 1% 2%;
}
#registrationType h3 {
    text-transform: uppercase;
    font-family:'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #4c4c4c;
}
#registrationType p {
    font-family: Arial;
    font-size: 11px;
    text-align: center;
    padding: 10px 0;
    color: #666;
}
#registrationType .lineSeparator {
    padding: 15px 0;
    border-top: 1px dotted #d4d4d4;
    width: 70%;
    margin: auto;
}
#registrationType .buttonContainer {
    margin-top: 20px;
}
#registrationUser {
    border-right: 1px solid #d4d4d4;
}
.RegistrationChooseType {
    width: 62px;
    margin: 0 auto 10px auto;
}
.RegistrationChooseType li {
    display: inline-block;
}
.imageUser, .imageEmployer {
    background-image: url('../images/RegistrationFormSprite.png');
    background-repeat: no-repeat;
    width: 116px;
    height: 96px;
    margin: 30px auto;
    cursor: pointer;
    display: block;
}
.imageUser {
    background-position: top left;
}
.imageEmployer {
    background-position: top right;
}
.imageUser.small, .imageEmployer.small {
    background-image: url('../images/RegistrationFormSpriteSmall.png');
    width: 29px;
    height: 29px;
    margin: 0;
}
.imageUser.small.hover {
    background-position:  bottom left;
}
.imageEmployer.small.hover {
    background-position:  bottom right;
}
.SocialContainer{
    padding-top: 5px;
    width: 377px;
    height: 62px;
    overflow: visible;
    margin: 0 auto;
}
.SocialContainer ul li{
    height: 62px;
    width: 62px;
    float: left;
    margin-left: 1px;

    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
.SocialContainer li.disabled {
    background-color: #CCC !important;
    cursor:auto;
}
.SocialContainer li.disabled:hover {
    transform: none;
    -webkit-transform: none;
    box-shadow: none;
}
.SocialContainer ul li.disabled:hover div.Icon{
    transform: none;
    -webkit-transform: none;
}
.SocialContainer ul li:hover{
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    box-shadow: 0px 0px 10px #fff;
}
.SocialContainer ul li:hover div.Icon{
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
}

.SocialContainer ul li#FB{ background-color: #4b6eac; 	margin-left: 0px;}
.SocialContainer ul li#Go{ background-color: #e66249; }
.SocialContainer ul li#Tw{ background-color: #00baf0; }
.SocialContainer ul li#Yahoo{ background-color: #5721a9; }
.SocialContainer ul li#OpenID{ background-color: #f7931e; }
.SocialContainer ul li#LiveID{ background-color: #0099ab; }
.SocialContainer ul li#LinkedIn{ background-color: #0088c0; }
.SocialContainer ul li#FB a div.Icon{ background-position: 0px 0px; }
.SocialContainer ul li#Go a div.Icon{ background-position: -30px 0px; }
.SocialContainer ul li#Tw a div.Icon{ background-position: -60px 0px; }
.SocialContainer ul li#Yahoo a div.Icon{ background-position: -90px 0px; }
.SocialContainer ul li#LiveID a div.Icon{ background-position: -150px 0px; }
.SocialContainer ul li#OpenID a div.Icon{ background-position: -120px 0px; }
.SocialContainer ul li#LinkedIn a div.Icon{ background-position: -180px 0px; }
.SocialContainer ul li a{
    margin-top: -1px;
    padding-top: 1px;
    display: block;
    width: 100%;
    height: 100%;
}
.SocialContainer ul li div.Icon{
    height: 30px;
    width: 30px;
    margin: 16px;
    background-image: url(/images/SocialIcon.png);
    background-repeat: no-repeat;
}
.OrSeparator{
    height: 42px;
    text-align: center;
}
.OrSeparator .Separator{
    height: 1px;
    width: 100%;
    background: #e6e6e6;
    margin-top: 30px;
}
.OrSeparator .Point{
    height: 42px;
    width: 42px;
    margin: auto;
    margin-top: -21px;
    background: #e6e6e6;
    border-radius: 50%;
    line-height: 42px;
    font-size:  8px ;
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
}
#OpenIDBlock {
    width: 251px;
    height: 50px;
    margin: 0 auto;
    display: none;
}
#OpenIDBlock #OpenIDInput{
    width: 254px;
    float: left;
}
#OpenIDBlock #OpenIDSubmit{
    float: right;
}
/*
      Global .icon-*
*/
.icon-close {
    width: 6px;
    height: 6px;
    background-image: url(../images/MainIcon.png);
    background-repeat: no-repeat;
    margin: 0 0 0 2px;
    background-position: -156px -1px;
    display: inline-block;
}
.icon-search {
    background-image: url('../images/search-icon.png');
    background-position: top left;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: -7px;
}
.icon-email {
    position: relative;
    top: 1px;
    margin-right: 5px;
    display:inline-block;
    width: 10px;
    height: 8px;
    background-image: url(../images/MainIcon.png);
    background-position: -82px 0px;
    background-repeat: no-repeat;
}

.small {
    font-size: 14px !important;
}

.link, div#CareerLib a {
    color: #F58609 !important;
}

.link:hover {
    color: #FAA61A !important;
}

.notification {
    padding: 10px 0;
    font-size: 15px;
    text-align: center;
    font-style: italic;
    line-height: normal;
}

.success {
    color: #3f992d;
    padding: 10px 0;
    line-height: normal;
}

div.Container {
    padding: 20px;
    margin: 0;
}

div.SmallContainer {
    padding: 10px;
    margin: 0;
}
.Container h3, .Container h4 {
    padding: 10px 0;
}

.Container h2 {
    font-size: 17px;
    font-weight: bold;
}

.Container h3 {
    /*	text-transform: uppercase;*/
    font-size: 15px;
    font-weight: bold;
}

.Container h4 {
    font-size: 13px;
    font-weight: bold;
    color: #4d4d4d;
}

.Container p {
    padding: 10px 0;
    line-height: normal;
}

div.Half {
    width: 50%;
    float: left;
}

.Full {
    width: 100%;
}

.Half h3, .Full h3 {
    padding: 10px;
    /*	text-transform: uppercase;*/
    font-size: 15px;
    font-weight: bold;
}

.Half h4, .Full h4 {
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #4d4d4d;
}

.Half p, .Full p {
    padding: 0 10px 10px 10px;
    line-height: normal;
}

.link-button {
    font-family: 'Open Sans', sans-serif;
    border: none;
    cursor: pointer;
    padding: 24px 0 0 0;
    text-decoration: none;
    outline: none;
}

#forgottenPasswordBlock {
    width: 64%;
    margin: 0 auto 10px auto;
}

#forgottenPasswordBlock .form .field.validation {
    width: 68%;
}

form[name="loginForm"] .field.validation {
    width: 66%;
}

#forgottenPassword .BigTitle,
#login .BigTitle,
#registration .BigTitle
{
    border-top: 1px solid #e6e6e6;
}

.MessageBox {
    padding: 10px;
}

.center {
    text-align: center;
}

li.notificationMsg {
    margin: 10px 0;
}

.BigTitle.border-tb {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.no-padding-top {
    padding-top: 0 !important;
}

#UnavailableService{
    padding: 20px;
    float: left;
}
#UnavailableService .Title{
    color: black;
    font-weight: bold;
    margin-top: 10px;
}
#UnavailableService .Par{
    color: black;
    margin-top: 10px;
    font-style: italic;
    font-size: 11px; 
}
#UnavailableService .Par a{
    color: #ffc529;
}

.List li {
    margin: 25px 0;
}

.ListStyled li {
    list-style: initial;
    margin: 10px 10px 10px 30px;
}
div.LeftText,
div.RightText{
    width: 450px;
    float: left
}
div.RightText{
    margin-left: 20px;
}
div.FullText{
    width: 100%;
    margin: 20px auto 0 auto;
    text-align: center;
}

.Container ul {
    list-style: disc;
    padding: 10px 20px;
}
.FanBox{
    border-top: 1px solid #e6e6e6;
}

ul.clean {
    list-style: none !important;
}
.NotExistJobs{
    padding: 20px;
}
dt {
    font-weight: bold;
}
dd {
    margin-left: 0;
}
#InvoiceDetails {
    border: 1px solid #DDD;
    margin: 10px 0 20px 0;
    text-align: initial;
}

#InvoiceDetails h3 {
    padding: 10px 0 !important;
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
}

#InvoiceDetails dd {
    margin: 0 0 10px 0;
}

#InvoiceDetails dd:last-child {
    margin: 0;
}

#InvoiceDetails .Header {
    background-color: #EEE;
    cursor: pointer;
}

#InvoiceDetails .Header .Toggle{
    float: right;
    padding: 0 10px 0 0;
}

#InvoiceDetails .Header .Toggle:after{
    content: "\25B2";
}

#InvoiceDetails .Header .Toggle.Down:after{
    content: "\25BC";
}

#InvoiceDetails .Content {
    padding: 10px;
    display: none;
}

#InvoiceDetails dl {
    margin-bottom: 20px;
}

.bold {
    font-weight: bold;
}

.banner .inner{
    padding-top: 1px;
    margin-top: -1px;
}






.NoticeForMobileApp{
    z-index: 99999;
    background: black;
    position: fixed;
    bottom: -1px;
}
.NoticeForMobileApp a.Add,
.NoticeForMobileApp a.Close{
    display: block;
}

.NoticeForMobileApp a.Add{ 
    float: right;
}
.NoticeForMobileApp a.Close{
    float: left;    
}
.NoticeForMobileApp a img{
    height: 100%;
}
.NoticeForMobileApp p{
    float: left;
}

.NoticeForMobileApp{
    height: 120px;
    padding: 2%;
    width: 96%;
}
.NoticeForMobileApp a.Add,
.NoticeForMobileApp a.Close{

}
.NoticeForMobileApp a.Add{
    width: 36%;
}
.NoticeForMobileApp a.Close{
    width: 12%;
}

.NoticeForMobileApp a img{
    width: 100%;
}
.NoticeForMobileApp p{
    width: 44%;
    display: table-cell;
    margin-left: 1%;
    padding-left: 2%;
    font-size: 20pt;
    vertical-align: middle;
}