@charset "utf-8";
/*
|********************************************************************************************
| 															  					  Main Layout  
|********************************************************************************************
*/
body 		{ margin: 0px; font: 11px, Tahoma; background: url(../images/bg/bgmain.jpg) repeat-x center top; color: #ce509a; }
#Container 	{ width: 980px; height: auto; margin: 0 auto; }
#Left 		{ position: relative; float: left; width: 245px; height: auto; background: url(../images/bg/bg_left_menu.jpg) no-repeat right top; }
#Center		{ position: relative; float: left; width: 507px; height: auto; top: 85px; }
#Content 	{ position: relative; float: left; width: 730px; height: auto; margin: 90px 0 0; }
#Right 		{ position: relative; float: right; top: 85px; width: 220px; height: auto; }
#Footer 	{ position: relative; float: left; width: 100%; height: 117px; background: url(../images/bg/bg_footer.jpg) repeat-x center bottom; }

/* Font */
.FontThai 	{ font-family: Tahoma; font-weight: bold;}
.FontEng	{ font-family: Arial, Helvetica, sans-serif;}

/* For Seo */
.title h1 			{ width: 100%; height: 35px; margin: 0; overflow: hidden; }
.title h1 span 		{ width: 100%; height: 100%; display: block; }
/*
|********************************************************************************************
| 															  				    Section Left  
|********************************************************************************************
*/
#Logo 		{ position: relative; float: left; width: 100%; height: 150px; }
#DivMenu 	{ position: relative; float: left; width: 100%; height: 200px; margin: 0; }
.DivMenuBt 						{ position: relative; float: left; width: 50%; margin: 12px 0 14px 60px; } /* hack for FF only */
* html .DivMenuBt 				{ position: relative; float: left; width: 50%; margin: 12px 0 11px 30px; } /* hack for IE6 only */
*:first-child+html .DivMenuBt 	{ position: relative; float: left; width: 50%; margin: 12px 0 11px 60px; } /* hack for IE7 only */
.DivMemberLogin	 { 
	position: relative; 
	float: left; 
	width: 207px; 
	height: 180px; 
	margin: 80px 0 2px 15px;
	padding: 40px 0 0 0;
	background: url(../images/bd_member.jpg) no-repeat center top; 
}
/* hack for IE6 only */
* html .DivMemberLogin	 { 
	position: relative; 
	float: left; 
	width: 207px; 
	height: 203px; 
	margin: 80px 8px 20px ;
	padding: 40px 0 0 0;
	background: url(../images/bd_member.jpg) no-repeat center top; 
}
.DivMemberLoginLine 	{ position: relative; float: left; width: 90%; margin: 5px 0 0 10px; color: #960f60; }
.DivMemberLoginLine a 	{ position: relative; float: left; width: 90%; margin: 0px 0 0 20px; color: #960f60; }
.BtSubmit { 
	width: 52px; 
	height: 21px;
	margin: 0 3px 3px 5px;
	padding: 0 0 5px 0;
	background: url(../images/bt/bt_submit.jpg) no-repeat center center; 
	border: none 0px; 
	color: #FFF; 
	font-size: 10px;
}
.DivBtSupport	{ position: relative; float: left; margin: 0;}
.BtSupport 		{ position: relative; float: left; left: 10px; width: 220px; }

/*
|********************************************************************************************
| 															  				   Section Center  
|********************************************************************************************
*/
#DivBannerHeader { position: relative; float: left; width: 730px; height: 218px; top: 81px; overflow: hidden; }
#BannerHeader 	 { position: relative; float: left; width: 100%; height: 218px; }
#DivPackage 	 { position: relative; float: left; width: 100%; height: 320px; margin: 0 0 15px; }

/*
|********************************************************************************************
| 														        Section Center >>> Index Page  
|********************************************************************************************
*/
#DivNewMember		{ position: relative; float: left; width: 100%; height: auto;  }
.MemberBd			{ position: relative; float: left; width: 170px; height: auto; margin: 5px 5px 5px 0; padding: 3px; }
.MemberBd a			{ position: relative; float: left; }
.MemberBd p			{ position: relative; float: left; width: auto; }
.MenberPic			{ position: relative; float: left; width: 88px; height: 100px; margin: 5px 0; }
.MemberDetail		{ position: relative; float: left; width: 150px; height: auto; margin: 5px 0 0 5px; }
.TitleNewMember 	{ position: relative; float: left; width: 261px; height: 37px; background: url(../images/bg/title_member.jpg) no-repeat left top;}
.TitleNewTemplate 	{ position: relative; float: left; width: 158px; height: 31px; background: url(../images/bg/title_template.jpg) no-repeat left top;}

/*
|********************************************************************************************
| 														Section Center >>> Free Template Page  
|********************************************************************************************
*/
#Page			{ position: relative; float: left; width: 100%; height: 30px; margin: 10px 0 5px 0; text-align: center; }
#Page a:link	{ padding: 5px 11px 1px 11px; border: 1px solid #facde4; background: #FFF; text-decoration: none; margin: 0 20px 0 10px; color: #960f60; }
#Page a:visited	{ padding: 5px 11px 1px 11px; border: 1px solid #facde4; background: #FFF; text-decoration: none; margin: 0 20px 0 10px; color: #960f60;}
#Page a:active	{ padding: 5px 11px 1px 11px; border: 1px solid #facde4; background: #FFF; text-decoration: none; margin: 0 20px 0 10px;}
#Page a:hover	{ padding: 5px 11px 1px 11px; border: 1px solid #facde4; background: #fef3f8; text-decoration: none; margin: 0 20px 0 10px; }
#PageInput		{ width: 20px; height: 12px; border: 1px solid #7f9db9; font: 11px Arial; padding: 5px 1px 3px 11px;}
#PageBt			{ width: 40px; height: 22px; color: #C06; border: 1px solid #facde4; background: #FCC;}

.for_contact 	{ height: 500px; } 
.for_register 	{ height: 250px; }

.TemplatePic 	{ position: relative; float: left; width: auto; height: auto; }
.TemplateTitle 	{ position: relative; float: left; width: 120px; margin: 0 0 3px 10px; }
.TemplateDetail { position: relative; float: left; width: auto; height: auto; margin: 0 0 0 10px; }

/*
|********************************************************************************************
| 														Section Center >>> Free Website Regis  
|********************************************************************************************
*/
.BdPinkRegis	{ position: relative; float: left; width: 720px; height: auto; margin: 5px; background: #fef3f8;}
.RegisHeader 	{ position: relative; float: left; width: 100%; margin-bottom: 15px; }
.RegisLine		{ position: relative; float: left; width: 100%; margin: 0 0 2px 0;}
.RegisTitle 	{ position: relative; float: left; width: 150px; height: 30px; text-align: right; }
.RegisInput 	{ position: relative; float: left; width: 450px; height: 30px; }
.BtRegis		{ width: 74px; height: 21px; background: url(../images/bt/bt.jpg) no-repeat left top; margin: 0 auto; }
.DivBank		{ position: relative; float: left; width: 720px; height: auto; margin: 5px 5px 5px 20px; background: #FFF; }
.DivPrice		{ position: relative; float: left; width: 680px; height: auto; margin: 5px 5px 5px 20px; border: 2px solid #F00; } 
.DivPrice p		{ text-align: right; margin: 10px 10px 10px 0; color:#F00;}

/*
|********************************************************************************************
| 															  Section Center >>> Contact Page  
|********************************************************************************************
*/
.ContactLine	    { position: relative; float: left; width: 100%; height: auto; margin: 3px;}
.ContactTitle	    { position: relative; float: left; width: 250px; text-align: right; color: #2c0000; }
.ContactInputMain	{ position: relative; float: left; width: 300px; margin: 0 0 0 10px; text-align: left;}

/*
|********************************************************************************************
| 															  	  Section Center >>> FAQ Page  
|********************************************************************************************
*/
.DivFaq				{ position: relative; float: left; width: 720px; height: auto; margin: 0 5px 0 ; }
.FaqQuestion		{ position: relative; float: left; width: 100%; height: auto; margin: 10px 0 ; background: url(../images/bg/line_x.gif) repeat-x left bottom; }
.FaqAnswer			{ position: relative; float: left; width: 100%; height: auto; margin: 5px; }

/*
|********************************************************************************************
| 															  Section Center >>> Article Page  
|********************************************************************************************
*/
.DivArticle			{ position: relative; float: left; width: 720px; height: auto; margin: 0 5px 0 ; }
.DivArticle h2		{ background: url(../images/bg/line_x.gif) repeat-x left bottom; }
.ArticleDetail		{ position: relative; float: left; width: 100%; height: auto; }
.ArticleDetail ol li{ line-height: 20px; }
.DivArticle span	{ float: right;}
.ArticleTableHover	{ line-height: 20px; }						

/* Place */
.DivArticlePlacePic		{ position: relative; float: left; width: 207px; height: 131px; overflow: hidden; }
.DivArticlePlaceTitle	{ position: relative; float: left; width: 500px; margin: 5px 0 0 5px;  }
.ArticleRating			{ position: absolute; left: 80px; color: #F00; margin: 0 0 0 5px; }
.ArticleComment			{ position: absolute; right: 0px; color: #00F; }
.DivAriclePlaceRate		{ position: relative; float: left; width: 500px; margin: 5px 0 0 5px;}
.DivArticlePlaceDetail	{ position: relative; float: left; width: 500px; height: auto;  margin: 5px 0 5px 5px; border: 1px solid #fdeffc; }
.DivArticlePlaceDetail p{ margin: 5px; }

/* Wedding Studio */
.DivArticleStudioDetail	{ position: relative; float: left; width: 500px; height: auto;  margin: 5px 0 5px 5px; border-top: 1px solid #fdeffc;  }
.DivArticleStudioDetail p{ margin: 5px 0; }


/*
|********************************************************************************************
| 															  Section Center >>> Support Page  
|********************************************************************************************
*/	
.BgSupport			{ position: relative; width: 594px; height: 356px; margin: 150px auto;  background: url(../images/support/bg_support.jpg) no-repeat; }
.BgSupport p		{ position: relative; width: 500px; top: 30px; margin: 30px auto 0;}
* html .BgSupport p					{ position: relative; width: 500px; top: 0px; margin: 30px auto 0;}
*:first-child+html .BgSupport p		{ position: relative; width: 500px; top: 0px; margin: 30px auto 0;}


/*
|********************************************************************************************
| 															  				    Section Align  
|********************************************************************************************
*/
.line_x 	{ position: relative; float: left; height: 5px; width: 95%; background: url(../images/bg/line_x.gif) repeat-x left center; }
.line_x2 	{ background: url(../images/bg/line_x2.gif) repeat-x left top; }
p 			{ position: relative; text-align: justify; }

.LineCenter { position: relative; float: left; height: 20px; width: 100%; background: url(../images/bg/line_center.jpg) no-repeat right center; }

.center 	{ margin-left: auto; margin-right: auto; }
.BtMore		{ position: absolute; right: 10px; bottom: 20px; }

.ul_width {
	width: 100%;
}

/* hack for IE6 only */
* html .ul_width {
	width: 180px;
}

.li_link {
	position: relative;
	float: left;
	margin-bottom: 5px;
	width: 100%;
	left: -20px;
	list-style-image: url(../images/icon/link.jpg);
}

/* hack for IE6 only */
* html .li_link {
	position: relative;
	float: left;
	margin-bottom: 5px;
	width: 100%;
	left: -20px;
	list-style: square;
}

.clear-all{clear:both; height:0; line-height:0}


/*
|********************************************************************************************
| 															  					       Border  
|********************************************************************************************
*/
.BdGreen 			{ position: relative; float: left; width: 350px; height: auto; margin: 5px; background: #F2F9E3; }
.BdGreenLeftTop		{ position: absolute; width: 23px; height: 23px; top: 0; left: 0; background: url(../images/bg/background_green.jpg) left top} 	
.BdGreenRightTop	{ position: absolute; width: 23px; height: 23px; top: 0; right: 0; background: url(../images/bg/background_green.jpg) right top }
.BdGreenRightBottom	{ position: absolute; width: 23px; height: 23px; bottom: 0; right: 0; background: url(../images/bg/background_green.jpg) right bottom }
.BdGreenLeftBottom	{ position: absolute; width: 23px; height: 23px; bottom: 0; left: 0; background: url(../images/bg/background_green.jpg) left bottom }

.BdOrange 			{ position: relative; float: left; width: 350px; height: auto; margin: 5px; background: #fcf0f0; }
.BdOrangeLeftTop	{ position: absolute; width: 23px; height: 23px; top: 0; left: 0; background: url(../images/bg/background_orange.jpg) left top} 	
.BdOrangeRightTop	{ position: absolute; width: 23px; height: 23px; top: 0; right: 0; background: url(../images/bg/background_orange.jpg) right top }
.BdOrangeRightBottom{ position: absolute; width: 23px; height: 23px; bottom: 0; right: 0; background: url(../images/bg/background_orange.jpg) right bottom }
.BdOrangeLeftBottom	{ position: absolute; width: 23px; height: 23px; bottom: 0; left: 0; background: url(../images/bg/background_orange.jpg) left bottom }

.BdPink 			{ position: relative; float: left; width: 350px; height: auto; margin: 5px; background: #fef3f8;}
.BdPinkLeftTop		{ position: absolute; width: 23px; height: 23px; top: 0; left: 0; background: url(../images/bg/background_pink.jpg) left top} 	
.BdPinkRightTop		{ position: absolute; width: 23px; height: 23px; top: 0; right: 0; background: url(../images/bg/background_pink.jpg) right top }
.BdPinkRightBottom	{ position: absolute; width: 23px; height: 23px; bottom: 0; right: 0; background: url(../images/bg/background_pink.jpg) right bottom }
.BdPinkLeftBottom	{ position: absolute; width: 23px; height: 23px; bottom: 0; left: 0; background: url(../images/bg/background_pink.jpg) left bottom }

.BdBlue 			{ position: relative; float: left; width: 350px; height: auto; margin: 5px; background: #eaf4fd; }
.BdBlueLeftTop		{ position: absolute; width: 23px; height: 23px; top: 0; left: 0; background: url(../images/bg/background_blue.jpg) left top} 	
.BdBlueRightTop		{ position: absolute; width: 23px; height: 23px; top: 0; right: 0; background: url(../images/bg/background_blue.jpg) right top }
.BdBlueRightBottom	{ position: absolute; width: 23px; height: 23px; bottom: 0; right: 0; background: url(../images/bg/background_blue.jpg) right bottom }
.BdBlueLeftBottom	{ position: absolute; width: 23px; height: 23px; bottom: 0; left: 0; background: url(../images/bg/background_blue.jpg) left bottom }

.BdTop				{ position: relative; float: left; width: 100%; height: 23px;}
.BdBottom			{ position: relative; float: left; width: 100%; height: 23px;}
.BdDetail			{ position: relative; width: 90%; margin: 0 auto; font: 12px "MS Sans Serif"; font-weight: bold; }

/*
|********************************************************************************************
| 															  					 		 Text  
|********************************************************************************************
*/
#GalleryFooter 	{ position: relative; float: left; width: 100%; height: 300px; background: url(../images/bg/bg_gallery_footer.jpg) no-repeat center top; }
#TxtFooter 		{ position: relative; float: left; width: 100%; margin-top: 30px; color: #ec88ba; text-align: center; font-size:13px;}
.TxtColorPink 	{ color: #960f60; }
.TxtColorBlue	{ color: #3071a4; }

/*
|********************************************************************************************
| 															  					 		 Link 
|********************************************************************************************
*/
.text_webboard_link:link 	{ color: #960f60; text-decoration:none}
.text_webboard_link:visited { color: #960f60; text-decoration:none}
.text_webboard_link:active 	{ color: #960f60; text-decoration:none}
.text_webboard_link:hover 	{ color: #F9C; text-decoration:underline}

.TxtLinkRegis:link 			{ color: #FFF; text-decoration:none}
.TxtLinkRegis:visited 		{ color: #FFF; text-decoration:none}
.TxtLinkRegis:active 		{ color: #FFF; text-decoration:none}
.TxtLinkRegis:hover 		{ color: #F9C; text-decoration: underline}

.text_link_pink:link 		{ color: #960f60; text-decoration:none}
.text_link_pink:visited 	{ color: #960f60; text-decoration:none}
.text_link_pink:active 		{ color: #960f60; text-decoration:none}
.text_link_pink:hover 		{ color: #F9C; text-decoration:none}

.text_link_blue:link 		{ color: #3071a4; text-decoration:none}
.text_link_blue:visited 	{ color: #3071a4; text-decoration:none}
.text_link_blue:active 		{ color: #3071a4; text-decoration:none}
.text_link_blue:hover 		{ color: #9acaf0; text-decoration:none}

.text_link_green:link 		{ color: #1c500a; text-decoration:none}
.text_link_green:visited 	{ color: #1c500a; text-decoration:none}
.text_link_green:active 	{ color: #1c500a; text-decoration:none}
.text_link_green:hover 		{ color: #5a8e48; text-decoration:none}

.text_footer_link:link 		{ color: #ec88ba;}
.text_footer_link:visited 	{ color: #ec88ba;}
.text_footer_link:active 	{ color: #ec88ba;}
.text_footer_link:hover 	{ color: #ec88ba;}

/*
|********************************************************************************************
| 															  					 	     Form 
|********************************************************************************************
*/
.InputForm 		{ 
	width: 150px;
	margin: 0 0 5px 5px;
	border: 1px solid #a80f57;
	background: url(../images/bg/bg_text_input.jpg) repeat-x left top #fff;
	font-size: 11px;
	color: #a80f57;

}
.TxtArea		{ width: 200px; height: 100px; margin: 0 0 5px 5px; font: 11px Arial; color: #a80f57; border: 1px solid #a80f57; background: url(../images/bg/bg_text_input.jpg) repeat-x left top #FFF;}


/*
|********************************************************************************************
| 													     Title For SEO ( Tag <h> by Picture )
|********************************************************************************************
*/
.TitleIndex 		{ background: url(../images/homepage/webdesign_eng.jpg) no-repeat left top; }
.TitlePromotion		{ background: url(../images/bg/title_promotion.jpg) no-repeat left top; }
.TitlePackage 		{ background: url(../images/bg/header_package.jpg) no-repeat left top; }
.TitleFreetemplate  { background: url(../images/bg/title_freetemplate.jpg) no-repeat left top; }
.TitleSample		{ background: url(../images/bg/title_sample.jpg) no-repeat left top; }
.TitleContact 		{ background: url(../images/bg/header_contact.jpg) no-repeat left top; }
.TitleRegis 		{ background: url(../images/bg/title_freeregister.jpg) no-repeat left top; }
.TitleFaq			{ background: url(../images/bg/header_faq.jpg) no-repeat left top; }
.TitleMadeWebsite	{ background: url(../images/bg/header_madeweb.jpg) no-repeat left top; }
.TitleArticle		{ background: url(../images/bg/header_article.jpg) no-repeat left top; }

/*
|********************************************************************************************
| 															  		                    Table
|********************************************************************************************
*/
.TableHover							{ border-collapse: collapse; width: 98%; background: #fff; margin: 0 auto; }
.TableHover	caption 				{ text-align: left; background: transparent; }
.TableHover	td, th 					{ padding: 3px; } 
.TableHover	thead th, 
tfoot th 							{ text-align: center; background: #f0f0f0; padding-top:6px; }
.TableHover	tbody td a:link 		{ background: transparent; text-decoration: none; }  
.TableHover	tbody td a:hover 		{ background: transparent; text-decoration: underline; }
.TableHover	tbody th a 				{ text-decoration: none; font-weight:normal; color: #999999; }
.TableHover	tbody th a:hover 		{ background: transparent; color: #FFFFFF; }
.TableHover	tbody th, tbody td 		{ text-align: center; } 
.TableHover	tbody tr th				{ text-align: center; }  
.TableHover	tbody th				{  }  
.TableHover	tfoot td 				{ background: #f3f3f3; padding-top:6px; }
.TableHover	.odd 					{ background: #FdF7F9; } 
.TableHover	tbody tr:hover 			{ background: #fcf0f0; }
.TableHover	td:hover 				{ background: #fcf0f0; }
.TableHover	tbody tr:hover th,
.TableHover	tbody tr.odd:hover th 	{  }
.TableHover	tr th					{ text-align: right; } 
.TableArticleHead					{ background: #FCE6F2; height: 30px; }
.AlignLeft							{ text-align: left; vertical-align: top; }
.AlignCenter						{ text-align: center; vertical-align: top; }
.AlignRight							{ text-align: right; vertical-align: top; }
.TableHover a:link					{ color: #ce509a; }
.TableHover a:visited				{ color: #ce509a; text-decoration: none; }
.TableHover a:active				{ color: #ce509a; }
.TableHover a:hover					{ color: #ce509a; text-decoration: underline; }

/*
|********************************************************************************************
| 															  		     JQuery Galery Footer 
|********************************************************************************************
*/
.simply-scroll-container 	{ position: relative; width: 100%; top: 60px; margin: 0 auto; }
.simply-scroll-clip 		{ position: relative; overflow: hidden; z-index: 2; }
.simply-scroll-list 		{ position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; margin: 0; padding: 0; list-style: none; }
.simply-scroll-list li 		{ padding: 0; margin: 0; list-style: none; }
.simply-scroll-list li img 	{ border: none; display: block; }
.simply-scroll 				{ width: 100%; height: 200px; margin-bottom: 1em; }
.simply-scroll .simply-scroll-clip 		{ width: 100%; height: 200px; }
.simply-scroll .simply-scroll-list li 	{ float: left; width: 170px; height: 200px; }

/*
|********************************************************************************************
| 															  		    JQuery Galery Package 
|********************************************************************************************
*/
.svw 									{ width: 50px; height: 20px; background: #fff;} 
.svw ul 								{ position: relative; left: -999em;} 
.stripViewer 							{ position: relative; overflow: hidden; margin: 0 0 1px 0; } 
.stripViewer ul 						{ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li 						{ float:left; } 
.stripTransmitter 						{ position: relative; top: 0px; left: 0px; overflow: auto; width: 1%; } 
.stripTransmitter ul 					{ margin: 0; padding: 0; position: relative; list-style-type: none; } 
.stripTransmitter ul li					{ width: 20px; float:left; margin: 0 1px 1px 0; } 
.stripTransmitter a						{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #fcf2f2; color: #960F60; text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current 	{ background: #fff; color: #960F60; } 
#tooltip 								{ background: #fff; color: #000; opacity: 0.85; border: 5px solid #dedede; } 
#tooltip h3 							{ font: normal 10px Verdana; margin: 0; padding: 6px 2px; border: 0; } 

/*
|********************************************************************************************
| 															  		  JQuery Galery Promotion 
|********************************************************************************************
*/

#slider1 					{ width: 730px; height: 211px; position: relative; float: left; overflow: hidden; top: 1px; left: -7px; }
* html #slider1 			{ width: 730px; height: 300px; position: relative; overflow: hidden; top: 0px; left: 0px; }/* hack for IE6 only */
*:first-child+html #slider1 { width: 730px; height: 300px; position: relative; overflow: hidden; top: 0px; left: 0px; }/* hack for IE7 only */
#slider1Content 			{ width: 730px; position: absolute; top: 0; margin-left: 0; }
.slider1Image 				{ float: left; position: relative; display: none; }
.slider1Image span 			{
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear 						{ clear: both; }
.slider1Image span strong 	{ font-size: 14px; }
.left 						{ top: 0; left: 0; width: 110px !important; height: 280px; }
.right 						{ right: 0; bottom: 0; width: 90px !important; height: 290px; }
ul 							{ list-style-type: none; margin: 0px; padding-left: 0px;}

/*
|********************************************************************************************
| 															  		       JQuery Simple Show 
|********************************************************************************************
*/
#simpleshow 				{ position:relative;  } 
#simpleshow img 			{ position:absolute; top:1px; left:0px; }

/*
|********************************************************************************************
| 															  		                Impromptu 
|********************************************************************************************
*/
.jqifade						{ position: absolute; background: #000;  }
div.jqi							{ width: 409px; position: absolute; background: #333; padding: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div.jqi .jqicontainer			{ font-weight: normal; }
div.jqi .jqiclose				{ display:none; position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #FFF; font-weight: bold; }
div.jqi .jqimessage				{ text-align: center; color: #FFF; }
div.jqi .jqibuttons				{ text-align: center; }
div.jqi button					{ padding: 3px 0px; margin: 0 10px; background-color: #333; border: solid 0px #333; color: #ffffff; font-size: 11px; }
div.jqi button:hover			{ background-color: #728A8C; }
div.jqi button.jqidefaultbutton	{ background-color: none; }
.jqiwarning .jqi .jqibuttons	{ }