body {
	margin: 0px; color: #58595b; font-family: tahoma, arial, helvetica, sans-serif
}
td {
	margin: 0px; color: #666666; font-family: tahoma, arial, helvetica, sans-serif
}
a {
	color: #58595b; text-decoration: underline
}
a:hover {
	color: #58595b; text-decoration: underline
}
a:link {
	color: #58595b; text-decoration: none
}
a:visited {
	color: #58595b; text-decoration: none
}
form {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
ul {
	margin-top: 5px; padding-top: 0px
}
img {
	border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px
}
input {
	font-size: 12px; color: #58595b; font-family: tahoma
}
select {
	font-size: 12px; color: #58595b; font-family: tahoma
}
textarea {
	font-size: 12px; color: #58595b; font-family: tahoma
}
.dotline {
	background: url(../images/dotline.gif) #ffffff repeat-x left top
}
.line {
	padding-left: 22px;
	background-image: url(../images/main/line.gif);
	background-repeat:no-repeat;
	width:450px;
	height:1px;
	float:center;
	horizontal-align:center;
}
.topicicon {
	margin: 3px;
	border: 2px solid #336699;
}
.tablecomment {
	border: 1px solid #339999;
}

.img-left {
	float:left;
	margin:4px 10px 4px 0;
}
.img-right {
	float:right;
	margin:4px 0 4px 10px;
}

.highslide-html {
    background-color: white;
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: tahoma;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: #ffffff;
	visibility: hidden;
	z-index: 100;
	filter: alpha(opacity=80);
	font-weight: bold;
	color: #000000;
	font-family: tahoma;
	font-size: 10px;
:dximagetransform.microsoft.shadow(color=gray,direction=135);
}
.transp {
	filter: alpha(opacity=100);
}


#dhtmlgoodies_formtooltipdiv{
	color:#fff;
	font-family:tahoma;
	font-weight:bold;
	font-size:11px;
	line-height:120%;
}
.dhtmlgoodies_formtooltip_closemessage{
	color:#ffffff;
	font-weight:normal;
	font-size:10px;
}


/* the div that holds the date picker calendar */
.dpdiv {
	}
.transp {
	filter: alpha(opacity=100);
}

/* the table (within the div) that holds the date picker calendar */
table.dpTable {
	font-family: tahoma;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #aaaaaa;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (mo, tu, we, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "this month" and "close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #cccccc;
	border: 1px solid #aaaaaa;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "this month" or "close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (mo, tu, we, etc.) */
.dpDayTD {
	background-color: #cccccc;
	border: 1px solid #aaaaaa;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: tahoma;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "this month" and "close" buttons at the bottom */
.dpTodayButton {
	font-family: tahoma;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

	/* the "this month" and "close" buttons at the bottom */
.dpTodayButton {
	font-family: tahoma;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
.imageframe {
  padding:0px; /* พื้นที่กรอบของ thumb */
  background-image:url(../images/images_photo/thumbbkg.jpg); /* รูปภาพพื้นของ thumb */
}

.shadow_right { /* กรอบเงา */
  background-image:url(../images/images_photo/shadow_right.gif);
  background-repeat:repeat-y;
  width:7px;
  vertical-align:top;
}
.shadow_top_right {
  background-image:url(../images/images_photo/shadow_top_right.gif);
  background-repeat:no-repeat;
  width:7px;
  height:7px;
  float:right;
}
.shadow_bottom {
  background-image:url(../images/images_photo/shadow_bottom.gif);
  background-repeat:repeat-x;
  height:7px;
}
.shadow_bottom_right {
  background-image:url(../images/images_photo/shadow_bottom_right.gif);
  background-repeat:no-repeat;
  width:7px;
  height:7px;
}
.shadow_bottom_left {
  background-image:url(../images/images_photo/shadow_bottom_left.gif);
  background-repeat:no-repeat;
  width:7px;
  height:7px;
  float:left;
} /* กรอบเงา */
div.frame1 {
  border:1px solid navy;
  padding:0px;
  background-image:url(../images/images_photo/thumbbkg.jpg);
}

/*classes*/
.mysborder {
    padding:5px;
    background-color:#ffffff;
    border: 1px solid #eeeeee	;
    -moz-border-radius:5px; 
    -khtml-border-radius:5px; 
    -webkit-border-radius:5px; 
    -border-radius:5px;
    width: 100px;
    margin-left: 8px;
}

.button {
	border : solid 1px #cccccc;
	background: #e9ecef;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
	
}

.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 429px;
	background: #f1f3f5;
}
.forms {
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 600px;
	background: #f1f3f5;
}	
.form-block {
	border: 1px solid #cccccc;
	background: #e9ecef;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.login-form {
	text-align: left;
	float: right;
	width: 60%;
}

.login-text {
	text-align: left;
	width: 40%;
	float: left;
}

.inputlabel {
	font-weight: bold;
	text-align: left;
	}

.inputbox {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	}

.clr {
    clear:both;
    }

.ctr {
	text-align: center;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/
#contentpad{
margin:5px;
}

#jt_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#jt_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#jt {
	position: absolute;
	z-index:100;
	border: 2px solid #cccccc;
	background-color: #fff;
}

#jt_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.jt_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#jt_close_left{
	background-color: #cccccc;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#jt_close_right{
	background-color: #cccccc;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#jt_copy p{
margin:3px 0;
}

#jt_copy img{
	padding: 1px;
	border: 1px solid #cccccc;
}

