/*** EWD Tweaks ***/

.contact_page {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.contact_page_col {
	width: 50%;
	float: left;
	padding: 15px;
	box-sizing: border-box;
}
.contact_page h4 {
	font-weight: bold;
	font-size: 16px;
}
.rsform .formResponsive .formHorizontal .rsform-block {
    margin-bottom: 8px;
}
.rsform .formResponsive .formHorizontal .formControlLabel {
    float: none;
    padding-top: 0;
    text-align: left;
    width: 100%;
}
.rsform .formResponsive .formHorizontal .formControls {
    margin: 0;
}
.rsform .formResponsive .formHorizontal .formValidation {
	display: block;
}
.rsform .formResponsive .formHorizontal p.formDescription {
    margin-top: 0;
}
.rsform .formResponsive .formHorizontal .rsform-input-box, .rsform .formResponsive .formHorizontal .rsform-text-box {
	border: 1px solid #c7b97c;
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 0;
}
.rsform .formResponsive .formHorizontal .rsform-submit-button {
	background: #0089d1;
	width: 61px;
	height: 22px;
	cursor: pointer;
	padding: 0;
	border: none;
	color: #fff !important;
	font-size: 12px;
	font-weight: bold;
	border-radius: 2px;
}
.rsform-text-box::placeholder {
	opacity: 1;
}

/** MQ **/

@media (max-width: 480px) {
  .contact_page_col {
	width: 100%;
	float: none;
	padding-bottom: 0;
  }
}

/*** Main ***/

body {
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#page {
	position: relative;
	z-index: 20;
	height: 100%;
	background: #fff;
}
input, select {
    font-size: 11px;
}
img{
	max-width: 100%;
	height: auto;
}
table{
	max-width: 100%;
}
#lanquage {
	width: auto;
	position:absolute;
	right:5px;
	top:8px;
}
#lanquage ul{
	margin: 0;
	padding: 0;
}
#lanquage ul li{
	padding: 0;
	list-style: none;
	background: none;
}
#wrapper {
	width:954px;
	margin:0 auto;
}
#bottom {
	height:22px;
	width:968px;
	margin:0 auto;
	background:url(../images/bottom.jpg) top left no-repeat;
}
#header {
	position:relative;
	background:url(../images/menutop-bg.png) top right no-repeat;
	height:112px;
	border-bottom:#007bba solid 1px;
}
#header-pad {
	height:114px;
	overflow:hidden;
}
#logo {
	position:absolute;
	top:10px;
	left:0px;
	width:261px;
	height:72px;
}
#date {
	position:absolute;
	left:0;
	bottom:0;
	height:20px;
	line-height:20px;
	width:140px;
}
#header-menu {
	width:auto;
	position:absolute;
	right:270px;
	height:28px;
	line-height:28px;
	right: 100px;
}
#header-search {
	float:right;
	width:192px;
	line-height:35px;
	overflow:hidden;
	position:absolute;
	top:0px;
	right:0;
}
/*
#search-advance {
	position:absolute;
	top: 5px;
	right: 192px;
}

#search-advance a{
	height:23px;
	width:151px;
	background:url(../images/advance_search.png) 0 0 no-repeat;
	display:block;
	line-height:23px;
	font-size:11px; 
	color:#FFFFFF;
	text-shadow:#999 1px 1px 1px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}
#search-advance a:hover, #search-advance a:focus{
	background:url(../images/advance_search.png) 0 -23px no-repeat;
}

#search-advance input {
	border: solid 1px #8E8F91;
	background: #CCCCCC;
	padding: 2px 5px 3px 5px;
}*/
#header-search-pad {
	width:190px;
	float:left;
	margin-top:2px;
	height:21px;
	border:#bdbdbd solid 1px;
	overflow:hidden;
}
#mod_search_searchword {
	color:#000000;
}
#header-search-pad1 {
	width:190px;
	float:right;
	margin-top:5px;
	height:21px;
	border:#bdbdbd solid 1px;
	overflow:hidden;
}
#header-search label{
	display: none;
}
#header-search .inputbox {
	float:left;
	width:100px;
	height:14px;
	border:#000000 solid 1px;
	padding-left:0;
	padding-right:0;
}
#menu {
	z-index:999;
}
#menu-wrapper {
	position:absolute;
	right:0;
	top:82px;
	height:30px;
	background:url(../images/menu-bg.png) top left repeat-x;
}
* html #menu-wrapper {
	top:84px;
	width:717px;
}
* html #wrapper-800 #menu-wrapper {
	width: 750px;
}
#menu-wrapperl {
	background:url(../images/menu-bg-l.jpg) top left no-repeat;
	width:100%;
	height:8px;
}
#menu-wrapperr {
	background:url(../images/menu-bg-r.jpg) top right no-repeat;
	width:100%;
	height:8px;
}
#member {
	float:right;
	width:89px;
	line-height:27px;
	color:#fff;
	height:29px;
	background:url(../images/member.jpg) top left no-repeat;
}
#member a {
	color:#fff;
	padding-left:10px;
	text-decoration:none;
}
#pathway {
	line-height:35px;
	overflow:hidden;
	width:954px;
	position:relative;
}
#pathway-pad {
	float:left;
	width:700px;
	font-size:11px;
	color:#666666;
}
#followus {
	float:right;
	color:#8b8b8b;
	font-weight:bold;
	margin-right:10px;
	margin-top:6px;
	line-height:28px;
}
#followus a {
	margin-right: 2px;
}
#addthis {
	float:right;
	margin-right:10px;
}
#addthis img {
	float:left
}
.addthis_toolbox.addthis_default_style span {
	margin-top:8px;
}
#maincontent {
	background:#ffffff;
	overflow:hidden;
}
#maincontent-pad {
	padding:10px 0px 0px 0px;
	overflow:hidden;
}
#maincol {
	float:left;
	width:660px;
	overflow:hidden;
	min-height: 500px;
}
#maincol-pad {
	overflow:hidden;
}
#rightcol {
	float:right;
	width:280px;
	border:#bebfc0 solid 1px;
	overflow:hidden;
}
#rightcol-pad {
	padding:12px 9px;
	overflow:hidden;
}
#footer {
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	overflow:hidden;
	background:url(../images/bg-footer.jpg) top center repeat-x;
	text-align:center;
}
#footer-tl {
	background:url(../images/footer-tl.jpg) top left no-repeat;
	overflow:hidden;
	width:100%;
}
#footer-tr {
	background:url(../images/footer-tr.jpg) top right no-repeat;
	overflow:hidden;
	width:100%;
}
#footer-bl {
	background:url(../images/footer-bl.jpg) bottom left no-repeat;
	overflow:hidden;
	width:100%;
}
#footer-br {
	background:url(../images/footer-br.jpg) bottom right no-repeat;
	overflow:hidden;
}
#footer-menu {
	line-height:33px;
}
#footer-menu-pad {
	overflow:hidden;
}
#footer-menu-pad ul{
	margin: 0;
	padding: 0;
}
#footer-menu-pad ul li{
	margin: 0;
	padding: 0;
	background: none;
	display: inline-block;
}
#copyright {
	line-height:30px;
	color:#fff;
}
/* Login */

