@import url(/library/css/simple.css);
@import url(/library/css/calendar.css);
@import url(ranya.css);

/*
Theme Name:  Blog Happens
Theme URI: http://www.chrishappens.com/sharing/bloghappens/
Description: Blog Happens is a 2 column Wordpress theme. This work is distributed under the terms of the GNU General Public License. Please leave the link in the footer, or donate if you would like to remove it.
Copyright: 2008
Version: 0.5
Author: Chris (Menn) Talawat
Author URI: http://www.chrishappens.com/
Tags: fixed width, simple, clean, widget ready, two columns, blue
Modify from : http://www.imenn.com by SoftGanz Group
*/

/* @group General */
body {
	font: 13px/19px Tahoma, Arial, Verdana, sans-serif;
	background: #fff url(body.gif) center top repeat-y;
	color: #333;
	padding: 0;
	margin: 0;
}
a {color: #1666b2;}
a:hover {color: #49b6f5;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
h2 {
	margin: 8px 10px 8px 2px;
	padding:2px 0 2px 4px;
	color: #0e3f6f;
	font: 1.3em/1.2em normal;
}
h2 a {color: #0e3f6f;}
/* @end */

h2.header {text-align:right;font-style:italic;}
h2.title {
	padding:5px 5px;
	background:#DBE2E4;
	border-left:4px #7534AA solid;
	-moz-border-radius:0 7px 7px 0;
}
h3 {margin:5px;font-size:1.4em;font-weight:normal;color:#CF4900;}

/* @group Header */
#page-wrapper {
	width: 960px;
	margin: 0px auto;
}
#header-wrapper {
	height:225px;
	padding:0;
	margin:0 auto;
	background:#9949DC url(banner.jpg) left bottom no-repeat;
}
#header-wrapper h1 {
	height:66px;
	margin:0;
	padding:0;
	line-height:66px;
	background:url(header.png) left top no-repeat;
	text-indent:-9999em;
}
#header-wrapper h1 a {display:block;padding:0 20px;}
.web-slogan {
	width:700px;
	padding:0;
	font-size:12px;
	position:absolute;
	top:40px;
	margin-left:80px;
	display:none;
}
#banner {display:none;}
/* @end */

#unavigator {display:none;}

#navigator , #navigator ul {margin:0;padding:0;list-style-type:none;font-size:13px;line-height:25px;z-index:999;}
#navigator {height:35px;padding:0 20px 0 450px;background:#669801 url(nav_bg.png) left top no-repeat;}
#navigator ul {background:#FBFFEF;border:1px #b8cddb solid;}
#navigator li {float:left;}
#navigator li a {padding:0 20px 0 16px;display:block;color:#fff;font-weight:normal;line-height:30px;white-space:nowrap;background:url(arrow_41.gif) left center no-repeat;}
#navigator li a:hover {color:#eee;}
#navigator li a img {height:14px;padding:3px 0;}
#navigator li li {min-width:200px;float:none;margin:0;padding:0;border-bottom:1px #f4f4f4 solid;}
#navigator li li a {margin:0;padding:2px 15px 2px 16px;color:#E57505;border:none;font-size:11px;line-height:20px;}
#navigator li li a:hover {color:#384F00;background-color:#B8CDDB;border-left:2px #384F00 solid;padding-left:16px;}
#navigator li ul , #navigator li ul ul , #navigator li:hover ul ul , #navigator li.sfhover ul ul {position:absolute;left:-999em;}
#navigator li:hover ul , #navigator li.sfhover ul , #navigator li li:hover ul , #navigator li li.sfhover ul {left:auto;}
#navigator ul li:hover ul , #navigator ul li.sfhover ul , #navigator ul li li:hover ul , #navigator ul li li.sfhover ul {
	left:60px;
	margin-top:-5px;
	width:240px;
}
/* @end */

/* @group Content */
#content-wrapper {padding:10px 0 0 0;clear:both;}
#primary {float: left; width: 70%; margin:0 0 0 0;display:inline;overflow:hidden;}
/* @end */

