/*****************************/
/*** Core html setup stuff ***/
/*****************************/
/* CT why this is not affected ??  */
html {height: 100%; margin-bottom: 1px;}
/*CT form {margin: 0; padding: 0;} */
body {font-family: Helvetica,Arial,sans-serif;line-height: 1.3em;margin: 0px 0px 0px 0px;font-size: 12px;color: #333;}
a:link, a:visited {text-decoration: none;font-weight: normal;}
a:hover {text-decoration: underline;font-weight: normal;}
input.button { cursor: pointer; }
p { margin-top: 0; margin-bottom: 5px; }
img { border: 0 none; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {padding: 10px 0;	margin-bottom: 1px;}
div.center { text-align: center;}
div#wrapper {margin-left: auto;	margin-right: auto;}
body.width_medium div#wrapper {	width: 950px;}
body.width_small div#wrapper {	width: 773px;}
body.width_fmax div#wrapper {min-width: 750px;	max-width: 1050px;}
div#header_l {	position: relative;}
div#header_r {	height: 105px;padding-left: 370px;padding-right: 30px;padding-top: 25px;overflow: hidden;text-align: left;} 
div#logo {position: absolute;left: 0;top: 0;float: left;width: 150px;	height: 100px;	background: url(/images/ttm_logo.png) 0 0 no-repeat;margin-left: 30px;margin-top: 25px;}

div#newsflash {width: auto;	margin-left: 350px;	margin-right: 30px;	border: 1px solid #00f;}
div#tabarea {background: #f7f7f7 url(/images/mw_header_b.png) 0 0 repeat-x;	margin: 0 11px;}
div#tabarea_l {	background: url(/images/mw_header_l_b.png) 0 0 no-repeat;	padding-left: 32px;}
div#tabarea_r {	height: 42px;background: url(/images/mw_header_r_b.png) 100% 0 no-repeat;padding-right: 1px;}
div#footer_r {	padding-top: 15px;	height: 42px;	overflow: hidden;}

div#footer_r div {	text-align: center;	font-size: .90em;	color: #aaa;}
div#footer_r a:link, div#footer_r a:visited  {color: #999;}
div#footerspacer {height: 10px;}
/* CT_MOD */
/*#pathway {padding: 0px 10px 8px;width: auto;margin-top: -2px;margin-right: 250px;text-align: left;} */

#pathway {padding: 0px 10px 8px;width: auto;margin-top: 5px;margin-right: 250px;text-align: left;} 
#search {float: right;width:320px;margin-top: -20px;margin-right: 30px;height: 40px;overflow: hidden;text-align:right;}

#area {	padding: 0;}
#whitebox {	margin: 0 21px 0px 21px;background: #fff;width: auto;}

/* CT REMOVED #whitebox div {	text-align: center;} */
#whitebox_t {background: #fff url(/images/mw_content_t.png) 0 0 repeat-x;}
#whitebox_tl {background: url(/images/mw_content_t_l.png) 0 0 no-repeat;}
#whitebox_tr {height: 10px;	overflow: hidden;	background: url(/images/mw_content_t_r.png) 100% 0 no-repeat;}
#whitebox_m {border-left: 1px solid #ccc;border-right: 1px solid #ccc;width: auto;padding: 1px 8px;}
#whitebox_b {margin-top: -5px;	background: url(/images/mw_content_b.png) 0 100% repeat-x;}
#whitebox_bl {background: url(/images/mw_content_b_l.png) 0 100% no-repeat;}
#whitebox_br {height: 13px;	background: url(/images/mw_content_b_r.png) 100% 100% no-repeat;}

/* horizontal pill menu */
table.pill { margin-left: auto;  margin-right: auto;  padding: 0;}
td.pill_l { background: url(/images/mw_menu_cap_l.png) no-repeat;  width:  20px;  height: 32px;}
td.pill_m { background: url(/images/mw_menu_normal_bg.png) repeat-x;  padding: 0;  margin: 0;  width: auto;}
td.pill_r { background: url(/images/mw_menu_cap_r.png) no-repeat; width:  19px;  height: 32px;}

#pillmenu { white-space: nowrap; height: 32px; float: left;}
#pillmenu ul { margin: 0; padding: 0; list-style:none;}
#pillmenu li {float: left;background: url(/images/mw_menu_separator.png) top right no-repeat;margin: 0;	padding: 0;}
#pillmenu a {  font-family: Arial, Helvetica, sans-serif;  font-size: 12px;  font-weight: bold;	float:left; display:block;
  height: 24px; line-height: 24px; padding: 0 20px; color: #000; text-decoration: none;}
#pillmenu a#active_menu-nav {margin-top:2px;height: 21px;line-height: 21px;background-position: 0 0;}

/* White */
	color: #135cae;}

a:hover {	color: #0b3768;}
#pillmenu a:hover {  color: #135cae;}
#pillmenu a#active_menu-nav {  background: url(/images/mw_menu_active_bg.png) 0 0 repeat-x;  color: #fff;}
#pillmenu a#active_menu-nav:hover {  color: #fff;}

h3, div.module_menu h3, .componentheading, table.moduletable th {  color: #135cae;}
h3, .componentheading, table.moduletable th {  color: #135cae;}

div.module_menu {	background: url(/images/mw_box_br.png) 100% 100% no-repeat;}
div.module_menu div {	background: url(/images/mw_box_bl.png) 0 100% no-repeat;}
div.module_menu div div {	background: url(/images/mw_box_tr.png) 100% 0 no-repeat;}
div.module_menu div div div {	background: url(/images/mw_box_tl.png) 0 0 no-repeat;}

/* White bg */
#page_bg {	background: #fff;}

div#wrapper {	background: #f7f7f7 url(/images/mw_shadow_l.png) 0 0 repeat-y;}
div#wrapper_r {	background: url(/images/mw_shadow_r.png) 100% 0 repeat-y;}
div#header {	background: url(/images/mw_header_t.png) 0 0 repeat-x;}
div#header_l {	background: url(/images/mw_header_t_l.png) 0 0 no-repeat;}
div#header_r {	background: url(/images/mw_header_t_r.png) 100% 0 no-repeat;}
div#footer {	background: #f7f7f7 url(/images/mw_footer_b.png) 0 100% repeat-x;}
div#footer_l {	background: url(/images/mw_footer_b_l.png) 0 0 no-repeat;}
div#footer_r {	background: url(/images/mw_footer_b_r.png) 100% 0 no-repeat;}

/* ********************************************************************************************************* */

#maincolumn,
#maincolumn_full {margin-left: 20%;	padding-left: 15px;	width: 75%;}
#maincolumn_full {	margin-left: 0;	padding: 0;	width: 100%;}
table.nopad {width: 100%;border-collapse: collapse;padding: 0;	margin: 0;	margin-bottom: 0px;}
table.nopad td.middle_pad {	width: 20px;}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/
div.offline {background: #fffebb;width: 100%;position: absolute;top: 0;left: 0;	font-size: 1.2em;padding: 5px;}
span.pathway { display: block;  margin: 0 20px;  height: 16px; line-height: 16px; overflow: hidden;} /* CT_used for breadcrombs */

/* headers */
div.componentheading { padding-left: 0px;}
h1 {padding: 0;	font-family:Helvetica ,Arial,sans-serif;font-size: 1.3em;font-weight: bold;vertical-align: bottom;color: #666;text-align: left;	width: 100%;}
h2, .contentheading {padding: 0;font-family: Arial, Helvetica,sans-serif;font-size: 1.4em;font-weight: normal;vertical-align: bottom;	color: #333;text-align: left;width: 100%;}
table.contentpaneopen h3 {margin-top: 25px;}
h4 {font-family: Arial, Helvetica, sans-serif;	color: #333;}
h3, .componentheading, table.moduletable th, legend {  margin: 0;  font-weight: bold;  font-family: Helvetica,Arial,sans-serif;  font-size: 1.5em;
  padding-left: 0px;margin-bottom: 10px;	text-align: left;}

/* small text */
.small {font-size: .90em;color: #999;font-weight: normal;text-align: left;}
.modifydate { height: 20px;  vertical-align: bottom;font-size: .90em;color: #999;font-weight: normal;text-align: left;}
.createdate {height: 20px;vertical-align: top;font-size: .90em;color: #999;font-weight: normal;vertical-align: top;	padding-bottom: 5px;padding-top: 0px;}
a.readon {margin-top: 10px;display: block;float: left;background: url(/images/mw_readon.png) top right no-repeat;padding-right: 20px;line-height: 14px;height: 16px;}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/** overlib **/
.ol-foreground {background-color: #f6f6f6;}
.ol-background {background-color: #666;}
.ol-textfont {	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;}
.ol-captionfont {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #f6f6f6;	font-weight: bold;}
.ol-captionfont a {	color: #0B55C4;	text-decoration: none;	font-size: 12px;}
.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {	padding-left: 5px;}
a.mainlevel:hover {}

/* spacers */
span.article_separator {display: block;	height: 20px;}
.article_column {padding-right: 5px;}
.column_separator {	border-left: 1px dashed #e0e0e0;	padding-left: 10px;}
td.buttonheading {}
td.buttonheading img {	border:none;}
.clr {	clear: both;}
.clear{float:none;clear:both;}

td.greyline {  width: 20px;  background: url(/images/mw_line_grey.png) 50% 0 repeat-y;}
div#maindivider {  border-top: 1px solid #ddd;  margin-bottom: 10px;  overflow: hidden;  height: 1px;}
table.blog span.article_separator {	display: block;	height: 20px;}

/* edit button */
.contentpaneopen_edit{	float: left;}

/* table of contents */
table.contenttoc {  margin: 5px;  border: 1px solid #ccc;  padding: 5px;  float: right;}
table.contenttoc td {  padding: 0 5px;}

/* content tables */
td.sectiontableheader {  background: #efefef;  color: #333;  font-weight: bold;  padding: 4px;  border-right: 1px solid #fff;}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td { padding: 4px;}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 { padding: 3px;}

/* content styles */
table.contentpaneopen, table.contentpane {margin: 0;padding: 0;width: auto;}
table.contentpaneopen li {margin-bottom: 5px;}
table.contentpaneopen fieldset {border: 0;border-top: 1px solid #ddd;}
table.contentpaneopen h3 {margin-top: 25px;}
table.contentpaneopen h4 {font-family: Arial, Helvetica, sans-serif;color: #333;}
.highlight {background-color: #fffebb;}

/* module control elements */
table.user1user2 div.moduletable {margin-bottom: 0px;}
div.moduletable, div.module {margin-bottom: 25px;}
div.module_menu h3 {font-family: Helvetica, Arial, sans-serif;font-size: 12px;font-weight: bold;color: #eee;margin: -23px -4px 5px -5px;padding-left: 10px;	padding-bottom: 2px;}
div.module_menu {margin: 0;padding: 0;margin-bottom: 15px;}
div.module_menu div div div {padding: 10px;padding-top: 30px;padding-bottom: 15px;width: auto;}

div.module_menu div div div div {	background: none;	padding: 0;}
div.module_menu ul {margin: 10px 0;	padding-left: 20px;}
div.module_menu ul li a:link, div.module_menu ul li a:visited {	font-weight: bold;}
#leftcolumn div.module {padding: 0 10px;}
#leftcolumn div.module table {	width: auto;}

/* forms */
table.adminform textarea {  width: 540px;  height: 400px;  font-size: 1em;  color: #000099;}
div.search input {width: 145px;	border: 1px solid #ccc;	margin: 15px 0 10px 0;}
form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#form-login ul { padding-left: 20px; }
form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#com-form-login ul { padding-left: 20px; }

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }
div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

/* Parameter Table */
table.paramlist {margin-top: 5px;}
table.paramlist td.paramlist_key {width: 128px;	text-align: left;height: 30px;}
table.paramlist td.paramlist_value {}
div.message {font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: bold;font-size : 14px;color : #c30;text-align: center;width: auto;
	background-color: #f9f9f9;border: solid 1px #d5d5d5;margin: 3px 0px 10px;padding: 3px 20px;}

/* Banners module */

/* Default skyscraper style */
.bannergroup {}
.banneritem img {display: block;margin-left: auto;margin-right: auto;}

/* Text advert style */

.banneritem_text {padding: 4px;	font-size: 11px;}
.bannerfooter_text {padding: 4px;font-size: 11px;background-color: #F7F7F7;	text-align: right;}

/* System Messages */
/* see system general.css */
.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {text-align: left;}

/* WebLinks */
span.description {display:block;padding-left: 30px;}

/* Frontend Editing*/
fieldset {	border: 1px solid #ccc;	margin-top: 15px;padding: 15px;}
legend {margin: 0;padding: 0 10px;}
td.key {border-bottom:1px solid #eee;color: #666;}

/* Tooltips */
.tool-tip {float: left;background: #ffc;border: 1px solid #D4D5AA;padding: 5px;max-width: 200px;}
.tool-title {padding: 0;margin: 0;font-size: 100%;font-weight: bold;margin-top: -15px;padding-top: 15px;padding-bottom: 5px;background: url(/images/selector-arrow.png) no-repeat;}
.tool-text {font-size: 100%;margin: 0;}
#syndicate{float:left;padding-left: 25px;}
#power_by{float:right;padding-right: 25px;}

/* Component Specific Fixes */
#component-contact table td {padding: 2px 0;}

/* Image span */
.imagedetail{ margin:.92em 0em 1.25em 0;float:left;}
.imagedetail img { margin-right: 0.7em;}
.threeCol .imagedetail img { margin-right: 1.67em;}

.imagedetailtitle{ margin:.1em 0em 1.25em 0;float:left;}
.imagedetailtitle img { margin-right: 0.7em;}
.threeCol .imagedetailtitle img { margin-right: 1.67em;}

.imagedetailright{ margin:.92em 0em 1.25em 0;float:right;}
.imagedetailright img { margin-left: 0.7em;}
.threeCol .imagedetailright img { margin-left: 1.67em;}

.imagedetailtitleright{ margin:.1em 0em 1.25em 0;float:right;}
.imagedetailtitleright img { margin-left: 0.7em;}
.threeCol .imagedetailtitleright img { margin-left: 1.67em;}

/* added 2010-10-03 */
/* Left navigation */
.lftNav {margin:0 0 .833em 0;}
.lftNav h3.lftNavig{font-family:Georgia,Verdana,serif;font-size:1em;font-weight:bold;}
.lftNav .bdy ul.locNavCnt {background:#F9F9F9 none repeat scroll 0%;border:1px solid #ccc;list-style-type:none;padding:.833em .833em 1.5em 0;}
.lftNav .bdy ul.locNavCnt li {margin:0pt;padding-bottom:.167em;padding-left:.25em;}
.lftNav .bdy ul.locNavCnt li a {display:block;padding:0 .583em;text-decoration:none;}


/* Left navigation */
.locNavBkgrnd {border:1px solid rgb(204, 204, 204);margin:0;padding:.833em .833em 1.5em 0;background: rgb(249, 249, 249) none repeat scroll 0% 50%;}
.locNavBkgrnd li {padding-bottom:.167em;list-style-type:none;}
.locNavBkgrnd li a {color:#2B65B0;display:block;font:normal 1em arial;line-height:1.833em;padding:0 .583em;text-decoration:none;}
.locNavBkgrnd li a:hover {background: transparent url('http://www.taiwanthismonth.com/images/nav-selected.gif') no-repeat scroll 0%;color:#fff;}

.locNavBkgrnd span.advfont{font-size:0.833em;color:#333;text-align:left;}


/* Left Rail video and cell gryCont */
.gryCont {background:#EDEDED;margin:0 0 1.25em 0;padding:.5em;}
.gryCont .whtBg{background:#fff;padding:.583em .583em 1em .583em;border:1px solid #cecece;overflow:hidden}
.hdrImg{background:url(http://www.taiwanthismonth.com/images/greydot.gif) repeat-x scroll 0% 100%;padding-bottom:.7em;margin-bottom:.917em;text-align:center;line-height:1.417em;}
.hdrImg span{font:italic 1.417em Georgia;color:#333;}
.gryCont .header {overflow:hidden;}
.gryCont .header h2 {font-family:arial;}
.gryCont .body {margin:1em .25em 0 .583em;font-size:.917em;}
.gryCont .body a{font:bold 1em Arial;}
.gryCont .body p{font-size:1.1em}

/* Topasset list Starts */
.trriAst {margin-bottom:1.25em;}
.trriAst span.trriHdrTxt{padding-bottom:.167em;display:block;}
.trriAst span.trriHdrTxtCT1{padding-bottom:.167em;display:block;font-size:0.917em;color:#999;}
.trriAst ul {zoom:100%;}
.trriAst ul li {font-size:0.917em;color:#999;padding:.667em 0 .667em 0;display:block;border-top:.083em solid #e1e1e1;}
.trriAst .prmTxt{padding:0 0 .667em 0;border-bottom:1px solid #E1E1E1;}
.trriAst ul li.noBrdr {border:none;}
.trriAst ul li a {font-size:1.083em;line-height:1.2em;}
.trriAst ul li a.ftrLnk {font-weight:bold;}
.trriAst .ftr{font:italic 1.417em Georgia;text-align:center;border-top:solid 1px #E1E1E1;padding-top:.588em;}
.trriAst .pwrProp{padding:.833em 0 1em 0;text-align:center;}

 /* News Maker */ /* CT_for BOX06 */
.nwsMkr{background:#ededed;padding:.5em;margin-bottom:1.67em;}
.nwsMkr .nwsMkrCnt{border:1px solid #cbcbcb;background:#fff;padding:.58em;}
.nwsMkr h3 {background:url(/newsmakers-logo) no-repeat;margin:0 0 .417em 0;height:2.167em;text-indent:-166.667em;}
.nwsMkrBdy{border-top:1px solid #959595;}
.nwsMkrBdy p{margin-top:1.08em;}
.nwsMkrBdy p a img{float:left;margin-right:.667em;margin-bottom:.667em;padding:.333em;border:1px solid #dadada;width:9.667em;height:6.833em;}
.nwsMkrBdy p span{font-size:.92em;font-weight:bold;color:#476291;padding-top:.75em;display:block;}
.nwsMkrBtn{text-align:right;padding-right:.58em;padding-bottom:.33em;}
.nwsMkrSpn { width:215px;height:35px;float:left;margin:0 0 .417em 0;}

