@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "tahoma";
	font-size : 12px;
	color: #333333;
	background-color:#ffffff;
	
	scrollbar-base-color: #f2f2f2;
	scrollbar-track-color: #f9fafa;
	scrollbar-face-color: #F1F1F1;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-shadow-color: #C8C8CA;
	scrollbar-arrow-color: #999999;
	background:url(http://www.cadthaisoft.com/images/body/bg2010.gif) repeat-x  ;
	/*background:url(http://www.cadthaisoft.com/images/father-day_bg.png) repeat-x  ;
	background-attachment:fixed;*/
	}

input {
	font-family: "tahoma";
	font-size: 12px;
	color: #333333;

}
textarea {
	font-family: "tahoma";
	font-size: 12px;
	color: #333333;
	background-color: #f2f2f2;
}
select {
	font-family: "tahoma";
	font-size: 12px;
	color: #333333;
	background-color: #cccccc;
}
.error_11 {
	font-family: "tahoma";
	font-size: 11px;
	color: #ff3300;
}
.note_11 {
	font-family: "tahoma";
	font-size: 11px;
	color: #999999;
}
.dot{
border-bottom:dotted 1px #333333;
}



/*====================================================*/


a {
	font-family: "tahoma", sans-serif;
	color:#333333;
	text-decoration: none;
	
	}
	a:hover{
	color:FF9933;
	text-decoration: underline;
	}

td{
	font-family: "tahoma";
	color: #333333;
	FONT-SIZE: 12px;

}
.red_unlink{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF0000;}
.red{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF0000;}
.red:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF0000;}
.red:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF0000;}
.red:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#000000;}

