/* ******************************
** Date: 2007-May-01       *******
** Author: wugang        ********
** Content: Home css     *******
********************************/
#homesub {
	color:#5e6165;
	background:#e8e8e8 url(../images/cbg.gif) repeat;
	width:916px;
	text-align:center;
}
#subwrap {
	width:658px;
	height:420px;
	margin:0px auto;
	padding-top:5px;
	text-align:center;
	background:url(../images/bpanel.gif) no-repeat;
}
#featurtop {
	height:56px;
	text-align:center;
	line-height:56px;
	vertical-align:middle;
	font-size:16px;
	color:#000;
	}
#featurbox {
	width:623px;
	height:101px;
	color:#5e6165;
	background:#e6e6e6 url(../images/tpanel.gif) no-repeat;
	text-align:center;
	margin:20px auto 0px auto;
}
#featureContent {
	width:515px;
	margin:0px auto;
	padding-top:20px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}
#product_featur {
	display:block;
	width:632px;
	text-align:center;
	margin:0px auto;
}
#product_featur a {
	cursor:pointer;
	color:#fff;
	text-decoration:none;
}
#product_featur a.comingsoon {
	cursor:default;
}
#p1, #p2 {
	display:block;
	height:125px;
	margin:15px auto 0px auto;
	text-align:left;
}

#p11 a, #p12 a, #p21 a, #p22 a {
	float:left;
	width:308px;
	height:129px;
}
#p11 a {
	color:#5e6165;
	background:#4a4a4a url(../images/btnArunaURL.gif) no-repeat;
}
#p11 a:hover,#p11 {
	color:#5e6165;
	background:url(../images/btnArunaURL_over.gif) no-repeat;
}
#p12 a {
	color:#5e6165;
	background:#4a4a4a url(../images/btnWidgets.gif) no-repeat;
}
#p12 a:hover,#p12 {
	color:#5e6165;
	background:url(../images/btnWidgets_over.gif) no-repeat;
}
#p21 a {
	color:#5e6165;
	background:#4a4a4a url(../images/btnIntegration.gif) no-repeat;
}
#p21 a:hover,#p21 {
	color:#5e6165;
	background:url(../images/btnIntegration_over.gif) no-repeat;
}
#p22 a {
	color:#5e6165;
	background:#4a4a4a url(../images/btnZimlets.gif) no-repeat;
}
#p22 a:hover,#p22 {
	color:#5e6165;
	background:url(../images/btnZimlets_over.gif) no-repeat;
}
.pr {
	margin-left:12px;
}
span.sin1 {
	display:block;
	padding:52px 0px 0px 20px;
}
#product_featur .pTitle {
	font-size:18px;
	font-weight:bold;
}
#product_featur .pSubTitle {
	font-size:14px;
	font-weight:normal;
}
#product_featur span.pContents {
	display:block;
	margin:0px;
	width:265px;
	font-size:12px;
}
#product_featur span.pContents1 {
	display:block;
	margin:0px;
	width:262px;
	font-size:12px;
	padding-left:5px;
}
/** arunaurl css*/
/**2007-5-18 update**/
#urlbox{
 background:url(../images/urlbg.gif) no-repeat;
 text-align:center;
 width:916px;
 }

#maincontent{
	width:889px;
	margin:0 auto;
       
        height:535px;
	}


#leftcontent{
	width:155px;
	float:left;
	text-align:center;
	padding-left:9px;
	padding-top:30px;
	}
/**middlecontent**/
#middlecontent{
	width:512px;
	float:left;
	margin-left:28px;
	}
#welcome_word{
	font-size:24px;
	}
#url_intro{
	text-transform:uppercase;
	text-align:justify;
	color:#5e6166;
	width:520px;
	font-weight:bold;
	}
#longurl{
	font-size:14px;
	overflow:auto;
	}

#input_box{
	margin:0 auto;
	background:url(../images/boxbg.gif) center top no-repeat;
	font-size:20px;
        height:313px;
	}
.addurltotwitter {
	background:url(../images/twiterurlbg.gif) no-repeat;
	width:229px;
	height:53px;
	margin:40px auto;
	text-align:left;
	font-size:11px;
}
.addurltotwitter span{
	display:block;
	padding-top:20px;
	padding-left:30px;
}
.addurltotwitter span a{
	color:#333;
}
#makesmall{
	margin-top:25px!important;
	margin-top:30px;
	}
