/*  

Theme Name: HR Magazine 

Author: Trevor Wilcox

Author URI: https://www.webslingers.hk

Description: This WordPress theme was designed and built by webslingers.hk. 

Version: 1.0



The CSS, XHTML and design is released under GPL:

https://www.opensource.org/licenses/gpl-license.php</strong>



*/



/* --- [ Rev 06/22/2010 - Added WP 3.0 Menu Management Function ] --- */



/* --- [ Default style settings are below, while user-defined adjustmen59ts and adjustments for various color schemes are in the style.php file. You can make additional adjustments in style-2.css. ] --- */



/* -------------------[ Main Page Elements ]------------------- */





body {

	/*background: #eee url(images/bodybg.jpg);*/

	text-align: left;

	margin: 0;

	padding: 0;

	line-height: 1.4em;

	color:#555;

	font-family:arial,helvetica,sans-serif;

	font-size:14px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */

background: #eeeeee; /* Old browsers */

background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */



	}



#wrap {

	clear: both;

	margin: 0 auto;

	padding:0;

	max-width:1200px;
background:#FFF;

	}







#topbanner {

	padding:10px 6px;

	width:948px;

	margin:0 auto;

}





#bottombanner {

	padding:10px 0px 30px 0px;

	margin:0 auto;

}



#topbanner .con, #bottombanner .con {

	width:960px;

	margin:0 auto;



}



#bottombanner .con {

background:#FFFFFF;

}



#header {

	max-width:1160px;

	padding:0 20px;

	margin: 0 auto;

	background:#fff;

	}



#head-content {

	margin: 0 auto;

	height:100px;

	width:920px;

	background:url(images/logo.gif) top left no-repeat;

	}
	
#header .logo {
		max-width:100%;
		height:auto;	
}



#sitetitle {

	width:440px;

	float:left;

	margin:0;

	padding:0;

	}



#sitetitle h1, #sitetitle .title {

	font-size: 30px;

	padding:0;

	margin:20px 0 0;

	text-align:left;

	line-height: 1.2em;

	letter-spacing:-1px;

	color:#000;

	}



#sitetitle .description {

	font-size: 9pt;

	padding: 0;

	margin:0;

	text-align:left;

	color:#fff;

	}



#head-banner468 {

	float:right;

	width:468px;

	height:60px;

	margin-top:20px;

	overflow:hidden;

	background:#fff;

	padding:1px;

	border:1px solid #ddd;

	}



#page {

	clear: both;

	margin: 0 auto;

	padding: 15px 20px;

	max-width:1160px;

	background:#fff;

	}



#contentleft {

	width: 74%;

	float:left;

	padding: 0;

	margin: 0;

	} 

#page img.alignnone.size-full {
	width:100%;
	height:auto;
}

#content {

	margin: 0;

	padding: 0;

	}



#contentright {

	width: 26%;	

	float:right;	

	padding: 0;	

	} 



#sidebar {

	width: 250px;		

	display:block;
	
	float:right;

	}



#sidebar-bottom {

	width:300px;

	clear:both;

	display: block;

	padding:0;

	background:#fff;

	}



#sidebar-bottom-left {

	width:160px;

	float:left;

	padding:0;

	margin:0;

	overflow:hidden;

	}



#sidebar-bottom-right {

	width:120px;

	float:right;

	padding:0;

	margin:0;

	overflow:hidden;

	}



#footer {

	text-align:left;

	padding:10px 0;

	clear: both;

	margin: 0 auto;

	font-size:8pt;

	background:none;

	color:#666;

	max-width:1200px;
width:90%;

	}



#footer .limit {

	padding: 0;

	float:left;

	}

	

	#footer .logofoot {

text-align:right;	}



.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



/* -------------------[ Headings ]------------------- */



h1, h2, h3, h4, h5, h6, h7 {

	line-height: 1.2em;

	letter-spacing: -1px;

	margin: 0;

	padding: 0;

	text-align: left;

	color:#000;

	}



h1 {

	font-size: 20pt;

	}



h2 {

	font-size: 18pt;

	}



h3 {

	font-size: 16pt;

	}



h4,h5,h6,h7 {

	font-size: 14pt;

	letter-spacing:0px;

	}



.entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 {

	margin-bottom: 15px;

	}



h3#comments, h3#respond, h3#trackbacks  {

	font-size:16pt;

	margin: 0 0 10px;

	}



h3#postinfo, h3#comments, h3#respond, h3#trackbacks, #respond h3  {

	margin: 0 0 10px;

	}



h3#comments  {

	margin: 0;

	}



h1.archive-title {

	padding: 5px 0;

	text-align:center;

	margin: 0 0 10px;

	font-size: 12pt;

	letter-spacing:0px;
	
	background: #F5F5F5;
    font-family: 'Ubuntu', sans-serif;

	}



h2.post-title, h1.post-title {

	margin: 0 0 2px;

	padding: 0;
	font-weight:normal;

	}
	
	h2.post-title a, h1.post-title a {
		color:#000;	
	}
	
	h2.post-title a:hover, h1.post-title a:hover {
		color:#D80000;	
	}

.eventdetails {
	height: 1%;
    overflow: hidden;
    padding: 10px 10px 0 10px;
    background:rgba(255,215,0,0.2);	
}

.singlepost h1.post-title {
	padding-top:5px;
	color:#D80000;
	font-size:30pt;
	font-family: 'Open Sans', sans-serif;
	}

.singlepost h1.post-title.event {
	 color: #950000;
    font-size: 3em;
    font-weight: normal;
    border-top: none;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 8px;
}


h1.page-title {

	padding-top:5px;
	color:#950000;
	font-size:36px;

	}

.yuzo__title h3 {
	font-family: 'Open Sans', sans-serif;
	color:#D80000;
	font-weight:normal;
}


h3.widgettitle {

	font-size: 12pt;

padding: 0px;

	letter-spacing: 0px;
	
	background: #900 url(https://www.hrmagazine.com.hk/wp-content/uploads/2012/05/showcase-bg.png) bottom left;
	padding:10px;
	color:#FFF;
	border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	background-position:-200px 400px;
	box-shadow: 0 0 5px #CCC;
	-webkit-box-shadow: 0 0 5px #CCC;
	-moz-box-shadow: 0 0 5px #CCC;

	}



/* -------------------[ Links ]------------------- */



a, a:link, a:visited {

	text-decoration:none;

	color:#000000;

	}



a:hover, a:active {

	text-decoration:none;

	
	color:#336699;

}

.entry a {
	color:#D80000;	
}

.entry a:hover{
	color:red;	
}


a.more-link, a.more-link:link, a.more-link:visited  {

	background: url(images/arrow-off.gif) 100% 70% no-repeat;

	padding-right:12px; 

        }



a.more-link:hover, a.more-link:active  {

	background: url(images/arrow-on.gif) 100% 70% no-repeat;

	padding-right:12px; 

	}



