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,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section,time,article,figure,hgroup {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline
}

@font-face {
font-family:'PT-Bold';
src:url(../font/PTS75F.eot);
src:url(../font/PTS75F.eot?#iefix) format("embedded-opentype"),url(../font/PTS75F.ttf) format("truetype"),url(../font/PTS75F.svg#PT-Bold) format("svg")
}

@font-face {
font-family:'PT-Regular';
src:url(../font/PPTS55F.otf);
src:url(../font/PTS55F.otf?#iefix) format("embedded-opentype"),url(../font/PTS55F.ttf) format("truetype"),url(../font/PTS55F.svg#PT-Regular) format("svg")
}

@font-face {
font-family:'PTSan-Regular';
src:url(../font/PTC55F.otf);
src:url(../font/PTC55F.otf?#iefix) format("embedded-opentype"),url(../font/PTC55F.ttf) format("truetype"),url(../font/PTC55F.svg#PTSan-Regular) format("svg")
}

@font-face {
font-family:'GeorgiaRe';
src:url(../font/georgia.ttf.eot);
src:url(../font/georgia.ttf.eot?#iefix) format("embedded-opentype"),url(../font/georgia.ttf.ttf) format("truetype"),url(../font/georgia.ttf.svg#GeorgiaRe) format("svg")
}

::-moz-selection {
background:#B7BDE5;
color:#fff
}

input:-webkit-autofill {
-webkit-box-shadow:0 0 0 1000px #FFEEF4 inset!important
}

::selection {
background:#B7BDE5;
color:#fff
}

a {
text-decoration:none;
color:#FFF
}

a:hover {
text-decoration:underline
}

input:focus,select:focus,textarea:focus,button:focus {
outline:0
}

body {
background-color:#F8F8F8;
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
color:#191919
}

header {
width:100%;
background-color:#343756;
float:left;
overflow:hidden
}

header .navlogo {
height:60px;
float:left;
margin-left:10px;
padding-left:10px;
padding-right:10px
}

header .navlogo:hover {
opacity:.8
}

header .navlogo img {
height:30px;
margin-top:15px
}

h1.hidden {
display:none
}

.navcontainer {
float:left;
height:60px
}

.navcontainer a {
font-size:15px;
font-family:'PT-Regular';
margin:0;
float:left;
text-decoration:none;
list-style:none;
height:100%;
line-height:60px;
padding-left:16px;
padding-right:16px;
}

.navcontainer a:hover {
background:rgba(0,0,0,0.15)
}

.navcontainer a:first-child {
margin-left:10px
}

.navcontainer a#selected {
background-color:rgba(0,0,0,0.3);
font-family:'PT-Bold'
}

.navmenuicon {
width:42px;
height:40px;
float:left;
margin-left:10px;
background-image:url(../img/menu.svg);
background-repeat:no-repeat;
background-position:11px 10px;
background-size:20px 20px;
background-color:rgba(0,0,0,0.2);
border-radius:2px;
margin-top:10px;
display:none
}

.navmenuicon:hover {
background-color:rgba(0,0,0,0.35)
}

.landingpagesearchcontainer {
background-color:#343756;
width:100%;
float:left
}

.centralcontainer {
width:1660px;
float:left;
overflow-x:hidden
}

.landingpagesearchcontainer #employeename,.landingpagesearchcontainer #jobtitle,.landingpagesearchcontainer #joblocation {
padding:0 10px;
margin-left:190px;
margin-top:50px;
height:45px;
line-height:45px;
padding-left:40px;
font-size:16px;
border:1px solid #DCDCDD;
width:310px;
color:#212121;
float:left;
background-repeat:no-repeat;
background-size:20px 20px;
background-position:10px 13px;
background-color:#FFF
}

.landingpagesearchcontainer #employeename:hover,.landingpagesearchcontainer #jobtitle:hover,.landingpagesearchcontainer #joblocation:hover,.landingpagesearchcontainer #yeardropdown:hover {
box-shadow:0 0 15px #EAEAEA;
transition:.2s
}

.landingpagesearchcontainer #employeename:focus,.landingpagesearchcontainer #jobtitle:focus,.landingpagesearchcontainer #joblocation:focus,.landingpagesearchcontainer #yeardropdown:focus {
box-shadow:0 0 15px #EAEAEA
}

.landingpagesearchcontainer #jobtitle {
background-image:url(../img/search_jobtitle.svg);
border-radius:2px 0 0 2px
}

.landingpagesearchcontainer #employeename {
background-image:url(../img/search_company.svg);
border-radius:0;
margin-left:-1px
}

.landingpagesearchcontainer #joblocation {
background-image:url(../img/search_location.svg);
width:200px;
border-radius:0;
margin-left:-1px
}

select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}