#subscribe{
	float:right;
	width:257px;
	background:#fff;
	margin-bottom: 5px;
	padding-left:13px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom:8px;
	border:1px solid #BEBFC0;
}	

#subscribe .button{
	width:140px;
	height:43px;
	text-align:center;
	display:block;
	font-size:0;
	margin-left:54px;
	background:url(../images/button_subscribe.jpg) top center no-repeat;
}

.button_subscribe{
	width:89px;
	height:23px;
	float:right;
	font-size:0;
    background:url(http://www.workplace-english-training.com/emagazine/images/subscribe_h.png) no-repeat -9999px -9999px;
	background:url(http://www.workplace-english-training.com/emagazine/images/subscribe.png) no-repeat; 
    background-size:contain;
}

#button_subscribe_youtube:hover{
	background:url(http://www.workplace-english-training.com/emagazine/images/subscribe_h.png) no-repeat; 
    background-size:contain;
}

#logout {
	float:right;
	width:257px;
	background:#f8f8f8;
	margin-bottom: 5px;
	padding-left:13px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom:10px;
	border:dotted 1px #000;
}
#logout .memberarea {
	width: 110px;
	height: 16px;
	float: left;
	font-weight: bold;
	font-size: 14px;
	color: #0085C9;
	margin-top: 5px;
}
#logout .modal {
}
#logout .forgot {
	font-style: nomal;
	font-size: 10px;
	float: left;
	color: #0081c3;
	margin-top: 5px;
}
#logout .forgot a {
	color: #0081c3;
}
#logout .form-login {
	padding-right: 15px;
	padding-left: 5px;
	padding-bottom: 2px;
}
#logout input {
	border: #c7b97c solid 1px;
	padding:2px 1px 0px 3px;
	height:20px;
	width: 120px;
	color: #747474;
}
* html #logout input {
	padding:0 0 0 3px;
	;
}
#mod_search_searchword {
	color:#666666
}
#logout .button {
	background: url(../images/login-button.png) no-repeat;
	width: 61px;
	height: 20px;
	font-size: 0;
	cursor: pointer;
	padding:0;
	margin-top:5px;
	border: none;
	margin-right: 6px;
}
#logout a {
	color:#0081c3;
	text-decoration:underline;
	float:right
}
#logout p {
	margin:0;
	padding:0;
}
#logout .inputbox {
	width: 113px;
}
#logout .button {
	float:left;
}
#logout #modlgn_remember {
	width:auto;
	float:right
}
#logout label {
	float:right;
}
#logout ul {
	margin:0;
}
#logout ul li {
	background:none;
}
form.log {
	height:80px;
	margin-top: 5px;
}
#ja-login {
	background: url(../images/bg-login.png);
	overflow: hidden;
	position: absolute;
	top: 30px;
	right: 10px;
	z-index: 999;
	display:none;
	height: 136px;
	width:274px;
	border: 1px solid #a7a5a3;
	text-align: left;
}
div#login {
	position:absolute;
	top:5px;
	right:30px;
	background: url(../images/vline.gif) no-repeat left center;
}
#login-pad {
	padding:12px;
}
.xp {
	background: url(../images/3.jpg) top left repeat-y;
	width:100%;
	margin-bottom:10px;
	margin-top:10px;
	overflow:hidden;
}
.xp1 {
	background: url(../images/4.jpg) top right repeat-y;
	width:100%;
	overflow:hidden;
}
.xp2 {
	background: url(../images/1.jpg) no-repeat top left;
	width:100%;
	overflow:hidden;
}
.xp3 {
	background: url(../images/2.jpg) no-repeat top right;
	width:100%;
	overflow:hidden;
}
.xp4 {
	background: url(../images/5.jpg) no-repeat bottom left;
	width:100%;
	overflow:hidden;
}
.xp5 {
	background: url(../images/6.jpg) no-repeat bottom right;
	width:100%;
	overflow:hidden;
}
.xp6 {
	padding:10px 0px 10px 10px;
	overflow:hidden;
}
* html .xp6 {
}
.login-m {
	background: url(../images/xipat-3.jpg) top left repeat-y;
	width:100%;
	margin-bottom:10px;
	margin-top:10px;
	overflow:hidden;
}
.login1 {
	background: url(../images/xipat-4.jpg) top right repeat-y;
	overflow:hidden;
}
.login2 {
	background: url(../images/xipat-1.jpg) no-repeat top left;
	overflow:hidden;
}
.login3 {
	background: url(../images/xipat-3.jpg) no-repeat top right;
	overflow:hidden;
}
.login4 {
	background: url(../images/xipat-5.jpg) no-repeat bottom left;
	overflow:hidden;
}
.login5 {
	background: url(../images/xipat-6.jpg) no-repeat bottom right;
	overflow:hidden;
}
.login6 {
	padding:6px 10px 10px 20px;
	height:300px;
	overflow:hidden;
}
.flashplayer {
	height:47px;
	margin-bottom:15px;
	overflow:hidden;
}
.flashplayer-pad {
	padding:0 10px;
}
.flash {
	float:left;
	padding-top:12px;
}
.popup {
	float:left;
	padding-top:14px;
}
#maincontent-f #maincol {
	width:100%;
}
#maincontent-f {
	background:#fff;
}
/* MISCELLANOUS

----------------------------------------------------------- */