#footer a, #footer a:link, #footer a:visited {

	color:#666;

	}



#footer a:hover, #footer a:active {

	color:#555;

	text-decoration:underline;

	}



.post-title a, .homepost h3 a {



	}

	

/* -------------------[ Images ]------------------- */



.entry img {

	border:0px solid #ddd;

	padding:2px;

	background:#fff;

	

        }



img.alignright {

	border:0px solid #ddd;

	padding:2px;

	background:#fff;

	float: right;

	clear: right;

	margin: 0 0 5px 10px;

        }



img.alignleft {

	border:0px solid #ddd;

	padding:2px;

	background:#fff;

	float: left;

	clear: left;

	margin: 0 10px 5px 0px;

        }



img.aligncenter, img.centered, img.center { 

	border:0px solid #ddd;

	padding:2px;

	background:#fff;

	display: block; 

	margin: 0 auto 20px auto;  

	float: none; 

	clear: both;

        }



img.post-thum, img.thumbnail {

	border:1px solid #ddd;

	padding:2px;

	float:left;

	margin: 0 10px 15px 0;

	}



img.avatar, img.comment-grav {

	border:1px solid #ddd;

	padding:2px;

	background:#fff;

	float:right;

	margin:0 0 10px 10px;

	}



.commentlist img.avatar, img.comment-grav {

	margin-bottom:15px;

	}



.singlepost .auth-bio img.avatar {

	border:1px solid #ddd;

	padding:2px;

	background:#fff;

	float:right;

	margin:0 0 10px 10px;

	}





/* -------------------[ Caption Styles for WP 2.6+ ]------------------- */



.wp-caption {

	border: 1px solid #ccc;

	text-align: center;

	background-color: #fff;

	padding-top:5px;

	margin: 0 10px 10px;

	}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

	}



.wp-caption p.wp-caption-text {

	font-size: 8pt;

	padding: 5px;

	margin: 0;

	}



/* -------------------[ Misc Tags and Classes ]------------------- */



p {

	margin-top: 0px;

	margin-bottom: 15px;
	
	line-height:24px;

	}



ol {

	margin-left: 40px;

	padding: 0;

	}



ul {

	margin-left: 15px;

	padding: 0;

	}



.post ul, .post ol {

	list-style-type: none;

	}



.post ul li {

	list-style-type:none;

	background: url(images/arrowgray.gif) 0 4px no-repeat;

	padding: 0 0 2px 14px;

	margin-left: 0;

	}

	

#wpbusdirmancats ul li {

	background:none;

}







.post ol li {

	list-style-type:decimal;

	margin-left: 0;

	padding-left: 0;

	}



.post ul ul {

	margin-left:0;

	}



acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px solid #999;

	}



* html acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	padding-left: 10px;

	border-left: 5px solid #666;

        color: #666;

	}



.center {

	text-align: center;

	}



a img, img a {

	border: none;

	}



.post {

	margin: 0 0 15px;

	padding:0;

	}



.singlepost .post {

	margin: 0;

	border-bottom:0;

	}





.entry {

	margin: 0;

	padding: 0;

	}





.postdate {

	font-size: 0.8em;
    margin-bottom: 15px;
    font-family: 'Open Sans';
    margin-top: 10px;
    font-style: normal;
    line-height: 1.3em;
    background: #F5F5F5;
    padding: 5px;

	}
	
	.mj_text .postdate a {
		color:#666;
	}
	
	.mj_text .postdate a:hover {
		color:#D80000;
	}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



hr {

        display: block;

        clear:both;

        }



.navigation {

	margin: 0;

	padding: 10px 0 0;

	font-weight:bold;

	clear:both;

	}



.alignright {

	float: right;

	}

	

.alignleft {

	float: left;

	}



.aligncenter, div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

        float: none; 

        clear: both;

	}



.banner468 {

	text-align:center;

	margin: 0 auto 10px;

	padding:5px 0px;

	border:1px solid #ddd;

	background:#eee;

	float:none;

	display:block;

	}



.tags {

	background: transparent url(images/tag.gif) 0 2px no-repeat;

	margin: 0 0 15px;

	padding: 0 0 0 17px;

	}



.cats {

	background: transparent url(images/folder.gif) 0 1px no-repeat;

	margin: 0;

	padding: 0 5px 0 15px;

	}



.comments {

	float:right;

	padding:0;

	margin: 0 0 5px 5px;

	width:26px;

	height:20px;

	background:url(images/comments.gif) top left no-repeat;

	text-align:center;

	font-size:8pt;

	}



.comments a {

	width:26px;

	height:20px;

	line-height:16px;

	display:block;

	}



.singlepost .comments {

	margin: 15px 0 10px 10px;

	}



input:focus {

	outline: none;

	}



object, embed {

	z-index:1;

	}



p#breadcrumbs {

	padding: 0;

	margin: 0 0 5px;

	}



.single-video {

	margin-bottom: 15px;

	}



/* ---------------[ Tables ]--------------- */



table {

	margin-bottom:15px;

	}



tr, td, th {

	margin:auto; 

	}



td, th {

	padding:5px;

	vertical-align:top;

	}



th {

	font-weight:bold;

	background:#ddd;

	}



td {

	border:1px solid #ddd;

	}



/* -------------------[ Author Bio Info ]------------------- */



.auth-bio {

	padding: 15px;

	margin: 0 0 15px;

	background:#eee;

	border:1px solid #ddd;

	}



.singlepost .auth-bio {

	margin: 0 0 10px;

	}



.auth-bio img.avatar {

	padding:1px;

	background:#fff;

	border:1px solid #ddd;

	float:right;

	margin:0 0 0 10px;

	}



.auth-bio p {

	margin:0;

	}



/* -------------------[ Top Navigation ]------------------- */



#topnav {

	padding: 0 20px;

	margin: 0 auto;

	width:920px;

	}



#topnav .limit {

	margin:0 auto;

	padding:0;

	}



#topnav ul {

	width:650px;

	list-style: none;

	padding: 0;

	margin: 0 auto;

	float:left;

	}



#topnav ul a, #topnav ul a:link, #topnav ul a:visited {

	color:#fff;

	display: block;

	text-decoration: none;

	padding: 0 10px;

	margin:0;

	}



#topnav ul a:hover, #topnav ul a:active  {

	

	}



#topnav li {

	height:40px;

	line-height:40px;

	float: left;

	padding: 0;

	}



#topnav li ul {

	z-index:9999;

	position: absolute;

	left: -999em;

	height: auto;

	width: 200px;

	margin: 0;

	padding:0;


	}



#topnav li li {

	height:30px;

	line-height:30px;

	}



#topnav ul li ul a, #topnav ul li ul a:link, #topnav ul li ul a:visited {

	width:180px;

	}



#topnav ul li ul a:hover, #topnav ul li ul a:active  {


	}



#topnav li ul ul {

	border:0;

	margin: -30px 0 0 200px;

	}