.black_unlink{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#000000;}
.black{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#000000;}
.black:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#000000;}
.black:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#000000;}
.black:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF0000;}

.black_gray_unlink{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#333333;}
.black_gray{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#333333;}
.black_gray:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#333333;}
.black_gray:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#333333;}
.black_gray:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF0000;}

.gray_unlink{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#666666;}
.gray{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#666666;}
.gray:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#666666;}
.gray:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#666666;}
.gray:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF6600;}

.blue_unlink{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#237abf;}
.blue{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#237abf;}
.blue:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#237abf;}
.blue:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#237abf;}
.blue:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#f5d300;}

.violet_unlink{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#6f55af;}
.violet{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#6f55af;}
.violet:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#6f55af;}
.violet:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#6f55af;}
.violet:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#b4d800;}

.green_unlink{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#009f17;}
.green{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#009f17;}
.green:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#009f17;}
.green:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#009f17;}
.green:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#6f559d;}

.white_unlink{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFFFF;}
.white{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFFFF;}
.white:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFFFF;}
.white:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFFFF;}
.white:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF6600;}

.yellow_unlink{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFFFF;}
.yellow{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFFFF;}
.yellow:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFFFF;}
.yellow:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFFFF;}
.yellow:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#333333;}

.orence_unlink{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#ff9900;}
.orence{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#ff9900;}
.orence:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#ff9900;}
.orence:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#ff9900;}
.orence:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFFFF;}

.footer_unlink{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:bold; color:#888888;}
.footer{text-decoration:none; font-family:"tahoma"; font-size:11px; font-style:normal; font-weight:none; color:#888888;}
.footer:link{text-decoration:none; font-family:"tahoma"; font-size:11px; font-style:normal; font-weight:none; color:#888888;}
.footer:visited{text-decoration:none; font-family:"tahoma"; font-size:11px; font-style:normal; font-weight:none; color:#888888;}
.footer:hover{text-decoration:underline; font-family:"tahoma"; font-size:11px; font-style:normal; font-weight:none; color:#FF0000;}

.button-comment {
	border: 1px solid #999999;
	margin: 5px 0px;
	color: #333333;
	height: 22px;
	cursor: pointer;
	background-image: url(../images/theme/bg-button.png);
	background-repeat: repeat-x;
}
/*menu*/
.menu {padding:0 0 0 5px; margin:0; list-style:none; height:30px; background: url(http://www.cadthaisoft.com/images/menu/bg_menu.gif);}
.menu li {float:left;}
.menu li a {display:block; float:left; height:30px; line-height:30px; background:url(http://www.cadthaisoft.com/images/menu/bg_menu.gif); color:#ddd; text-decoration:none; font-family:tahoma, verdana; text-align:center; padding:0 0 0 5px; cursor:pointer; font-size:12px;}
.menu li a b {float:left; display:block; background:url(http://www.cadthaisoft.com/images/menu/bg_menu.gif) right top; padding:0 5px 0 4px;}
.menu li.current a {color:#fff; background:url(http://www.cadthaisoft.com/images/menu/button_blue.gif);}
.menu li.current a b {background:url(http://www.cadthaisoft.com/images/menu/button_blue.gif) no-repeat right top;}
.menu li a:hover {color:#fff; background: url(http://www.cadthaisoft.com/images/menu/button_black.gif);}
.menu li a:hover b {background:url(http://www.cadthaisoft.com/images/menu/button_black.gif) no-repeat right top;}
.menu li.current a:hover {color:#fff; background: url(http://www.cadthaisoft.com/images/menu/button_blue.gif); cursor:default;}
.menu li.current a:hover b {background:url(http://www.cadthaisoft.com/images/menu/button_blue.gif) no-repeat right top;}
.menu li a em {display:block; float:left; width:16px; height:30px;}
.menu li a em.home {background:url(http://www.cadthaisoft.com/images/menu/home.png) no-repeat center center;}
.menu li a em.price {background:url(http://www.cadthaisoft.com/images/menu/price.png) no-repeat center center;}
.menu li a em.product {background:url(http://www.cadthaisoft.com/images/menu/product.png) no-repeat center center;}
.menu li a em.support {background:url(http://www.cadthaisoft.com/images/menu/support.png) no-repeat center center;}
.menu li a em.download {background:url(http://www.cadthaisoft.com/images/menu/download.png) no-repeat center center;}
.menu li a em.customer {background:url(http://www.cadthaisoft.com/images/menu/customer.png) no-repeat center center;}
.menu li a em.contact {background:url(http://www.cadthaisoft.com/images/menu/contact.png) no-repeat center center;}
.menu li a em.board {background:url(http://www.cadthaisoft.com/images/menu/board.png) no-repeat center center;}
.menu li a em.admin {background:url(http://www.cadthaisoft.com/images/menu/admin.gif) no-repeat center center;}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
font-size:13px;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

table#wrapper-main-frame { /* div คลุมความกว้าง */
	margin: 0px auto;
	border:solid;
	border-top-color: #E5E5E5;
	border-top-width:1px;
	border-left-color:#E5E5E5;
	border-left-width:1px;
	border-right-color:#E5E5E5;
	border-right-width:1px;
	border-bottom-color:#E5E5E5;
	border-bottom-width:1px;
	background-color: #FFFFFF;
}
#wrapper-main-container { /* div คลุมเนื้อหาทั้งหมด */
	margin: 0px 5px;
	height: auto !important; /* Fx อ่านบรรทัดนี้ เพราะมี !important */
	height: 445px; /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ */
	min-height: 445px; /* Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
	background-color: #FFFFFF;
	border: 0px solid #555555;
}
table#wrapper-content {
	margin: 20px 0px;
}
table#wrapper-content td {
	text-align: center;
}
img.frame-thumb-content {
	border: 1px solid #666666;
	background-color: #2A2A2A;
}
.td-nav-right-topic {
	height: 20px;
	font-weight: bold;
	color: #999999;
}
.td-nav-right-group {
	height: 20px;
	padding-left: 10px;
	background-image: url(../images/icon/icon-category.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: 1px dashed #5D5D5D;
	font-weight: bold;
	color: #888888;
}
.td-nav-right-category {
	height: 20px;
	padding-left: 25px;
	background-image: url(../images/icon/icon-subcategory.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: 1px dashed #5D5D5D;
	color: #888888;
}
.td-nav-right {
	height: 20px;
	border-bottom: 1px dashed #5D5D5D;
	color: #888888;
}
.td-nav-right-category a:link, .td-nav-right a:link {
	text-decoration: none;
	font-family: "tahoma";
	font-size : 12px;
	color: #333333;
}
.td-nav-right-category a:visited, .td-nav-right a:visited {
	text-decoration: none;
	font-family: "tahoma";
	font-size : 12px;
	color: #333333;
}
.td-nav-right-category a:hover, .td-nav-right a:hover {
	text-decoration: none;
	font-family: "tahoma";
	font-size : 12px;
	color: #FF0000;
}
.font-tog-check-child, .font-tog-small-comment {
	font-size: 80%; /* 80% Things 0.7em */
}
table#wrapper-navigator-content, table#wrapper-navigator-right {
	margin: 0px 20px 0px 0px;
}
#wrapper-footer {
	margin: 0px 20px 0px 0px;
	text-align: right;
}
img.frame-large-content {
	border: 1px solid #666666;
	background-color: #2A2A2A;
	margin: 30px 20px;
}
p.detail-content-info {
	padding-left: 20px;
}
#wrapper-navigator-top {
	margin: 0px 5px;
	padding-top: 10px;
	color: #888888;
}
.#wrapper-navigator-top a:link {
	color: #888888;
	text-decoration: none;
}
#wrapper-navigator-top a:visited {
	color: #888888;
	text-decoration: none;
}
#wrapper-navigator-top a:hover {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px dashed #333333;
}
.admin from {
	margin: 0px;
	padding: 0px;
}
.admin fieldset {
	margin: 0px auto;
	padding: 2px 10px 10px 10px;
	border: 1px solid #DFDFDF;
}
.admin legend {
	padding: 2px 5px;
	font-size: large;
	font-family: Georgia, Tahoma, Verdana, sans-serif;
	color: #333333;
}
.admin label {
	color: #DFDFDF;
}
.table-admin {
	border-collapse: separate;
	color: #000000;
	width:98%;
}
.select-admin {
	border: 1px solid #DFDFDF;
	padding: 3px;
	height: 21px;
	vertical-align : middle;
	color: #000000;
	cursor: pointer;
}
.input-admin {
	border: 1px solid #DFDFDF;
	padding: 3px;
	height: 15px;
	vertical-align : middle;
	color: #000000;
}
.button-admin {
	border: 1px solid #999999;
	margin: 5px 0px;
	color: #333333;
	height: 22px;
	cursor: pointer;
	background-image: url(../images/theme/bg-button.png);
	background-repeat: repeat-x;
}
.wrapper-admin {
	margin: 20px;
	width: 95%;
}
.button-admin-edit {
	width: 40px;
	height: 18px;
	border: 1px solid #FFFFFF;
	background-color: #666666;
	color: #FFFFFF;
	cursor: pointer;
}
#desult-desc-photo {
	margin: 0px 20px 20px 20px;
	border: 1px solid #555555;
	padding: 10px 10px 10px 10px;
	background-color: #E4E4E4;
}
#desult-desc-photo ul {
	margin: 2px 0px 0px 10px;
}
#desult-desc-photo ul li {
	margin: 2px 0px 0px 10px;
	list-style-type: disc;
}
#desult-desc-photo ul li li {
	list-style-type: circle;
}
#desult-desc-photo ul li li li {
	list-style-type: square;
}
#desult-desc-photo ol {
	margin: 2px 0px 0px 10px;
}
#desult-desc-photo ol li {
	margin: 2px 0px 0px 14px;
	list-style-type: decimal;
}
#desult-desc-photo ol li li {
	list-style-type: upper-roman;
}
#desult-desc-photo ol li li li {
	list-style-type: upper-alpha;
}
.wrapper-comment {
	margin: 0px 20px 20px 20px;
}
.comment from {
	margin: 0px;
	padding: 0px;
}
.comment fieldset {
	margin: 0px auto;
	padding: 2px 10px 10px 10px;
	border: 1px solid #999999;
}
.comment legend {
	padding: 2px 5px;
	font-size: large;
	font-family: Georgia, Tahoma, Verdana, sans-serif;
	color: #999999;
}
.comment label {
	color: #DFDFDF;
}
.table-comment {
	border-collapse: separate;
	color: #DFDFDF;
}
.select-comment {
	border: 1px solid #DFDFDF;
	padding: 3px;
	height: 21px;
	vertical-align : middle;
	color: #000000;
	cursor: pointer;
}
.input-comment {
	border: 1px solid #DFDFDF;
	padding: 3px;
	height: 15px;
	vertical-align : middle;
	color: #000000;
}
.button-comment {
	border: 1px solid #999999;
	margin: 5px 0px;
	color: #333333;
	height: 22px;
	cursor: pointer;
	background-image: url(../images/theme/bg-button.png);
	background-repeat: repeat-x;
}
.wrapper-display-comment {
	margin: 20px;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #F7F7F7;
	color: #000000;
}
.wrapper-display-comment_swap {
	margin: 20px;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #deecfa;
	color: #000000;
}
.wrapper-display-comment ul {
	margin: 2px 0px 0px 10px;
}
.wrapper-display-comment ul li {
	margin: 2px 0px 0px 10px;
	list-style-type: disc;
}
.wrapper-display-comment ul li li {
	list-style-type: circle;
}
.wrapper-display-comment ul li li li {
	list-style-type: square;
}
.wrapper-display-comment ol {
	margin: 2px 0px 0px 10px;
}
.wrapper-display-comment ol li {
	margin: 2px 0px 0px 14px;
	list-style-type: decimal;
}
.wrapper-display-comment ol li li {
	list-style-type: upper-roman;
}
.wrapper-display-comment ol li li li {
	list-style-type: upper-alpha;
}
.font-tog-comment_count {
	padding-right: 20px;
	font-size: 120%; /* 120% Things 0.7em */
	color: #DFDFDF;
	font-weight: bold;
}
a.link-website {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dashed #666666;
}
a.link-website:visited {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dashed #666666;
}
a.link-website:hover {
	color: #555555;
	text-decoration: none;
	border-bottom: 1px dashed #555555;
}
table#wrapper-content-admin {
	margin: 10px 0px 0px 0px;
}
table#wrapper-content-admin td {
	text-align: center;
}
img.frame-thumb-content-admin {
	border: 1px solid #DFDFDF;
	background-color: #2A2A2A;
}
table#wrapper-list {
	margin: 5px auto;
	border:solid;
	border-top-color: #E5E5E5;
	border-top-width:1px;
	border-left-color:#E5E5E5;
	border-left-width:1px;
	border-right-color:#E5E5E5;
	border-right-width:1px;
	border-bottom-color:#E5E5E5;
	border-bottom-width:1px;
	background-color: #FFFFFF;
}