div.back_button a,  div.back_button a:hover,  div.back_button a:active {
	margin: 10px 0;
	display: block;
	background: none!important;
	text-decoration: none!important;
}
#form-login p {
	margin: 0 0 5px;
}
#form-login ul {
	margin: 10px 0 0;
}
#form-login .inputbox {
	width: 90%;
}
.clr{
	clear: both;
}
div.vm_clr {
	padding-top:20px;
	margin-bottom:20px;
	clear: both;
	display:block;
	border-bottom:solid 1px #363636;
}
.hasTip img {
	margin: 10px 5px 0 0;
	border: none;
}
/* Tooltips */

.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}
.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}
.tool-text {
	margin: 0;
	font-size: 100%;
}
#system-message dd.message ul,  #system-message dd.error ul,  #system-message dd.notice ul {
	padding: 0;
	margin: 0;
}
#system-message dd.message ul li,  #system-message dd.error ul li,  #system-message dd.notice ul li {
	background: none;
	padding: 5px;
	margin: 0;
	color: #FFFFFF;
}
.lead-bottomf {
	margin-bottom: 5px;
}
/* System Standard Messages */

#system-message dd.message ul {
	background: #006699;
	border: none;
}
/* System Error Messages */

#system-message dd.error ul {
	background: #BF0000;
	border: none;
}
/* System Notice Messages */

#system-message dd.notice ul {
	background: #EE9600;
	border: none;
}
.errormsg {
	background: #BF0000;
	border: none;
	padding:8px;
	color:#fff;
	font-weight:bold;
}
/* Clearfix */

.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
* html > body .clearfix {
	width: 100%;
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* Firefox Scrollbar Hack - Do not remove */

html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}
/* Style for header menu */

#header-menu li {
	float:left;
	color: #0062a8;
	padding: 6px 10px 5px 10px;
	background:url(../images/menutop-border.png) 100% 12px no-repeat;
}
#header-menu li img{
	display: none;
}
#header-menu ul {
	padding:0;
	margin:0;
}
#header-menu a {
	text-decoration:none;
}
#header-menu a:hover {
}
#header-menu a.active {
}
/* Style for Search */

#header-search .inputbox {
	float:left;
	width:150px;
	height:21px;
	border:none;
	background:none;
	outline:none;
	color: #666;
	font-size: 11px;
	padding-left: 10px;
}
* html #header-search .inputbox {
	width:150px;
	height:16px;
	outline:none;
	border:none;
}
#header-search input:focus {
	outline:none;
}
#header-search input.button {
	width:17px;
	height:13px;
	float:right;
	margin:3px 1px 1px 4px;
	border:none;
}
#header-search #mod_search_searchword {
	padding:4px 0px 0px 4px;
}
/* Style for footer menu */