/* @group Sidebar */
#secondary {float: right; width: 30%;margin:0;display:inline;font-size:13px;overflow:hidden;}
#secondary ul {padding: 0; margin: 0 15px 18px 0; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #fff;list-style:none;}
#secondary ul li {padding: 0; margin: 0;	border-bottom: 1px solid #fff;}
#secondary ul li a {
	display: block;
	color: #1666b2;
	padding: 4px 20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d8d8d8;
	background:#e4ebed url(arrow_41.gif) 4px center no-repeat;
}
#secondary ul li a:hover {color: #49b6f5; background-color: #f4f4f4; cursor: pointer; border-top: 1px solid #fff;}
#secondary ul li a:active {color: #1d2d47; background-color: #ddd; border-top: 1px solid #ddd;}
#secondary ul li ul {display: none;}
#secondary ul li ul li ul {display: none;}
#secondary .timestamp {display:none;}
#secondary h2 {
	height:25px;
	margin:0 0 5px 0;
	padding:0 0 0 45px;
	font-size:11pt;
	line-height:25px;
	overflow:hidden;
	background:url(header_bg.png) left top no-repeat;
}
#secondary .member-zone {
	margin:0 15px 20px 0;
	padding:0px;
}
#secondary .member-zone #form-item-edit-cookielength , #secondary .member-zone #form-item-edit-signin-submit {display:inline;}
/* @end */

/* @end */

/* @group Footer */
#footer-wrapper {clear:both;margin:0;padding:0; color: #666; font-size: 11px;background: #e1cef0;text-align:center;}
#footer-wrapper p {margin: 0;padding:0;}
#footer-wrapper a {color: #333;}
#footer-wrapper a:hover {color: #742daf;}
#footer-wrapper ul {margin:0;padding:0;text-align:right;}
#footer-wrapper ul li {display:inline;}
#footer-wrapper #copyright {clear:both;}
/* @end */

div#ribbon-toolbar {margin:10px;}

p.readall {margin:10px 0px;padding:0;text-align:right;font-style:italic;}
.form-text {padding:3px 0;}

#content-body {padding:0 10px;}

/* @group calendar */
#body-calendar #primary {
	width:960px;
	margin:0;
	padding:0;
	float:none;
}
#body-calendar #secondary {
	display:none;
}
#calendar .month_event{
	margin-bottom:10px;
	overflow:visible;
	height:auto;
}
#calendar .month_event a {
	color:#682;
}
#calendar .month_event a {color:#333;}
#calendar .tags-central a {color:#3366CC;}
#calendar .tags-15 a {color:#f60;}
/* @end */

/* @group google-search bar */
div#google-search-bar {
	position:absolute;
	top:35px;
	margin-left:700px;
	background:transparent;
}
#sbi {
	width:180px;
	height:20px;
	margin:0;
	background:#F0DFFF;
	border:none;
	-moz-border-radius:5px;
}
#sbb {
	width:50px;
	height:20px;

	line-height:20px;
	border:none;
	-moz-border-radius:10px;
	background:#ffae00;
}
/* @end */