.jtip{
cursor:help;
}


#cpanel {  text-align: center;  vertical-align: middle; font-size: 13px;}

#cpanel div.icon   { margin: 3px; }
#cpanel div.icon a {
        display: block; float: center;
        height: 97px !important;
        height: 100px;
        width: 108px !important;
        width: 110px;
        vertical-align: middle;
        text-decoration : none;
        border: 1px solid #ddd;
        padding: 2px 5px 1px 5px;
}

#cpanel div.icon a:link    {  color : #808080;  }
#cpanel div.icon a:hover   {
        color : #333;
        background-color: #f1e8e6;
        border: 1px solid #c24733;
        padding: 3px 4px 0px 6px;
}
#cpanel div.icon a:active  {  color : #808080;  }
#cpanel div.icon a:visited {  color : #808080;  }

#cpanel div.icon img { margin-top: 13px; }
#cpanel div.icon span { display: block; padding-top: 3px;}

#left { 
	float: left;
	margin-right: 4%;
	width: 69%;
}

/* styles for dhtml tabbed-pages */
.ontab {
	background-color: #ffae00;
	border-left: outset 2px #ff9900;
	border-right: outset 2px #808080;
	border-top: outset 2px #ff9900;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: bold;
	color: #ffffff;
}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 2px #e0e0e0;
	border-right: outset 2px #e0e0e0;
	border-top: outset 2px #e0e0e0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: normal;
}
.tabpadding {
}

.tabheading {
	background-color: #ffae00;
	text-align: left;
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}


.thumb-left-top {
	float: left;
	border: 1px solid #ccc;
	background: white;
	padding: 5px;
	margin: 1em 1em 0 0;}

.ajaxtooltip{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 300px;
left: 0; /*leave this alone*/
top: 0; /*leave this alone*/
background: white;
border: 2px solid gray;
border-width: 1px 2px 2px 1px;
padding: 5px;
}

/* autocomplate */
.autocomplete_list * {
	font-family: "myriad pro", "segoe ui", "trebuchet ms", sans-serif;
	font-size: 13px;
}

.autocomplete_list b {
	font-weight: bold;
}

.autocomplete_list { 
	background: #f2f2f2; display: block;
	border: 1px solid gray;
	text-align: left; z-index: 200; 
}

.autocomplete_list, .autocomplete_list ol, .autocomplete_list li { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}

.autocomplete_list li { 
	margin: 0; 
	text-align: left;
	cursor: pointer; 
	padding: 4px;
	border-bottom: 1px solid silver;	
}

.autocomplete_list .last_item { 
	border: none;	
}

.autocomplete_list .current_item { 
	background: #b4d5fe; color: #000; 
}

.autocomplete_list span { 
	color: #111; float: right; padding-left: 2em; 
}

.autocomplete_icon { 
	background-image: url(../images/autocomplete.gif);	
	cursor: pointer;
	cursor: hand;	
}

.pagessum {
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 1px solid #cccccc;
	width: 150px;
	background: #f1f3f5;
}
.pages {
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	text-align: center;
	border: 1px solid #cccccc;
	width: 30px;
	background: #f1f3f5;
}


/* แบ่งหน้า */