#footer-menu a {
	color:#fff;
	padding:0 15px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#footer-menu a img{
	display: none;
}
#footer-menu a:hover {
	text-decoration:underline;
}
#footer-menu a#active_menu {
	text-decoration:underline;
}
/* Style for lanquage menu */
#login-module {
	display: none;
}
#form1 {
	float:left;
	width:50%;
	overflow:hidden;
}
#forget-user {
	float:right;
	width:47%;
	overflow:hidden;
}
#form-user {
	height:30px;
	overflow:hidden;
}
#form-pass {
	height:30px;
	overflow:hidden;
}
#form2 {
	float:left;
	width:50%;
	overflow:hidden;
}
* html #form2 input {
	width:150px;
}
#submit {
	margin-top:10px;
	text-align:left;
}
#submit .button {
	background:url(../images/continue-button.gif) top left no-repeat;
	width:91px;
	border:none;
	color:#8f8f8f;
	height:29px;
}
#submit .button1 {
	background:url(../images/button_C2.gif) top left no-repeat;
	width:76px;
	border:none;
	color:#8f8f8f;
	height:29px;
}
#login-l .button {
	background:url(../images/continue-button.jpg) top left no-repeat;
	width:91px;
	border:none;
	color:#8f8f8f;
	height:29px;
	font-size: 0;
}
#hr-tracking .button {
	background:url(../images/continue-button.jpg) top left no-repeat;
	width:91px;
	border:none;
	color:#8f8f8f;
	height:29px;
}
#login-r .button1 {
	background:url(../images/register.jpg) top left no-repeat;
	width:91px;
	border:none;
	color:#8f8f8f;
	height:29px;
	font-size: 0;
}
#register {
	text-align:left;
	margin-top:15px;
}
#forget-pass {
	float:right;
	width:47%;
	overflow:hidden;
}
#jflanguageselection ul {
}
#jflanguageselection li {
	float:left;
	padding:0;
	padding:0 5px;
}
#jflanguageselection {
	float: left;
	margin: 0;
	line-height:20px;
}
ul.jflanguageselection {
}
.wordtheday {
	float:left;
}
.wordtheday .transcribe {
	color:#7a7a7a;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:0;
	float:left;
	margin-left:10px;
}
.wordtheday object {
	margin: 5px 0;
}
.blog-item-title .audio {
	margin-left: 10px;
	line-height: 20px;
}
.blog-item-title .transcribe {
	color:#7a7a7a;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:0;
	margin-left:10px;
	font-size:14px;
	line-height: 20px;
}
.wordtheday .object {
	font-weight:bold;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	margin-top:0;
	width: 100%;
	float: left;
}
.wordtheday ul {
	margin:0;
	padding:0;
	float: left;
	width: 100%;
}
.wordtheday ul li {
	background: url("../images/orage-arrow.gif") no-repeat scroll 6px 7px transparent;
	padding-left:13px;
}
.wordtheday fieldset {
	border: solid 1px #999999;
	padding: 10px;
	font-style: italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	float: left;
	width: 96%;
}
.wordtheday fieldset legend {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #005faf;
	font-weight:bold;
	border-bottom: solid 1px #005faf;
	margin:0 5px;
}
.audioplayer {
	float: none;
}
.wordtheday .audioplayer {
	margin-top:10px;
	margin-left:10px;
	float: left;
}
.wordtheday span {
	color:#005faf;
	font-style:italic;
	font-weight:bold;
}
.wordtheday span.word {
	color:red;
}
.user1 {
	width: 100%;
	float:left;
	background: url(../images/topbg.png) no-repeat top left;
	height:360px;
	padding: 10px 10px 0 10px;
	margin-bottom:10px;
	overflow:hidden;	
}
.user1 a {
	margin-right: 5px;
}
div#jazin-hlwrap {
	display: none;
}
div#jazin-wrap {
	width: 100%;
	float: left;
	border-top: none;
	background: url(../images/border-top.png) no-repeat top center;
	padding-top:30px;
}
div#jazin-hlfirst {
	background: none;
}
.english-tip h2 {
	background: url("../images/tip1.png") no-repeat scroll left 30% transparent;
	padding-left: 20px;
	color: #005faf;
	text-decoration: underline;
}
.english-tip .desc {
	font-weight: bold;
	color: #494949;
}
.english-tip h3 {
	font-size: 14px;
	color:#888;
	font-weight:bold
}
.english-tip h4 {
	color: #005faf;
	font-size: 14px;
	font-weight:bold;
	background: url("../images/red-arrow.png") no-repeat scroll left 20% transparent;
	padding-left: 7px;
}
.english-tip h4 span {
	color: #707070;
	font-size: 12px;
	font-weight: normal;
}
.english-tip blockquote {
	margin: 5px 0;
	background: #f2f8fb url(../images/blockquote.gif) no-repeat right top;
	border: 1px solid #ebebeb;
	padding: 10px;
}
.emailalert {
	text-align: center;
}
.emailalert span {
	float:left;
	text-align:left;
	margin-bottom: 10px;
}
.emailalert .inputbox {
	border: solid 1px #BBBBBB;
	width: 200px;
	margin-bottom: 5px;
	color: #BBBBBB;
}
.emailalert .inputbox#wz_2 {
	width: auto;
}
.emailalert .button {
	border: none;
	background: url(../images/subcribe.png) no-repeat;
	width: 87px;
	height: 31px;
	font-size: 0;
	float:right;
	color: transparent;
	margin-right: 25px;
	padding: 0 0 0 16px !important; /* Fix for IE */
}
.subscribepodcast div div div div {
	padding-left: 10px;
}
.subscribepodcast img {
	margin-right: 10px;
}
div.blog-item-title-wrapper h3 {
	margin-top:20px;
	margin-bottom: 0;
}
div.blog-item-title-wrapper h3 span {
	float: left;
}
#hr-tracking {
	float: left;
}
.quiz {
	border-bottom: solid 1px #DCDCDC;
}
.quiz td {
	padding: 5px;
}
.quiz .quiz-border {
	border-left: solid 1px #DCDCDC;
	border-right: solid 1px #DCDCDC;
}
.quiz a {
	background: url(../images/arrow-white.jpg) no-repeat left;
	padding-left: 15px;
}
.quiz h1 {
	margin: 20px 0 0 20px;
}
.quiz .sectiontableheader {
	color: #918D8C;
}
.quiz th {
	margin:0;
	padding:0;
}
.quiz-start {
	float: left;
	width: 99%;
	border: solid 1px #DCDCDC;
}
.quiz-form {
	float: left;
	width: 98%;
	border-bottom: solid 1px #DCDCDC;
}
.quiz-form h1 {
	margin-top: 20px;
	margin-left: 20px;
}
.quiz-form form {
	border-left: solid 1px #DCDCDC;
	border-right: solid 1px #DCDCDC;
	float:left;
	padding: 10px;
}
.quiz-start {
	margin: 5px;
}
.quiz .button, .quiz-form .button, .quizTable .button {
	border: #333 solid 1px;
}
.quizTable {
	float: left;
	width: 99%;
	border: solid 1px #DCDCDC;
}
.quizTable .ariQuizHeaderTable {
	margin-top:0;
	background: #DCDCDC;
	color: #918D8C;
}
.quizTable .ariQuizHeaderName {
	color: #000;
	padding-left: 10px;
}
.quiz.finish {
	border: none;
}
#maincol-pad .componentheading {
	float: left;
	width: 99%;
	padding-bottom: 0;
}
#maincol-pad .contentpane {
	float: left;
	width: 99%;
}
.xp-cc-module .ui-datepicker-title {
	color: #000;
}
#logout form.log span {
	float: left;
	margin-left: 5px;
}
#logout form.log .button {
	background-image: url(../images/logout-button.png);
	float: right;
	margin-right: 25px;
}
#searchForm table.contentpaneopen {
	float: left;
}

