/* Normal, standard links. */
a:link, a:visited
{
	color: #003366;
	background-color: transparent;
	text-decoration: none;
}
a:hover
{
	color: #FBA325;
	background-color: transparent;
	text-decoration: none;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}
a.nav:hover
{
	color: #FBA325;
	background-color: transparent;
	text-decoration: underline;
}

/* Tables should show empty cells too. */
table, td, th
{
	empty-cells: show;
	/*background-color:#FFF;*/
	text-align:left;
}

/* By default (td, body..) use Verdana in black. */
body
{
	color: #4a4949;
	font-size: small;
	font-family: verdana, sans-serif;
	background:url('images/bg_wb.gif');
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea
{
	font-size: 9pt;
	color: #000000;
	font-family: verdana, sans-serif;
	background-color: #CCFFFF;
}

/* Checkboxes shouldn't have a background color. */
input.check
{
	background-color: transparent;
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	font-family: verdana, sans-serif;
	background-color: #FFFFFF;
}

/* Standard horizontal rule.. */
hr
{
	color: #003366;
	background-color: transparent;
}
/* A more colorful hr.. */
.hrcolor
{
	height: 1px;
	border: 0;
	color: #003366;
	background-color: #003366;
}

/* A quote, perhaps from another post. */
.quote
{
	color: #000000;
	background-color: #dee7ef;
	border: 1px solid black;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #000000;
	background-color: #CCFFFF;
	border: 1px solid black;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
	line-height: 1.3em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
}

/* Generally, those [?] icons. */
.help
{
	cursor: help;
	background-color: transparent;
}

/* /me uses this a lot. */
.meaction
{
	color: red;
	background-color: transparent;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 100%;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* Alternating backgrounds... */
.windowbg
{
	color: #000000;
	background-color: #CCFFFF;
}
.windowbg2
{
	color: #000000;
	background-color: #f8f8f8;
}

.for_bg
{
	color: #000000;
	background-color: #099DD6;
}
.for_bg2
{
	color: #000000;
	background-color: #099DD6;
}

/* Titles - such as table headers. */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg a:link, .titlebg a:visited, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, .titlebg2 a:link, .titlebg2 a:visited
{
	font-weight: bold;
	font-style: normal;
	color: #ffffff;
	background-color: #3399cc;
}
.titlebg a:hover, .titlebg2 a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

/* The category headers, page indexes, and such things. */
.catbg, .catbg3
{
	font-weight: bold;
	background-color: #CCFFFF;
	background-image: url(images/catbg.gif);
	color: #000000;
}

/* The borders around things. */
.bordercolor
{
	background-color: #000000;
}
.tborder
{
	border: 1px solid #003366;
}
.tborder2
{
	border: 2px solid #003366;
}

/* Default font sizes. */
.smalltext
{
	font-size: x-small;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}
/* No image should have a border when linked */
a img{
	border: 0;
}

/* The AJAX notifier */
#ajax_in_progress
{
	background: #32CD32;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}


/* TECHIN board - 19/10/09 */
#bg_head_techin {
		background: url(images/bg_head.jpg) repeat-x center top;
		height:317px;
}
#head_techin {
	height:276px;
	width:90%;
}
#head_techin .head1 {
	background: url(images/techin_top_01.jpg) no-repeat left top;
	width:630px;
	height:260px;
}
#head_techin .head2 {
	background: url(images/techin_top_02.jpg) repeat-x center top;
}
#head_techin .head3 {
	background: url(images/techin_top_03.jpg) no-repeat right top;
	width:347px;
}
#head_techin .tch_nav {
	height:45px;
	background: url(images/techin_top_04.jpg) no-repeat right top;
	text-align:center;
	color:#000000;
}

#top_coln {
	width:100%;
	margin:0 0 15px 0;
	background-color:#ffffff;
}
#top_coln .coln_news {
	height:108px;
	background: url(images/bd_news_top_02.jpg) repeat-x left top;
}
#top_coln .coln_news_det {
	height:108px;
	background: url(images/techin_news_top_02.jpg) repeat-x left top;
	vertical-align:top;
}
#top_coln .coln_news_bg {
	background-color:#cbebf8;
	vertical-align:top;
}
#news {
	width:100%;
}
#news .news_left {
	padding:10px 20px 10px 10px;
}
#news .news_hr {
	height:7px;
	background-color:#ffffff;
}
#news .news_y {
	width:10%;
	background-color:#ffffff;
}
#news .news_head_line {
	width:30%;
	padding:0 10px 0 0;
}