input {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}

.landingpagesearchcontainer #yeardropdown {
padding:0 10px;
height:47px;
line-height:47px;
margin-left:10px;
margin-top:50px;
font-size:16px;
border:1px solid #DCDCDD;
border-radius:2px;
width:100px;
color:#636363;
float:left;
border-radius:0;
margin-left:-1px;
background-image:url(../img/search_dropdown.svg);
background-repeat:no-repeat;
background-position:95% 50%;
background-color:#FFF;
border-radius:0 2px 2px 0
}

.landingpagesearchcontainer .searchbutton {
float:left;
color:#FFF;
font-size:16px;
background-color:#E84D74;
border:0;
border-radius:2px;
font-family:'PT-Regular';
margin-left:15px;
width:120px;
height:47px;
line-height:47px;
margin-top:50px
}

.landingpagesearchcontainer .searchintro {
text-align:center;
float:left;
margin-top:30px;
width:1260px;
margin-left:180px;
font-size:13px;
color:rgba(255,255,255,0.5);
margin-bottom:50px
}

.landingpagesearchcontainer .searchintro a {
font-weight:700
}

.centralcontainer .leaderboardcontainer {
float:left;
text-align:center;
overflow:hidden;
margin-top:30px;
width:100%
}

.landingsubtitle {
float:left;
width:100%;
margin-left:10px;
color:#717071;
font-family:'PT-Bold';
font-size:16px;
margin-top:40px
}

.centralcontainer .simluationcard {
float:left;
background-color:#FFF;
width:400px;
margin-left:10px;
margin-top:10px;
overflow:hidden;
height:120px;
box-shadow:0 2px 2px #EAEAEA
}

.centralcontainer .simluationcard:hover {
box-shadow:0 2px 8px #E2E2E2;
transition:.2s
}

.centralcontainer .simluationcard img {
float:left;
width:80px;
margin-top:20px;
margin-left:10px
}

.centralcontainer .simluationcard .cardtitle {
color:#4A8DCB;
float:left;
font-size:18px;
margin-left:10px;
height:23px;
margin-top:20px;
overflow:hidden;
white-space:normal;
text-overflow:ellipsis;
font-family:'PT-Bold'
}

.centralcontainer .simluationcard .cardinto {
color:#848484;
float:left;
font-size:13px;
margin-left:10px;
height:80px;
margin-top:8px;
overflow:hidden;
white-space:normal;
text-overflow:ellipsis;
line-height:17px
}

.centralcontainer .simluationcard:hover .cardtitle {
text-decoration:underline
}

.centralcontainer .jobcard {
float:left;
background-color:#FFF;
width:400px;
margin-left:10px;
margin-top:10px;
overflow:hidden;
padding-bottom:20px;
box-shadow:0 2px 2px #EAEAEA
}

.centralcontainer .jobcard:hover {
box-shadow:0 2px 8px #E2E2E2;
transition:.2s
}

.centralcontainer .jobcard .jobtitle {
float:left;
margin-left:20px;
font-size:17px;
color:#4A8DCB;
margin-top:20px;
height:25px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}

.centralcontainer .jobcard .countcontainer {
float:left;
margin-left:20px
}

.centralcontainer .jobcard .salaryvalue {
float:left;
color:#1EA140;
font-size:17px;
margin-top:8px;
height:20px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
width:100%;
font-weight:700
}

.centralcontainer .jobcard .salarylabel {
float:left;
font-size:12px;
color:#9F9FA0;
margin-top:5px;
height:15px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
width:100%
}

.centralcontainer .companycard {
float:left;
background-color:#FFF;
width:400px;
margin-left:10px;
margin-top:10px;
overflow:hidden;
padding-bottom:20px;
box-shadow:0 2px 2px #EAEAEA
}

.centralcontainer .companycard:hover {
box-shadow:0 2px 8px #E2E2E2;
transition:.2s
}

.centralcontainer .companycard img {
float:left;
margin-left:20px;
width:45px;
margin-top:20px;
box-shadow:0 2px 2px #D3D3D3;
border-radius:30px;
overflow:hidden
}

.centralcontainer .companycard .companyinfocontainer {
float:left;
margin-left:20px;
margin-top:10px
}

.centralcontainer .companycard .companyinfocontainer .companytitle {
float:left;
font-size:16px;
color:#3E3A39;
margin-top:10px;
height:20px;
overflow:hidden;
white-space:nowrap;
padding-bottom:10px;
border-bottom:1px dotted #CCC;
text-overflow:ellipsis;
width:100%
}

.centralcontainer .companycard .companyinfocontainer .companyjobtitle {
float:left;
width:100%;
color:#4A8DCB;
font-size:14px;
margin-top:15px;
height:20px;
overflow:hidden;
white-space:nowrap
}

