/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html { height: 100%; margin-bottom: 1px; }

form { margin: 0; padding: 0; }

body {
	margin: 0;
	height: 100%;
	font-size: 69%;
}

a:link, a:visited { color: #ffffcc }
a:hover { color: #ffffff; background-color: #dd8800 }

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 1em; }

div, p, table, td, th {
	font-family: Tahoma,Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	font-size: 1em;
}

td { padding: 0 }

.chinese { font-size: 110% }
.chinese .chinese { font-size: 100% }

.gallery img {border: none}
.gallery a {text-decoration: none;}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#pgback {
	height: 100%;
	padding: 0; margin-bottom: 1px;
	background: #600000;
	text-align: center;
}

div#wrapper {
	background: #c5360d url(../images/puikiubg.png) 0 0 repeat-x;
	width: 900px; margin: 0 auto; padding: 0;
	position: relative;
	text-align: left;
}

div#header {
	height: 136px;
	/*padding-left: 370px;
	padding-right: 30px;
	padding-top: 25px;*/
	background-image: url(../images/puikiuheader.jpg);
	overflow: hidden;
}

div#newsflash {
	width: auto;
	margin-left: 350px; margin-right: 30px;
	border: 1px solid #00f;
}

div#tabarea {
	background-color: #440000; color: #aaa;
	margin: 0; padding: 0;
	overflow: hidden;
}

div#footer { padding: 10px 15px; color: #dddddd }
div#footerspacer { height: 10px; }

#pathway {
	margin-right: 250px; padding: 0px 10px 8px;
	width: auto;
	text-align: left;
}

#search {
	display: none;
	float: right; overflow: hidden;
	width: 160px; height: 40px;
	margin-top: -20px; margin-right: 10px;
}

/* horizontal menu */
#tabmenu { white-space: nowrap; }
#tabmenu ul { margin: 0; padding: 0; list-style: none; }
#tabmenu li {
	float: left;
	margin: 0; padding: 0;
}

#tabmenu a {
	font: bold 109% Arial, Helvetica, sans-serif;
	display: block; float: left;
	height: 2em; line-height: 2em;
	padding: 0 5px;
	color: #ffffff;
	border-top: 1px solid #550000;
	border-left: 1px solid #550000;
	border-bottom: 2px solid #220000;
	border-right: 2px solid #220000;
	text-decoration: none;
}

#tabmenu a:hover {
	color: #ffff00; background-color: #660000;
	border-top-color: #770000;
	border-left-color: #770000;
	border-bottom-color: #440000;
	border-right-color: #440000;
}
#tabmenu a#active_menu-nav { color: #ffaa00; }
#tabmenu a#active_menu-nav:hover { color: #ffff00; }

div#maincolumn {
	margin: 0; padding: 0 0 0 15px;
	float: left;
	width: 680px;
	position: relative;
	z-index: 2;
}

div#rightcolumn {
	margin: 0; padding: 0;
	float: right;
	width: 185px;
}

table.nopad {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 15px 0; padding: 0;
}

table.nopad td.middle_pad { width: 20px; }

.blog { width: 680px; }
table.contentpaneopen { width: 100%; position: relative; border-collapse: collapse; }

/*****************************************/
/*** 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;
}

/* headers */
div.componentheading { padding-left: 0px; }

h1, h2, h3, h4 {
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
}
h1 {
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
	width: 100%;
}

h2, .contentheading {
	padding: 0;
	font-size: 1.4em;
	font-weight: normal;
	width: 100%;
}