#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {

	left: -999em;

	}



#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {

	left: auto;

	}



#topnav li:hover, #topnav li.sfhover {

background: rgb(155,0,0); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(155,0,0,1) 0%, rgba(119,0,0,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,0,0,1)), color-stop(100%,rgba(119,0,0,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(155,0,0,1) 0%,rgba(119,0,0,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(155,0,0,1) 0%,rgba(119,0,0,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(155,0,0,1) 0%,rgba(119,0,0,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(155,0,0,1) 0%,rgba(119,0,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b0000', endColorstr='#770000',GradientType=0 ); /* IE6-8 */

	}



/* -------------------[ Searchform ]------------------- */



#topsearch {

	float:right;

	width:180px;

	padding: 8px 0 0 0;

	}



#searchform {

	float:right;

	width:180px;

	padding:0;

	margin:0;

	}



#searchform #searchfield {

	float:left;

	padding:2px 0 0 5px;

	width:152px;

	height:18px;

	margin: 0;

	border:0;

	background:#fff;

	color:#999;

	border:1px solid #ccc;

	border-right:0;

	}



#searchform #submitbutton {

	margin: 0;

	float:left;

	font-size:8pt;

	font-weight:bold;

	width:21px;

	height:20px;

	border: 1px solid #ccc;

	border-left:0;

	text-indent:-10000em;

	background: #fff url(images/search-button.gif) 0 -1px no-repeat;

	}



#rssbutton {

	height:24px;

	width:24px;

	float:right;

	padding: 0 5px 0 0;

	}



/* -------------------[ Category Navigation ]------------------- */



#nav {

	margin: 0 auto;

	width:920px;

	background:#000033;

	padding: 0;

	}



#nav ul {

	list-style: none;

	padding: 0;

	margin: 0 auto;

	}



#nav a, #nav a:link, #nav a:visited {

	color:#fff;

	display: block;

	text-decoration: none;



	padding: 0 10px;

	}



#nav a:hover, #nav a:active  {

	background:#000;

	}



#nav li {

	float: left;

	padding: 0;

	height:30px;

	line-height:30px;

	}



#nav li ul {

	z-index:9999;

	position: absolute;

	left: -999em;

	height: auto;

	width: 200px;

	margin: 0;

	padding:0;

	background:#000;

	}



#nav li li {

	}



#nav li ul a, #nav li ul a:link, #nav li ul a:visited {

	border-right:0;

	width:180px;

	}



#nav li ul a:hover, #nav li ul a:active  {

	background:#444;

	}



#nav li ul ul {

	border:0;

	margin: -30px 0 0 200px;

	}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

	}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

	left: auto;

	}



#nav li:hover, #nav li.sfhover { 

	background: #000; 

	}



/* -------------------[ Comments ]------------------- */



.allcomments {

	padding: 0;

	margin: 0;

	background:#eee;

	padding:15px;

	border:1px solid #ddd; 

	}



.commentlist {

	padding: 0;

	list-style-type:none;

	margin: 0;

	}

	

.commentlist li {

	clear:both;

	margin: 15px 0 0;

	padding: 15px;

	list-style-type:none;

	background:#fff;

	border:1px solid #ddd;

	}



.comment-author {

	padding: 0px;

	}



.commentlist li img.avatar {

	float:left;

	margin: 0 5px 5px 0;

	}



.commentlist li ul.children {

	margin: 15px 0 0;

	padding: 0;

	}



.commentlist li ul.children li {

	margin-bottom:0;

	}



.commentlist li.alt {

	}



.commentmetadata {

	margin-bottom:10px;

	font-size: 8pt;

	padding: 0px;

	}



.commentlist cite {

	font-style:normal;

	font-weight:bold;

	}



#commentform {

	margin:0;

	padding:0;

	}



#commentform input {

	font-family:arial;

	font-size:9pt;

	padding:10px;

	background:#fff;

	border:1px solid #ddd;

	}



#commentform input#submit {

	padding:10px;

	background:#fff;

	border:1px solid #ddd;

	text-transform:lowercase;

	font-weight:bold;

	}



#commentform input#submit:hover {

	background:#ccc;

	cursor:pointer; 

	}



#commentform textarea {

	width:80%;

	padding:10px;

	background:#fff;

	border:1px solid #ddd;

	}



ol.tblist {

	padding: 10px 0 0;

	margin: 0 0 10px;




	}



ol.tblist li {

	margin: 0 0 5px 20px;

	}



.thread-alt {



	}	



.thread-even {



	}



#respond { 

	margin: 10px 0 0;

	clear:both;

	background:#eee;

	padding:15px;

	border:1px solid #ddd; 

	}



.commentlist #respond { 

	clear:both; 

	padding-top:10px; 

	}



.comments-navigation {

	display:block;

	margin: 0 0 5px;

	padding:0;

	font-weight:bold;

	}



.comments-navigation .alignleft {

	float:left;

	}



.comments-navigation .alignright {

	float:right;

	}



.comments-number {

	font-size:8pt;

	font-weight:bold;

	margin-bottom:0;

	padding:0;

	}



.commentlist img.avatar, .commentlist img.comment-grav {

	padding:2px;

	background:#fff;

	border:1px solid #ddd;

	float:right;

	margin:0 0 10px 10px;

	}



.reply {

	margin: 0;

	}



a.comment-reply-link, a.comment-reply-link:link, a.comment-reply-link:visited, .reply a, .reply a:link, reply a:visited {

	clear:both;

	background:#ddd;

	border:1px solid #ddd;

	padding: 3px 10px;

	font-weight:bold;

	font-size:8pt;

	text-transform:lowercase;

	color:#000;

	}



a.comment-reply-link:active, a.comment-reply-link:hover, reply a:active, .reply a:hover {

	background:#d5d5d5;

	}



.comment-body ul {

	list-style-type:disc;

	margin:0 30px 15px;

	padding:0;

	border:none;

	}



.comment-body ul li {

	list-style-type:disc;

	margin:0;

	padding:0;

	border:none;

	}



/* -------------------[ Sidebar ]------------------- */



#sidebar ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	}



#sidebar ul ul {

	margin: 0;

	padding: 0;

	}



#sidebar ul ul ul {

	margin: 0;

	padding: 0;

	}



#sidebar ul ul ul ul {

	margin: 0;

	padding: 0;

	}



#sidebar li {

	overflow:hidden;

	list-style-type: none;

	margin: 0 0 20px;

	padding:0;

	}



#sidebar li li {

	list-style-type: none;

	margin: 0;

	border:0;

	padding: 5px 0px 5px 17px;

	background:transparent url(images/arrowgray.gif) 2px 9px no-repeat;

	border-bottom:1px dotted #ccc;

	}

	

#sidebar li li.tribe_events.type-tribe_events.status-publish.hentry {
	background:none;
	height:100%;
}



#sidebar li li li {

	background-image:none;

	border:0;

	padding: 1px 0;

	}