#coln_news_left {
	width:293px;
	height:108px;
	float:left;
	background: url(images/bd_news_top_01.jpg) no-repeat left top;
}
#coln_news_left_det {
	width:375px;
	height:108px;
	float:left;
	background: url(images/techin_news_top_01.jpg) no-repeat left top;
}
#coln_news_right {
	float:right;
	height:108px;
	background: url(images/bd_news_top_03.jpg) no-repeat right top;
	text-align:right;
}
#coln_news_right_det {
	float:right;
	height:108px;
	width:187px;
	background: url(images/techin_news_top_03.jpg) no-repeat right top;
	text-align:right;
}
#coln_arw {
	margin:55px 9px 0 7px;
}
	#coln_arw A:link, #coln_arw A:visited {color:#ffffff;}
	#coln_arw A:active, #coln_arw A:hover {color:#000000; text-decoration:none;}

#top_coln .coln_gallery {
	background: url(images/bd_gallery_top_02.jpg) repeat-x left top;
	text-align:left;
}
#top_coln .coln_gallery_bg {
	background-color:#302929;
	text-align:center;
	width:36%;
}
#top_coln .coln_scheduled {
	width:275px;
	background: url(images/bd_sch_top.jpg) repeat-x left top;
}
#top_coln .coln_left {
	background-color:#ffffff;
	vertical-align:top;
	width:8px;
}
#top_coln .coln_right {
	background: url(images/bd_right_top_bg.jpg) repeat-y left top;
	vertical-align:top;
	width:10px;
}
#top_coln .coln_right_det {
	background-color:#ffffff;
	vertical-align:top;
	width:8px;
}
#top_coln .coln_NG {
	background: url(images/bd_NG_top_bg.jpg) repeat-y left top;
	vertical-align:top;
	width:29px;
}
#top_coln .coln_GS {
	background: url(images/bd_GS_top_bg.jpg) repeat-y left top;
	vertical-align:top;
	width:46px;
}
#top_coln .coln_news_bt {
	height:43px;
	background: url(images/bd_news_bottom.jpg) repeat-x left top;
}
#top_coln .coln_gallery_bt {
	background: url(images/bd_gallery_bottom_bg.jpg) repeat-x left top;
	text-align:left;
}
#top_coln .coln_scheduled_bt {
	background: url(images/bd_sch_bottom.jpg) repeat-x left top;
}
#top_coln .coln_scheduled_bg {
	background: url(images/sch_bg.jpg) repeat-y left top;
}
#scheduled {
	width:230px;
	/*height:33px;*/
	text-align:left;
	background: url(images/bg_date.jpg) no-repeat;
	margin:10px 0 10px 22px;
	padding:7px 0 0 0;
}
#sch_date {
	margin:0 0 10px 7px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
}
#sch_det {
	margin:0 0 0 7px;
	text-align:left;
}
.clear {
	clear: both;
	padding: 0;
	margin: 0;
}
#main_page {padding:0 30px 4px 30px;}
#news_all {
	width:100%;
	margin:10px;
}
#news_all .news_ct {
	width:10%;
	text-align:left;
}
#news_all .news_thumb {
	width:12%;
	text-align:left;
}
#news_all .news_head_line {
	width:33%;
	text-align:left;
}
#news_all .news_hr {
	height:17px;
	background: url(images/dot_line.gif) repeat-x;
}
#news_det {
	margin:15px 30px 10px 25px;
	text-align:left;
	vertical-align:top;
}
#news_date {
	color:#999999;
	font-size:10px;
}
#news_title {
	color:#2d8ca7;
	font-size:20px;
	font-weight:bold;
	margin:0 0 20px 0;
}
#news_large {
	margin:30px 0 30px 0;
	text-align:center;
}
#comment_title {
	width:100%;
	height:108px;
	background: url(images/techin_com_top_02.jpg) repeat-x;
	margin:0 0 15px 0;
	text-align:left;
}
#comment_title .com_tt_left {
	background: url(images/techin_com_top_01.jpg) no-repeat;
	width:auto;
	vertical-align:top;
}
#comment_title .com_tt_right {
	text-align:right;
	background: url(images/techin_com_top_03.jpg) no-repeat;
	width:187px;
}
#com_tt_txt {
	color:#000000;
	margin:75px 0 0 305px;
}

