body{ margin:0; font-family: Tahoma; font-size: 0.8em; background-color:#fff; }

a:link{color:#0D57A0;text-decoration:none; font-size: 1em}
a:visited{color:#0D57A0;text-decoration:none;}
a:hover{color:#F28226;text-decoration:underline; }

h1,h2,h3{margin:0;padding:0;}
h1{font:2em/180% Tahoma;margin:15px 0 10px 0;}
h1.guide{color:#002858;margin-bottom:10px;font-size:20px;}
h2{font:1.3em/180% Tahoma;}
h3{font:1.1em/180% Tahoma;}


.centerAlignment{margin-left:auto; margin-right:auto;}






.divRegisBlock{background-color: #fff; padding: 15px 0px 15px 0px; }


/******************************หน้า Login*****************************/
.divRegisLogin
{
    width:752px; height:292px; 
    background-repeat:no-repeat;
    position:relative;
    float:left;
    border:solid 0px red;
    background:url('Images/Default/bg_login.jpg') no-repeat center top;
}
.divRegisLoginImage
{
    width:177px; height:56px; 
    background-repeat:no-repeat;
    position:relative;
    float:left;
    margin-top:30px;
    margin-left:40px;
    background:url('Images/Default/text_signup.gif') no-repeat center top;
}
.divRegisLoginTextHead
{
    width:600px; height:25px; 
    background-repeat:no-repeat;
    position:relative;
    float:left;
    margin-top:20px;
    margin-left:40px;
}
.divRegisLoginText
{
    width:600px; height:100px; 
    background-repeat:no-repeat;
    position:relative;
    float:left;
    margin-left:25px;
}
.divLogin
{
    width:202px; height:auto; background-repeat:no-repeat;
    position:relative;
    float:left;
    margin-left:10px;
    /*border:solid 1px #cfcdcd;*/
}
.topPanelLogin
{
	width:265px;
	height:28px;
    background-color:#B9BEC4;
    background:url('Images/Home/bg_head_login_256.gif') repeat-x center top;
}
.BodyPanelLogin
{
    margin-top:0px;
	width:263px;
	border:solid 1px #cfcdcd;
	background-color:#F0F4F7;
	background:#F0F4F7 url('Images/Home/bg_login.jpg') bottom center repeat-x;
}
.BodyLogin
{
	width: 247px; padding-top: 0px;
}

.divErrorMessage
{
   width:500px;
   position:relative;
   float:left;
   padding-left:5px;
   margin-left:5px;
}
/*******************************************ใช้ที่หน้าแรก,หน้าสมาชิก *****************************************/
.devPropertyIntro
{
    width:751px; height:auto; background-repeat:no-repeat;
    position:relative;
    float:left;
    border:solid 1px #ADD4FD;
}
.topPropertyIntro
{
	width:751px;
	height:25px;
    background:url('Images/Default/bg_head.gif') top center repeat-x;
}
.BodyPropertyIntro
{  
    float:left; position:relative;
    margin-top:0px;
	width:751px;
    height:250px;
	background:#F7FAFF url('Images/Default/bg_bottom.gif') bottom center repeat-x;
    overflow:hidden;
}
/*********ใช้ที่หน้า MemberInfo ************/
.BodyMemberInfo
{  
    float:left; position:relative;
    margin-top:0px;
	width:751px;
    height:182px;
	/*background:#F7FAFF url('Images/Default/bg_bottom.gif') bottom center repeat-x;*/
    overflow:hidden;
}
.divMemberInfoImage
{
  background: url('Images/Default/icon_member_info.gif') center left no-repeat;
  margin-left: 7px; padding-top: 9px;
  float:left; position:relative;
  width:16px;
  height:16px;
}
.tdMember1{width:15%;padding-right:10px; text-align:right;color:#0C438C;}
.tdMember2{width: 35%;}
.tdRegis1{width:18%;padding-right:10px; text-align:right;color:#0C438C;}
.tdRegis2{width: 28%;}
.btnCheck{width:18%;padding-left:5px; text-align:left;color:#0C438C;}

/*******************ใช้ที่หน้า Regis********************/

.BodyRegis
{  
    float:left; position:relative;
    margin-top:0px;
	width:751px;
    height:auto;
    padding-bottom:10px;
    overflow:hidden;
}

/*******************ใช้ที่หน้า Error-Page********************/

.divBoxError
{  
    float:left; position:relative;
    margin-top:0px;
	width:752px;
    height:210px;
    background: url('Images/Default/bg_under.gif') left top no-repeat;
    border-right:solid 1px #AFD2FF;
}

.divdivBoxErrorLine
{
  background: url('Images/Default/line_gray.gif') center left no-repeat;
  float:left; position:relative;
  width:245px;
  height:1px;
}

/*********ใช้ที่หน้า FogotPassword ************/
.divForgotPassImage
{
  background: url('Images/Default/icon_key.gif') center left no-repeat;
  margin-left: 7px; padding-top: 9px;
  float:left; position:relative;
  width:16px;
  height:16px;
}
.BodyForgotPassword
{  
    float:left; position:relative;
    margin-top:0px;
	width:751px;
    height:190px;
    overflow:hidden;
}
.BodyBackgroundImage
{   
    margin-top: 10px; margin-left: 25px; 
	background:url('Images/Default/bg_jigsaw.gif') bottom right no-repeat;
}
/***************************************/
.BodyPropertyIntroTop
{  
    float:left; position:relative;
    margin-top:0px;
	width:751px;
    height:15px;
	background:#F7FAFF url('Images/Default/bg_shadow.gif') top center repeat-x;
    overflow:hidden;
}
.divPropertyIntroImage
{
  background: url('Images/Home/icon_home.gif') center left no-repeat;
  margin-left: 7px; padding-top: 9px;
  float:left; position:relative;
  width:16px;
  height:15px;
}
.divAds
{
  width:189px; position:relative;
  height:22px; 
  float:right;
  background: url('Images/Default/btn_ad.gif') top center no-repeat;
}

.divWhitePanel
{
    width:170px; height:210px;
    position:relative;
    float:left;
    /*border:solid 1px #cfcdcd;*/
    margin-left:15px;
    margin-top:5px;
    display:inline;  /*แก้ปัญหา Double Margin ในไอ้อีหก*/
    border-right:dotted 1px #BEC1E2;
}
.divWhitePanelNoBoder
{
    width:170px; height:210px;
    position:relative;
    float:left;
    /*border:solid 1px #cfcdcd;*/
    margin-left:15px;
    margin-top:5px;
    display:inline;  /*แก้ปัญหา Double Margin ในไอ้อีหก*/
}
.divImageProp
{
    width:120px; height:75px; background-repeat:no-repeat;
    position:relative;
    float:left;
    border:solid 2px #3475CD;
    margin:0px 10px 5px 0px;
    padding:3px;
    background-color:White;
}

.divResultDetail{width:165px; margin-left:0px; float:left; position:relative; margin-top:5px; margin-right:10px; }
	.tableResultDetail{width:100%;}
	
.divBoxHome {background-color:#ffffff; border:0px solid #3475CD; font-size:1em; height:auto; margin-top:5px; width:748px;}


.PanelBoxNew {margin-top:5px; float:left;}
.PanelBoxMatter{margin-top:5px; float:right;}
.PanelBoxNew .ComponetBoxNew {background-color:#eeeeee; border:1px solid #cfcdcd; font-size:1em; height:150px; width:370px;}
.PanelBoxMatter .ComponetBoxMatter {background-color:#eeeeee; border:1px solid #cfcdcd; font-size:1em; height:150px; width:370px;}

.divBoxService {width:753px;height:auto; border:solid 0px #A7CAF2; float:left; margin-top:10px;background-color:#F7FAFF;} 


.divBoxService  a:link{color:#414244;text-decoration:none; font-size: 0.85em}
.divBoxService  a:visited{color:#414244;text-decoration:none;}
.divBoxService  a:hover{color:#F28226;text-decoration:underline; }

.divBoxNew  a:link{color:#414244;text-decoration:none; font-size: 0.85em}
.divBoxNew  a:visited{color:#414244;text-decoration:none;}
.divBoxNew  a:hover{color:#F28226;text-decoration:underline; }

.divBoxMatter  a:link{color:#414244;text-decoration:none; font-size: 0.85em}
.divBoxMatter  a:visited{color:#414244;text-decoration:none;}
.divBoxMatter  a:hover{color:#F28226;text-decoration:underline; }

.topServiceLeft
{
    width:35px; height:37px;
    position:relative;
    float:left;
    /*background-color:#F0C29E; border:solid 1px #A7CAF2;*/
    background:#fff url('Images/Default/head_left.jpg') top left no-repeat;
}
.topServiceMiddle
{
    width:705px; height:37px;
    float:left;
    background:#fff url('Images/Default/bg_repeat.jpg') top center repeat-x;
}
.topServiceRight
{
    width:13px; height:37px;
    position:relative;
    float:right;
    background:#fff url('Images/Default/bg_right.jpg') top right no-repeat;
}
.bodyService
{
    width:751px; height:130px;background-repeat:no-repeat;
    position:relative;
    float:left;
    padding-top:5px;
   /* background-color:#F7FAFF;*/
    overflow:hidden;
    border:solid 1px #A7CAF2;
    border-top:none;
}
.divLatestServiceDetail
{
    width:730px;height:20px;
    margin-left:10px;
    border-bottom:solid 1px #E7EDFF;
    overflow:hidden;
}

.divBoxNewArtivle
{
  float:left;
  width:753px;
  position:relative;
  height:auto;
}
.divBoxNew{width:370px;height:auto; float:left; margin-top:10px;}

.topNew
{
    width:370px; height:33px;
    position:relative;
    float:left;
    background-color:#3475CD;
    background:#fff url('Images/Default/head_news.jpg') top center repeat-x;
}
.bodyNew
{
    width:368px; height:130px;background-repeat:no-repeat;
    position:relative;
    float:left;
    padding-top:5px;
    background-color:#ffffff;
    overflow:hidden;
    border:solid 1px #D4D4D4; border-top:none;
}

.divBoxMatter{width:370px;height:auto; float:right; margin-top:10px; margin-right:0px;}
.topMatter
{
    width:370px; height:33px;
    position:relative;
    float:right;
    background:#fff url('Images/Default/head_article.jpg') top center repeat-x;
}
.bodyMatter
{
    width:368px; height:130px;background-repeat:no-repeat;
    position:relative;
    padding-top:5px;
    float:right;
    background-color:#ffffff;
    overflow:hidden;
    border:solid 1px #D4D4D4; border-top:none;
}

.divAticleNewsDetail
{
    width:345px;height:20px;
    margin-left:10px;
    border-bottom:solid 1px #E7EDFF;
}


/********************************************Tab View*******************************************/

.divTabViewTypeHome{width:64px; height:23px; position:relative; float:left; margin-top:0px; background:#E7F3FF url('Images/Default/home.gif') top center no-repeat; overflow:hidden; margin-right:2px;}
.divTabViewTypeHome_Focus{width:64px; height:23px; position:relative; float:left; margin-top:0px; background:#0267C3 url('Images/Default/home_hover.gif') top center no-repeat; overflow:hidden; margin-right:2px;}
.divTabViewTypeTownHouse{width:79px; height:23px; position:relative; float:left; margin-top:0px; background:#E7F3FF url('Images/Default/townhouse.gif') top center no-repeat; overflow:hidden; margin-right:2px;}
.divTabViewTypeTownHouse_Focus{width:79px; height:23px; position:relative; float:left; margin-top:0px; background:#0267C3 url('Images/Default/townhouse_hover.gif') top center no-repeat; overflow:hidden; margin-right:2px;}

.divTabViewTypeBuilding{width:107px; height:23px; position:relative; float:left; margin-top:0px; background:#E7F3FF url('Images/Default/building.gif') top center no-repeat; overflow:hidden; margin-right:2px;}
.divTabViewTypeBuilding_Focus{width:107px; height:23px; position:relative; float:left; margin-top:0px; background:#0267C3 url('Images/Default/building_hover.gif') top center no-repeat; overflow:hidden; margin-right:2px;}
.divTabViewTypeLand{width:57px; height:23px; position:relative; float:left; margin-top:0px; background:#E7F3FF url('Images/Default/land.gif') top center no-repeat; overflow:hidden; margin-right:2px;}
.divTabViewTypeLand_Focus{width:57px; height:23px; position:relative; float:left; margin-top:0px; background:#0267C3 url('Images/Default/land_hover.gif') top center no-repeat; overflow:hidden; margin-right:2px;}
.divTabViewTypeCondo{width:100px; height:23px; position:relative; float:left; margin-top:0px; background:#E7F3FF url('Images/Default/condo.gif') top center no-repeat; overflow:hidden; margin-right:2px;}
.divTabViewTypeCondo_Focus{width:100px; height:23px; position:relative; float:left; margin-top:0px; background:#0267C3 url('Images/Default/condo_hover.gif') top center no-repeat; overflow:hidden; margin-right:2px;}

.divTabViewTypeApartment{width:96px; height:23px; position:relative; float:left; margin-top:0px; background:#E7F3FF url('Images/Default/apartment.gif') top center no-repeat; overflow:hidden; margin-right:2px;}
.divTabViewTypeApartment_Focus{width:96px; height:23px; position:relative; float:left; margin-top:0px; background:#0267C3 url('Images/Default/apartment_hover.gif') top center no-repeat; overflow:hidden; margin-right:2px;}

.divTabViewTypeDormitory{width:59px; height:23px; position:relative; float:left; margin-top:0px; background:#E7F3FF url('Images/Default/dormitory.gif') top center no-repeat; overflow:hidden; margin-right:2px;}
.divTabViewTypeDormitory_Focus{width:59px; height:23px; position:relative; float:left; margin-top:0px; background:#0267C3 url('Images/Default/dormitory_hover.gif') top center no-repeat; overflow:hidden; margin-right:2px;}

.divTabViewTypeFactory{width:122px; height:23px; position:relative; float:left; margin-top:0px; background:#E7F3FF url('Images/Default/factory.gif') top center no-repeat; overflow:hidden; margin-right:2px;}
.divTabViewTypeFactory_Focus{width:122px; height:23px; position:relative; float:left; margin-top:0px; background:#0267C3 url('Images/Default/factory_hover.gif') top center no-repeat; overflow:hidden; margin-right:2px;}

.divTabViewTypeOther{width:53px; height:23px; position:relative; float:left; margin-top:0px; background:#E7F3FF url('Images/Default/other.gif') top center no-repeat; overflow:hidden;}
.divTabViewTypeOther_Focus{width:53px; height:23px; position:relative; float:left; margin-top:0px; background:#0267C3 url('Images/Default/other_hover.gif') top center no-repeat; overflow:hidden;}


.divTabViewMenuLink
{
  margin-top:3px;
  position:relative;
  float:left;
  overflow:hidden;
  text-align:center;
}

/*
.divTabViewMenuLink a:link{color:#243680;text-decoration:none; font-size: 1em}
.divTabViewMenuLink a:visited{color:#243680;text-decoration:none;}
.divTabViewMenuLink a:hover{color:White;text-decoration:underline; }
*/
div.TabView div.Tabs
{
  height: 23px;
  overflow: hidden;
  margin-top:10px;
  width:753px;
  float:left;
  position:relative;
}


div.TabView div.Pages
{
  clear: both;
  border: 1px solid #A1CDF6;
  overflow: hidden;
  background-color:#F7FAFF;
  width: 751px; height: 370px;
  /*background:red url('Images/Default/bg_bottom.gif') bottom center repeat-x;*/
}

div.TabView div.Pages div.Page
{
  height: 100%;
  padding: 0px;
  overflow: hidden;
  background-color:#F7FAFF;
  background:#F7FAFF url('Images/Default/bg_bottom.gif') bottom center repeat-x;
}

div.TabView div.Pages div.Page div.Pad
{
  /*padding: 0px 0px;*/
  padding-left:10px;
  /*padding-top:15px;*/
}

.divDetailSlide{width:205px;float:left;position:relative; padding-top:2px; }
    .tableImage{ width:344px; height:110px; margin-left:0px;}
    
.divWhitePanelView
{
    width:344px; height:115px;
    position:relative;
    float:left;
    /*border:solid 1px #eeeeee;*/
    border-bottom:dotted 1px #BCCEE4;
    /*background-color:#F7FAFF;*/
    /*margin-left:15px;*/
    margin-top:5px;
    margin-right:0px;
    padding-left:15px;
    overflow:hidden;
}
.divWhitePanelViewNoborder
{
    width:344px; height:115px;
    position:relative;
    float:left;
    /*background-color:#F7FAFF;*/
    margin-top:5px;
    margin-right:0px;
    padding-left:15px;
    overflow:hidden;
}
.divImagePropView
{
    width:120px; height:75px; background-repeat:no-repeat;
    position:relative;
    float:left;
    border:solid 2px #3475CD;
    margin-right:5px;
    padding:3px;
    /*margin:10px 10px 10px 10px;*/
    background-color:White;
}


/*****************************ตู้เอกสาร *****************************/

.divTabPropFavorite{width:137px;  height:23px; position:relative; float:left; margin-top:0px; background:#E7F3FF url('Images/Default/menu01_over.gif') top center no-repeat; overflow:hidden; margin-right:4px;}
.divTabPropFavorite_Focus{width:137px; height:23px; position:relative; float:left; margin-top:0px; background:#0267C3 url('Images/Default/menu01.gif') top center no-repeat; overflow:hidden; margin-right:4px;}

.divTabAnnouncement{width:175px; height:23px; position:relative; float:left; margin-top:0px; background:#E7F3FF url('Images/Default/menu02_over.gif') top center no-repeat; overflow:hidden; margin-right:4px;}
.divTabAnnouncement_Focus{width:175px; height:23px; position:relative; float:left; margin-top:0px; background:#0267C3 url('Images/Default/menu02.gif') top center no-repeat; overflow:hidden; margin-right:4px;}

.divTabServiceFavorite{width:188px; height:23px; position:relative; float:left; margin-top:0px; background:#E7F3FF url('Images/Default/menu03_over.gif') top center no-repeat; overflow:hidden; margin-right:4px;}
.divTabServiceFavorite_Focus{width:188px; height:23px; position:relative; float:left; margin-top:0px; background:#0267C3 url('Images/Default/menu03.gif') top center no-repeat; overflow:hidden; margin-right:4px;}

.divTabService{width:241px; height:23px; position:relative; float:left; margin-top:0px; background:#E7F3FF url('Images/Default/menu04_over.gif') top center no-repeat; overflow:hidden;}
.divTabService_Focus{width:241px; height:23px; position:relative; float:left; margin-top:0px; background:#0267C3 url('Images/Default/menu04.gif') top center no-repeat; overflow:hidden;}

div.TabViewCabinet div.TabsCabinet
{
  height: 23px;
  overflow: hidden;
  width:753px;
  float:left;
  position:relative;
}
.divMenuCabinet
{
    width:741px; height:auto; background-repeat:no-repeat;
    position:relative;
    float:left;
    margin-bottom:5px;
    background-color:#0575C7;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
}
.panelContent{width:751px; height:auto; background-repeat:no-repeat; position:relative; float:left; border:solid 1px #A1CDF6; border-top:none;}
.toppanelContent{width:747px; height:30px; margin-top:2px; padding-top:2px; background-color:#5D91D7;}
.bodypanelContent{margin-top:0px; width:100%; margin-bottom:0px; float:left; position:relative;}

.ControlGridView .dxgvControl
{
    border: solid 1px #AED3FD; border-top:none;
}
.ControlGridView .dxgvControl .dxgvHeader
{
    border: solid 1px #AED3FD; border-bottom:none;
}
.ControlGridView .dxgvHeader td
{
    border: none;
}
.ControlGridView .dxgvDataRow td
{
    border: solid 1px #AED3FD;  border-bottom:none; border-left:none;
}

.ControlGridView .dxgv
{
    border: solid 1px #AED3FD;
}

.ControlGridView .dxgvControl .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv
{
  background-color:#d8f6f0; border-bottom:none; border-top: solid 1px #AED3FD;
}

.divFootterGrid
{
    width:751px; height:30px; background-repeat:no-repeat;
    position:relative;
    float:left;
    background-color:#EAF4FF;
    margin-top:5px; 
    padding-left:0px;
}
.divPager
{
 width:auto; background-repeat:no-repeat;
 position:relative; 
 text-align:right;
 float:right;
}
.divDeleteRow
{
 width:250px; background-repeat:no-repeat;
 height:30px;
 position:relative; 
 margin-top:3px;
 text-align:left;
 float:left;
 padding-left:3px;
}