@charset "utf-8";
/* CSS Document */

/* ---------------------------- 
   MSJ Latest Job Box
------------------------------- */
body {
	/* CSS Reset */
	padding:0;
	margin:0;
}

#containerX {
	float:left;
	padding-left:10px;
	height: 249px;
}

#latestJobbox{
	width: 300px;
	height: 249px;
	background-repeat:no-repeat;
	float:left;
	background:url('http://mystarjob.com/widgets/jobbox/resource/star-background.png') no-repeat;
	background-position:100% 70%;
}

#latestJobbox div, #latestJobbox h1, #latestJobbox  ul, #latestJobbox  img{
	margin:0;
	padding:0;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
}

#latestJobbox a {
	font-family:Arial, Helvetica, sans-serif;
	color: #0050B5;
	text-decoration: none;
}

#latestJobbox .top{
	padding: 0;
	margin: 0;
}

#latestJobbox .top .tab{
	position:relative;
	top:6px;
	/* left:8px; */
}

#latestJobbox .top .tab a{
	list-style: none;
	display: inline-block;
	border: 1px solid #DA2429;
	border-bottom: none;
	background: #fff;
	color: #000;
	border-radius: 4px 4px 0 0;
	padding:4px 8px;
	font-weight: bold;
	font-size: 12px;
	cursor:pointer;
	/* margin-right: 1px; */
}

#latestJobbox .top .tab a.active{
	list-style: none;
	display: inline-block;
	border: 1px solid #DA2429;
	border-bottom: none;
	background: #DA2429;
	color: #fff;
	border-radius: 4px 4px 0 0;
	padding: 4px 8px;
	font-weight: bold;
	font-size: 12px;
}

#latestJobbox .widget-content{
	border-top: 4px solid #DA2429;
	border-radius: 0 5px 0 0;
	padding:  0 20px 13px;
	margin-top: 6px;
	
}

/* #latestJobbox .top .jbpaging{
	float:right;
	position:relative;
	font-size:15px;
	font-weight:bold;
	right:12px;
	top:8px;
}

#latestJobbox .top .jbpaging a{
	padding:0 7px;
	color:#FFF;
}

#latestJobbox .top .jbpaging a:hover{
	color:#313093;
	text-decoration:none;
}

#latestJobbox .top .jbpaging a.disable{
	color:#CCC;
	cursor:default;
} */

#latestJobbox .top img{
	float:left;
	position:relative;
	left:10px;
}
	
#latestJobbox .empty{
	margin-top: 20px;
	width:344px;
	height:110px;
	float:left;
	clear:both;
	padding:5px 0;
}

#latestJobbox .empty li{
    list-style-type: none;
	font-size:12px;
    margin : 5px 0 0 15px;
    width:250px;
}

#latestJobbox .center{
	margin-bottom:10px;
	margin-top: 20px;
	margin-left:-15px;
	height:110px;
}

#latestJobbox .center li{
	width:270px;
	margin:0;
	/*list-style: square url(http://mystarjob.com/App_Themes/images/jobbox/jobbox_li.png);*/
	/* background-image:url(http://mystarjob.com/App_Themes/images/jobbox/jobbox_li.png); */
	background-repeat:no-repeat;
	background-position:0 7px;
	position:relative;
	left:8px;
	list-style-type: none;
}

#latestJobbox .center ul{
	/*list-style-type: none;*/
	/*width:170px !important;	*/
	width:100%;
}

#latestJobbox .center ul li a{
	font-size:12px;
	position:relative;
	left:15px;
	color:#313093;
}

.bottomLatestjobBox{
	width:344px;
	height:20px;
	overflow:hidden;
	float:left;
}

.expandLatestJobbox{
	
	width:210px;
	float:left;
	font-size:12px;
	overflow:hidden;
	height:25px;
}

.expandLatestJobbox a{
	clear:both;
	color:#666666;
	font-size:12px;
	margin:20px 0 0 300px;
}

.moreLatestJobbox{
	clear:both;
}

.moreLatestJobbox select{
	width: 190px;
	position:relative;
	left:10px;
	color:#666666;
	font-size:11px;
}

.buttonSearchLatestJobBox{
	width:50px;
	height:20px;
	font-size:11px;
	color:#666666;
    padding : 0 0 1px 0;
}

.hidelatestJobBox{
    margin-right:55px;
	margin-bottom:-2px;
	line-height:20px;
}

#latestJobbox .widget-footer {
	background: #DA2429;
	border-radius: 0 0 5px 5px;
	padding:0px 5px 5px 10px;
	overflow: hidden;
	
	width:285px;
	margin-left:-20px;
}

#latestJobbox  .widget-footer a {
	float: right;
	margin-right:10px;
}

#latestJobbox .widget-content #pager a div.nextDisable{
	background: url('http://mystarjob.com/widgets/jobbox/resource/next_arrow_grey.png');
	cursor:default;
}	

#latestJobbox .widget-content #pager a div.nextEnable{
	background: url('http://mystarjob.com/widgets/jobbox/resource/next_arrow.png'); 
}

#latestJobbox .widget-content #pager a div.prevDisable{
	background: url('http://mystarjob.com/widgets/jobbox/resource/prev_arrow.png');
	cursor:default;
}

#latestJobbox .widget-content #pager a div.prevEnable{
	background-image: url('http://mystarjob.com/widgets/jobbox/resource/prev_arrow_red.png');
}

#latestJobbox .widget-content .center li.color2{
	border-left: 3px solid #DA2429;
	margin-bottom:5px;
	height:18px;
}

#latestJobbox .widget-content .center li.color4 {
	border-left: 3px solid #5B6971;
	margin-bottom:5px;
	height:18px;
}

#latestJobbox .widget-content .center li.color6 {
	border-left: 3px solid #29ABE2;
	margin-bottom:5px;
	height:18px;
}

#latestJobbox .widget-content .center li.color8 {
	border-left: 3px solid #F9A61C;
	margin-bottom:5px;
	height:18px;
}

#latestJobbox .widget-content .center li.color10 {
	border-left: 3px solid #06A14B;
	margin-bottom:5px;
	height:18px;
}

 #latestJobbox .widget-content .center .myTable{
margin-left:20px;
}