#wrap_social{
    position: absolute;
    float: right;
    top: 38px;
    right: 0;
}

#social_mod {
    float: right;
    padding-left: 20px;
    padding-top: 7px;
    width: auto;
}

#search-box{
    float: right;
	width:auto;
}

.instruction{
	border:solid 1px #999999;
	margin-bottom:20px;
}
.instruction strong, .instruction h3{
	padding-left:20px;
}
.instruction h3{
	font-weight:bold;
	margin-bottom:0;
}
.instruction p{
	padding:0;
	margin:0;
}
.courses-form{
	margin-top:5px;
}



/*** Always on Footer ***/

#xp_space{
	width:100%;
	height:60px;
	float:left;
}

#xp_wrap_footer{
	width:100%;
	clear:both;	
	position:fixed;
	bottom:0;
	background:#000;
	border:solid 1px #B5B5B5;
	padding: 5px 0;
}

/***
#xp_wrap_footer{
	width:100%;
	bottom:0;
	display:block;
	position:fixed;
	text-align:left;
	z-index:999;
}
***/

#xp_wrap_footer a:link, #xp_wrap_footer a:visited {
	color : #fff;
	text-decoration:none;
}

#xp_wrap_footer a:hover {
	color : #fff;
	text-decoration:underline;
}

#xp_wrap_footer a:active, #xp_wrap_footer a:focus  {
	text-decoration:underline;
	color:#fff;
}

#wrap_fixed {
	height:20px;
	border-bottom:none;
    line-height:20px;
/*	margin: 0 20px;		*/
	color:#fff;
}

#xp_text_footer{
	width:auto;
	float:left;
	font-weight:bold;
	padding-left:20px;
}

#xp_menu_footer{
	width:auto;
	float:left;
	padding-left:10px;	
}

#xp_search_footer{
	width:auto;
	height:20px;
	float:right;
	margin-right:20px!important;
	margin-right:10px;	
	margin-top:6px;
    border: 1px solid #C8C8C8;	
	background:#fff;
}

#xp_search_footer input[type="text"]{
	width:180px;
	float:left;
	padding-right:10px;
	border:none;
}

#xp_search_footer input[type='text']:focus{
    border:none;
	outline:none;
}