#back_word{
	font-size:24px;
	padding-top:100px;
	}
#address_box{
	font-size:20px;
	background: url(../images/addressbg.gif) top center no-repeat;
	padding-top:10px;
	text-align:center;
	}
#address{
	padding-top:8px;
	
	}
#newlink{
	font-size:11px;
	font-weight:bold;
	padding:10px 0px 20px 0px;
	width:200px;
	text-align:right;
	margin:0 auto;
	font-weight:bold;
	}
#newlink a{
	color:#000;
	text-decoration:underline;
	}
#method{
	font-size:18px;
	width:500px; 
	margin:0 auto;
	padding-top:10px;
	padding-bottom:20px;
	}
/**rightcontent css***/
#rightcontent{
	float:left;
	width:150px;
	margin-left:20px;
	text-align:left;
	padding-left:12px;
	color:#5a5b5d;
	}
#rightcontent a{
	color:#5a5b5d;
	text-decoration:underline;
}
.right_title{
	font-size:11px;
	font-weight:bold;
	padding-top:10px;
	color:#000;
	}
.more{
	text-align:right;
	padding-right:5px;
	padding-top:5px;
	}
.more a{
	color:#5a5b5d;
	text-decoration:underline;
	}
.url_address{
	background:url(../images/linkbg.gif) left bottom no-repeat; 
	height:25px;
	}

.url_address a {
	cursor:move;
}
/*** widgets css***/
/** update 2007-5-18***/
#widgetsWrapper	{
	background:url(../images/widgetbg.gif) no-repeat;
	width:916px;
	height:auto;
	text-align:center;
	padding-top:51px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	}
.widgetscontent	{
	margin:0 auto;
	width:531px;
	text-align:center;
	}
.textforpath	{
	float:left;
	line-height:32px;
	height:32px;
	vertical-align:middle;
	font-size:18px;
	color:#5e6165;
}
#widgetsMainText{
	text-align:center;
	width:500px;
	margin:0 20px;
	color:#5e6165;
	overflow:hidden;
	clear:both;
	}
#developerMainText{
	text-align:left;
	width:500px;
	margin:0 20px;
	color:#5e6165;
	overflow:hidden;
	clear:both;
}
#developerMainText a{
	color:#5e6165;
	}
.line1	{
	color:#000;
	font-weight:bold;
	text-align:left;
	}
.line2	{
	text-align:left;
}
.iconboxs {
	width:445px;
	margin:0 auto;
}
.innerwrapper	{
	background:url(../images/widgetboxbg.gif) no-repeat;
	width:222px;
	height:221px;
	text-align:center;
}
.innerwrapper .destitle,.innerwrapper .destext {
	width:150px;
	margin:0 auto;
}
.destitle	{
	font-size:13px;
}
.destext	{
	font-size:11px;
}
#urlbutton {
	background:url(../images/urlbuttonwrapper.gif) no-repeat;
	width:222px;
	height:84px;
}
#urlbutton a{
	color:#000;
	display:block;
	width:142px;
	margin:0 auto;
	text-decoration:none;
}
#urlbutton a span,#sendbutton a span{
	display:block;
	width:140px;
	cursor:pointer;
	margin:0 auto;
}
#urlbutton a span.largeText {
	font-size:18px;
	color:#000;
	padding-top:10px;
}
#urlbutton a span.smallText{
	font-size:11px;
	color:#000;
	text-decoration:underline;
}
#sendbutton{
	background:url(../images/sendbuttonwrapper.gif) no-repeat;
	width:222px;
	height:84px;
}

#sendbutton a{
	color:#fff;
	display:block;
	width:142px;
	margin:0 auto;
	text-decoration:none;
}
#sendbutton a span.largeText {
	font-size:18px;
	color:#fff;
	padding-top:10px;
}
#sendbutton a span.smallText{
	font-size:11px;
	color:#fff;
	text-decoration:underline;
}
/** integrate css***/	
#integrateWrapper {
	background:url(../images/integratebg.gif) no-repeat;
	width:916px;
	height:494px;
	text-align:center;
	padding-top:51px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	}
.integratecontent{
	margin:0 auto;
	width:531px;
	text-align:center;
	
}
#integrateMainText{
	text-align:left;
	padding:0 10px;
	overflow:hidden;
}
#integrateMainText div {
	overflow:hidden;
	}
#integrateMainText div img {
float:left;
}
#integrateMainText div .integratetitle{
	font-size:20px;
	float:left;
}
.graytext {
	color:#5e6165;
	clear:both;
	}