.browse_page{
	clear:both;
	margin-left:12px;
	height:35px;
	margin-top:5px;
	display:block;
}
.browse_page a,.browse_page a:hover{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:1px solid #cccccc;
	background-color:#f4f4f4;
	color:#333333;
	text-align:center;
	line-height:18px;
	font-weight:bold;
	text-decoration:none;
}
.browse_page a:hover{
	border:1px solid #0099ff;
	background-color:#0099ff;
	color:#ffffff;
}
.browse_page a.selectpage{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:1px solid #0099ff;
	background-color:#0099ff;
	color:#ffffff;
	text-align:center;
	line-height:18px;
	font-weight:bold;
}
.browse_page a.spacec{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:0px dotted #0a85cb;
	font-size:11px;
	background-color:#ffffff;
	color:#333333;
	text-align:center;
	line-height:18px;
	font-weight:bold;
}
.browse_page a.navipn{
	width:50px;
	font-size:12px;
	display:block;
	height:18px;
	float:left;
	border:1px solid #0099ff;
	background-color:#0099ff;
	color:#ffffff;
	text-align:center;
	line-height:18px;
	font-weight:bold;	
}
.browse_page a.navipn:hover{
	width:50px;
	font-size:12px;
	display:block;
	height:18px;
	float:left;
	border:1px solid #0099ff;
	background-color:#0099ff;
	color:#ffffff;
	text-align:center;
	line-height:18px;
	font-weight:bold;	
}



#maincontent { 
	width: 480px; 
	height: 298px;
	margin: 30px auto 0; 
	padding: 0; 
	clear: both; 
	background: url(../images/bg.png) repeat-x; 
	font-size: 12px;

}

#loginform { 
	background: url(../images/locker-blue.png) no-repeat left bottom;
	padding: 20px 60px 0px 0px; 
	line-height: 25px;
	margin: 0 0 0px;
	width: 100%;
	float: right;
	text-align: right;
}
h2 {
	font-family: verdana;
	font-size: 25px;
	color: #c40000;
	padding-bottom: 20px;
}
h3 {
	font-family: verdana;
	font-size: 25px;
	color: #c40000;
	border-bottom: 1px dashed #ccc;
	line-height: 35px;
}
.inputbox {
	border: 1px solid #cccccc;
	font-size: 19px;
	font-weight: bold;
	color: #000000;
	width: 165px;
	font-family: verdana,tahoma;
	padding: 5px 5px 5px 5px;
}
.inputbox1 {
	margin-bottom: 1px;
	padding-left: 8px;
	padding-top : 3px;
	padding-bottom: 5px;
	border: 1px solid #cccccc;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	width: 165px;
	font-family: "tahoma";
	
	
}
.small {
	font-size: 13px;
}
.code {
	font-family: "courier new", courier, monospace;
	font-size: 11px;
}
.inputbox-normal {
	margin-bottom: 1px;
	padding-left: 8px;
	padding-top : 3px;
	padding-bottom: 5px;
	border: 1px solid #cccccc;
	font-size: 13px;
	color: #000000;
	width: 165px;
	font-family: verdana;
}
.inputbox-fail {
	margin-bottom: 1px;
	padding: 3px 2px 5px 8px;
	border: 1px solid #f00;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	width: 165px;
}


	.buttonx {
	background:url(../images/buttonx.png);
	border-top-style: none; 
	border-right-style: none; 
	border-left-style: none; 
	background-color: #ffffff; 
	text-decoration: none; 
	border-bottom-style: none; 
	color:#ffffff;
	font-weight:bold; 
	width: 160px; 
	height: 40px; 
	padding-left:0px;
	font-family: tahoma;
	
}
#header-bar {
	background: url(../images/header-bg.png) 0 0 repeat-x;
	color: #fff;
	padding: 5px 25px 5px 5px;
}
#header-bar {
	height: 4px;
}
#header-logoff {
	float: right;
	text-decoration: none;
}
#header-logoff a {
    color: #ffd9da;
}
#header-logoff a:hover {
    color: #ff0000;
	text-decoration: underline;

}
span.download {
	color: #57861a;
}
.noborder {
	font-size: 12px; color: #666666; border-top-style: none; font-family: tahoma; border-right-style: none; border-left-style: none; background-color: #ffffff; text-decoration: none; border-bottom-style: none; background:url(../images/bg_line.gif)  bottom; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; 
}
.noborder:hover {
	font-size: 12px; color: #000000; border-top-style: none; font-family: tahoma; border-right-style: none; border-left-style: none; background-color: #ffffff; text-decoration: none; border-bottom-style: none; background:url(../images/bg_line_red.gif)  bottom; padding-top: 4px; padding-bottom: 4px; padding-left: 5px; 
}
.noborder4 {
	font-size: 12px; color: #666666; border-top-style: none; font-family: tahoma; border-right-style: none; border-left-style: none; background-color: #ffffff; text-decoration: none; border-bottom-style: none; background:url(../images/bg_line_red.gif)  bottom; padding-top: 4px; padding-bottom: 4px; padding-left: 5px; 
}
.noborder4:hover {
	font-size: 12px; color: #000000; border-top-style: none; font-family: tahoma; border-right-style: none; border-left-style: none; background-color: #ffffff; text-decoration: none; border-bottom-style: none; background:url(../images/bg_line.gif)  bottom; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; 
}
.noborder3 {
	font-size: 12px; color: #666666; border-top-style: none; font-family: verdana; border-right-style: none; border-left-style: none; background-color: #ffffff; text-decoration: none; border-bottom-style: none; background:url(../images/bg_line.gif)  bottom; padding-top: 1px; padding-bottom: 1px; padding-left: 5px;  
}
.noborder3:hover {
	font-size: 12px; color: #000000; border-top-style: none; font-family: verdana; border-right-style: none; border-left-style: none; background-color: #ffffff; text-decoration: none; border-bottom-style: none; background:url(../images/bg_line_red.gif)  bottom; padding-top: 1px; padding-bottom: 1px; padding-left: 5px;  
}
.noborder2 {
	font-size: 12px; color: #666666; border-top-style: none; font-family: tahoma; border-right-style: none; border-left-style: none; background-color: #ffffff; text-decoration: none; border-bottom-style: none; background:url(../images/bg_line.gif)  bottom; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; font-weight:bold; 
}
.noborder2:hover {
	background:url(../images/bg_line_red.gif)  bottom;
}
.normal a {
	color: #333333;
	font-weight: normal;

}
.normal a:hover {
	color: #c40000;
	font-weight: normal;

}