/* group home */
#network-province {
	margin:0 0 0 20px;
	padding:0;
	width:275px;
	float:left;
}
#network-province h2 {
	height:25px;
	margin:0 0 5px 0;
	padding:0 0 0 45px;
	font-size:11pt;
	line-height:25px;
	overflow:hidden;
	background:url(header_bg.png) left top no-repeat;
}
#network-province>ul {margin:0;padding:90px 0 0 0;list-style-type:none;background:url(banner-network.jpg) left top no-repeat;	line-height:30px;}
#network-province>ul a {margin:0 0 10px 0;display:block;background:#8FBD01;color:#333;font-weight:bold;text-align:center;-moz-border-radius:20px;}
#network-province>ul a:hover {background:#96C701;color:#fff;}
#network-province p {margin:0 0 10px 0;padding:3px;background:#EFFFBF;text-align:center;}
#banner-complain {
	width:335px;
	margin:0 20px 0 0;
	float:right;
}
#banner-complain h2 {
	height:25px;
	margin:0;
	padding:0 0 0 45px;
	font-size:11pt;
	line-height:25px;
	overflow:hidden;
	background:url(header_bg.png) left top no-repeat;
}
#banner-complain p {margin:5px 0 0 0;padding:0;}
#banner-complain p a {width:270;height:80px;margin:0 auto;display:block;background:#AF47E1 url(banner-complain.gif) left top no-repeat;text-indent:-999em;}
#banner-complain .timestamp {display:none;}
#banner-complain ul.topic-list {
	margin:0 0 20px 0;
	padding:5px 15px 10px 18px;
	background:#ffe6ff;
}

#networksignin {clear:both;}

#secondary p.hotline {
	margin:5px 0 0 0;
	padding:0;
	height:70px;
	background:url(banner-phone.gif) left top no-repeat;
	text-indent:-999em;
}
#hotlines {height:400px;}
#hotlines>table {width:275px;height:360px;font-size:11px;}
#hotlines>table>tbody>tr>td {padding:0;}
#hotlines>table>tbody>tr>td:first-child {width:70%;padding-left:14px;background:url(arrow_41.gif) left center no-repeat;}
#hotlines-roll a {
	height:30px;
	margin:0 10% 20px 10%;
	padding:0px 0;
	display:block;
	width:30%;
	float:left;
	background:#DBE2E4;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-size:40px;
	text-align:center;
	line-height:25px;
}

#home-sticky {
	width:380px;
	height:300px;
	padding:0 10px 0 0;
	float:left;	
	clear:none;
	background:#FFE697;
	overflow:hidden;
}
#home-sticky h3 {
	margin:0 0 10px 0;
	padding:5px 5px;
	font-size:1.1em;
	background:#FFA70F;
	border-left:4px #7534AA solid;
	-moz-border-radius:0 15px 15px 0;
	clear:left;
}
#home-sticky h3 a {color:#2F2200;}
#home-sticky h3 a:hover {color:#5F4500;}
#home-sticky img.image {width:140px;height:80px;margin:5px 10px 10px 0;float:left;}
#home-sticky p {text-indent:0;margin:0;padding:0;}
#home-sticky .timestamp , #home-sticky .footer {display:none;}
#home-sticky .topic-list-item {clear:both;}
#home-sticky .summary {height:80px;margin-bottom:20px;overflow:hidden;}

#home-promote img.image {width:100px;}
#home-promote dd.summary {padding-right:100px;}

#home-side {
	width:272px;
	margin:0 10px 20px 0;
	float:right;
	background:#FFE697;
	height:300px;
	overflow:hidden;
	-moz-border-radius:0 15px 15px 0;
}
#home-side .topic-list {
	margin:0;
	padding:5px 0 0 20px;
	height:270px;
	background:#FFF3CF;
	-moz-border-radius:15px;
}
#home-side h3.header {
	margin:0;
	-moz-border-radius:15px;
}

#home-lastactivities {clear:both;}
#home-lastactivities ul.topic-list {height:125px;margin:0 5px 0 0;padding:0;list-style-type:none;text-align:center;overflow:hidden;background:#fff;}
#home-lastactivities ul.topic-list li {width:18%;float:left;margin:10px 1%;padding:0;}
#home-lastactivities ul.topic-list li a {width:100%;margin:0 auto;display:block;}
#home-lastactivities ul.topic-list img.image {margin:0 auto 5px;width:100%;height:70px;display:block;clear:both;float:none;}
#home-lastactivities .timestamp {display:none;}
#home-lastactivities .readall {padding:0 50px 0 0;clear:both;text-align:right;}
/* end */