.centralcontainer .companycard .companyinfocontainer .companyjobsalary {
float:left;
width:100%;
color:#3E3A39;
font-size:12px;
margin-top:2px;
height:15px;
overflow:hidden;
white-space:nowrap;
font-weight:700
}

.centralcontainer .companycard .companyinfocontainer .companyjobsalary span {
color:#9F9FA0;
font-weight:400
}

.centralcontainer .companycard .companyinfocontainer .companycardmore {
float:left;
width:100%;
text-align:right;
color:#4A8DCB;
font-size:14px;
margin-top:5px
}

footer {
width:100%;
background-color:#343756;
padding-top:50px;
padding-bottom:30px;
margin-top:50px;
float:left;
color:rgba(255,255,255,1);
font-family:'PT-Regular';
font-size:13px
}

footer img {
float:left;
width:50px;
margin-left:10px
}

footer .footerintro {
float:left;
margin-left:20px
}

footer .footerseparator {
float:left;
height:1px;
width:100%;
border-bottom:1px solid rgba(255,255,255,0.2);
margin-top:30px;
margin-left:10px
}

footer .footersmaltext {
float:left;
font-size:13px;
font-family:'PT-Bold';
margin-left:10px;
margin-right:10px;
margin-top:30px
}

footer a.footersmaltext {
color:rgba(255,255,255,0.7)
}

::-webkit-input-placeholder {
color:#BDBDBD
}

::-moz-placeholder {
color:#BDBDBD
}

.searchcontainer {
background-color:#FFF;
width:100%;
float:left
}

.searchcontainer #employeename,.searchcontainer #jobtitle,.searchcontainer #joblocation {
padding:0 10px;
margin-left:10px;
margin-top:25px;
height:45px;
line-height:45px;
padding-left:40px;
font-size:16px;
border:1px solid #BFBFBF;
width:310px;
color:#212121;
float:left;
background-repeat:no-repeat;
background-size:20px 20px;
background-position:10px 13px
}

.searchcontainer #employeename:hover,.searchcontainer #jobtitle:hover,.searchcontainer #joblocation:hover,.searchcontainer #yeardropdown:hover {
box-shadow:0 0 15px #EAEAEA;
transition:.2s
}

.searchcontainer #employeename:focus,.searchcontainer #jobtitle:focus,.searchcontainer #joblocation:focus,.searchcontainer #yeardropdown:focus {
box-shadow:0 0 15px #EAEAEA
}

.searchcontainer #jobtitle {
background-image:url(../img/search_jobtitle.svg);
border-radius:2px 0 0 2px
}

.searchcontainer #employeename {
background-image:url(../img/search_company.svg);
border-radius:0;
margin-left:-1px
}

.searchcontainer #joblocation {
background-image:url(../img/search_location.svg);
width:200px;
border-radius:0;
margin-left:-1px
}

.searchcontainer #yeardropdown {
padding:0 10px;
height:47px;
line-height:47px;
margin-left:10px;
margin-top:25px;
font-size:16px;
border:1px solid #B4B5B5;
border-radius:2px;
width:100px;
color:#636363;
float:left;
border-radius:0;
margin-left:-1px;
background-image:url(../img/search_dropdown.svg);
background-repeat:no-repeat;
background-position:95% 50%;
border-radius:0 2px 2px 0
}

.searchcontainer .searchbutton {
float:left;
color:#323654;
font-size:15px;
background-color:#FFF;
border:0;
border-radius:2px;
font-family:'PT-Regular';
margin-left:15px;
width:120px;
height:45px;
line-height:45px;
margin-top:25px;
margin-bottom:25px;
border:1px solid #323654;
text-align:center
}

.searchcontainer .searchbutton:hover {
background-color:#323654;
color:#FFF
}

.searchcontainer .searchintro {
text-align:center;
float:left;
margin-top:30px;
width:1260px;
margin-left:180px;
font-size:13px;
color:#999;
margin-bottom:50px
}

.centralcontainer .searchtablecontainer {
float:left
}

.centralcontainer .searchtablecontainer .tableheadercontainer {
float:left;
width:100%;
padding-bottom:15px
}

.tableheadercontainer .jobtitlecolumnheader,.tableheadercontainer .companynamecolumnheader,.tableheadercontainer .locationcolumnheader,.tableheadercontainer .salarycolumnheader,.tableheadercontainer .yearcolumnheader,.tableheadercontainer .startdatecolumnheader {
float:left;
font-size:14px;
padding-left:20px;
font-weight:700;
color:#999
}

.tableheadercontainer a {
color:#3E3A39
}

.tableheadercontainer a:hover {
text-decoration:underline
}

.resultcount {
float:left;
font-size:13px;
color:#999;
margin-top:30px;
margin-left:10px
}

