@CHARSET "UTF-8";
/* CSS Document Format by lijunhong. And IE6 IE7 FF2.0 
 * -------------------------------------------------------------
 * 2008-4-24                                                        
 * aresli.cn(at)gmail.com
 * main.css
 * -------------------------------------------------------------
 */

 
/* reset.css ------------------------------------------ */
html											{ color:#000; background:#FFF;}
body											{ font:10px/16px Verdana, Arial, Helvetica, sans-serif;}
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table											{ border-collapse:collapse; border-spacing:0;}
fieldset,img									{ border:0;}
img												{ display:block;}
address,caption,cite,code,dfn,em,strong,th,var	{ font-style:normal; font-weight:normal;}
li												{ list-style:none;}
caption,th										{ text-align:left;}
h1,h2,h3,h4,h5,h6								{ font-size:100%; font-weight:normal;}
q:before,q:after								{ content:'';}
abbr,acronym 									{ border:0; font-variant:normal;}
sup 											{ vertical-align:text-top;}
sub 											{ vertical-align:text-bottom;}
input,textarea,select							{ font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select							{ *font-size:100%;}
legend											{ color:#000;}
h1 												{ color:#808080; font-size:18px; font-family:Verdana; font-weight:inherit;}
h2												{ color:#666666; font-size:12px; font-family:Verdana; font-weight:bold;}
h3												{ color:#666666; font-size:12px; font-family:Verdana; font-weight:bold;}
h4												{ color:#000000; font-size:11px; font-family:Verdana; font-weight:inherit;}
h5												{ font-family:inherit; font-size:inherit; font-weight:inherit;}
h6												{ font-family:inherit; font-size:inherit; font-weight:inherit;}
p												{ line-height:150%; color:#666666; font-size:11px; font-family:Verdana;}

/* global link ------------------------------------------ */
a, a:link 	{ font-size:100%; /*font-family:georgia,serif;*/ text-decoration:none; color:#000; text-transform:none; }
a:visited 	{ /*color: #f60;*/ } 
a:hover 	{ text-decoration:underline; } 
a:focus 	{ -moz-outline-style:none; } 
em 			{ font-style:italic;} 


/* null div ------------------------------------------ */
.null3		{ width:100%; height:3px;   visibility:hidden; clear:both; margin:0; padding:0;}
.null5		{ width:100%; height:5px;   visibility:hidden; clear:both; margin:0; padding:0;}
.null8		{ width:100%; height:8px;   visibility:hidden; clear:both; margin:0; padding:0;}
.null10		{ width:100%; height:10px;  visibility:hidden; clear:both; margin:0; padding:0;}
.null20		{ width:100%; height:20px;  visibility:hidden; clear:both; margin:0; padding:0;}
.null25		{ width:100%; height:25px;  visibility:hidden; clear:both; margin:0; padding:0;}
.null36		{ width:100%; height:36px;  visibility:hidden; clear:both; margin:0; padding:0;}
.null100	{ width:100%; height:100px; visibility:hidden; clear:both; margin:0; padding:0;}

/* single style ------------------------------------------ */
.bold	  			{ font-weight:bold;}
.color_red			{ color:#f00;}
.color_gray			{ color:#ccc;}
.color_green		{ color:#6EB328;}
.inline_for_ie6		{ _display:inline;}
.clear				{ clear:both; font-size:1px; width:1px; height:0; visibility:hidden; }
.hidden 			{ display:none;}
.border_top_01		{ border-top:1px solid #e5e5e5;}
.border_bottom_01	{ border-bottom:1px solid #e5e5e5;}
.border_right_01	{ border-right:1px solid #e5e5e5;}
.border_01			{ border:1px solid #e5e5e5;}
.no_border			{ border:0;}
.auto_height		{ height:auto !important; height:100%; min-height:20px; overflow:hidden; _overflow:inherit;}
.margin_top_10		{ margin-top:10px;}
.margin_top_15		{ margin-top:15px;}
.margin_bottom_15	{ margin-bottom:15px;}
.padding_bottom_10	{ padding-bottom:10px;}
.padding_bottom_20	{ padding-bottom:20px;}
.padding_bottom_30	{ padding-bottom:30px;}
.padding_top_10		{ padding-top:10px;}
.padding_top_30		{ padding-top:30px;}
.line_height_01		{ line-height:1.5em;}
.underline			{ text-decoration:underline;}

/* font style ------------------------------------------ */
.font01				{ color:#666666; font-size:12px; font-family:Verdana;}
.font01 a			{ color:#666666;}
.font01 a:visited	{ color:#666666;}
.font01 a:hover		{}
.font02				{ color:#666666; font-size:11px; font-family:Verdana;}
.font02 a			{ color:#666666;}
.font02 a:visited	{ color:#666666;}
.font02 a:hover		{}
.font03				{ color:#000000; font-size:11px; font-family:Verdana;}
.font03	a			{ color:#000000;}
.font03	a:visited	{ color:#000000;}
.font03	a:hover		{}
.font04				{ color:#4d4d4d; font-size:10px; font-family:Verdana;}
.font04	a			{ color:#4d4d4d;}
.font04	a:visited	{ color:#4d4d4d;}
.font04	a:hover		{}
.font05				{ color:#50AFB1; font-size:11px; font-family:Verdana;}
.font05 a			{ color:#50AFB1;}
.font05	a:visited	{ color:#50AFB1;}
.font05	a:hover		{}
.font06				{ color:#808080; font-size:10px; font-family:Verdana;}
.font06 a			{ color:#808080;}
.font06	a:visited	{ color:#808080;}
.font06	a:hover		{}
.font07				{ color:#639B1C; font-size:12px; font-family:Verdana;}
.font07 a			{ color:#639B1C;}
.font07	a:visited	{ color:#639B1C;}
.font07	a:hover		{}
.font08				{ color:#639B1C; font-size:11px; font-family:Verdana;}
.font08	a			{ color:#639B1C;}
.font08	a:visited	{ color:#639B1C;}
.font08	a:hover		{}
.font09				{ color:#999999; font-size:11px; font-family:Verdana;}
.font09	a			{ color:#999999;}
.font09	a:visited	{ color:#999999;}
.font09	a:hover		{}
.font10				{ color:#000000; font-size:10px; font-family:Verdana;}
.font10	a			{ color:#000000;}
.font10	a:visited	{ color:#000000;}
.font10	a:hover		{}
.font11				{ color:#639b1b; font-size:10px; font-family:Verdana;}
.font11	a			{ color:#639b1b;}
.font11	a:visited	{ color:#639b1b;}
.font11	a:hover		{}
.font12				{ color:#639B1C; font-size:12px; font-family:Verdana; background:url(../images/icon_17.gif) left 3px no-repeat;}
.font12 a			{ color:#639B1C; margin-left:15px; display:block;}
.font12	a:visited	{ color:#639B1C;}
.font12	a:hover		{}

input.input_txt_1{font-size:15px; color:#808080; background-color:#fcfce4; vertical-align:middle; border:1px solid #d3e2b7; font-family:Verdana,Arial,Helvetica,sans-serif}

/*
 *topbar.css
 *
 */

#topbar100		{ width:100%; height:68px; background:url(../images/bg_navbar_100.gif) left top repeat-x;}
#topbar			{ width:1002px; height:68px; margin:0 auto; background:url(../images/bg_navbar.jpg) center top no-repeat;}
#logo			{ width:200px;  height:68px; float:left; margin-left:28px;}
#logo a			{ width:220px;  height:68px; background:url(../images/logo.png) left top no-repeat; display:block; cursor:pointer; color:#000; overflow:hidden; text-indent:-1000px;}
*html #logo a	{ width:200px;  height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo.png"); background:none;}

#topnav				{ width:700px; float:right; margin-right:20px;}
#topnav ul			{ width:700px; list-style:none;}
#topnav ul li		{ float:right; height:68px;}
#topnav ul li a		{ display:block; cursor:pointer; color:#000; overflow:hidden; text-indent:-1000px;}






#topnav ul li#menu1						{ width:72px;}
#topnav ul li#menu1	a					{ width:72px; height:68px; background:url(../images/nav_home.png) 0 0 no-repeat; _background:url(../images/nav_home_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu1 a				{ width:72px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_home_01.png"); background:none;}
#topnav ul li#menu1 a:hover,
#topnav ul li#menu1 a.active,
#topnav ul li#menu1 a.active:hover		{ background:url(../images/nav_home.png) 0 -68px no-repeat; _background:url(../images/nav_home_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu1 a:hover,		
*html #topnav ul li#menu1 a.active,		
*html #topnav ul li#menu1 a.active:hover{ width:72px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_home_02.png"); background:none;}		


#topnav ul li#menu2						{ width:109px;}
#topnav ul li#menu2	a					{ width:109px; height:68px; background:url(../images/nav_about_zuora.png) 0 0 no-repeat; _background:url(../images/nav_about_zuora_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu2 a				{ width:109px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_about_zuora_01.png"); background:none;}
#topnav ul li#menu2 a:hover,
#topnav ul li#menu2 a.active,
#topnav ul li#menu2 a.active:hover		{ background:url(../images/nav_about_zuora.png) 0 -68px no-repeat; _background:url(../images/nav_about_zuora_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu2 a:hover,		
*html #topnav ul li#menu2 a.active,		
*html #topnav ul li#menu2 a.active:hover{ width:109px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_about_zuora_02.png"); background:none;}		


#topnav ul li#menu3						{ width:80px;}
#topnav ul li#menu3	a					{ width:80px; height:68px; background:url(../images/nav_product.png) 0 0 no-repeat; _background:url(../images/nav_product_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu3 a				{ width:80px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_product_01.png"); background:none;}
#topnav ul li#menu3 a:hover,
#topnav ul li#menu3 a.active,
#topnav ul li#menu3 a.active:hover		{ background:url(../images/nav_product.png) 0 -68px no-repeat; _background:url(../images/nav_product_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu3 a:hover,		
*html #topnav ul li#menu3 a.active,		
*html #topnav ul li#menu3 a.active:hover{ width:80px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_product_02.png"); background:none;}		


#topnav ul li#menu4						{ width:96px;}
#topnav ul li#menu4	a					{ width:96px; height:68px; background:url(../images/nav_customers.png) 0 0 no-repeat; _background:url(../images/nav_customers_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu4 a				{ width:96px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_customers_01.png"); background:none;}
#topnav ul li#menu4 a:hover,
#topnav ul li#menu4 a.active,
#topnav ul li#menu4 a.active:hover		{ background:url(../images/nav_customers.png) 0 -68px no-repeat; _background:url(../images/nav_customers_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu4 a:hover,		
*html #topnav ul li#menu4 a.active,		
*html #topnav ul li#menu4 a.active:hover{ width:96px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_customers_02.png"); background:none;}		


#topnav ul li#menu5						{ width:83px;}
#topnav ul li#menu5	a					{ width:83px; height:68px; background:url(../images/nav_careers.png) 0 0 no-repeat; _background:url(../images/nav_careers_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu5 a				{ width:83px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_careers_01.png"); background:none;}
#topnav ul li#menu5 a:hover,
#topnav ul li#menu5 a.active,
#topnav ul li#menu5 a.active:hover		{ background:url(../images/nav_careers.png) 0 -68px no-repeat; _background:url(../images/nav_careers_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu5 a:hover,		
*html #topnav ul li#menu5 a.active,		
*html #topnav ul li#menu5 a.active:hover{ width:83px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_careers_02.png"); background:none;}		


#topnav ul li#menu6						{ width:79px;}
#topnav ul li#menu6	a					{ width:79px; height:68px; background:url(../images/nav_z_blogs.png) 0 0 no-repeat; _background:url(../images/nav_z_blogs_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu6 a				{ width:79px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_z_blogs_01.png"); background:none;}
#topnav ul li#menu6 a:hover,
#topnav ul li#menu6 a.active,
#topnav ul li#menu6 a.active:hover		{ background:url(../images/nav_z_blogs.png) 0 -68px no-repeat; _background:url(../images/nav_z_blogs_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu6 a:hover,		
*html #topnav ul li#menu6 a.active,		
*html #topnav ul li#menu6 a.active:hover{ width:79px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_z_blogs_02.png"); background:none;}		


#topnav ul li#menu7						{ width:115px;}
#topnav ul li#menu7	a					{ width:115px; height:68px; background:url(../images/nav_news.png) 0 0 no-repeat; _background:url(../images/nav_news_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu7 a				{ width:115px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_news_01.png"); background:none;}
#topnav ul li#menu7 a:hover,
#topnav ul li#menu7 a.active,
#topnav ul li#menu7 a.active:hover		{ background:url(../images/nav_news.png) 0 -68px no-repeat; _background:url(../images/nav_news_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu7 a:hover,		
*html #topnav ul li#menu7 a.active,		
*html #topnav ul li#menu7 a.active:hover{ width:115px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_news_02.png"); background:none;}		


#topnav ul li#menu8						{ width:65px;}
#topnav ul li#menu8 a					{ width:65px; height:68px; background:url(../images/nav_login.png) 0 0 no-repeat; _background:url(../images/nav_login_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu8 a				{ width:65px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_login_01.png"); background:none; }
#topnav ul li#menu8 a:hover,
#topnav ul li#menu8 a.active,
#topnav ul li#menu8 a.active:hover		{ background:url(../images/nav_login.png) 0 -68px no-repeat; _background:url(../images/nav_login_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu8 a:hover,		
*html #topnav ul li#menu8 a.active,		
*html #topnav ul li#menu8 a.active:hover{ width:65px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_login_02.png"); background:none; }		

/*
 *middle.css
 */
 
#wrap1				{ width:100%; background:url(../images/bg_middle_wrap1.jpg) left top repeat-x;}
#wrap2				{ width:1002px; margin:0 auto; background:url(../images/bg_middle_wrap2.jpg) right top no-repeat;}
#middle				{ width:958px;  margin:0 auto; background:#fff url(../images/bg_middle.gif) left top repeat-y; border:1px solid #d6d6d6;}
#middle2			{ width:958px;  margin:0 auto; background:#fff url(../images/bg_middle2.gif) left top repeat-y; border:1px solid #d6d6d6;}
.middle3			{ width:958px;  margin:0 auto;}
.middle4			{ width:958px;  margin:0 auto; background:url(../images/bg_index_top_title2.gif) left bottom repeat-x; padding:10px 0 10px 0;}
.middle4 .threebox			{ width:280px; float:left; padding:0 26px 0 12px;}
.middle4 .threebox h2			{ color:#000; padding-bottom:20px;}
.middle5			{ width:958px;  margin:0 auto; background:#fff; padding-top:30px;}

.index_middle_left		{ width:470px; float:left;  clear:left;}
.index_middle_left h2	{ line-height:25px; color:#000; font-size:12px; font-family:Verdana; text-indent:10px;}
.index_middle_right		{ width:470px; float:right; clear:right;}
.index_align			{}
.index_align p			{ margin-left:10px;}

.middle_title		{ width:958px;  margin:0 auto; height:53px;}
.middle_title2		{ width:958px;  margin:0 auto; height:30px; background:#fff url(../images/bg_index_top_title.gif) left top repeat-x; margin-bottom:1px;}
.middle_title2 img	{ float:right;}
.middle_left		{ width:220px; float:left;  clear:left; }
.middle_left2		{ width:220px; float:right;  clear:right; }
.middle_right		{ width:734px; float:right; clear:right; }
.middle_right2		{ width:734px; float:left; clear:left; }

.middle_title_left	{ float:left;  clear:left;}
.middle_title_right	{ float:right; clear:right;}
.middle_title_right ul						{ list-style:none; margin-top:25px;}
.middle_title_right ul li					{ display:inline; line-height:25px;  color:#666; font-family:Verdana; font-size:12px;}
.middle_title_right ul li a					{ display:block; float:left; color:#666; padding:0 10px 0 34px;background:url(../images/icon_01.gif) 20px 8px no-repeat;}
.middle_title_right ul li a:hover,
.middle_title_right ul li a.active			{ background:url(../images/icon_02.gif) 20px 8px no-repeat; color:#000;}
.middle_title_right ul li a.active:hover	{ color:#000;}

.left_nav						{ width:200px; margin:10px auto; background:url(../images/bg_left_nav.gif) left top repeat-x;}
.left_nav ul					{ width:200px; list-style:none;}
.left_nav ul li					{ width:200px;  color:#999; font-family:Verdana; font-size:11px;}
.left_nav ul li a				{ background:url(../images/icon_01.gif) 17px 11px no-repeat;display:block; color:#999; text-decoration:none; padding-left:33px; padding-top:7px; padding-bottom:7px;}
.left_nav ul li a:hover			{ background:url(../images/icon_02.gif) 17px 11px no-repeat; color:#000; text-decoration:none;}
.left_nav ul li a.active,
.left_nav ul li a.active:hover	{ background:#ebebeb url(../images/icon_02.gif) 17px 11px no-repeat; color:#000; text-decoration:none;}
.left_nav ul li.havechild		{ background:#ebebeb; color:#000; text-decoration:none;}
.left_nav ul li.havechild dl 	{ margin:0 3px 0 17px; border-bottom:3px solid #ebebeb;}
.left_nav ul li.havechild dl dd	{ height:27px; margin-bottom:1px; background:#f7f7f7;}
.left_nav ul li.havechild dl dd a	{ background:#f7f7f7 url(../images/icon_18.gif) 17px 11px no-repeat;display:block; color:#6db327; text-decoration:none; padding-left:30px; padding-top:0; padding-bottom:0; line-height:27px;}
.left_nav ul li.havechild dl dd a:hover	{ background:#f7f7f7 url(../images/icon_18.gif) 17px 11px no-repeat; color:#000; text-decoration:none; }
.left_nav ul li.havechild dl dd a.active,
.left_nav ul li.havechild dl dd a.active:hover	{ background:#fff url(../images/icon_18.gif) 17px 11px no-repeat; color:#000; text-decoration:none;}


.left_img_box1			{ width:200px; margin:0 auto; margin-top:10px;}
.left_img_box2			{ width:200px; margin:0 auto; margin-top:10px; border-top:1px solid #e5e5e5; padding-top:10px;}

.h1_padding				{ padding-top:35px; padding-bottom:10px;}

#left_sign_up			{ width:200px; height:56px;}
#left_sign_up a			{ width:200px; height:56px; background:url(../images/button_left_sign_up.gif) 0 0 no-repeat; display:block; cursor:pointer; color:#000; overflow:hidden; text-indent:-1000px;}
#left_sign_up a:hover	{ background:url(../images/button_left_sign_up.gif) 0 -56px no-repeat;}

#left_careers			{ width:200px; height:40px;}
#left_careers a			{ width:200px; height:40px; background:url(../images/button_left_careers.gif) 0 0 no-repeat; display:block; cursor:pointer; color:#000; overflow:hidden; text-indent:-1000px;}
#left_careers a:hover	{ background:url(../images/button_left_careers.gif) 0 -40px no-repeat;}

#left_contact_us		{ width:200px; height:40px;}
#left_contact_us a		{ width:200px; height:40px; background:url(../images/button_left_contact_us.gif) 0 0 no-repeat; display:block; cursor:pointer; color:#000; overflow:hidden; text-indent:-1000px;}
#left_contact_us a:hover{ background:url(../images/button_left_contact_us.gif) 0 -40px no-repeat;}


.right_txt_box1					{ width:670px; margin:0 auto; border-bottom:1px solid #e5e5e5;}
.right_txt_box1 h1				{ color:#666666; font-size:15px; font-family:Verdana; font-weight:bold;}
.right_txt_box1 h2				{ color:#b2b2b2; font-size:12px; font-family:Verdana; font-weight:bold;}
.right_txt_box2					{ width:450px; float:left;  clear:left;  margin-top:15px;}
.right_txt_box3					{ width:200px; float:right; clear:right; margin-top:15px;}
.right_txt_box4					{ width:670px; margin:0 auto; }
.right_txt_box4 ol				{ }
.right_txt_box4 ol li			{ list-style-type:decimal;  line-height:170%;}
.right_txt_box5					{ width:670px; margin:15px auto;}
.right_txt_box6					{ }
.right_txt_box6	p				{ width:530px;}
.right_txt_box6 ul				{ width:530px;}
.right_txt_box6 ul li			{ background:url(../images/icon_09.gif) 8px 8px no-repeat; padding:2px 0 2px 20px;}
.right_txt_box6 ul li span		{ font-weight:bold;}
.right_txt_box7					{ width:410px; float:left;  clear:left;}
.right_txt_box8					{ width:240px; float:right; clear:right;}
.right_txt_box9					{ width:410px; float:right; clear:right;}
.right_txt_box10				{ width:240px; float:left;  clear:left;}
.right_txt_box11				{ width:670px; margin:0 auto; border-bottom:1px solid #f5f5f5;}
.right_txt_box11 dl				{ }
.right_txt_box11 dl dt			{ width:240px; float:left;  clear:left;}
.right_txt_box11 dl dd			{ width:410px; float:right; clear:right;}
.right_txt_box11 dl dd ul		{ }
.right_txt_box11 dl dd ul li	{ display:block;}
.right_txt_box12				{ width:470px; margin:0 auto; border-top:1px solid #f5f5f5; border-bottom:1px dotted #e5e5e5;}
.right_txt_box12 dl				{ }
.right_txt_box12 dl dt			{ width:170px; float:left;  clear:left;}
.right_txt_box12 dl dd			{ width:290px; float:right; clear:right;}
.right_txt_box12 dl dd ul		{ }
.right_txt_box12 dl dd ul li	{ display:block;}
.right_txt_box13				{ width:670px; margin:0 auto; border-bottom:1px solid #e5e5e5;}

.dt_style_01			{ line-height:30px; text-indent:15px;}

.td_style_01			{ width:175px; vertical-align:top;}
.td_style_02			{ width:353px; vertical-align:top;}
.td_style_03			{ width:44px;  vertical-align:top;}
.td_style_04			{ width:98px;  vertical-align:top; background:url(../images/icon_03.gif) 0 2px no-repeat; text-indent:15px;}
.td_style_05			{ width:212px; vertical-align:top; line-height:28px;}
.td_style_05 img		{ float:left; padding-right:12px;}
.td_style_05 span		{ }
.td_style_06			{ width:200px; vertical-align:top;}
.td_style_07			{ width:470px; vertical-align:top;}
.td_style_07 h2			{ color:#666666; font-size:14px; font-family:Verdana; font-weight:bold; margin-bottom:20px;}
.td_style_08			{ width:60px;  vertical-align:top; text-align:center;}
.td_style_09			{ width:610px; vertical-align:top;}
.td_style_09 h2			{ color:#666666; font-size:12px; font-family:Verdana; font-weight:bold;}
.td_style_09 h3			{ color:#666666; font-size:11px; font-family:Verdana; font-weight:bold;}
.td_style_09 h4			{ color:#6EB328; font-size:11px; font-family:Verdana; font-weight:bold;}
.td_style_10			{ background:url(../images/icon_08.gif) 0 4px no-repeat; text-indent:15px; color:#000; font-size:10px; font-family:Verdana;}
.td_style_10 a			{ color:#000;}
.td_style_11			{ vertical-align:top; background:url(../images/icon_03.gif) 0 2px no-repeat; text-indent:15px;}
.td_style_12			{ width:300px; vertical-align:top; line-height:28px;}
.td_style_12 img		{ float:left; padding-right:12px;}
.td_style_12 span		{ }
.td_style_13			{ width:146px; vertical-align:top;}
.td_style_13 img		{ float:left; padding-right:12px;}
.td_style_13 span		{ width:100px;}

.product_tab						{ height:25px; border-bottom:1px solid #999;}
.product_tab ul						{ list-style:none;}
.product_tab ul li					{ display:inline; line-height:25px; color:#6db327; font-family:Verdana; font-size:11px; font-weight:bold;}
.product_tab ul li.activeon			{ float:left; display:inline; line-height:25px; background:url(../images/bg_tab.gif) 0 0 repeat-x; color:#fff;}
.product_tab ul li.activeon a		{ color:#fff; cursor:auto; display:block; float:left; padding:0 24px 0 24px;}
.product_tab ul li.activeon a:hover	{ color:#fff; text-decoration:none; }
.product_tab ul li.activeoff		{ float:left; display:inline; line-height:25px; color:#6db327;}
.product_tab ul li.activeoff a		{ color:#6db327; cursor:pointer; display:block; float:left; padding:0 24px 0 24px;}
.product_tab ul li.activeoff a:hover{ color:#6db327; }


#tabdiv1		{ background:url(../images/icon_14.gif) 580px 20px no-repeat;}
#tabdiv2		{ background:url(../images/icon_15.gif) 580px 20px no-repeat;}
#tabdiv3		{ background:url(../images/icon_16.gif) 580px 20px no-repeat;}

.change_txt_home2 { font: bold 13px/20px Verdana; text-align: right; color: rgb(51, 51, 51); padding-right: 10px; margin-top: 0pt; }
.call_pages { float: right; color: rgb(153, 153, 153); width: 152px; font: bold 12px/30px verdana; background: url('../images/icon_call.png') no-repeat scroll 8px 6px transparent; padding-right: 10px; text-indent: 32px; }
.content-frame { width: 922px; margin: 0pt auto; overflow: hidden; background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px solid rgb(213, 214, 216); padding: 18px; }
.content-frame p { padding: 10px 0pt; }
.index_middle_right_402 { width: 402px; float: right; }
.index_middle_left_500 { width: 500px; float: left; }
#login_logFrame2 { padding-left: 6px; background: url('../images/logframe_left3.gif') no-repeat scroll left top transparent; margin-bottom: 0px; }
#login_logFrame2 .frame0 { padding-right: 6px; background: url('../images/logframe_right3.gif') no-repeat scroll right top transparent; }
#login_logFrame2 .frame1 { clear: both; background: url('../images/logframe_center3.gif') repeat-x scroll 0% 0% transparent; height: 400px; padding: 10px 15px; }
#login_logFrame2 p { padding: 17px 17px 12px; }
.z-middle2 { clear: both; background: url('../images/z_middle_bg.gif') repeat-x scroll 0% 0% transparent; font-size: 11px; color: rgb(102, 102, 102); }
.z-middle2 strong { font-weight: bold; }
/*
.product_tab ul li a.active			{ background:url(../images/bg_tab.gif) 0 0 repeat-x; color:#fff;}
.product_tab ul li a.active:hover	{ color:#fff; text-decoration:none;}
*/


.product_demo			{ color:#4D4D4D; font-size:14px; font-family:Times New Roman; line-height:25px; text-indent:10px;}
.product_demo_img		{ text-align:center;}
.product_demo_img img	{ margin:0 auto;}

.press_releases_title	{ height:25px; line-height:25px; border-bottom:1px solid #e5e5e5;}
.media_relations		{ background:url(../images/bg_left_nav2.gif) left bottom repeat-x; padding-left:10px;}
.media_relations h2		{ line-height:22px;}
.pdf_download			{ padding:5px 0 5px 25px; background:url(../images/icon_10.gif) 0 7px no-repeat;}

/*
 *footer.css
 */

#footer				{ margin:0 auto;text-align:center;}
#footer_content		{ width:585px; float:left;  clear:left;}
#footer_links		{ width:430px; margin:10px 0 5px 0;}
#footer_links ul	{ list-style:none;}
#footer_links ul li	{ display:inline; color:#808080; font-family:Verdana; font-size:11px; padding:0 8px;}
#footer_links ul li a	{ color:#808080;}
#footer_copyright	{ width:608px; padding-left:8px; margin-bottom:15px; margin-top:8px;}
#footer_search		{ width:300px; float:right; clear:right; margin-top:12px;}


#bottom_search				{ width:78px; height:21px; float:left;}
#bottom_search a			{ width:78px; height:21px; background:url(../images/button_bottom_search.gif) 0 0 no-repeat; display:block; cursor:pointer; color:#000; overflow:hidden; text-indent:-1000px;}
#bottom_search a:hover		{ background:url(../images/button_bottom_search.gif) 0 -21px no-repeat;}
#bottom_search input.c1		{ background:url(../images/button_bottom_search.gif) 0 0 no-repeat; width:78px; height:21px; border:0; cursor:pointer}
#bottom_search input.c2		{ background:url(../images/button_bottom_search.gif) 0 -21px no-repeat; width:78px; height:21px; border:0; cursor:pointer}

#bottom_search input.c1{background:none;background-color:#62b7bb;color:#fff;border-radius:8px;height:18px;margin-left:5px;line-height:18px;}
#bottom_search input.c2{background:none;background-color:#62b7bb;color:#fff;border-radius:8px;height:18px;margin-left:5px;line-height:18px;}


/*
 *forms.css
 */

.bottom_text_input		{ width:123px;padding-left:5px; height:16px; color:#666; line-height:16px; vertical-align:middle; background:url(../images/bg_bottom_text_input.gif) left top repeat-x; border:1px solid; border-color:#BED6C1 #DCF0E0 #DCF0E0 #BED6C1;}
.bottom_search_botton	{ width:78px; height:22px; background:url(../images/button_bottom_search.gif) left 4px no-repeat; border:0; cursor:pointer; margin-top:3px;}


#contact_us_form form label				{ display: block; float: left;text-align:left; width:115px; color:#666666; font-size:12px; font-family:Verdana; line-height:22px; }
#contact_us_form form br				{ clear: left; } 
#contact_us_form form input 			{ background:#ffffff; vertical-align:middle; margin-bottom:5px; width:262px; border:1px solid; border-color:#bed6c1 #dcf0e0 #dcf0e0 #bed6c1; line-height:22px; height:22px;} 
#contact_us_form form select 			{ vertical-align:middle; margin-bottom:5px; width:264px; border:1px solid; border-color:#bed6c1 #dcf0e0 #dcf0e0 #bed6c1; line-height:22px; height:22px;} 
#contact_us_form form textarea 			{ background:#ffffff; vertical-align:middle; margin-bottom:5px; width:262px; border:1px solid; border-color:#bed6c1 #dcf0e0 #dcf0e0 #bed6c1;} 
#contact_us_form form input.submit		{ border:0; width:87px; height:28px; background:url(../images/button_contact_us_submit.gif) 0 0 no-repeat;}

#register_form form label				{ display: block; float: left;text-align:left; width:115px; color:#666666; font-size:12px; font-family:Verdana; line-height:22px; }
#register_form form br					{ clear: left; } 
#register_form form input 				{ background:#ffffff; vertical-align:middle; margin-bottom:5px; width:262px; border:1px solid; border-color: #bed6c1 #dcf0e0 #dcf0e0 #bed6c1; line-height:22px; height:22px;} 
#register_form form select 				{ vertical-align:middle; margin-bottom:5px; width:264px; border:1px solid; border-color: #bed6c1 #dcf0e0 #dcf0e0 #bed6c1; line-height:22px; height:22px;} 
#register_form form textarea 			{ background:#ffffff; vertical-align:middle; margin-bottom:5px; width:262px; border:1px solid; border-color: #bed6c1 #dcf0e0 #dcf0e0 #bed6c1;} 
#register_form form input.submit		{ border:0; width:87px; height:28px; background:url(../images/button_contact_us_submit.gif) 0 0 no-repeat;}

#signup_form								{ width:450px; margin:0 auto; text-align:left; line-height:25px; padding-top:10px; padding-bottom:20px; border-bottom:1px solid #e5e5e5;}
#signup_form form							{ text-align:left;}
#signup_form form label						{ display: inline-block; text-align:right; width: 130px; color:#666666; font-size:12px; font-family:Verdana; line-height:22px; }
#signup_form form span          			{ vertical-align:middle; text-align:left; width:auto; color:#666666; font-size:12px; font-family:Verdana; line-height:22px; }
#signup_form form input 					{ display: inline-block; *display:inline;zoom:1;width:262px; border:1px solid; line-height:22px; height:22px; font-size:15px; color:#808080; background-color:#ffffff; vertical-align:middle; border:1px solid; border-color: #bed6c1 #dcf0e0 #dcf0e0 #bed6c1; font-family:Verdana,Arial,Helvetica,sans-serif }
#signup_form form input.checkbox			{ background:#ffffff; vertical-align:middle; width:auto; border:1px solid; border-color:#bed6c1 #dcf0e0 #dcf0e0 #bed6c1; line-height:22px; height:22px;}
#signup_form form img 						{ float:left;} 
#signup_form form input.signup				{ border:0; width:87px; height:28px; background:url(../images/button_signup.gif) 0 0 no-repeat;}
#signup_form form br						{ clear: left; }
#signup_form form select 					{ background:#ffffff;vertical-align:middle; border:1px solid; border-color: #bed6c1 #dcf0e0 #dcf0e0 #bed6c1; line-height:22px; height:22px;}

#signup_form span.required{ color:#C00}
#signup_form #tenantTypeLabel{ vertical-align:top}
#signup_form #tenantType{ display:inline-block;*display:inline;zoom:1;}
#signup_form #ratePlanCategoriesLabel{ vertical-align:top}
#signup_form #signup_button{ position:relative;  left:140px}
#signup_form #edition{ width:180px}
#signup_form input[type="radio"], #signup_form input[type="checkbox"]{ width:20px;  margin-left:3px;  background-color:#fff;  border:0px}
#signup_form #seedTenantSel{ width:150px}
#signup_form #seedTenantDiv{ position:relative;  left:20px}
#signup_form #seedTenant{ position:relative;  left:20px}
fieldset{ width:100%}
fieldset ol, fieldset li{ margin:0px;  padding:0px}
fieldset ol li{ list-style:none;  text-align:left;  padding-bottom:2px}
fieldset label{}
fieldset div.label{ display:inline-block;*display:inline;zoom:1;  vertical-align:middle;  width:140px; margin-right: -8px;}
#signup_form #trial-duration{ width:40px;  margin-right:10px}
#signup_form label{ vertical-align:top}
.collection{ display:inline-block;  border:1px solid #BCD797;  width:262px}
#cloneErrorDiv{ margin-left: 0px;}

#login_form							{ width:460px; margin:0 auto; text-align:left; line-height:25px; padding-top:10px; padding-bottom:20px; border-bottom:1px solid #e5e5e5;}
#login_form	form					{ text-align:left;}
#login_form	form label				{ display: block; float: left;text-align:right; width:115px; color:#666666; font-size:12px; font-family:Verdana; line-height:22px; }
#login_form	form input 				{ background:#ffffff; vertical-align:middle; margin-bottom:5px; width:262px; border:1px solid; border-color:#bed6c1 #dcf0e0 #dcf0e0 #bed6c1; line-height:22px; height:22px;} 
#login_form	form input.checkbox 	{ background:#ffffff; vertical-align:middle; margin-bottom:5px; width:auto; border:1px solid; border-color:#bed6c1 #dcf0e0 #dcf0e0 #bed6c1; line-height:22px; height:22px;} 
#login_form	form img 				{ float:left;} 
#login_form	form input.login		{ border:0; width:85px; height:41px; background:url(../images/button_login1.gif) 0 0 no-repeat; height:41px;}

#forget_password_form							{ width:430px; margin:0 auto; text-align:left; line-height:25px; padding-top:10px; padding-bottom:20px; border-bottom:1px solid #e5e5e5;}
#forget_password_form	form					{ text-align:left;}
#forget_password_form	form label				{ display: block; float: left;text-align:right; width:115px; color:#666666; font-size:12px; font-family:Verdana; line-height:22px; }
#forget_password_form	form input 				{ background:#ffffff; vertical-align:middle; margin-bottom:5px; width:262px; border:1px solid; border-color:#bed6c1 #dcf0e0 #dcf0e0 #bed6c1; line-height:22px; height:22px;} 
#forget_password_form	form input.checkbox 	{ background:#ffffff; vertical-align:middle; margin-bottom:5px; width:auto; border:1px solid; border-color:#bed6c1 #dcf0e0 #dcf0e0 #bed6c1; line-height:22px; height:22px;} 
#forget_password_form	form img 				{ float:left;} 
#forget_password_form	form input.submit		{ border:0; width:87px; height:28px; background:url(../images/button_contact_us_submit.gif) 0 0 no-repeat;}
#forget_password_form	form input.cancel		{ border:0; width:87px; height:28px; background:url(../images/button_cancel.gif) 0 0 no-repeat;}

div.button-formAction{ display:inline-block;}
div.button-formAction{ *display:inline;}
div.button-formAction span{ display:inline-block; line-height:20px; text-transform:lowercase}
div.button-formAction span{ *display:inline-block}
div.button-formAction{background: url(../../Images/button.gif) left -90px no-repeat; }
div.button-formAction:hover{text-decoration: none;}
div.button-formAction span{background: url(../../Images/button.gif) right -120px no-repeat; color: #4D4D4D; padding: 0px 15px 0px; font-weight: bold; font-size: 10px;}

/*
 *screen.css
 */
#images img { 
	position:absolute; 
	top:0px;
	border:none;
}

.clear{
	clear:both;
}
#images{
	visibility:hidden;
}
#loading{
	margin-top:50px;
	text-align:center;
	width:100%;
}
#loading img{
	margin-top:10px;
	position:relative; 
}
#captions{
	font-weight:bold;
	position:relative; 
	text-align:center;
	z-index:10000;
}
#scrollbar{
	visibility:hidden;
	position:relative; 
	border-bottom:1px solid #b3b3b3;
	z-index:10001;
}
#slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(slider.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;	
}
#imageflow{
	margin-left:350px;
	text-align:left;
}
#changelog{
	width:349px;
	border-right:solid 1px #666;
	float:left;
	margin-top: 15px;
}
#changelog div{
	text-align: justify;
	padding: 0 15px 5px 15px;
}

.error {
	color: #CC0000;
	font-weight: bold;
	padding: 0px;
	margin: 5px 0px 10px 145px;
	line-height: 10px;
} 

.required {
	color: #CC0000;
    margin: 0px 1px;
    font-size: 12px;
}

.req{
    background-color: #6CB43E;
    width: 4px;
    display: inline-block;
    height: 24px
}

/*thickbox.css*/
#login_logFrame3 {
    padding-left: 6px;
    background: url('../images/logframe3_left3.gif') no-repeat scroll left top transparent;
    margin-bottom: 0px;
}

#login_logFrame3 .frame0 {
    padding-right: 6px;
    background: url('../images/logframe3_right3.gif') no-repeat scroll right top transparent;
}

#login_logFrame3 .frame1 {
    clear: both;
    background: url('../images/logframe3_center3.gif') repeat-x scroll 0% 0% transparent;
    height: 400px;
    padding: 10px 15px;
}

#login_logFrame3 p {
    padding: 17px 17px 12px;
}