#sidebar li li li:hover {

	background-image:none;

	}



#sidebar li li li li {

	padding-left: 10px;

	}



#sidebar .textwidget {

	margin: 0;

	padding:0;

	}



#sidebar li#tag-cloud ul { }



#sidebar li#tag-cloud ul.wp-tag-cloud {	padding: 9px; }



#sidebar li#tag-cloud li {

	border:0;

	float:none;

	display:inline;

	padding: 0;

	margin: 0 5px 0 0;

	background:transparent;

	background-image: none;

	line-height:2em;

	}



#sidebar li#tag-cloud li a {

	padding:0;

	background:transparent;

	background-image: none;

	}



#sidebar li select {

	width:160px;

	margin: 0;

	}



/* -------------------[ Side Tabs ]------------------- */



#sidebar li#side-tabs {

	padding: 0;

	background:#eee;

	border:0;

	border:1px solid #ddd;
	width:248px;

	}



#sidebar li#side-tabs ul {

	margin: 0;

	padding: 0;

	background:transparent;

	}



#sidebar li#side-tabs ul.tabs { 

	font-family:arial,helvetica,sans-serif; 

	list-style-type:none;

	margin: 0;

	padding: 0;

	clear:both;

	background:#ddd;

	}



#sidebar li ul.tabs li {

	border:0;

	background:transparent;

	float: left;

	display: inline;

	margin: 0 2px 0 0;

	padding: 0;

	} 



#sidebar li ul.tabs li a, #sidebar li ul.tabs li a:link, #sidebar li ul.tabs li a:visited {

	float: left;

	display: block;

	padding: 5px;

	color:#000;

	margin: 0;

	font-size:8pt;

	font-weight:bold;

	} 



#sidebar li ul.tabs li a:hover, #sidebar li ul.tabs li a:active {

	background:#eee;

	color:#000;   

	}  



#sidebar li ul.tabs li a.on {

	background:#eee;

	color:#000; 

	}



#sidebar li#side-tabs form {

	margin: 0 !important;

	padding: 0 !important;

	}



#sidebar li#side-tabs form p {

	margin: 0 0 1px;

	padding: 0;

	}



#sidebar li#side-tabs #content_1,

#sidebar li#side-tabs #content_2,

#sidebar li#side-tabs #content_3,

#sidebar li#side-tabs #content_4  {

	padding:15px;

	}



#sidebar li#side-tabs .cat_content li.feeds {

	border:0;

	margin: 0;

	padding: 5px 0 5px 25px;

	background: url(images/FeedIcon-16.gif) 0px 50% no-repeat;

	border-top:1px dotted #ccc;

	}



#sidebar li#side-tabs .cat_content li.twitter {

	border:0;

	margin: 0;

	padding: 5px 0 5px 25px;

	background: url(images/twitter.png) 0px 50% no-repeat;

	border-top:1px dotted #ccc;

	}



#sidebar li#side-tabs .cat_content li.facebook {

	border:0;

	margin: 0;

	padding: 5px 0 5px 25px;

	background: url(images/facebook.png) 0px 50% no-repeat;

	border-top:1px dotted #ccc;

	}



#sidebar li#side-tabs .cat_content li.linkedin {

	border:0;

	margin: 0;

	padding: 5px 0 5px 25px;

	background: url(images/linkedin.png) 0px 50% no-repeat;

	border-top:1px dotted #ccc;

	}



#sidebar li#side-tabs .cat_content li.email {

	border:0;

	margin: 0;

	padding: 0 0 5px;

	background:transparent;

	}



#sidebar li#side-tabs li.email input#sub {

	width: 160px;

	border:1px solid #ccc;

	background:#fff;

	padding: 4px;

	margin: 0;

	}



#sidebar li#side-tabs li.email input#subbutton {

	padding:3px;

	font-size:8pt;

	margin: 0;

	font-weight:bold;

	border:1px solid #000;

	background:#333;

	color:#fff;

	cursor:pointer; 

	}



#sidebar li#side-tabs li.email input#subbutton:hover {

	background:#000;

	border:1px solid #000;

	}



/* ---------------[ New 125x125 Banner Ads ]--------------- */



.banner125 {

	width:260px;

	margin:0;

	padding:0;

	}



.banner125 .ad img {

	float:left;

	width:125px;

	height:125px;

	margin:0 5px 5px 0;

	padding:0;

	}



/* ------[ 125x125 Banner Ads For Backwards Compatibility ]------ */



#sidebar ul li ul#banner125 li.ad1, #sidebar ul li ul#banner125 li.ad3, #sidebar ul li ul#banner125 li.ad5, #sidebar ul li ul#banner125 li.ad7, #sidebar ul li ul#banner125 li.ad9  {

	float:left !important;

	clear:left !important;

	padding: 0 !important;

	margin: 0 0 5px 0 !important;

	border: 0 !important;

	background: transparent !important;

	overflow:visible !important;

	}



#sidebar ul li ul#banner125 li.ad2, #sidebar ul li ul#banner125 li.ad4, #sidebar ul li ul#banner125 li.ad6, #sidebar ul li ul#banner125 li.ad8, #sidebar ul li ul#banner125 li.ad10  {

	float:right !important;

	clear:right !important;

	padding: 0 !important;

	margin: 0 0 5px 0 !important;

	border: 0 !important;

	background: transparent !important;

	overflow:visible !important;

	}



#sidebar ul li ul#banner125 li:hover {

	background: transparent !important;

	}



/* -------------------[ Sidebar-Bottom ]------------------- */



#sidebar-bottom ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	}



#sidebar-bottom ul ul {

	margin: 0;

	padding: 0;

	}



#sidebar-bottom ul ul ul {

	margin: 0;

	padding: 0;

	}



#sidebar-bottom ul ul ul ul {

	margin: 0;

	padding: 0;

	}



#sidebar-bottom li {

	list-style-type: none;

	margin: 0 0 20px;

	overflow:hidden;

	padding:0;

	border:0;

	}



#sidebar-bottom li li {

	list-style-type: none;

	margin: 0;

	border:0;

	padding: 5px 0px 5px 17px;

	background:transparent url(images/arrowgray.gif) 2px 9px no-repeat;

	border-bottom:1px dotted #ccc;

	}



#sidebar-bottom li li li {

	background-image:none;

	border:0;

	padding: 1px 0;

	}



#sidebar-bottom li li li:hover {

	background-image:none;

	}



#sidebar-bottom li li li li {







	padding-left: 10px;

	}



#sidebar-bottom .textwidget {

	margin: 0;

	padding:0;

	}



#sidebar-bottom li#tag-cloud ul { }



#sidebar-bottom li#tag-cloud ul.wp-tag-cloud { }



#sidebar-bottom li#tag-cloud li {

	border:0;

	float:none;

	display:inline;

	padding: 0;

	margin: 0 5px 0 0;

	background:transparent;

	background-image: none;

	line-height:2em;

	}



