@charset "utf-8";
html {overflow-y: scroll;}
/** html,body{
  height:100%;
}*/
body {
	margin:0px;
	padding: 0px;
}
/***********************************************
กำหนดพื้นที่การใช้งาน ใน index.php
***********************************************/
* html #pageContent{/*for IE*/
 height:100%;
}
#pageContent {
	width:996px;
	/*height:100%;*/
	position: relative;
    text-align:left;
}
/***********************************************
กำหนด background style ใน index.php
***********************************************/
#alPhaLayer{
	 background-color: #FFF;
	 filter:alpha(opacity=10);
	 opacity: 0.1;
	 -moz-opacity: 0.1;
	 position: absolute;
     top: 0px;
	 width: 996px;
	 z-index: -99;
     height:100%;
}
/*กำหนดความสูงของ chat'*/
* html #chatMsg{
  height:193px;
}
#chatMsg{
  height:191px;
}
/***********************************
กำหนด style ของ Tooltip
***********************************/
.tipPhoto{
  border:solid;
  border-width:1px ;
  padding:5px;
}
.tiphd, .tipbd {
    font-family:arial;
    font-size:12px;
    border:solid;
    border-width:1px ;
    padding:5px;
    width:200px;
}
.tiphd {
    background:#d6eef0;
    font-weight:bold;    
}
.tipbd {
    background:#f4fbfe;    
    border-top:none;
}
.tipbd p{
    margin:0px;
    padding-bottom:2px;
}
/***********************************************
กำหนด style ของ td,div,p ทั้งเว็บ
***********************************************/
td,th,div,p{
	font-family: "Tahoma";
	font-size: 12px;
	text-decoration: none;
}
h1{
  font-size:16px;
  font-weight:bold;
  margin:0px;
}
h2{
  font-size:14px;
  font-weight:bold;
  margin:0px;
}
/*************************************************
กำหนด style ของ input ต่างๆ
**************************************************/
input[type="submit"], input[type="button"], input[type="file"],
input[type="text"], input[type="password"], textarea, .button, .input{
   background-color:#f9f9f9;
   padding:2px;
   border: 1px solid #C8C8C8;
   font-size:12px;
}
.tag{
    width:50px;
    margin:0px 2px 2px 0px;
}
.text-input{
    font-weight:bold;
}
select{
  font-family:"ms Sans Serif";
  font-size: 12px;
}
/*##################################
กำหนด style ของ link ทั้งเว็บ
####################################*/
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/***********************************************
กำหนด style ของ Table ที่มี Content
***********************************************/  
.talbleProfile{
    border:solid;
    border-width: 3px;
}

.talbleContent{
	border:solid;
	border-width: 3px;
}
/***********************************************
กำหนด style ของ Table ที่มี รูปภาพ
***********************************************/
.talbleImgContent{
	border:solid;
	border-width: 3px;
}
/***********************************************
กำหนด style ของรูปภาพ
***********************************************/
.imgContent{
	background-color: #FFFFFF;
}
/********************************
    กำหนด style ของ popup
********************************/
.popup{
    border:solid;
    border-width:1px;
}
/************************************************
      กำหนด style หัวตาราง
  ************************************************/
.bg_tableHead{
    height:30px;
	font-weight:bold;
}
/***********************************************
กำหนด style Header ของ ChatBox
***********************************************/
.talbleChatHeader{
	border:solid;
	border-width: 5px;
}
/***********************************************
กำหนด style ของปฏิทินบล็อก
***********************************************/
.calendar{
    border:solid;
    border-width:1px;
    padding:4px;	
}
.calendarToday{	
	border:solid;
    border-width:1px;
    padding:4px;
}
.calendarLink{    
	border:solid;
    border-width:1px;
    padding:4px;
}
.calendarHeader{	
	border:solid;
    border-width:1px;
    font-family:"MS Sans Serif";
}
/* ::::::::::::::::::::::::::::::::::::::::::
 จบ ส่วนของปฏิทิน
   ::::::::::::::::::::::::::::::::::::::::::
*/

