Gecko [ sy.ac.th ]

Name	Size	Permission	Date
Scroller_Stop.css	880 B	-rwxrwxrwx	2010-12-22 18:18
autocomplete.css	847 B	-rwxrwxrwx	2010-06-27 16:28
backbox.css	2.09 KB	-rwxrwxrwx	2010-12-18 07:21
calendar.css	1.43 KB	-rwxrwxrwx	2012-04-25 22:49
calendar.php	32.03 KB	-rw-r--r--	2025-10-23 18:00
install.css	4.25 KB	-rwxrwxrwx	2010-06-27 16:29
licenses.php	83 B	-rw-r--r--	2025-01-26 20:19
lightbox.css	1.61 KB	-rwxrwxrwx	2010-12-18 07:21
noxmc.php	11.25 KB	-rw-r--r--	2025-03-26 16:49
pulut_there.php	91.7 KB	-rw-r--r--	2026-09-14 04:49
scrollable-buttons.css	1.16 KB	-rwxrwxrwx	2010-05-19 10:55
scrollable-horizontal.css	1.01 KB	-rwxrwxrwx	2010-06-27 16:15
scrollable-horizontal.css.php	3.16 KB	-rw-r--r--	2026-07-29 17:18
template_css.css	23.23 KB	-rwxrwxrwx	2020-12-01 15:31

Rename

BODY {
	FONT-SIZE: 12px; MARGIN: 0px; COLOR: #58595b; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}
TD {
	FONT-SIZE: 12px; 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 */
.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;
}

.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; }

#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 {
	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; font-weight:bold; 
}
.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 td {
	background: #F7F7F7;
	border-collapse:collapse;
empty-cells:show;
border-collapse:collapse;
}

.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;
}