.entry-content img{
padding:5px;
background-color:#ffffff;
border: 1px solid #eeeeee	;
-moz-border-radius:5px; 
-khtml-border-radius:5px; 
-webkit-border-radius:5px; 
-border-radius:5px;
}


/********************************************/
table.grids {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	color: #333;
	empty-cells:show;
	border-collapse:collapse;
}

table.grids a {
	text-decoration: none;
	color: #868686;
	font-weight: bold;
}

table.grids a:hover {
	text-decoration: none;
	color: #ec4700;

}

table.grids tr th a {
	color: #369;
	border-bottom: 1px dotted #369;

}

table.grids tr th a:hover {
	color: #fff;
	background: #369;
}

table.grids thead tr th {
	text-transform: uppercase;
	background: #e2e2e2;
	font-size:9px;
}

table.grids tfoot tr th, table.grids tfoot tr td {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	border-right:  1px solid #ccc;
    border-bottom:  1px solid #ccc;
		empty-cells:show;
	border-collapse:collapse;
}

table.grids td{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	font-size: 12px;
	empty-cells:show;
	border-collapse:collapse;
}

table.grids th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	font-size:12px;
		empty-cells:show;
	border-collapse:collapse;
}

table.grids tr.odd th, table.grids tr.odd{
    background: #f7f7f7;
    border-collapse:collapse;
    empty-cells:show;
    border-collapse:collapse;
}

table.grids tr.even{
    background: #ffffff;
    border-collapse:collapse;
    empty-cells:show;
    border-collapse:collapse;
}
table.grids tr.even:hover{
    background: #FFF0DF;
}

.timemini { 
	background: url(../images/icon_date.png) no-repeat left bottom;
	padding: 0px 0px 0px 0px; 
	line-height: 41px;
	margin: 0 0 0px;
	width: 40px;
	float: right;
	text-align: center;
}

/***********************************************/

.photo {  
    margin: 5px;  
    position: relative; 
    list-style:none; 
    width: 200px;  
    height: 150px;  
    display:block;
	float: center;
	text-align: center;
    padding: 5px;  
}  