#sidebar-bottom li#tag-cloud li a {

	padding:0;

	background:transparent;

	background-image: none;

	}



#sidebar-bottom li select {

	width:160px;

	margin: 0;

	}



/* -------------------[ Magazine Home Page Styles ]------------------- */



ul.home-left {

	width:285px;

	padding:0;

	float:left;

	margin:0 0 20px;

	list-style-type:none;

	}



ul.home-right {

	width:285px;

	padding:0;

	float:right;

	margin:0 0 20px;

	list-style-type:none;

	}



ul.home-bottom {

	padding:0;

	margin:0 0 10px;

	list-style-type:none;

	}



ul.home-right li.homepost, ul.home-left li.homepost {

	line-height:1.5em;

	font-size:9pt;

	margin:0;

	padding: 10px 0;

	list-style-type:none;

	border-bottom:none;

	height:110px;

	overflow:hidden;

	}



ul.home-bottom li.homepost {

	line-height:1.5em;

	font-size:9pt;

	margin:0;

	padding: 10px 0;

	list-style-type:none;

	border-bottom:none;

	}



h2.feat-title {

	letter-spacing:0px;

	font-size: 12pt;

	padding:0 0 5px 0;

	margin: 0;
	
	-moz-border-image: url(images/section-div.png) 0 0 27;
	
	-webkit-border-image:url(images/section-div.png) 0 0 27;
	
	-o-border-image:url(images/section-div.png) 0 0 27;
	
	border-image:url(images/section-div.png) 0 0 27;
	
	behavior: url(PIE.htc);
	

	clear:both;

	}



h2.feat-title span.name {

	float:left;

	width:75%;
	font-weight:bold;
	color:#900;

	}



h2.feat-title span.moreposts {

	text-align:right;

	float:right;

	width:24%;

	font-size:10pt;

	}



li.homepost img.post-thum, li.homepost img.thumbnail {

	width:70px;

	height:70px;

	float:left;

	margin: 0 10px 0 0;

	}



li.bottom {

	margin:0;

	padding: 5px 0;

	list-style-type:none;

	}



li.homepost h3 {

	padding:0;

	margin: 0;

	letter-spacing:0px;

	font-size:9pt;

	line-height:1.3em;
	
	font-weight:bold;

	}



li.homepost p {

	margin-bottom:0;

	}



/* ---------[ Slideshow ]--------- */



#slideshow {

	position:relative;

	margin: 0 auto;

	padding:0;

	overflow:hidden;

	width:990px;

	background:transparent;

	height:210px;

	}



#slideshow ul { 

	list-style-type:none;

	margin: 0;

	padding:0;

	}



#slideshow .videobutton a {

	width:50px;

	height:50px;

	display:block;

	}



#slideshow img.post_thumbnail {

	background:#fff;

	border:1px solid #ddd;

	padding:2px;

	float:none;

	margin: 0 auto;

	width:294px;

	height:194px;

	display:block;

	}



#slideshow .feature-entry {

	z-index:999;

	position:absolute;

	background:#000;

	color:#fff;

	top: 147px;

	left:3px;

	width:274px;

	height:30px;

	padding: 10px;

	filter:alpha(opacity=70);



	-moz-opacity:0.7;

	-khtml-opacity: 0.7;

	opacity: 0.7;

	}



#slideshow .feature-entry a {

	color:#fff;

	}



#slideshow  #feat-banner {

	position:absolute;

	top:0;

	left:395px;

	background:transparent;

	width:200px;

	height:77px;

	z-index:999;

	background:url(images/featured.png) top left no-repeat;

	}



#slideshow h2 {

	text-align:center;

	color:#000;

	margin: 0;

	padding:0;

	font-size:10pt;

	line-height: 1.2em;

	letter-spacing:0;

	}



/* ---------[ jCarousel Styles ]--------- */



.jcarousel-container {

	position: relative;

	padding: 0;

	}



.jcarousel-clip {

	z-index: 2;

	padding: 0;

	margin: 0;

	overflow: hidden;

	position: relative;

	}



.jcarousel-list {


	z-index: 1;


	overflow: hidden;

	position: relative;

	top: 0;

	left: 0;

	margin: 0;

	padding: 0;

	}



#slideshow li, 

.jcarousel-list li, 

.jcarousel-item {

	position:relative;

	z-index:1;

	float: left;

	list-style: none;

	/* --- We set the width/height explicitly. No width/height causes infinite loops. --- */

	width: 300px;

	height: 200px;

	padding:0;

	margin: 0 10px 50px 0;

	overflow:hidden;

	}



/* ---- The buttons are added dynamically by jCarousel 

before the <ul> list (inside the <div> described above) 

and have the classnames "jcarousel-next" and "jcarousel-prev" ---- */



.jcarousel-next {

	z-index: 3;

	display: none;

	}



.jcarousel-prev {

	z-index: 3;

	display: none;

	}



.jcarousel-container-horizontal {

	width: 960px;

	height: 200px;

	padding: 10px 0 0;

	margin: 0 auto;

	background:#fff;

	}



.jcarousel-clip-horizontal {

	width: 920px;

	height: 200px;

	margin: 0 auto;

	padding:0px;

	}



.jcarousel-item-horizontal { }



.jcarousel-item-placeholder { }



/* -----------[ jCarousel Horizontal Buttons ]----------- */



.jcarousel-next-horizontal {

	position: absolute;

	top:75px;

	right: -15px;

	width: 15px;

	height: 60px;

	cursor: pointer;

	background: transparent url(images/next.png) no-repeat 0 0;

	}



.jcarousel-prev-horizontal {

	position: absolute;

	top:75px;

	left: -15px;

	width: 15px;

	height: 50px;

	cursor: pointer;

	background: transparent url(images/prev.png) no-repeat 0 0;

	}



#slideshow .videobutton {

	z-index:100;

	width:50px;

	height:50px;

	position:absolute;

	top:70px;

	left:125px;

	background:url(images/play.png) top left no-repeat;

	}



/* -----------[ Recent Photos ]----------- */



#recent-photos {

	background:#fff;

	padding: 0 0 10px 0;

	text-align:center;

	clear:both;

	margin: 0 auto;

	}



#recent-photos img.post-thum, #recent-photos img.thumbnail {

	background:#fff;

	border:1px solid #ccc;

	padding:2px;

	float:left;

	margin: 0 10px 0 0;

	width:134px;

	height:134px;

	}



#recent-photos .last img.post-thum, #recent-photos .last img.thumbnail {

	margin: 0;

	}



h2.recent-photos {

	font-size:12pt;

	text-align:center;

	padding: 0 0 5px 0;

	border-bottom:double #ddd;

	letter-spacing:0px;

	margin-bottom:10px;

	}



/* ---------------[ Site Map Page ]--------------- */



ul.archives, ul.wp-tag-cloud {

	margin: 0 0 15px 5px;

	padding: 0;

	}