#bd_comment {
	width:100%;
	/*padding:6px;*/
	background-color:#b2e5e1;
}
#comment_main {
	width:100%;
	margin:0 0 0 0;
	background-color:#ffffff;
	border:8px solid #b2e5e1;
	/*padding:2px;*/
}
#comment_main .comment_left {
	text-align:left;
	width:170px;
	height:140px;
	background: url(images/boy_com_03.jpg) no-repeat;
	margin:0 40px 0 0;
}
#comment_puser {
	margin:23px 0 0 23px;
}
#comment_txt {
	width:auto;
	margin:15px 30px 25px 0;
}
#comment_tpl {
	float:left;
	margin:0 0 10px 0;
	color:#000000;
	font-weight:bold;
}
#comment_tpr {
	float:right;
	font-size:12px;
	margin:0 0 10px 0;
}
	#comment_tpr a:link {
	color:#323232;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
}
	#comment_tpr a:hover {
	text-decoration: none;
	font-weight:normal;
	color:#f66e00;
}
#comment_name {
	margin:0 20px 0 0;
	float:left;
	color:#015c25;
	font-size:16px;
	font-weight:bold;
}
#comment_date {
	float:left;
	color:#9a9a9a;
}
.comment_right {
	float:left;
	width:645px;
	margin:22px 0 24px 0;
}
#view_mn {
	width:100%;
	text-align:left;
	/*height:25px;*/
	margin:5px 0 0 10px;
}
	#view_mn A:link, #view_mn A:visited {color:#ffffff; font-size:14px; font-weight:bold;}
	#view_mn A:active, #view_mn A:hover {color:#FBA325; font-size:14px; font-weight:bold;}

#recommend {
	width:100%;
	background: url(images/techin_rec_title.jpg) no-repeat left top;
	background-color:#cbebf8;
	margin:0 0 20px 0;
	height:92px;
	padding:0 0 5px 0;
	text-align:left;
	border:1px solid #c4e0e8;
}
#recommend_title {
	color:#000000;
	font-size:16px;
	font-weight:bold;
	margin:21px 0 10px 315px;
}
#add_comment {
	width:100%;
	/*margin:0 0 15px 0;*/
	/*background-color:#cbebf8;*/
	border:8px solid #b2e5e1;
}
#add_comment .add_comment_top {
	height:89px;
	background: url(images/add_comment_bg.jpg) no-repeat center top;
	text-align:left;
}
#add_comment .add_comment_left {
	width:130px;
}
#add_comment .add_comment_l {
	height:35px;
	width:80px;
	color:#28829c;
}
#add_comment .add_comment_c {
	width:20px;
	color:#28829c;
}
#add_comment_title {
	height:30px;
	margin:10px 0 0 25px;
	font-size:16px;
	font-weight:bold;
	background: url(images/boy_com_04.jpg) no-repeat left top;
	padding:30px 0 0 45px;
	color:#28829c;
}
.input_txt {border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
	background-color: #ffffff;
	font-size: 12px; color: #787878;
	padding: 3px 2px 0px 2px;
	margin:0 5px 0 5px;}
.button {
	border-top: 1px solid #DDE9F8;
	border-bottom: 1px solid #8BB0BF;
	border-left: 1px solid #DDE9F8;
	border-right: 1px solid #8BB0BF;
	background-color: #ADD3E2;
	font-weight:bold;
	color: #323232;
	cursor : hand;
	width:35px;
	height:25px;}

#foot_news {
	width:100%;
	margin:0 0 50px 10px;
}
#foot_news_left {
	float:left;
	font-size:10px;
}
#foot_news_right {
	float:right;
	margin:0 20px 0 0;
}