#xp_search_footer .button{
	width:16px;
	height:16px;
	float:left;
	font-size:0;
	line-height:0;
	cursor:pointer;
	border:none;
	padding-top:1px;
	background:url(../images/searchButton.gif) bottom left no-repeat;		
}

/*****Added by Thai 10Feb2012 *****/

#xp_ebooks{
	width:auto;
	float:right;	
	margin-top:7px;
}

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

#vmMainPage h1.vm-head-title{
	color:#333333;
	font-size:21px;
	padding-top:15px;
}

#vmMainPage .buttons_heading{
	display:none;	
}

.browse-view{
	width: 100%;
	float: left;
}

.xp-product-item{
	width: 25%;
	float: left;
}

.xp_prod_block, .xp_title_prod, .xp_thumb_prod, .xp_decs_prod, .xp_wrap_price_prod{
	width:100%;
	float:left;	
}

.xp_title_prod .padding{
	font-size:14px;
	font-weight:bold;	
	margin-bottom:5px;
	padding:0 18px;
	min-height:75px;
}

.xp_thumb_prod{
	text-align:center;	
}

.xp_decs_prod .padding{
	padding:0 18px;
	padding-right:25px;
	min-height:140px;		
}

.xp_price_prod{
	width:50%;
	float:left;
}

.xp_price_prod .padding{
	padding-left:18px;
	font-weight:bold;	
}

.xp_more_prod{
	width:50%;
	float:right;
	font-weight:bold;
}

.xp_more_prod a{
	text-decoration:none;	
}

/****/

#xp_wrap_product{
	width:100%;
	float:left;
	margin-top:20px;
}

#xp_image_product{
	width:370px;
	float:left;	
}

#xp_wrap_details_product{
	width:560px;
	float:right;	
}

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

#xp_wrap_addtocart{
	width:100%;
	float:left;	
	margin-top:20px;
}

#xp_wrap_addtocart_price{
	width:50%;
	float:left;
	font-size:14px;
	font-weight:bold;	
	padding-top:8px;
}

#xp_wrap_addtocart_button{
	width:50%;
	float:right;
	text-align:right;	
}

#xp_wrap_addtocart_button .addtocart-bar{
	text-align: right;
}

#xp_wrap_addtocart_button .addtocart-bar .quantity-box,
#xp_wrap_addtocart_button .addtocart-bar .quantity-controls{
	display: none;
}

#xp_wrap_addtocart_button .vmCartContainer{
	background:none;
	border:none;
	float:right;	
}

#xp_wrap_addtocart_button .addtocart-bar input.addtocart-button{
	width:auto !important;
	height:auto !important;
	font-size: 12px !important;
	font-weight: bold !important;
	border: none !important;
	background:#0182C6 !important;
	color:#fff !important;
	border-radius: 8px 8px 8px 8px !important;
	padding:8px 15px !important;
	letter-spacing: normal !important;
}

/***********************************/

#show_cart{
	background:#363636;
    border: 1px dotted #000000;
	margin:5px 0 10px 0;
    padding: 5px 5px 10px 8px;
    width: 175px;
	position:fixed;
	right:5px;
	top:0;
	opacity: 0.7;
	color:#fff;
}

#show_cart:hover{
	opacity: 1;
}

#show_cart h3{
	color:#fff;
	font-size:14px;
	font-weight:bold;	
}

.xp_show_cart{
	background:url(../images/show_cart.png) -0px no-repeat;	
	padding-left:25px;
	padding-top:2px;
}

.xp_checkout{
	text-transform:uppercase;
	font-weight:bold;	
}

#show_cart a{
	color:#FFF;
	float: none !important;
}

.problemtext{
	height:auto !important;	
}

/***** ADDED 4 DEC 2014 *****/

.border-silver{
	border: 1px solid silver;
}

.wrap-quick-tour{
	text-align:center;	
	padding:150px 0;
}

.wrap-quick-tour .btn-wizard,
.wrap-quick-tour .btn-quick-tour{
	color:#aaa1a2;
	border:solid 1px #aaa1a2;
	font-size:30px;
	font-weight:bold;
	padding: 25px 60px;
	text-decoration: none;
	margin: 0 10px;
}

ul.resp-tabs-list{
	margin:0;
	padding:0;	
}

ul.resp-tabs-list li{
	list-style:none;
	background:none;	
}

ul.resp-tabs-list li:hover{
	text-decoration:underline;	
}

.pwebbox-icon .pwebbox_toggler {
	padding:10px 10px 5px 5px !important;
}

.pwebbox-icon .pwebbox_toggler .icon{
	top:10px !important;
	right:10px !important;	
}

.pwebbox .pwebbox_content {
	padding: 10px 10px 10px 60px !important;
}

.pwebbox .pwebbox_content h3,
.resp-tab-content h3{
	font-weight:bold;	
}

.xp-user-logged li#xp-295{
	display:none;
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}


/* CONTENT HOME FOR NEWS
--------------------------------------------- */
#jazin-wrap {
	padding: 0;
}

#jazin {
	padding: 0;
	border-bottom: 3px solid #FFFFFF;
}

.jazin-left {
	float: left;
	overflow-x: hidden;
}