/* @group home-article-list */
h3.header {
	margin:0 10px 0 0;
	padding:0;
	font-size:15px;
	line-height:28px;
	color:#274F00;
	background:#DBE2E4;
	-moz-border-radius:0 10px 10px 0;
}
h3.header span {padding-left:30px;background:transparent url(/library/img/applications-system.png) 5px center no-repeat;}

.home-section {
	margin-bottom:20px;
}
.home-section h3.title {
	width:180px;
	padding:0;
	margin:105px 0 5px 10px;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	position:absolute;
}
.home-section .timestamp {display:none;}
.home-section .topic-list .image {
	width:180px;
	height:100px;
	margin:0;
	padding:0;
	display:block;
	border:1px #666 solid;
}
.home-section .topic-list-item {
	height:180px;
	margin-top:10px;
	overflow:hidden;
}
.home-section p {margin:0;padding:0;}
.home-section div.topic-list {
	width:180px;
	margin:0;
	padding:0;
	float:left;
	display:inline;
}
.home-section .section-list {
	width:400px;
	float:left;
	display:inline;
	margin-left:20px;
}
.home-section .summary {color:#F6FBE5;}
.home-section .footer {display:none;}

#home-news .topic-list span {display:none;}

/* @module orgdb */
body#orgdb #primary {width:920px;margin:0;padding:0 10px;background:#fff;display:block;float:none;}
body#orgdb #secondary {display:none;}

table.item {width:100%;}
table.item tfoot {font-weight:bold;background:#eee;}
.col-no {text-align:center;}
.col-date {text-align:center;white-space:nowrap;}
.col-amt {text-align:center;}
.col-no:after {content:".";}
.col-name {white-space:nowrap;}
.amt-total {font-weight:bold;}

div#form-item-edit-member-register_date {
	margin-left:1%;
}
fieldset {
	border:1px gray solid;
	-moz-border-radius:10px;
}
fieldset#member_info {
	width:45%;
	margin-left:1%;
	margin-top:10px;
	float:left;
	overflow:hidden;
}
fieldset#relation_info {
	width:45%;
	margin-top:10px;
	margin-bottom:5px;
	float:right;
	overflow:hidden;
}
fieldset#org_info {
	width:45%;
	margin-top:5px;
	margin-bottom:5px;
	float:right;
	overflow:hidden;
}
div#form-item-edit-member-submit , div#form-item-edit-member-submit1 {
	width:45%;
	margin:5px 0;
	padding:0;
	float:right;
}
#edit-member-issue {width:100%;}

#edit-member-name {width:85%;margin-right:5px;}
#edit-member-doings , #edit-member-org ,
#edit-member-addr , #edit-member-place , #edit-member-aptitude , #edit-member-location {width:100%;}

#orgdb-member-info {width:50%;float:left;}
#orgdb-member-info-map {width:50%;float:right;}

#orgdb-nav {margin-bottom:10px;position:relative;}
#orgdb-signout {position:absolute;right:10px;}
/* @end of module orgdb */

#toolbar {
	margin:0;
	padding:4px;
	font-size:9pt;
	background:#D9D9D9;
}
form {margin:0;padding:0;}
#toolbar input {
	padding:0 10px;
}
#toolbar * {margin:0;padding:0;}
ul.tabs-sub {
	margin:5px 0 0 0;
	font-weight:normal;
	border-bottom:none;
	font-family:Tahoma;
	font-size:8pt;
	border-bottom:1px #D9D9D9 solid;
}
ul.tabs-sub li a {
	padding:3px 10px;
	margin-right:5px;
	line-height:10px;
}
/* @module network */

