.JobSearchOuter {
  width : 270px;
  float : left;
  margin-left : 10px;
  margin-right : 20px;
  height : 295px;
  display : inline;
  position : relative;
}

.JobBrowseOuter {
  float : left;
  width : 297px;
  height : 295px;
  display : inline;
  background-color : #CFEFFC;
  position:relative;
}

.JobSearchTitle {
    font-family: 'Oswald', Helvetica, sans-serif;
    font-size : 18px;
    font-weight : 200;
    border-bottom : solid 1px #fff;
    color : #fff;
    position : relative;
    text-align : left;
    text-transform : uppercase;
    margin-left : 5px;
    margin-top : 7px;
    line-height : 32px;
}

.JobSearchTitleUnderLine {
    position : absolute;
    bottom : 0px;
    left : 0px;
    float : left;
    width : 50px;
    border-bottom : solid 3px #fff;
}

.JobSearchKeywords {
  position : absolute;
  border-radius : 20px;
  padding : 5px 15px 7px 15px;
  border : 0px;
  margin : 0px;
  width : 200px;
  left : 15px;
  top : 60px;
  color : #666;
  font-weight : bold;
  font-size : 12px;
}

.JobSearchLevel {
  padding : 5px 0px 7px 0px;
  border : 0px;
  margin : 0px;
  width : 200px;
  color : #666;
  font-weight : bold;
  font-size : 12px;
}

.JobSearchLevelContainer {
  position : absolute;
  left : 15px;
  top : 100px;
  background-color : white;
  border-radius : 20px;
  width : 200px;
  padding : 0px 15px 0px 15px;
}

.JobSearchDiscipline {
  padding : 5px 0px 7px 0px;
  border : 0px;
  margin : 0px;
  width : 200px;
  color : #666;
  font-weight : bold;
  font-size : 12px;
}

.JobSearchDisciplineContainer {
  position : absolute;
  left : 15px;
  top : 140px;
  background-color : white;
  border-radius : 20px;
  width : 200px;
  padding : 0px 15px 0px 15px;
}

.JobSearchLocation {
  padding : 5px 0px 7px 0px;
  border : 0px;
  margin : 0px;
  width : 200px;
  color : #666;
  font-weight : bold;
  font-size : 12px;
}

.JobSearchLocationContainer {
  position : absolute;
  left : 15px;
  top : 180px;
  background-color : white;
  border-radius : 20px;
  width : 200px;
  padding : 0px 15px 0px 15px;
}

.JobSearchButton {
  border : 0px;
  background : none;
  padding : 0px;
  margin : 0px;
  position : absolute;
  top : 240px;
  right : 20px;
  width:85px;
  height : 28px;
  cursor:pointer;
  left:auto;
}

.JobSearchButtonText {
  position : absolute;
  right : 5px;
  top : 5px;
  color : #06404C;
  width : 70px;
  font-weight : bold;
}

.JobBrowseTitle {
  float : left;
  margin-top : 10px;
  padding-right : 20px;
  color : #666;
  font-family: 'Oswald', Helvetica, sans-serif;
  font-size : 14px;
  font-weight : 200;
  line-height : 30px;
  text-transform:uppercase;
  width:75px;
  text-align:right;
}

.JobBrowse {
	float : right;
	margin-right:5px;
	background-color:#E2F4FE;
	height:210px;	
	width:255px;
	left: 10px;
	top: 50px;
	position: absolute;
	padding : 10px;
}

.jbSelected {
  display:block;
}

.jbDeSelected {
  display:none;
}

.JobBrowseSTitle {
  float : left;
  padding : 5px;
  color : #666;
  font-size: 0.9em;
  font-weight : 200;
  line-height : 25px;
  cursor:pointer;
  background:white;
  width:89px;
}

.jbtSelected {
  background-color:#CFEFFC;
  height:25px;
  font-weight:bold;
}

.jbtDeSelected {
  height:27px;
}

.jbtDeSelected:hover {
  background-color : white;
}

.BrowseScrollBox {
  overflow-y : scroll;
  overflow-x : hidden;
  position:relative;
  height : 200px;
  /*width : 405px;*/
}

.BrowseScrollBox ul {
  float : left;
  width : 50%;
  margin : 0px;
  padding : 0px;
  list-style : none;
}

.BrowseScrollBox ul li {
  border-bottom : solid 1px #ccc;
  margin-left : 4px;
  margin-right : 4px;
  padding: 8px 5px 5px 5px;
  width:175px;
  text-overflow : ellipsis;
  white-space : nowrap;
  overflow : hidden;
  width:210px;
}

.BrowseScrollBox ul li a {
  color : #666;
  text-decoration:none;
}
.BrowseScrollBox ul li a:hover {
  text-decoration:underline;
}

.BrowseScrollBox ul li:before {
  content : "> ";
  color : #666;
}