.jazin-center {
	float: left;
	background: url(../images/vline.gif) repeat-y right;
	overflow-x: hidden;
}

.jazin-right {
	float: right;
	overflow-x: hidden;
}

.jazin-box {
	width: 320px;
	float: left;
	margin: 10px 0;
	padding-bottom: 15px;
}

.jazin-box:nth-child(odd) {
    margin-right: 10px;
}

.jazin-box:nth-child(even) {
    margin-left: 10px;
}

div.jazin-section {
	display: block;
	margin-bottom: 5px;
}

div.jazin-section a {
	display: block;
	float: left;
	padding: 0;
	font-weight: bold;
	background:url(../images/ja-group.png) no-repeat left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
	font-weight:normal;
}

div.jazin-section a span {
	color: #FFFFFF;
	padding: 1px 12px 1px 10px;
	margin: 0;
	display: block;
	background:url(../images/ja-group.png) no-repeat right;
	margin-left:4px;
}

div.jazin-section a:hover,
div.jazin-section a:active,
div.jazin-section a:focus {
	text-decoration: none;
}

.jazin-box:hover div.jazin-section a{
	background:url(../images/ja-group-hover.png) no-repeat left;
}

.jazin-box:hover div.jazin-section a span{
	background:url(../images/ja-group-hover.png) no-repeat right;
}

.jazin-more {
	color: #999999;
	text-transform: uppercase;
	display: block;
	clear: both;
	margin: 10px 0 2px;
	font-size: 92%;
	letter-spacing: 1px;
}

ul.jazin-links {
	padding: 5px;
	margin: 0;
	background:url(../images/more-news-bg.png) repeat-y left;

}

ul.jazin-links li {
	padding-left: 10px;
	background-position: 1px 7px;
	background:url(../images/arrow.gif) no-repeat left;
}

ul.jazin-links li a{
	text-decoration:none;
	font-size:11px;
}

.jazin-content{
	min-height: 140px;
}

.jazin-content img {
	width: 150px;
	height: 150px;
	box-shadow: 0 0 7px #000;
    padding: 4px;
	border-radius: 2px;
}

.jazin-pagedesc {
	display: block;
	padding: 10px;
	margin: 10px 0;
	font-family: Cambria, "Times New Roman", Times, serif;
	font-size: 125%;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #F7F7F7;
	font-style: italic;
}

.jazin-pagedesc p {
	padding: 0;
	margin: 0;
}

/*SUB PAGE HEADLINE*/
#jazin-hlwrap-sub {
	clear: both;
	margin-bottom: 3px;
}

#jazin-hlwrap-sub .jazin-box,
#jazin-hlwrap-sub .jazin-content {
	padding: 0;
	margin: 0;
	background: none;
}

#jazin-hlwrap-sub h4.jazin-title {
	font-size: 200%;
	font-weight: normal;
}

#jazin-hlwrap-sub .article_separator {
	height: 15px;
	background: none;
	border-bottom: 5px solid #ABABAB;
	font-size: 1px;
}

/*mis
-------------------------------------------------*/
#jazin-fp .article_separator {
	clear: both;
	display: block;
	height: 3px;
	background: none;
	font-size: 1px;
}

.jazin-pagenav, .jazin-pagenav-counter {
	text-align: center;
}


#jazin-hlwrap{
	border: none;
}

h4.jazin-title a {
    color: #005faf;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.jazin-frame{
	width: 170px;
	float: left;
	margin-right: 10px;
}

.jazin-frame div {
    width: 150px;
    float: left;
    margin: 5px;
    text-align: center;
}

#system-message p.alert-message{
	background: #ee9600;
	color: #fff;
	padding: 8px 10px;
	margin-top: 0;
}

#system-message a.close{
	display: none;
}

#system-message h4.alert-heading{
	margin-bottom: 0;
}

.category_description{
    width: 934px;
    float: left;
	border: 1px solid #0081c2;
    margin-top: 20px;
    padding: 8px;
}

.search button {
    border: 1px solid silver;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    padding: 0 5px 1px;
}

.search fieldset.phrases legend,
.search fieldset.phrases .phrases-box{
	display: inline-block;
	float: left;
}

.search fieldset.phrases .ordering-box{
	width: 100%;
	float: left;
}
	
.search fieldset.phrases .ordering-box ul li,
.search .form-limit ul li{
	background: none;
}

.search .form-limit{
	float: right;
}

.search fieldset.phrases .ordering-box ul li.result-selected,
.search fieldset.phrases .ordering-box ul li.highlighted{
	color: #000;
}
	
.chzn-container-single .chzn-single span{
	margin-right: 20px;
}

.search p.counter{
	text-align: center;
}

.search .search-results{
	margin-top: 10px;
}

.search .result-title{
	font-weight: bold;
	margin-top: 20px;
}

.search .result-text,
.search .result-created{
	margin: 0;
	padding: 0;
}
/* ---------- Global styles ------------------------------------ */