.options-group {margin:2px 20px 2px 5px;padding-left:15px;clear:both;font-style:italic;color:#f60;background:url(arrow_41.gif) left center no-repeat;}
#form-item-edit-topic-taxonomy-6 label.option {margin:0 20px 10px 20px;padding:0;width:15%;float:left;white-space:nowrap;}
.description {clear:both;}
#poster-info {display:block;}

#cnet ul {height:60px;margin:10px 0 20px 10px;padding:0;list-style-type:none;}
#cnet ul li {display:block;width:22.5%;margin-right:2.5%;float:left;}
#cnet ul li a {
	display:block;
	height:60px;
	font-size:1.3em;
	text-align:center;
	line-height:60px;
	color:#fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#DA8FFF), to(#8B23BF));
	background: -moz-linear-gradient(top,  #DA8FFF,  #8B23BF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA8FFF', endColorstr='#8B23BF');
	-moz-border-radius:4px;-webkit-border-radius:4px;
}
#cnet ul li a:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#8B23BF), to(#DA8FFF));
	background: -moz-linear-gradient(top,  #8B23BF,  #DA8FFF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8B23BF', endColorstr='#DA8FFF');
	-moz-border-radius:20px;-webkit-border-radius:20px;
}

body#takam #header-wrapper {background-image:url(banner-takam.jpg);background-repeat:repeat-x;}
body#takam #header-wrapper h1 {background:url(header-takam.png) left top no-repeat;}
body#kuanru #header-wrapper {background-image:url(banner-kuanru.jpg);background-repeat:repeat-x;}
body#kuanru #header-wrapper h1 {background:url(header-kuanru.png) left top no-repeat;}
body#tonprik #header-wrapper {background-image:url(banner-tonprik.jpg);background-repeat:repeat-x;}
body#tonprik #header-wrapper h1 {background:url(header-tonprik.png) left top no-repeat;}
body#hatyai #header-wrapper {background-image:url(banner-hatyai.jpg);background-repeat:repeat-x;}
body#hatyai #header-wrapper h1 {background:url(header-hatyai.png) left top no-repeat;}

.n360, .ncomplain {
	width:48%;
	margin:0 0 20px 0;
	float:left;
	background:;border:1px #DBE2E4 solid;
	height:450px;
	overflow:hidden;
}
.ncomplain {
	margin-right:10px;
	float:right;
	background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#D4D4D4));
	background: -moz-linear-gradient(top,  #F7F7F7,  #D4D4D4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#D4D4D4');
}
.naction {
	clear:both;
}
body#takam .n360 {
	background: #DA8FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#DA8FFF), to(#C54FFF));
	background: -moz-linear-gradient(top,  #DA8FFF,  #C54FFF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA8FFF', endColorstr='#C54FFF');
}

body#kuanru .n360 {
	background: #DFD137;
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEAB3), to(#DFD137));
	background: -moz-linear-gradient(top,  #EFEAB3,  #FFD75F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEAB3', endColorstr='#DFD137');
}
body#tonprik .n360 {
	background: #409F00;
	background: -webkit-gradient(linear, left top, left bottom, from(#94DF61), to(#409F00));
	background: -moz-linear-gradient(top,  #94DF61,  #409F00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#94DF61', endColorstr='#409F00');
}
body#hatyai .n360 {
	background: #DFD137;
	background: -webkit-gradient(linear, left top, left bottom, from(#6FCCFF), to(#1DA4EF));
	background: -moz-linear-gradient(top,  #6FCCFF,  #1DA4EF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6FCCFF', endColorstr='#1DA4EF');
}
.n360 h3 {
	margin:0 0 5px 0;
	padding:3px;
	font-size:1.1em;
	background:#FFA70F;
	border-left:4px #7534AA solid;
	color:#fff;
	font-size:1.4em;
}
.n360 h3.title {font-size:1.2em;background:#FFC45F;}
.n360 h3.title a {color:#2F2200;}
.n360 h3.title a:hover {color:#5F4500;}
.n360  img.image {width:140px;height:80px;margin:0px 10px 5px 0;float:left;}
.n360 p {text-indent:0;margin:0;padding:0;}
.n360 .timestamp , .n360 .footer {display:none;}
.n360 .topic-list-item {clear:both;}
.n360 .topic-list .summary {height:80px;margin:0;padding:0;margin-bottom:10px;overflow:hidden;}