.photo img {  
    background: #fff;  
    padding: 5px;  
	float: center;
	text-align: center;
border: 1px solid #eeeeee	;
-moz-border-radius:5px; 
-khtml-border-radius:5px; 
-webkit-border-radius:5px; 
-border-radius:5px;
}  
.photo span {  
    width: 20px;  
    height: 18px;  
    display:block;
	float:center;  
    position: absolute;  
    top: 12px;  
    left: 12px;  
    background: url(../images/digg-style.gif) no-repeat ;  
} 

.photox  {  
    width: 35px;  
    height: 15px;  
    display:block;
	float:center;  
    position: absolute;  
    bottom: 8px;  
    right: 8px;  
	text-align: center;
	color:#fff;
	font-weight:bold;
	font-size:11px;
    background: url(../images/vlength.png) no-repeat ;  
} 

.tablex{
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	margin-bottom: 3em;
	padding: 10px;
	border: 1px solid #cccccc;
	width: 740px;
	background: #f1f3f5;
}

.photomini {  
    margin: 5px;  
    position: relative; 
    list-style:none; 
    width: 100px;  
    height: 75px;  
    display:block;
	float: center;
	text-align: center;
}  

.photomini img {  
    background: #fff;  
    border: solid 1px #ccc;  
    padding: 4px;  
	float: center;
	text-align: center;
}  
.photomini span {  
    width: 20px;  
    height: 18px;  
    display:block;
	float:center;  
    position: absolute;  
    top: 12px;  
    left: 12px;  
    background: url(../images/digg-style.gif) no-repeat ;  
} 
.photominix {  
    width: 35px;  
    height: 15px;  
    display:block;
	float:center;  
    position: absolute;  
    bottom: 2px;  
    right: 2px;  
	text-align: center;
	color:#fff;
	font-weight:bold;
	font-size:11px;
    background: url(../images/vlength.png) no-repeat ;  
}
/*////// pages ///////////*/
.page ul.pagi_nav{float:left;width:auto;padding:0 0 15px 170px;list-style:none;}
.page ul.pagi_nav li{float:left;font-size:14px;font-weight:bold;background:url('../images/page/pagi_sep.gif') no-repeat 0 0;height:26px;padding-left:5px;padding-right:5px;padding-top:0;padding-bottom:0}
.page ul.pagi_nav li.last{background:none;}
.page ul.pagi_nav li.no_padding{padding-left:0px;}
.page ul.pagi_nav li a{float:left;padding-left:6px;color:#4c4c4c;margin-top:4px;height:18px;text-decoration:none;}
.page ul.pagi_nav li a:hover{color:#fff;background:url('../images/page/pagi_left_hover.gif') no-repeat 0 0;}
.page ul.pagi_nav li a span{float:left;padding:1px 6px 0 0;height:17px;cursor:pointer;}
.page ul.pagi_nav li a:hover span{background:url('../images/page/pagi_right_hover.gif') no-repeat right 0;}
.page ul.pagi_nav li.active a{color:#fff;background:url('../images/page/pagi_left_hover.gif') no-repeat 0 0;}
.page ul.pagi_nav li.active a span{background:url('../images/page/pagi_right_hover.gif') no-repeat right 0;}
.page ul.pagi_nav li a.prev{width:20px;padding-left:0px;height:20px;background:url('../images/page/prev_button.gif') no-repeat 0 0;}
.page ul.pagi_nav li a.prev:hover{background:url('../images/page/prev_button_hover.gif') no-repeat 0 0;}
.page ul.pagi_nav li a.next{width:20px;margin-left:6px;height:20px;background:url('../images/next_button.gif') no-repeat 0 0;}
.page ul.pagi_nav li a.next:hover{background:url('../images/page/next_button_hover.gif') no-repeat 0 0;}

 /* gradient 2 */
.tb7 {
	width: 232px;
	background: transparent url('../images/bg.jpg') no-repeat;
	color : #747862;
	height:28px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
}
/* image in text box */
.tb11 {
	background:#ffffff url("../images/search.png") no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	border:1px solid #cccccc;
	width:230px;
	height:18px;
}
a.fontsizer{
    border: 1px solid #A3A3A3;
    padding: 1px;
    margin-right: 2px;
    font-weight: bold;
}