#dm_header {
	height: 55px;
	border-bottom: 1px dotted #ddd;
	text-align: center;
	display:none;
}
#dm_header div {
	float: left;
	padding: 3px;
	width: 30%;
}
#dm_header a, #dm_header span {
	display: block;
	padding-bottom: 5px;
	text-decoration:none;
	text-align: center;
}
#dm_pathway {
	font-size: 11px;
	text-align: left;
	background: #ddd;
	margin-bottom: 5px;
	padding: 3px 3px 3px 10px;
}
.dm_row {
	/* background: url(../images/bg-gradient.png) repeat-x; */
	margin: 20px 0 20px 0px;
	/* padding: 20px; */
	/* background: url(../images/bg-header.png) #F8F8F8 bottom repeat-x; */
	border: 1px solid #CECECE;
}
.dm_row_cate{
	width:100%;
	float:left;
}
/* ---------- Categories styles ------------------------------------- */


#dm_cats {
	text-align: left;
}
#dm_cats h2.dm_title {
	margin: 14px 0 !important;
}
#dm_cats h3.dm_title {
	margin: 0 0 7px 0 !important;
}
#dm_cats .dm_row {
	padding: 15px;
}
#dm_cats .dm_row img {
	float: left !important;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
}
/* ---------- Category styles --------------------------------------- */


.dm_cat {
	padding: 10px 0;
}
.dm_cat h1.dm_title {
	margin: 0 0 10px 0 !important;
}
.dm_cat img.dm_thumb-left {
	margin: 0 15px 0 0 !important;
	float: left !important;
}
.dm_cat img.dm_thumb-right {
	margin: 0 0 0 15px !important;
	float: right !important;
}
img {
	border: 0 none;
}
h1.dm_title,  h2.dm_title,  h3.dm_title {
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}
h3.dm_title a{
	text-decoration:none;
	font-weight:bold;	
}
/* Remove the following line if you have problems with the alignment of your theme */
.clr {
	clear: both;
}
/* ---------- Documents styles -------------------------------------- */


#dm_docs {
	text-align: left;
}
#dm_docs h2.dm_title {
	margin: 14px 0 !important;
}
#dm_docs h3.dm_title {
	margin: 0 0 10px 0 !important;
	padding: 15px 0 5px 0 !important;
	min-height: 30px !important;
	height: auto !important;
	height: 30px;
}
#dm_docs h3.dm_title img {
	float: left !important;
	margin: 0 10px 0 0;
}
#dm_docs .dm_row {
	padding: 0 15px 15px 15px;
	line-height: 1.2em;
}
#dm_docs .dm_row .dm_details {
	float: right;
	width: 200px;
	margin: 0 0 0 10px;
}
#dm_docs .dm_row .dm_details div {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 3px 0;
	text-align: center;
	border: 1px dotted #E0E0E0;
	background: #F8F8F8;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#dm_docs .dm_row .dm_details table {
	padding: 5px 0 0 0 !important;
	margin: 0 !important;
	border: 1px dotted #D0D0D0;
	width: 100%;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#dm_docs .dm_row .dm_details td {
	padding: 0 0 5px 5px !important;
	margin: 0 !important;
}
#dm_docs .dm_row .dm_description, #dm_docs .dm_row .dm_homepage {
	padding: 0 5px 0 0;
	margin: 0;
}
#dm_docs .dm_row .dm_unpublished, #dm_docs .dm_row .dm_unapproved, #dm_docs .dm_row .dm_checked_out {
	padding: 5px;
	margin: 5px 0 0 0;
	height: 15px;
}
#dm_docs .dm_row .dm_unpublished {
	border: 1px dotted red;
	background-color: #FFCCCC;
}
#dm_docs .dm_row .dm_unapproved {
	border: 1px dotted green;
	background-color: #CCFFCC;
}
#dm_docs .dm_row .dm_checked_out {
	border: 1px dotted blue;
	background-color: #CCCCFF;
}
/* ---------- Taskbar styles ---------------------------------------- */



.dm_taskbar {
	padding: 0 0 6px 0;
	margin: 10px 0 0 0;
	list-style-type: none;
}
.dm_taskbar ul {
	margin: 0 !important;
	padding: 0 !important;
}
.dm_taskbar li {
	float: left !important;
	list-style-type: none !important;
	background-image: none !important;
	padding: 0 5px 0 0 !important;
	margin: 0.5em 0 2px 0 !important;
}
.dm_taskbar li a {
	display: block;
	padding: 4px 15px;
	background: url(../images/button.png) #F8F8F8 bottom repeat-x;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.dm_taskbar li a:link,  .dm_taskbar li a:visited,  .dm_taskbar li a:hover {
	text-decoration: none;
}
.dm_taskbar li a:link,  .dm_taskbar li a:visited {
	border: 1px solid #cecece;
}
.dm_taskbar li a:hover {
	border-bottom: 1px solid #cecece;
	border-top: 1px solid Gray;
	border-right: 1px solid #cecece;
	border-left: 1px solid Gray;
}
.dm_taskbar li.approve a {
	border: 1px solid #CCFFCC;
}
.dm_taskbar li.publish a {
	border: 1px solid #FFCCCC;
}
.dm_taskbar li.checkin a {
	border: 1px solid #CCCCFF;
}