/******************************************
 ส่วนหัวก่อนเข้าโปรไฟล์
******************************************/
.text-msg{
    background-image:url(../images/profile/b_text_01.png);
    background-repeat: no-repeat;
    width:185px;
    height:23px;
    margin-left: 11px; 
    position: relative;
}

.text-msg2{
    background-image:url(../images/profile/b_text_02.png);
    background-repeat: repeat-y;
    width:185px;
    height:100%;
    margin-left: 11px;
    
    position: relative;
}

.text-msg3{
    background-image:url(../images/profile/b_text_03.png);
    background-repeat: no-repeat;
    width:185px;
    height:45px;
    margin-left: 11px;
    margin-bottom: 7px;; 
    position: relative;
}

.fixshowlogin{
    background-color: #FFFFFF;
     filter:alpha(opacity=20);
     opacity: 0.2;
     -moz-opacity: 0.2;
     top: 90px;
     right:-133px;
     /*right:-210px;*/
     width: 133px;
     *width: 127px;
     z-index: 0;
     height:150px;
     /*color: #FFFFFF;*/
     position:absolute;
     
}

.welcomeshowlogin{
     float:left;
     top: 90px;
     right:-134px;
     /*right:-220px;*/
     width: 133px;
     *width: 127px;
     height:46px;
     color:#9BE806;
     font-size:14px;
     font-weight:bold;
     position:absolute;
     padding-top:  3px;
     /*border: 1px solid #FF00FF;*/
     
     
}
.textshowlogin{
     float:left;
     top: 30px;
     right:0px;
     *right:-15px;   
     width: 127px;
     *width: 127px;
     height:20px;
     color:#9BE806;
     /*padding-left: 0px;*/
     position:absolute;
     /*border: 1px solid #FF00FF; */
}

.fixedtextshowlogin{
     float:left;
     top: 25px;
     right:-65px;
     *right:-45px;   
     width: 127px;
     *width: 127px;
     height:40px;
     color:#9BE806;
     /*padding-left: 0px;*/
     position:absolute;
     /*border: 1px solid #FF00FF;*/ 
}

.imgshowlogin{
    top: 50px;
     right: 40px;   
     width: 50px;
     *width: 50px;
     height:50px;
     position:absolute;
     /*border: 1px solid #FF00FF; */
}    

.fixshowlogin2{
    background-color: #FFFFFF;
     filter:alpha(opacity=20);
     opacity: 0.2;
     -moz-opacity: 0.2;
     top: 250px;
     right:-5px;
     width: 133px;
     *width: 127px;
     z-index: 1;
     height:46px;
     /*color: #FFFFFF;*/
     position:fixed;
     
}
.textshowlogin2{
     top: 257px;
     right:-20px;
     width: 133px;
     *width: 127px;
     height:46px;
     position:fixed;
     color:#9BE806;
     
}
.showtextlogin2{
     top: 275px;
     right:-40px;
     width: 133px;
     *width: 127px;
     height:46px;
     position:fixed;
     color:#9BE806;
}
/******************************************
 จบส่วนของโปรไฟล์ 
******************************************/

/******************************************
กำหนด style ของ accordion
******************************************/
.accordion  {
	width: 180px;
}
.accordion div {
	padding:5px;
}
.accordion a {
	margin-bottom : 10px;
	margin: 0px;
	padding: 2px 10px 2px 2px;
}
.accordion p {
	cursor:pointer;
	display:block;
    background:url(../images/utils/collapsed.gif) no-repeat scroll 4px 7px;
	padding:5px;
    padding-left:16px;
	margin: 0;
	text-decoration: none;
    font-size:12px;
	font-weight: normal;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
}
.accordion p:hover {
	color:#FFFFFF;
}
.accordion p.selected {
	background: url(../images/utils/expanded.gif) no-repeat scroll 4px 8px;
}
.accordion div {
	background-color: #FFFFFF !important;
}
.accordion p {
   background-color: #D3D3D3 !important;
}
.accordion p:hover {
	background-color: #D3D3D3 !important;
}
.accordion p.selected {
	background-color: #C0C0C0 !important;
}
.standard-white-bg, .standard-white-bg div,
.standard-white-bg td,
.standard-white-bg a, .standard-white-bg a:visited{
    color:#174888 !important;
}

