@charset "big5";
a.gray-btn{
	background: transparent url(/sme_booklet/images/btn_gray_left.png) no-repeat left top;
	display: block;
	float: left;
	font: 12px/20px Arial;
	height: 20px;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 10px;
}
a:link.gray-btn, a:visited.gray-btn, a:active.gray-btn{
	color: #FFFFFF; /*button text color*/
}
a.gray-btn span{
	background: transparent url(/sme_booklet/images/btn_gray_right.png) no-repeat right top;
	display: block;
	height: 20px;
	padding-right: 10px;
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
a.gray-btn:hover{ /* Hover state CSS */
	background-position: bottom left;
}
a.gray-btn:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFFF;
}
/*Red Btn*/
a.red-btn{
	background: transparent url(/sme_booklet/images/btn_red_left.png) no-repeat left top;
	display: block;
	float: left;
	font: 12px/20px Arial; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 20px; /* Width of left menu image */
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 10px;
	cursor: hand;
	cursor: pointer; 
}

a:link.red-btn, a:visited.red-btn, a:active.red-btn{
	color: #FFFFFF; /*button text color*/
}

a.red-btn span{
	background: transparent url(/sme_booklet/images/btn_red_right.png) no-repeat right top;
	display: block; /*Set 9px below to match value of 'padding-left' value above*/
	height: 20px;
	padding-right: 10px;
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

a.red-btn:hover{ /* Hover state CSS */
	background-position: bottom left;
}

a.red-btn:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFFF;
}


#Header {
	float: left;
	width: 766px;
}
#Issue {
	font: bold 16px/normal Arial, Helvetica, sans-serif;
	color: #870000;
	text-decoration: none;
	float: left;
	padding-right: 30px;
}
#Issue span {
	color: #000000;
}
#Share {
	float: right;
	width: 125px;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#Cover {
	width: 766px;
	float: left;
	margin-top: 5px;
	margin-bottom: 20px;
	border-bottom: 2px solid #870000;
}

#CoverImage {
	float: left;
	margin: 0px;
}
#CoverImage img {
	height: 187px;
	width: 510px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
#Video {
	float: right;
	margin: 0px;
}
#Video img {
	height: 187px;
	width: 256px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
#HotJobs {
	width: 766px;
	margin-bottom: 20px;
	float: left;
}
#MoreJobsBtn {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 70px;
}
#JobsHeader {
	font: bold 16px/normal Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #870000;
	padding-left: 5px;
	float: left;
}
.ListBottomLine {
	border-bottom: 1px solid #CCCCCC;
}
#JobList {
	float: left;
	width: 764px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-top: 5px;
}
.TableHeader {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
.JobTitle {
	font: bold 12px/22px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	padding-top: 7px;
	padding-bottom: 7px;
}
.JobTitle a {
	text-decoration: none;
}

.JobTitle a:hover {
	text-decoration: underline;
}

.JobTitle span {
	font: normal 10px/16px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
}
.JobTitle a span {
	text-decoration: none;
}
.ApplyLink a {
	font-weight: bold;
	color: #870000;
	text-decoration: underline;
}
#HotCompany {
	margin: 0px 0px 20px;
	padding: 0px;
	float: left;
	width: 766px;
}
#ComapnyHeader {
	font: bold 16px/normal Arial, Helvetica, sans-serif;
	color: #870000;
	text-decoration: none;
	padding-left: 5px;
}
#HotCompany .Logo {
	margin: 3px 2px;
	padding: 0px;
	float: left;
	border: 1px solid #CCCCCC;
	height: 48px;
	width: 89px;
}
#HotCompany .Logo img {
	margin: 0px;
	padding: 0px;
	border-style: none;
	height: 48px;
	width: 89px;
}
#Logo {
	float: left;
	width: 183px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#PublishMenu {
	background: url(/sme_booklet/images/img1.gif) no-repeat;
	height: 57px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	width:	183px;		/*firefox*/
	width:	193px\0;    	/*ie8*/
    +width:	193px;       /*ie7*/
	@media screen and (-webkit-min-device-pixel-ratio:0){ #test {width:193px;} ;}  /*chrome and safari*/
}
#PublishMenu .PublishTitle {
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#PublishMenu .Menu {
	float: left;
	margin: 0px;
	padding: 0px;
}
#BookCover {
	float: left;
	width: 193px;
}
#BookCover .Cover img {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
#BookCover #btnonline {
	width: 153px;
	margin-left: 20px;
	margin-bottom: 5px;
	float: left;
}
#Banner {
	margin-top: 10px;
	float: left;
}
#Content {
	float: left;
	width: 766px;
	margin-top: 10px;
}
#Content h1 {
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
#Content h2 {
	font: bold 18px/24px Arial, Helvetica, sans-serif;
	color: #870000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#Content h3 {
	color: #870000;
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	margin: 30px 0px 0px;
	padding: 0px;
}
#Content .Photo img {
	margin-bottom: 15px;
}
#MainMenu {
	width: 191px;
	float: left;
	margin-bottom: 10px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#MainMenu .MenuHeader {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 5px;
	background: #870000;
}