.tableheadercontainer #sortdropdown {
float:right;
padding:0 10px;
height:45px;
line-height:45px;
font-size:14px;
border:1px solid #DCDCDC;
border-radius:2px;
color:#636363;
border-radius:0;
width:190px;
background-image:url(../img/search_dropdown.svg);
background-repeat:no-repeat;
background-position:158px 12px;
margin-top:10px
}

.tableheadercontainer .sortlabel {
float:right;
margin-right:10px;
font-size:14px;
color:#221814;
margin-top:25px
}

.centralcontainer .searchtablecontainer .tablerawconatainer {
float:left;
width:100%;
padding-top:20px;
padding-bottom:8px;
background-color:#FFF;
border-bottom:1px solid #DCDCDC
}

.tableemptycontainer {
width:100%;
text-align:center;
float:left;
font-size:13px;
color:#333;
background-color:#FFF;
border-bottom:1px solid #DCDCDC;
padding-bottom:50px
}

.tableemptycontainer ul {
font-size:14px;
font-weight:700;
color:#3E3A39;
line-height:24px
}

.tableemptycontainer img {
width:600px;
margin-top:20px;
margin-bottom:20px
}

.tableemptycontainer .textpart {
width:100%;
margin-left:0
}

.tablerawconatainer .tableemployeename,.tablerawconatainer .tablejobtitle,.tablerawconatainer .tablelocation,.tablerawconatainer .tablesalary,.tablerawconatainer .tableyear,.tablerawconatainer .tablestartdate {
float:left;
font-size:15px;
padding-left:20px
}