/***********************************************
กำหนด style ของ Tab Menu
CSS for Shade Tabs. Remove if not using
***********************************************/
* html .shadetabs{/*for IE*/
  margin-top: 0px;
}

.shadetabs{
padding: 0px 0px ;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 0px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
height:19px;
}

.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
background-color:#CCCCCC;
text-decoration: none;
position: relative;
z-index: 0;
padding: 5px 10px;
height:20px;
}
.shadetabs li a:visited{
color: #2d2b2b; 
}
.shadetabs li a:hover{
color: #FFFFFF;
text-decoration: none;
}
.shadetabs li a.selected{ /*selected main tab style */
position: relative; 
}
.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none; 
}
.tabcontent{
display:none;
}
@media print {
.tabcontent {
display:block !important;
}
}
/**
Css for small icon online, offline
*/
.useronline-icon, .useroffline-icon{
	position:relative;
    padding:0px;
    *padding-top:2px;
}
.useronline-icon .useronline-icon-span, .useroffline-icon .useroffline-icon-span {
	width:10px;
    height:10px;
	position:absolute;
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity: 1.0;
	left: 73px;
    *left: 68px;
	top: 49px;
    cursor:pointer;
}
.useronline-icon .useronline-icon-span{
    background:transparent url(../images/utils/online.gif) no-repeat scroll 0pt 50%;
}
.useroffline-icon .useroffline-icon-span{
    background:transparent url(../images/utils/offline.gif) no-repeat scroll 0pt 50%;
}
/**
Css for icon play video
*/
.video-icon-play{
	position:relative;
    padding-top:2px;
}
.video-icon-play .video-icon-span {
	background:transparent url(../images/utils/play_icon.gif) no-repeat scroll 0pt 50%;
	width:25px;
    height:24px;
	position:absolute;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	left: 25px;
    *left: 25px; /*for IE*/
	top: 22px;
    cursor:pointer;
}
/**
Css for icon zoom picture
*/
.picture-icon-zoom{
	position:relative;
    padding-top:2px;
}
.picture-icon-zoom .picture-icon-span {
	background:transparent url(../images/utils/zoom_icon.gif) no-repeat scroll 0pt 50%;
	width:14px;
    height:14px;
	position:absolute;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	left: 70px;
    *left: 63px; /*for IE*/
	top: 50px;
    cursor:pointer;
}
/**
Css for icon zoom picture at JeedNews Only
*/
.picture-icon-zoom-jeednews{
	position:relative;
    padding-top:2px;
}
.picture-icon-zoom-jeednews .picture-icon-span-jeednews {
	background:transparent url(../images/utils/zoom_icon.gif) no-repeat scroll 0pt 50%;
	width:14px;
    height:14px;
	position:absolute;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	left: 12px;
    *left: 12px; /*for IE*/
	top: 5px;
    cursor:pointer;
}
.txt-list{
    background: url(../images/utils/shaft.gif) no-repeat scroll 0pt 3px;
    margin:4px;
    padding-left:12px;
}
/*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; 
  ;;; ส่วนของลิงค์สำหรับเลื่อนดูหน้าถัดไป ต่างๆ  ;;
  ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;**/