#MainMenu ul {
	padding: 0px;
	list-style: none;
	margin: 0px;
}
#MainMenu li {
	border-bottom: 1px solid #CCCCCC;
	text-decoration: none;
	background: url(/sme_booklet/images/img5.gif) no-repeat 5px 3px;
	margin: 0px;
	padding: 3px 7px 3px 17px;
	display: block;
}
#MainMenu a {
	text-decoration: none;
}
#MainMenu a:hover {
	color: #870000;
	text-decoration: underline;
}
#SubmitForm {
	margin: 0px 0px 20px;
	padding: 0px;
	float: left;
	width: 766px;
}
#EnquiryHeader {
	font: bold 16px/normal Arial, Helvetica, sans-serif;
	color: #870000;
	text-decoration: none;
	padding-left: 5px;
}
#SubmitForm form {
	margin: 0px;
	padding: 0px;
}

#SubmitForm  .TextField {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 280px;
	padding: 3px;
	border: 1px solid #999999;
}
#SubmitForm .TextField-Message {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 3px;
	border: 1px solid #999999;
	width: 675px;
	height: 100px;
	float: left;
}
#SubmitForm #SubmitButton {
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#SubmitForm #SubmitButton input {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #870000;
	padding: 3px 20px;
	margin: 0px 0px 0px 300px;
	border-style: none;
}
#SubmitForm #SubmitButton .Compulsory {
	font: 10px Arial, Helvetica, sans-serif;
	color: #FF0000;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
hr {
	float: left;
	width: 766px;
	margin: 0px 0px 10px;
	padding: 0px;
	border-top: 1px solid #999999;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#Content .Photo .Caption {
	font: normal 10px/14px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top: -10px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-bottom: 15px;
}
/****** Video *****/
#ytvideo, #ytvideo2 {
    float: left;
	margin-right:10px;
} 
.yt_holder {
	padding: 0px;
	float: left;
	margin-bottom:10px;
	width: 764px;
	clear: left;
}
.yt_holder ul  {
	float: left;
	margin: 0;
	padding: 0;
	height: 240px;
	overflow-x:hidden;
	overflow-y:auto;
	overflow:auto !important;
	background: #353535;
	width: 764px;
	border-bottom: 3px solid #353535;
}
.yt_holder  ul li {
	list-style-type: none;
	display:block;
	background: #505050;
	white-space: normal;
	padding: 10px;
	float: left;
	margin: 5px;
	width: 343px;
	width: 363px\9;
}
.yt_holder ul li img {
    width: 120px;
    float: left;
    margin-right: 5px;
    border: 1px solid #999;
}
.yt_holder  ul  li a {
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	float: left;
	width: 343px;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.currentvideo {
	background: #000000;
}