.tablerawconatainer .tablestartdate span{display:none; font-size:13px; color:#999999; float:left; margin-right:10px; line-height:18px;}

.tablerawconatainer a {
color:#4A8DCB
}

.tablerawconatainer .tableyear,.tablerawconatainer .tablestartdate  {
color:#565656
}

.tablerawconatainer .tableemployeename .tablevalue a img {
width:38px;
overflow:hidden;
border-radius:20px;
box-shadow:0 2px 2px #D3D3D3;
vertical-align:text-top;
margin-top:-10px;
float:left
}

.tablerawconatainer .tableemployeename .tablevalue a .companyname {
float:left;
margin-left:10px;
padding:0
}

.tablevalue{ float:left;}

.tablejobtitletext{float:left; }

.newemployeetag{float:left; margin-top:0px; margin-left:7px; font-size:11px; padding:3px 5px; background-color:#f1e7f2; color:#855ca4; border-radius:2px;}

.newemployeetag.continued{ background-color:#cfffa9; color:#388E3C; }


.tablerawconatainer .tableemployeename .tablevalue a:hover .companyname {
text-decoration:underline
}

.tablesalary .salarybar {
float:none;
width:150px;
height:44px;
background-color:#DAEFFB;
margin-top:-13px;
transition:.2s
}

ul.pagination {
float:left;
width:100%;
padding:0;
margin-bottom:20px;
margin-left:10px;
text-align:center;
float:left
}

.pagination li {
list-style:none;
margin:0
}

.pagination li a {
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
background:#FFF;
color:#4A8DCB;
padding:10px 15px;
text-decoration:none;
float:left;
font-size:14px;
list-style:none;
margin-right:-1px;
margin-top:20px;
border:1px solid #E5E5E5
}

.pagination li a:hover {
background-color:rgba(255,255,255,0.1)
}

ul.pagination li .active {
background:#4A8DCB;
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
color:#FFF;
padding:10px 15px;
text-decoration:none;
float:left;
font-size:14px;
list-style:none;
margin-right:-1px;
margin-top:20px;
border:1px solid #4A8DCB
}

ul.pagination li .morepagination {
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
padding:10px 15px;
color:#221814;
padding:10px 14px;
text-decoration:none;
background:#FFF;
border:1px solid #E5E5E5;
margin-top:20px;
float:left;
font-size:14px;
list-style:none;
margin-right:-1px
}

.onepagetext {
float:left;
width:90%;
font-size:13px;
margin-left:10px;
color:#999
}

.onepagetext a {
color:#4A8DCB
}

.sceneintrocontainer {
width:100%;
float:left;
background-size:cover;
background-position:center center;
background-color:#343756
}

.sceneintrocontainer .scenetitle {
float:left;
font-size:32px;
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
margin-left:20px;
margin-top:45px;
color:#FFF
}

.sceneintrocontainer .scenenitnro {
float:left;
font-size:13px;
margin-left:20px;
margin-bottom:50px;
margin-top:15px;
color:rgba(255,255,255,0.8)
}

.simcardcontainer {
float:left
}

.simcard {
width:100%;
overflow:hidden;
border-radius:2px;
box-shadow:0 5px 8px #EAEAEA;
float:left;
background-color:#FFF;
margin-top:40px
}

.simcard img {
width:100px;
float:left;
margin-left:20px;
margin-top:25px
}

.simcard .simcardtitle {
float:left;
font-family:'PT-Regular';
color:#323654;
font-size:24px;
margin-left:20px;
margin-top:25px
}

.simcard .simcardintro {
float:left;
color:#898989;
font-size:13px;
margin-left:20px;
margin-top:10px
}

.simcardform {
float:left;
margin-top:15px
}

.simcardform input {
padding:0 10px;
margin:0;
height:48px;
line-height:48px;
padding-left:40px;
font-size:16px;
border:0;
border-bottom:1px solid #DCDCDD;
background-color:#FFF;
width:310px;
color:#212121;
float:left;
margin-left:20px;
background-repeat:no-repeat;
background-size:20px 20px;
background-position:10px 13px;
margin-bottom:15px
}

.simcardform .simconfirmbutton {
float:right;
clear:both;
margin-right:10px;
margin-bottom:25px;
color:#FFF;
font-size:16px;
background-color:#323654;
border:0;
border-radius:2px;
font-family:'PT-Regular';
width:120px;
height:47px;
line-height:47px;
margin-top:10px
}

.topcompanieslistcontainer {
float:left;
margin-top:20px
}

.topcompanieslistcontainer .topcompanylist {
float:left;
width:100%;
border-bottom:1px dashed #C9C9CA;
padding-bottom:30px;
padding-top:30px
}

.topcompanieslistcontainer .topcompanylist .topcompanyrank {
float:left;
font-size:25px;
color:#3E3A39;
font-weight:700;
width:40px;
margin-top:40px
}

.topcompanieslistcontainer .topcompanylist .companylogo {
float:left;
margin-left:20px;
width:65px;
margin-top:20px;
box-shadow:0 2px 2px #D3D3D3;
border-radius:65px;
overflow:hidden
}

.topcompanieslistcontainer .topcompanylist .topcompanyinfocontainer {
float:left;
margin-left:20px
}

.topcompanieslistcontainer .topcompanylist .topcompanyinfocontainer .toptitle {
float:left;
width:100%;
font-size:25px;
color:#4A8DCB
}

.topcompanieslistcontainer .topcompanylist .topcompanyinfocontainer .topsalary {
float:left;
width:100%;
font-size:14px;
color:#9F9FA0;
margin-top:8px;
margin-bottom:5px
}

.topcompanieslistcontainer .topcompanylist .topcompanyinfocontainer .topsalary span {
color:#1EA140;
font-size:18px
}

.topcompanieslistcontainer .topcompanylist .topcompanyinfocontainer .topcompanycard {
float:left;
background-color:#FFF;
width:270px;
margin-right:10px;
margin-top:10px;
overflow:hidden;
padding-bottom:15px;
padding-top:15px;
box-shadow:0 2px 2px #EAEAEA;
overflow:hidden
}

.topcompanieslistcontainer .topcompanylist .topcompanyinfocontainer .topcompanycard a {
float:left;
margin-left:20px;
font-size:14px;
color:#4A8DCB;
width:230px;
height:20px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}

.topcompanieslistcontainer .topcompanylist .topcompanyinfocontainer .topcompanycard .topcompanycardsalary {
float:left;
margin-left:20px;
font-size:14px;
color:#9F9FA0;
width:230px%;
margin-top:5px
}

.topcompanieslistcontainer .topcompanylist .topcompanyinfocontainer .topcompanycard .topcompanycardsalary span {
font-weight:700;
color:#3E3A39
}

.topjobslistcontainer {
float:left;
margin-top:20px
}

.topjobslistcontainer .topjobslist {
float:left;
width:100%;
border-bottom:1px dashed #C9C9CA;
padding-bottom:30px;
padding-top:30px
}

.topjobslistcontainer .topjobslist .topjobrank {
float:left;
font-size:20px;
color:#3E3A39;
font-weight:700;
width:40px
}

.topjobslistcontainer .topjobslist .topjobinfocontainer {
float:left;
margin-left:20px
}

.topjobslistcontainer .topjobslist .topjobinfocontainer .topjobtitle {
float:left;
width:100%;
font-size:18px;
color:#4A8DCB;
margin-bottom:15px
}

.topjobslistcontainer .topjobslist .topjobinfocontainer .topjobcount {
float:left;
width:50%;
font-size:13px;
color:#9F9FA0
}

.topjobslistcontainer .topjobslist .topjobinfocontainer .topjobcount span {
font-size:22px;
font-weight:700;
color:#1EA140
}

.nosearchpagesearchcontainer {
float:left;
width:100%;
border-bottom:1px dashed #C9C9CA;
padding-bottom:20px
}

.nosearchpagesearchcontainer .regularsearchbar {
float:left;
padding:0 10px;
margin-top:0;
height:40px;
line-height:40px;
padding-left:10px;
font-size:16px;
border:1px solid #DCDCDD;
width:250px;
color:#212121;
float:left
}

.nosearchpagesearchcontainer .nosearchbutton {
float:left;
color:#323654;
font-size:14px;
background-color:rgba(0,0,0,0);
border:0;
border-radius:2px;
font-family:'PT-Regular';
margin-left:10px;
padding-left:15px;
padding-right:15px;
height:42px;
line-height:42px;
border:1px solid #323654;
text-align:center
}

#zipsearch_container{width:100%; float:left;}

.nosearchpagesearchcontainer .nosearchbutton:hover {
color:#FFF;
background-color:#323654;
transition:.1s
}

.analysistitlecontainer {
float:left;
margin-left:20px
}

.analysistitlecontainer .analysistopic {
float:left;
width:100%;
font-size:13px;
margin-top:15px;
color:#9FA6CE;
font-weight:700
}

.analysistitlecontainer .analysisiform {
float:left;
width:100%;
margin-top:20px;
margin-bottom:40px
}

.analysistitlecontainer .analysisiform input {
background-color:rgba(0,0,0,0);
border:0;
padding:0;
margin:0;
border-bottom:1px solid rgba(255,255,255,0.4);
float:left;
font-size:28px;
padding-bottom:15px;
padding-left:40px;
color:rgba(255,255,255,0.9);
font-family:'PT-Regular';
background-repeat:no-repeat;
background-size:20px 20px;
background-position:10px 10px
}

.analysistitlecontainer .analysisiform .middlestring {
text-align:center;
font-size:18px;
color:#8A92C4;
float:left;
margin-left:20px;
margin-right:20px;
margin-top:15px
}

.analysistitlecontainer .analysisiform .analysisbutton {
float:left;
color:#FFF;
font-size:16px;
border:1px solid #FFF;
border-radius:2px;
font-family:'PT-Regular';
width:120px;
height:50px;
line-height:50px;
background-color:rgba(0,0,0,0)
}

.analysistitlecontainer .analysisiform .analysisbutton:hover {
background-color:#FFF;
color:#323654;
cursor:pointer;
transition:.3s
}

.analysisicontainer {
float:left;
margin-top:10px
}

.analysisicontainer #firstchart {
width:100%;
float:left
}

.analysisicontainer .analysiscard {
background-color:#FFF;
box-shadow:0 5px 15px #E0E0E0;
margin-top:20px;
float:left;
border-radius:4px;
padding:30px 20px
}

.analysisicontainer .loadingcard {
background-color:#FFF;
box-shadow:0 5px 15px #E0E0E0;
margin-top:20px;
float:left;
border-radius:4px;
text-align:center;
color:#999;
font-size:14px;
padding:10px 20px 40px
}

.analysisicontainer .loadingcard img {
width:600px
}

.analysisicontainer .salaryamount {
width:100%;
margin-top:5px;
font-size:40px;
color:#FFF;
margin-bottom:5px;
font-family:'PT-Regular'
}

.analysisicontainer .salaryintro {
width:100%;
font-size:14px;
color:#333;
color:rgba(255,255,255,0.9);
font-weight:700;
line-height:28px
}

.analysisicontainer .salaryintro span {
font-size:13px;
color:rgba(255,255,255,0.5)
}

.analysisicontainer .whitesectiontitle {
width:100%;
font-size:24px;
color:#333;
font-family:'PT-Regular';
float:left
}

.analysisicontainer .whiteintro {
width:100%;
font-size:14px;
color:#666;
margin-top:10px;
margin-bottom:20px;
float:left
}

.analysisicontainer .whiteintro a {
color:#4A8DCB;
margin-right:20px;
margin-top:20px;
float:left;
text-transform:capitalize
}

.analysisicontainer .whiteintro a img {
width:35px;
overflow:hidden;
border-radius:20px;
box-shadow:0 2px 2px #D3D3D3;
vertical-align:text-top;
margin-top:-10px;
margin-right:5px
}

.analysiscard .nodataimage {
width:600px
}

.analysiscard .nodatatext {
width:100%;
font-size:13px;
margin-top:20px;
color:#666
}

.analysiscard .nodatatext li {
font-weight:700;
line-height:24px;
color:#333
}

.analysisicontainer .separtor {
width:100%;
height:1px;
border-bottom:1px dotted #E2E2E2;
margin-top:30px;
margin-bottom:30px;
float:left
}

.distributioncontainer {
width:600px;
float:left;
height:180px;
margin-top:60px;
margin-bottom:30px
}

.distributioncontainer .firstdistribution {
height:100%;
float:left;
background-image:url(../img/chart/25percentage.svg);
background-size:100% 100%;
background-repeat:no-repeat
}

.distributioncontainer .seconddistribution {
height:100%;
float:left;
background-image:url(../img/chart/50percentage.svg);
background-size:100% 100%;
background-repeat:no-repeat;
margin-left:4px
}

.distributioncontainer .pointline {
position:relative;
height:80px;
width:1px;
border-left:2px solid #848484;
left:-3px;
top:20px
}

.distributioncontainer .midpointline {
position:relative;
height:30px;
width:1px;
border-left:2px solid #848484;
left:-3px;
top:-20px
}

.distributioncontainer .lastpointline {
position:relative;
height:80px;
width:1px;
border-left:2px solid #848484;
left:-3px;
top:70px
}

.distributioncontainer .pointvalue {
position:relative;
width:100px;
text-align:center;
left:-50px;
top:-100px;
font-size:14px;
font-family:'PT-Bold';
color:#3E3A39;
height:40px;
line-height:40px
}

.distributioncontainer .midpointvalue {
position:relative;
width:100px;
text-align:center;
left:-50px;
top:-85px;
font-size:14px;
font-family:'PT-Bold';
color:#3E3A39;
height:40px;
line-height:40px
}

.distributioncontainer .lastpointvalue {
position:relative;
width:100px;
text-align:center;
left:-50px;
top:-60px;
font-size:14px;
font-family:'PT-Bold';
color:#3E3A39;
height:40px;
line-height:40px
}

.distributioncontainer .firstpercentagevalue {
position:relative;
width:50px;
text-align:center;
left:-30px;
bottom:-70px;
font-size:13px;
font-family:'PT-Regular';
color:#3E3A39;
text-align:center;
line-height:12px
}

.distributioncontainer .secondpercentagevalue {
position:relative;
width:50px;
text-align:center;
left:-30px;
bottom:-120px;
font-size:13px;
font-family:'PT-Regular';
color:#3E3A39;
text-align:center;
line-height:12px
}

.distributioncontainer .thirdpercentagevalue {
position:relative;
width:50px;
text-align:center;
left:-30px;
bottom:-70px;
font-size:13px;
font-family:'PT-Regular';
color:#3E3A39;
text-align:center;
line-height:12px
}

.distributioncontainer .fourthpercentagevalue {
position:relative;
width:50px;
text-align:center;
left:-30px;
bottom:-70px;
font-size:13px;
font-family:'PT-Regular';
color:#3E3A39;
text-align:center;
line-height:12px
}

.distributioncontainer .thirddistribution {
height:100%;
float:left;
background-image:url(../img/chart/75percentage.svg);
background-size:100% 100%;
background-repeat:no-repeat;
margin-left:4px
}

.distributioncontainer .fourthdistribution {
height:100%;
float:left;
background-image:url(../img/chart/80percentage.svg);
background-size:100% 100%;
background-repeat:no-repeat;
margin-left:4px
}

.distributioncontainer .fifthdistribution {
height:100%;
float:left;
background-image:url(../img/chart/100percentage.svg);
background-size:100% 100%;
background-repeat:no-repeat;
margin-left:4px
}

.analysisicontainer #suggestioncard {
background-image:url(../img/money_background.svg);
background-repeat:no-repeat;
background-size:cover;
background-position:left bottom
}

.termscontainer {
float:left;
margin-left:20px
}

.termscontainer .bigtitle {
float:left;
width:100%;
color:#333;
font-size:24px;
margin-top:30px
}

.termscontainer .normalintro {
float:left;
width:100%;
color:#333;
font-size:14px;
margin-top:15px;
line-height:20px
}

.termscontainer .normalintro a {
color:#4A8DCB;
text-decoration:underline;
font-weight:700
}

.termscontainer .normalintro span {
font-size:17px;
font-weight:700
}

.termscontainer .normalintro ul {
margin:0;
padding:0;
list-style-position:inside;
font-weight:700;
font-size:13px
}

.bottomadcontainer {
width:630px;
height:250px;
display:inline-block
}

.bottomadcontainer #bottomad1 {
float:left;
margin-left:10px
}