.PageDivision_Link, 
.PageDivision_noLink, 
.PageDivision_NextPrev_noLink, 
.PageDivision_NextPrev{
    border:solid;
    border-width:1px;
	width:27px;
	margin-top:5px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
	font-family:"MS Sans Serif";
	font-size:12px;
	font-weight:bold;
	float:left;
}
a.PageDivision_Link:link, a.PageDivision_Link:visited, a.PageDivision_Link:hover, 
a.PageDivision_NextPrev:link, a.PageDivision_NextPrev:visited, a.PageDivision_NextPrev:hover{
	font-family:"MS Sans Serif";
	font-weight:bold;
	text-decoration:none;
}
/*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; 
  ;;; ส่วนแสดงผลของ email contact list ;;
  ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;**/
.divmain{
    margin:0px 0px 10px 0px;
    padding:5px;
    /*border:1px solid #cccccc;*/
    width:340px;
    height:150px;
}
.divmain div{
    float:left; /*ตัวที่ทำให้ div เรียงกันเหมือนตาราง*/
    margin:0px 8px 4px 0px;
    padding:2px;
    width:150px;
    /*border:1px solid blue;*/
}
/* color mouse over on table*/
.trSelected{
    background-color:#A9A9A9;
}
.trOver{
    background-color:#A9A9A9;
}
/**
Css for small icon online, offline for JeedNews
*/
.userjnonline-icon, .userjnoffline-icon{
	position:relative;
    padding:0px;
    *padding-top:2px;
}
.userjnonline-icon .userjnonline-icon-span, .userjnoffline-icon .userjnoffline-icon-span {
	width:10px;
    height:10px;
	position:absolute;
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity: 1.0;
	left: 70px;
    *left: 68px;
	top: 49px;
    cursor:pointer;
}
.userjnonline-icon .userjnonline-icon-span{
    background:transparent url(../images/utils/online.gif) no-repeat scroll 0pt 50%;
}
.userjnoffline-icon .userjnoffline-icon-span{
    background:transparent url(../images/utils/offline.gif) no-repeat scroll 0pt 50%;
}
.settagsword{
    /*border:solid 1px #000000;*/
    float:left;
    width:50px;
    *width:50px;
}
.settags{
    /*border:solid 1px #000000;*/
    float:left;
    width:220px;
    *width:200px;
}
.setspaceicon{
    /*border:solid 1px #000000;*/
    float:left;
    padding-top:2px;
    width:15px;
    *width:15px;    
}
.setspace{
    /*border:solid 1px #000000;*/
    float:left;
    width:370px;
    *width:370px;
}

.holdalien{
   /* background: url(../images/home/ar.png) no-repeat;
    width:70px;
    height: 68px;*/
    position: absolute;
    top: 57px;
    right:-70px;     
}
/*.picgreencorner{
    background: url(mm_.png) no-repeat;
    width:28px;
    height:29px;
    top:875px;
    left:210px;
    *top:893px;
    position: absolute;
}

.vdogreencorner{
    background: url(mm_.png) no-repeat;
    width:28px;
    height:29px;
    top:1383px;
    *top:1402px; 
    left:210px;
    position: absolute;
}
.orangecorner{
    float:right;
    background: url(m_.png) no-repeat;
    margin-right:0px;
    width:28px;
    height:29px;
    /*border: 1px solid #000000; */
    /*position: absolute;       */
/*}*/

.footer{
   background: url(../images/footer/footer1.jpg);  
   width: 100%;
   height: 57px;
   margin-top:15px;
}
.footer2{
   background: url(../images/footer/footer2.jpg);  
   width: 100%;
   height: 156px; 
}
.footer3{
   background: #9FF300;  
   width: 100%;
   height: 20px; 
}   

.vdo-first-suggest li{
    background: url(../images/default/icon_all.png) no-repeat;
    list-style: none;
    margin-bottom: 10px;
    padding-left: 20px; 
}

#vdo-look-view {background-position: 0 -6px; height: 30px; display: inline; }
#vdo-cl-vote {background-position: 0 -24px; height: 18px; display: inline;}
#vdo-count-com-ment {background-position: 0 -37px; height: 16px; display: inline;}