ul.archives ul, ul.wp-tag-cloud ul {

	padding:0;

	}



ul.archives ul li, ul.wp-tag-cloud ul li {

	background:transparent;

	padding-left:0;

 	margin:0;

        }



ul.archives ul ul, ul.wp-tag-cloud ul ul {

	margin:0;

	margin-left: 15px;

	padding:0;

	}



.post ol.archives {

	margin:0 0 0 20px;

	padding:0;

	}



.post ol.archives li {

	margin:0;

	padding:0;

	}



.sitemap img.post-thum, .sitemap img.thumbnail {

	float:left;

	height:70px;

	width:70px;

	margin: 0 10px 10px 0;

	}



.sitemap {

	padding-bottom:15px;

	}



.sitemap h2 {

	margin-bottom:10px;

	font-size:12pt;

	padding-bottom:5px;

	border-bottom: double #ddd;

	letter-spacing:0px;

	}



.sitemap h3 {

	margin-bottom:3px;

	line-height:1.3em;

	font-size:10pt;

	padding0:0px;

	border:0;

	letter-spacing:0px;

	}



/* ---------------[ Related Posts on Single Post Page ]--------------- */



#related {

	background:#eee url(images/dot.gif) 42% 0 repeat-y;

	border:1px solid #ddd;

	padding:15px;

	margin: 0 0 10px;

	}



#related .related-posts {

	font-weight:bold;

	width: 56%;

	float:right;

	}



#related .related-posts p {

	margin:0;

	}



#related .related-posts h3, #related .related-posts h2, #related .related-posts h1 {

	margin:0;

	font-size:12pt;

	letter-spacing:0;

	}



#related .related-posts ol {

	font-weight:normal;

	margin:2px 0 0 25px;

	}



#related .subscribe {

	width: 40%;

	float:left;

	}



#related .subscribe p.intro {

	font-weight:bold;

	}



#related .subscribe p.feed {

	margin-bottom:10px;

	font-weight:bold;

	padding-left: 21px;

	background: url(images/FeedIcon-16.gif) 0px 50% no-repeat;

	}



#related .subscribe form {

	margin:0;

	padding:0;

	}



.entry img.attachment-large {

	max-width:900px;

	width:auto !important;

	width:900px;

	}



#slideshow ul#mycarousel {

	height:200px;

	}

	

	#sitemap {

		max-width:1200px;
width:90%;

		margin:0 auto;

		background:#FFF;

		}

	

#sitemap .widget_nav_menu, #sitemap .widget_categories {

	list-style-type:none;

}

	

	#sitemap .widget ul {

list-style-type:square;

padding-left:0px;

}



	#sitemap .widget nav-menu {

list-style-type:none;

padding-left:0px;

}







#sitemap .widget {

	width: 145px;

	float: left;

	margin-right: 10px;

list-style:none;

min-height:166px;

}

#sitemap .last {
	border:none;
}


#sitemapcon {

	padding:12px;

}



#widgets-reloaded-nav-menu-2, #widgets-reloaded-nav-menu-13, #widgets-reloaded-nav-menu-9, #widgets-reloaded-nav-menu-10, #widgets-reloaded-nav-menu-11, #widgets-reloaded-nav-menu-7, #widgets-reloaded-categories-3 {

list-style:none;
color:#555;
border-right:1px dotted #CCC;
 }



#widgets-reloaded-nav-menu-7 {

	border:none;

}



#sitemap h3 {

	font-size:14px;

	color:#950000;

	font-weight:bold;

}

span[icon ^="phone"] {
   padding-left: 30px;
   background: transparent url('images/Phone-icon.png') no-repeat center left;
}

span[icon ^="vcard"] {
   padding-left: 30px;
   background: transparent url('images/vcard.png') no-repeat center left;
}

span[icon ^="address"] {
   padding-left: 30px;
   background: transparent url('images/con_address.png') no-repeat center left;
}

#topbanners, #bottombanner{
	max-width:1200px;
	width:100%;
	margin:0 auto;
}

.hrbanner img {
	box-shadow:0 0 5px #CCC;	
}

.hrbanner.top, .hrbanner.bottom {
	width:588px;
	height auto;
	max-width:100%;	
}

.hrbanner.left {
	float:left;	
}

.hrbanner.right {
	float:right;	
}

#topbanners {
	padding:45px 0 15px 0;	
}


#bottombanner {
	padding:15px 0 15px 0;	
}

#topbanners img, #bottombanner img {
	max-width:100%;	
	height:auto;
	display:block;
	width:100%;
	box-shadow:0 0 5px #CCC;
}

#shadow {
box-shadow: 0px 0px 10px #666;
    max-width: 1200px;
	width:90%;
    margin: 0 auto;
	background:#FFF;
}

.topleft {
	float:left;
	width:49%;
}


.topright {	
	float:right !important;
	width:49%;
}

#subtease {
background:url('images/sub-bg.png') no-repeat;width:300px;height:250px;padding:75px 0px 0px 28px;"
}

#subtease a {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
font-weight:bold;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
	padding:10px;
}

#subtease a:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');

}

#subtease a:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

#subtease .text {
	width:250px;
margin-top:20px;
}

h2.FA_title_section {
	display:none;
}

#twitter {
padding: 10px 0px 0px 20px;
background:#FFF;
line-height:32px;

}

#twitter img {
	max-width:32px;
	float:left;
	margin-right:3px;
}

#loginbar {
	width:100%;
	background:#333;
	color:#F5F5F5;
	padding:0;
	position: fixed;
    z-index: 1000;
	top:0;
}

#loginbar #wrap {
	background:none;	
}

#loginbar form {
	float:right;
	padding:3px 0px;
	font-size:12px;
}

#loginbar form p {
	    display: inline-block;
    font-size: 0.85em;
    line-height: inherit;
    margin: 0 1em 0 0;
}

#loginbar form p.login-remember {
	display:none;	
}

#loginbar form p.login-submit {
	float:right;

}

#loginbar form input {
	box-sizing:border-box;
	border:none;
	padding:3px;
	font-size:12px;	
}

#loginbar form p.login-submit input {
	padding:3px 7px;
	margin:0;
	background: #D80000;
    color: #FFF;
	transition:0.2s ease all;
	-webkit-transition:0.2s ease all;
	-moz-transition:0.2s ease all;
}

#loginbar form p.login-submit input:hover {
	background:#940000;
	cursor:pointer;
}

#login {
	height: 300px;
	float:left;
	background: #900 url('httpss://www.hrmagazine.com.hk/wp-content/uploads/2012/05/showcase-bg.png');
	width: 320px;
	background-position: 90% 70%;
}

#login .overlay {
background:url('httpss://www.hrmagazine.com.hk/wp-content/uploads/2012/05/showcase-overlay2.png');
height:300px;
width:320px;
}

#logincontent {
	color:#FFF;
	padding: 10px 10px;
	margin-top: 5px;
	border-top: 1px solid  #620000;
}