.bottomadcontainer #bottomad2 {
float:left;
margin-left:10px
}

#desktopleaderboard {
display:inline-block
}

#mobileleaderboard {
display:none
}

@media only screen and (max-width: 768px) {
.sortlabel{display:none;}
.tablejobtitletext{width:100%;}
.newemployeetag{margin-top:10px; margin-left:0px; }

.landingpagesearchcontainer #employeename {
margin-top:-1px
}

.landingpagesearchcontainer #jobtitle {
margin-top:30px;
border-radius:2px 2px 0 0
}

.landingpagesearchcontainer #joblocation {
margin-top:-1px
}

.landingpagesearchcontainer #yeardropdown {
margin-top:-1px;
border-radius:0 0 2px 2px
}

.landingpagesearchcontainer .searchbutton {
margin-top:30px
}

.searchcontainer #employeename {
margin-top:-1px
}

.searchcontainer #jobtitle {
margin-top:25px;
border-radius:2px 2px 0 0
}

.searchcontainer #joblocation {
margin-top:-1px
}

.searchcontainer #yeardropdown {
margin-top:-1px;
border-radius:0 0 2px 2px
}

.searchcontainer .searchbutton {
margin-top:20px
}

.tablerawconatainer .tablejobtitle a {
font-size:18px
}