table.contentpaneopen h1, table.contentpaneopen h2, table.contentpaneopen h3, table.contentpaneopen h4 {
	color: #ff7;
	font-family: "century gothic", verdana, tahoma, sans-serif;
	margin: 0.2em 0
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

.componentheading {
	font-family: "century gothic", verdana, tahoma, sans-serif;	margin: 0;
	font-weight: bold;
	font-size: 1.7em;
	color: #ffbf90;
	padding-left: 0px; margin-bottom: 10px;
	text-align: left;
}

h3, table.moduletable th {
	font-family: "century gothic", "trebuchet ms", "bitstream vera sans", arial, sans-serif;
	/*font-family: "century gothic", verdana, tahoma, sans-serif;*/	margin: 0;
	font-weight: bold;
	font-size: 1.5em;
	color: #ffff7f;
	padding-left: 0px; margin-bottom: 10px;
	text-align: left;
}

.contentheading {
	font-family: "century gothic", verdana, tahoma, sans-serif;
	font-size: 170%;
	font-weight: bold;
	color: #ff9f60;
	padding-bottom: 0.3em;
}

/* small text */
.small {
	font-size: 90%;
	color: #ddd;
	font-weight: normal;
	text-align: left;
}

.modifydate, .createdate, table.contentpaneopen .modifydate, table.contentpaneopen .createdate {
	height: 20px;
	vertical-align: bottom;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}
.createdate {
	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;
}

/** 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: bold 12px Arial, Helvetica, sans-serif;
	color: #f6f6f6;
}
.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 {}
a.mainlevel#active_menu { font-weight: bold; }
a.mainlevel-nav#active_menu-nav { color: red; }

/* spacers */
span.article_seperator {
	display: block;
	height: 20px;
}

.article_column { padding-right: 5px; }

.column_seperator {
	border-left: 1px dashed #e0e0e0;
	padding-left: 10px;
}

td.buttonheading {}

.clr { 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_seperator {
	display: block;
	height: 20px;
}

/* table of contents */
table.contenttoc {
	margin: 5px; padding: 5px;
	border: 1px solid #ccc;
}

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 */
#pgback { color: #f7f7f7 }
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 #999; }
table.contentpaneopen h3 { margin-top: 25px; }
table.contentpaneopen h4 { font-family: Arial, Helvetica, sans-serif; color: #333; }

table.contentpaneopen ul { margin-left: 1.1em; padding-left: 0 }

/* pseudo-transparent modules */
div.trans {
	background: url(../images/trans_top.png) 0 0 no-repeat;
	padding: 16px 0 0 0;
	margin-bottom: 16px;
}
div.trans div {
	background: url(../images/trans_bottom.png) 0 100% no-repeat;
	padding: 0 0 20px 0;
}
div.trans h3 {
	background: url(../images/trans_header.png) 0 0 repeat-y;
	padding: 0 16px 2px; margin: 0;
}
div.trans div div {
	background: url(../images/trans_top2.png) 0 0 no-repeat;
	padding: 12px 0 0 0;
}
div.trans div div div {
	background: url(../images/trans_content.png) 0 0 repeat-y;
	padding: 0 0 0 16px; margin: 0;
}
div.trans div div div div { background: none; padding: 0; }
div.trans ul { margin: -1em 0 0 0; padding: 0; font-size: 12px; line-height: 1.3em }
div.trans li { margin: 1em 0 0 0; padding: 0 8px 0 0; list-style-type: none; }

/* forms */
form { color: #ffffff }
input, table.contentpaneopen input { color: black }

table.adminform textarea {
	width: 540px; height: 400px;
	font-size: 1em;
	color: #000099;
}

/* search */
.searchintro {
	width: 680px;
	color: white;
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #999;
}
div.search input {
	width: 157px;
	border: 1px solid #ccc;
	margin: 0;
	/*margin: 15px 0 10px 0;*/
}

/* thumbnails */
div.mosimage { margin: 5px; }
div.mosimage_caption { font-size: .90em; color: #666; }


/* Parameter Table */
table.paramlist { margin-top: 5px; }
table.paramlist td.paramlist_key { width: 128px; height: 30px; text-align: left; }
table.paramlist td.paramlist_value {}

div.message {
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	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 {}

/* Text advert style */

.banneritem_text, .bannerfooter_text { padding: 4px; font-size: 11px; }
.bannerfooter_text { background-color: #F7F7F7; text-align: right; }

/* System Messages */

dl#system-message { margin: 0; padding: 0; }
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-size: 14px; }

/* System Standard Messages */

#system-message dt.message { display: none; }
#system-message dd.message { background: #fff; }
#system-message dd.message ul { list-style: none; color: black; padding: 10px 10px 10px 40px;}

/* System Error Messages */

#system-message dt.error { display: none; }
#system-message dd.error { background: #f00; }
#system-message dd.error ul { list-style: none; background: url(../../../images/M_images/icon_error.gif) no-repeat 10px 10px; color: white; padding: 10px 10px 10px 40px;}

.pagination span, .pagination a { padding: 2px; }