#logincontent a {
	color:#FFF;
}

#logincontent p.login-username input, #logincontent p.login-password input {
	box-sizing:border-box !important;
	border:none;
	width:100%;
	padding:5px;
}

#currentissue, #currentissue h3 {
	color:#FFF;
	
}

#currentissue h3 {
	display:block;
	margin-bottom:5px;
		
}


#currentissue {
	background: #900 url(httpss://www.hrmagazine.com.hk/wp-content/uploads/2012/05/showcase-bg.png);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin:0 0 10px 0;
}

#currentissue .overlay {
	background: url(httpss://www.hrmagazine.com.hk/wp-content/uploads/2012/05/showcase-overlay2.png);	
}

#currentissue img {
	float:none;
	margin-right:10px;
	width:100%;
}

#currentissue .arconix-button-flat {
	text-shadow:none;
	margin-top:10px;	
}

#currentissue .content {
	padding-top:10px;
	overflow:hidden;
	text-shadow:2px 3px 3px #000;
}

#currentissue ul {
	margin-top:10px;
}

#currentissue ul li {
	margin: 0 0 3px 0;
    font-size: 0.9em;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding: 0 0 3px;	
}

#currentissue ul li:last-child {
	border:none;
}

.downloadzone {
	text-shadow:none;
	width:100%;
	line-height:1em;
	background:#FFF;
	display:block;
	text-align:center;
	padding:10px;
	color:#666 !important;
	border-left:3px solid #D80000;
}

.downloadzone:hover {
	background:#F5F5F5;
	color:#D80000 !important;
}

.downloadzone span {
	position:relative;
	left:-3px;	
}

p.login-remember {
	float: left;
	margin-right: 20px;
	line-height: 30px;
}

p.subbutton {
	float:left;
	margin-top:2px;
}

/*#wp-submit, p.subbutton a, .downloadzone a{
text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #FFF;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
	padding:3px;
	font-size:12px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	}

#wp-submit:hover, p.subbutton a:hover, .downloadzone a:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
	
}

#wp-submit:active, p.subbutton a:active, .downloadzone a:active {
color: #FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
	
	}*/
	
	.downloadzone a {
		margin-top:5px;
	}
	
	#loginform {
		float:left;
	}
	
	#subbutton {
		float:left;
	}
	
#subbutton a {

	text-decoration:none;
}

.bottomleft {
	float:left;
	width:49%;
}


.bottomright {
	float:right !important;
	width:49%;
}

#issue-archives {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#issue-archives, #issue-archives ul, #issue-archives li{
padding:0;
margin:0;
}

#issue-archives li{
list-style: none;
position: relative;
width:120px;
height: 30px;
padding:0px 5px;
line-height: 30px;
cursor:pointer;
color:#666;
}

#issue-archives li a{
text-decoration:none;
color:#666;

}

#issue-archives li a:hover{
text-decoration:none;
color: #900;

}



#issue-archives li:hover{
background-color:#CCC;
color:#900;
}

#issue-archives ul ul{
position: absolute;
top:30px;
left:-1px;
visibility:hidden;
background:white;

}

#issue-archives ul li:hover ul{
visibility:visible;

}

#issue-archives li.top {
	cursor:default;
	background:#FFF;
	color:#CCC;
	border:1px solid rgba(0,0,0,0.7);
}

#issue-archives li.top:hover {
	background:none;
}

#issue-archives ul.dropdown {
	color:#FFF;
	border:1px solid #CCC;
}

#mc_subheader {
	margin-bottom:10px;
}

p.login-submit {
	float:left;
	margin-right:10px;
}

#content p {
	clear:right;
}

.sidebar-top {
	margin-bottom:10px;
}

#hrtweets ul {
	list-style:none;
	margin:0px;
}

#hrtweets ul li div.user {
	display:none;
}

#hrtweets p {
	margin:0px;
	padding:0px;
}

#hrtweets ul li p.timePosted {
	margin-bottom: 0px !important;
font-size: 10px !important;
margin-top: 3px !important;
text-transform:uppercase !important;
color:#999;
}

#hrtweets ul li p.tweet {
margin-bottom: 0px !important;
line-height: 0px !important;
margin-top:5px !important;
}

.FA_overall_container_smoke.dark {
	border:none !important;
}

#wp-submit {
	
}

p.subbutton {
	position:absolute;
	top:509px;
	right:370px;
}


p.submitbutton a {
	text-decoration:none !important;
}

div.ws-plugin--s2member-s-badge {
	display:none !important;
}

#sidebar .em-calendar-wrapper table {
	width:100%;	
}

.popular {
	box-shadow:0px 0px 5px #CCC;
	-webkit-box-shadow:0px 0px 5px #CCC;
	-moz-box-shadow:0px 0px 5px #CCC;
	margin-bottom:15px !important;
}

.popular li {
	margin:0 !important;
	border-bottom:1px dotted #CCC;
}

.popular li:last-child {
	border:none;	
}

.popular li a {
	display:block;
	background:#FFF;
    padding: 6px;
	transition:0.1s ease all;
	-webkit-transition:0.1s ease all;
	-moz-transition:0.1s ease all;
}

.popular li a:hover {
	background:#F5F5F5;
}

.wpbdp-listing-excerpt.odd {
	background:#FFF !important;	
}

.wpbdp-categories .cat-item {
	margin:0 !important;	
}

.wpbdp-main-box {
	margin:10px 0 0 0 !important;	
}

.wpbdp-categories {
	background:#f7f7f7;
	padding-bottom:10px;
}

h2.category-name {
	margin:10px 0 0 0;	
}

.wpbdp-listing-single .listing-title {
	padding: 0 !important;
    background: none !important;
    border: none !important;
	margin-top:-20px;
}

.wpbdp-listing-single .main-image img {
	border:none !important;	
}

#page img {
	max-width:100%;
	height:auto;
}

.wp-caption {
	max-width:100%;	
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 60px; /* Place the button at the bottom of the page */
    right: 10px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 50%; /* Rounded corners */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	transition:0.5s ease all;
	background:rgba(0,0,0,0.5);
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
}

#myBtn:hover {
   background:rgba(0,0,0,0.7);
}

.frontmason h4 {
	font-weight:normal !important;	
}

p.login-username label, p.login-password label {
	display:none;	
}


.wpbdp-listing-excerpt .listing-thumbnail {
	box-shadow:0px 0px 5px #CCC;
	-webkit-box-shadow:0px 0px 5px #CCC;
	-moz-box-shadow:0px 0px 5px #CCC;	
}



.hr-post {
	width:30%;
	margin-right:5%;
	float:left;
	margin-bottom:3em;
}

.hr-post h4.hr-post-title {
	margin-top:10px;	
}

.hr-post h4.hr-post-title a {
	color:#000;	
}

.hr-post h4.hr-post-title a:hover {
	color:#900;	
}

.hr-post:nth-child(3n+3) {
	margin:0;	
}