.graytext a{
	color:#5e6165;
	text-decoration:underline;
}
.lineheight{
	line-height:48px;
	vertical-align:middle;
	height:48px;
}
.top_padding{
       padding-top:10px;
}
/** zimlets css***/	
#zimletsWrapper	{
	background:url(../images/zimletsbg.gif) no-repeat;
	width:916px;
	height:494px;
	text-align:center;
	padding-top:51px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	}
.zimletscontent {
	margin:0 auto;
	width:531px;
	text-align:center;
}
#zimletsMainText{
	text-align:left;
	padding:0 10px;
	overflow:hidden;
}
#zimletsMainText div {
	overflow:hidden;
	}
#zimletsMainText div img {
float:left;
}
#zimletsMainText div .zimletstitle{
	font-size:20px;
	float:left;
}
/**code  css***/
/**2007-5-18***/
#urlcodewrapper{
	text-align:center;
	width:916px;
	height:465px;
	margin:0 auto;
	background:url(../images/integratebg.gif) no-repeat;
	}
#add_word{
	font-size:43px;
	text-align:left;
	width:500px;
	margin:0 auto;
	color:#5e6166;
	}
#form_part{
	width:500px;
	margin:0 auto;
	}
#choose_word{
	font-size:14px;
	text-align:left;
	padding-top:20px;
	}
#enter_word{
	font-weight:bold;
	padding-top:2px;
	}
#choose1{
	padding:0px 0px 10px 25px;
	float:left;
	width:17px;
	}
#choose2{
	padding:0px 0px 10px 30px;
	float:left;
	width:17px;	
	}
#choose3{
	padding:0px 0px 10px 33px;
	float:left;
	width:17px;	
	}
#choose4{
	padding:0px 0px 10px 33px;
	float:left;
	width:17px;	
	}

#colorbox{
	width:216px;
	height:83px;
	margin:15px 0px 0px 30px;
	background:url(../images/colorfrbg.gif) top center no-repeat;
	text-align:left;
	
	}	
.img_po{
	clear:both;
	padding:20px 0px 0px 18px;
	}
#formbox{
	width:120px; 
	margin:15px 0px 0px 60px;
	}
#source_code{
	width:500px;
	margin:0 auto;
	clear:both;
	text-align:left;
	font-size:14px;
	padding-top:10px;
	}
.noshow{
	display:none;
	}
.show{
	display:block;
	}
#form_code{
	width:360px;
	height:80px;
	font-size:12px;
	}
/** widgets-download css***/
/**2007-5-18 **/
#widgets_download_Wrapper	{
	background:#fff url(../images/widgetbg.gif) no-repeat;
	width:916px;
	height:494px;
	text-align:center;
	padding-top:51px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	}
.widgets_download_content	{
	margin:0 auto;
	width:531px;
	text-align:center;
	}
.widgets_download_textforpath	{
	float:left;
	line-height:32px;
	height:32px;
	vertical-align:middle;
	color:#5E6165;
	font-size:20px;
}
#widgets_download_body {
	clear:both;
}
#widgets_download_MainText{
	text-align:center;
	padding:2px 35px 0px;
	color:#969696;
	}
.widgets_download_line1	{
	color:#000;
	font-weight:bold;
	text-align:center;
	width:460px;
	}
.widgets_download_line2	{
	text-align:left;
	width:460px;
}
.widgets_download_line2 a {
	color:#969696;
}
.widgets_download_fl {
	float:left;
	}

.downloadform{
	margin-top:10px;
	text-align:left;
	padding:5px 35px 0px;
	
	}
.step{
	margin-left:10px;
	margin-bottom:2px;
	color:#969696;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.widgets_download_logo{
	float:left;
	width:129px;
	height:107px;
	
	
	}
.widgets_download_rightform{
	margin-left:20px;
	float:left;
	
	}
.widgets_download_step1{
	float:left;
	
	width:150px;
	}
.widgets_download_step2{
	margin-left:5px;
	width:150px;
	float:left;
	}
.formsubmitgo{
	text-align:right;
	clear:both;
	}
.selectform{
	border:0px solid #ffffff;
	border-left:2px solid #969696;
	border-top:2px solid #969696;
	width:150px;
	color:#969696;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

.widgets_download_form_list{
	margin:0 auto;
	width:531px;
	text-align:center;


	}