.tablerawconatainer .tableemployeename {
margin-top:15px
}

.tablerawconatainer .tablelocation {
margin-top:10px;
color:#999
}

.tablerawconatainer .tablesalary {
margin-top:25px
}

.tablerawconatainer .tableyear {
margin-top:10px
}


.tablerawconatainer .tablestartdate {
margin-top:10px
}

.tablerawconatainer .tablestartdate span {
display:block;
}


.centralcontainer .searchtablecontainer .tablerawconatainer {
padding-bottom:20px
}

.topcompanieslistcontainer .topcompanylist .topcompanyrank {
margin-top:0
}

.topcompanieslistcontainer .topcompanylist .topcompanyinfocontainer {
margin-left:0;
margin-top:10px
}

.topcompanieslistcontainer .topcompanylist .companylogo {
float:right;
margin-left:0;
width:45px;
margin-top:-5px
}

.topjobslistcontainer .topjobslist .topjobinfocontainer .topjobtitle {
margin-bottom:5px
}

.topjobslistcontainer .topjobslist .topjobinfocontainer .topjobcount {
width:100%;
margin-top:8px
}

.topjobslistcontainer .topjobslist .topjobinfocontainer .topjobcount span {
font-size:16px
}

.nosearchpagesearchcontainer .regularsearchbar {
width:150px
}