.hr-post:nth-child(3n+1) {
	clear:left;	
}

.hr-post  .hr-post-excerpt {
	font-size:14px;
	padding-bottom:3em;	
}

.hr-post  .hr-post-excerpt p {
	margin:0 0 2em 0;	
}

.hr-post .hr-post-link {
	background:#900;
	color:#FFF;
	margin:3em 0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size: 14px;
    padding: 14px 20px;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
}

.hr-post .hr-post-link:hover {
	background:#000;	
}

.hr-placeholder {
	width:100%;
	height:248.77px;
	display:block;
	background:#CCC;	
}


.logohead, .logohead:hover {
	cursor:pointer !important;	
}

.logohead img, .logohead img:hover {
	margin:0 !important;
	cursor:pointer !important;	
}

.fpslider h2.post-title a {
	color:#000;	
}

.fpslider h2.post-title a:hover {
	color:#900;
}

.adminlinks {
	font-size: 0.9em;
    padding: 5px;
    background: #F5F5F5;	
}

.adminlinks a {
	color:#555;
}

.adminlinks a:hover {
	color:#900;
}

.rpt_style_basic .rpt_plan .rpt_title {
	text-align:center;
	line-height:30px !important;
	background: #900 url(https://www.hrmagazine.com.hk/wp-content/uploads/2012/05/showcase-bg.png) 800px -500px !important;	
}

.basic .rpt_feature_0-4, .basic .rpt_feature_1-3, .basic .rpt_feature_2-5, .corp .rpt_feature_0-5, .corp .rpt_feature_1-7  {
	color: black;
    font-size: 0.85em !important;
    font-style: italic !important;
	line-height:1.4em;	
}

.rpt_style_basic strong.green {
	color:#28A12D !important;
	font-weight:normal;	
}

.rpt_style_basic strong.red {
	color:#ff0000 !important;
	font-weight:normal;	
}

.rpt_style_basic .rpt_plan .rpt_head .rpt_price {
	    line-height: 48px !important;
		padding:15px 0 0 0 !important;
		
}


.rpt_style_basic .rpt_plan .rpt_head .rpt_description {
	padding:0 0 15px 0 !important;	
}

#logindrawer, .mobilelogin {
	display:none;	
}

#logindrawer {
	background:rgba(51,0,0,0.9);
    height: 100%;
    overflow: hidden;
    padding:50px 0 0 0;
	width:100%;
	z-index:100;
	position:fixed;
	top:0;
}

#logindrawer div {
	padding:0 20px;	
}

#logindrawer form {
	width:100%;	
}

#logindrawer input {
	width: 94%;
	padding:10px;
	font-size:16px;
	border:none;
}

#logindrawer form p.login-submit {
	float:right;	
}

#logindrawer form p.login-submit input {
    margin: 0;
    background: #D80000;
    color: #FFF;
    transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
	    padding: 10px 30px;
}

#logindrawer form p.login-submit input:hover {
	background:#940000;
	cursor:pointer;
}

.mahjong {
	width: 30%;
    border: none;
    padding:0;
    box-shadow: 0 0 5px #CCC;
    float: left;
    margin: 0 3% 3% 0;	
}

.mahjong img {
	padding:0;
	width:100%;
	height:auto;	
}

.mj_text {
	padding:10px;
}

.mj_thumb {
	position:relative;
}

.mj_thumb span {
	display: block;
    position: absolute;
    bottom: 5px;
    background: #D80000;
    color: #FFF;
    font-size: 0.8em;
    padding: 0px 10px;
    right: 0px;
}

.mj_thumb span a {
	color:#FFF;	
}

.mj_thumb span a:hover {
	color:#000;	
}

.wp-bannerize-topleft, .wp-bannerize-topright {
 width:588px !important;
 max-width:100%;
  height:auto;
}



@media only screen and (max-width: 1660px) {

.hrbanner.top, .hrbanner.bottom {
	max-width:49%;	
}

}

@media only screen and (max-width: 736px) {

.hrbanner.top, .hrbanner.bottom {
	max-width:50%;
}

}



@media only screen and (min-width: 480px) and (max-width: 767px) {
	#topbanners, #bottombanner {

    width: 90%;

}
}

@media only screen and (min-width: 589px) and (max-width: 667px) {

.hrbanner.top, .hrbanner.bottom {
	max-width:50%;
}

}



/* Mobile Layout: 320px.
Gutters: 24px.
Outer margins: 34px.
Inherits styles from: Default Layout.
---------------------------------------------
cols 1 2 3
px 68 160 252 */
@media only screen and (max-width: 767px) {

#shadow {
	width:100%;
}

.mahjong {
	width: 100%;
    border: none;
    padding:0;
    box-shadow: 0 0 5px #CCC;
    float: none;
    margin: 0;	
}

.hrbanner {
	float:none;
}

.hrbanner.top, .hrbanner.bottom {
	max-width:100%;	
}

.hrbanner.left {
	margin-bottom:1em;	
}

#loginbar form {
	float:none;
	display:none;
}

#loginbar form p {
	margin:5px;	
}

#loginbar form input {
	font-size:14px;	
}
	
#contentleft, #contentright {
	width:100%;
	float:none;
}

#sidebar {
	width:100%;
}

#sidebar img {
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

#sitemap {
	display:none;	
}

#topbanners {
	margin-top:0px;
	margin-bottom:10px;	
}

#topbanners, #bottombanner {
	width:100%;	
}

#topbanners img, #bottombanner img {
	float:none;
	margin:0 auto;
	max-width:100%;	
}

#topbanners .topright {
	margin:0;
}

.wp-caption {
	margin:10px 0;	
}

.hr-post {
	width:100%;
	margin:0;
	float:none;
	margin-bottom:3em;
}

.topleft, .topright, .bottomleft, .bottomright {
	float:none;
	width:100%;
}

.topleft, .bottomleft {
	margin-bottom:1em;	
}

.nivo-caption {
	position:inherit !important;	
}

.flex-direction-nav {
	display:none;	
}

.mobilelogin {
	display:inline-block;
	float:right;
	line-height: 20px;
    margin: 0 1em;
    padding: 1px 10px;
    background: #900;
}

.logohead img {
	margin:0 0 0 1em !important;	
}

}




/*    Tablet Layout: 768px.
    Gutters: 24px.
    Outer margins: 28px.
    Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 767px) and (max-width: 991px) {

.logohead img {
	margin:0 0 0 1em !important;	
}

#contentleft {
	width:65% !important;
}

#contentright {
	width:30%;
}

#sidebar {
	width:100%;	
}

}

/*    Tablet Wide Layout: 1024px.
    Gutters: 24px.
    Outer margins: 28px.
    Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 1024px) and (max-width: 1280px) {

.logohead img {
	margin:0 0 0 1em !important;	
}

#contentleft {
	width:65% !important;
}

#contentright {
	width:30%;
}

#sidebar {
	width:100%;	
}

}