.tableheadercontainer .jobtitlecolumnheader,.tableheadercontainer .companynamecolumnheader,.tableheadercontainer .locationcolumnheader,.tableheadercontainer .salarycolumnheader,.tableheadercontainer .yearcolumnheader,.tableheadercontainer .startdatecolumnheader {
display:none
}



.tableemptycontainer .textpart {
width:90%;
margin-left:5%
}

.tableemptycontainer img {
width:100%
}

.distributioncontainer {
height:90px
}

.distributioncontainer .pointline {
height:40px;
top:10px
}

.distributioncontainer .midpointline {
height:20px;
top:-20px
}

.distributioncontainer .lastpointline {
height:40px;
top:30px
}

.distributioncontainer .pointvalue {
top:-70px
}

.distributioncontainer .midpointvalue {
top:-80px
}

.distributioncontainer .lastpointvalue {
top:-42px
}

.distributioncontainer .firstpercentagevalue {
bottom:-30px
}

.distributioncontainer .secondpercentagevalue {
bottom:-50px
}

.distributioncontainer .thirdpercentagevalue {
bottom:-30px
}

.distributioncontainer .fourthpercentagevalue {
bottom:-30px
}

.analysistitlecontainer .analysistitle span {
font-size:20px
}

.analysistitlecontainer .analysistitle span i {
font-size:14px
}

.analysiscard .nodataimage {
width:100%
}

.analysisicontainer .loadingcard img {
width:100%
}

.analysistitlecontainer .analysisiform input {
margin-right:0;
font-size:20px;
background-position:10px 5px;
margin-bottom:30px
}

.analysistitlecontainer .analysisiform .analysisbutton {
width:300px
}

.analysistitlecontainer .analysisiform .middlestring {
display:none
}

.bottomadcontainer {
width:100%;
height:250px;
display:inline-block;
text-align:center
}

.bottomadcontainer #bottomad1 {
float:none;
margin-left:0
}

.bottomadcontainer #bottomad2 {
float:none;
margin-left:0;
display:none
}
}

@media only screen and (max-width: 600px) {
.navmenuicon {
display:block
}

.navcontainer {
width:100%;
height:100%;
display:none
}

.navcontainer.responsive {
display:block
}

.navcontainer a {
width:100%;
font-size:14px;
height:50px;
line-height:50px;
padding-right:0;
padding-left:20px;
border-bottom:1px solid rgba(0,0,0,0.25)
}

.navcontainer a:first-child {
margin-left:0;
border-top:1px solid rgba(0,0,0,0.4)
}

#desktopleaderboard {
display:none
}

#mobileleaderboard {
display:inline-block
}
}