/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Main CSS
Author : Helldesign
URL : http://www.helldesign.net

Description : This is the main stylesheet

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*//****************************************************************
	RESET
****************************************************************/

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset {margin:10px;padding:10px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {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;}

/****************************************************************
	BASIC
****************************************************************/
body {
	background:white;
	border-top:7px solid #ecf5ff;
	padding:0 0 20px;
	/*text-align:left;*/
}
body,input,textarea,select,td,th {
	color:#151515;
	font:14px Arial, sans-serif;
	line-height:1.25em;
}
a {
	color:#367cc3;
	text-decoration:underline;
}
a:visited {
}
a:hover {
	text-decoration:none;
}

.hidden,
hr
{
	display:none;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
.clr:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
/****************************************************************
	ROOT
****************************************************************/
#root {
	margin:0 auto;
	width:900px;
	text-align:left;
}

#login-box form:after,
form.try-it-box div:after,
#wizehive-use ul:after,
.copy-design:after,
.content-header:after,
#content:after,
.img-box:after,
.safe-box:after,
#submenu .body dl dt:after,
#content .features ul:after,
ul.watch-tour:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

/****************************************************************
	HEADER
****************************************************************/

.contactusheader{
display: block;
width: 178px;
height: 53px;
background: url(/images/contactusheader.png);
}

.contactusheader:hover{
display: block;
width: 178px;
height: 53px;
background: url(/images/contactusheader.png) 0 53px;
}



#header{
	height:99px;
	position:relative;
}
		/* logo */
		#header .logo {
			background: url('../images/layout/logo.gif') 0 0 no-repeat;
			height:79px;
			left:5px;
			position:absolute;
			top:8px;
			width:222px;
		}
			#header .logo a {
				display:block;
				height:79px;
			}
			#header .logo span {
				display:none;
			}
		/* login-box */
		
		
.mm-hidden{
    display:none;
}

#loginForm .loginInput td{
padding: 5px;
}
		#login-box {
			padding:4px 17px 1px 25px;
			background:#ecf5ff;
			float:right;
		}
		
		#login-box-wrapper {
		width: 600px;
		float:right;
		}
		
			#login-box form .c-1{
				float:left;
				width:107px;
				padding:0 0 5px;
			}
			#login-box form .c-2{
				float:left;
				padding:0px 0 5px;
			}
			#login-box form label {
				color:#9d9d9d;
				display:block;
				font-size:10px;
				line-height:1.55em;
			}
			#login-box form input.text {
				background:#fff url('../images/layout/bg_input_text.gif') 0 0 repeat-x;
				border:1px solid #d8e8fa;
				color:#9d9d9d;
				font-size:11px;
				height:15px;
				width:110px;
				padding:2px 0 0 5px;
			}
			#login-box form input.text:focus,
			#login-box form input.focus{
				background-color:#fff897;
				color:#151515;
			}
			#login-box form button{
				background:#a8caee url('../images/layout/bg_button_ok.gif') 0 0 repeat-x;
				color:#ffffff;
				border:none;
				cursor:pointer;
				font-size:10px;
				padding:0 2px 0 0;
				text-align:center;
			}
				#login-box form button span {
					color:#ffffff;
					display:block;
					height:17px;
					line-height:16px;
					padding:0 0 0 2px;
					white-space:nowrap;
				}
				#login-box form button:hover,
				#login-box form button:hover span{
					background:#5d95d6;
					color:#fff;
				}
			#login-box  p{
				color:#81b2e3;
				font-size:10px;
				margin:0 0 6px;
			}
			
			#login-box-wrapper  .google{
				color:#81b2e3;
				font-size:11px;
				margin:0 0 6px;
				text-align: right;
			}
			
			
		/* try-it-box-wrapper */
		.try-it-box-wrapper {
			float:right;
			padding:23px 0 0;
		}
		

.navigation ul {
list-style:none;
margin:17px auto 12px;
padding:0;
width:900px
}

.navigation ul li {
float:left;
font-size:12px;
font-weight:700;
margin:0 38px 4px 6px
}

.navigation ul li a {
color:#16365d;
text-decoration:none;
text-transform:uppercase
}

.navigation ul li a:hover {
opacity:.85
}

.clear {
clear:both
}
/****************************************************************
	banner
****************************************************************/
#banner {
	height:267px;
	background:url('../images/layout/banner_home.jpg') 0 0 no-repeat;
	position:relative;
	padding:47px 300px 0 42px;
}
	#banner h2 {
		color:#ffffff;
		font-size:45px;
		font-weight:bold;
		letter-spacing:-0.05em;
		text-indent:-10000px;
	}
		#banner h2 span {
			background:url('../images/layout/bg_h2_banner.gif') 0 0 no-repeat;
			display:block;
			height:52px;
			
		}
	#banner h2 strong {
		color:#fff897;
	}
	#banner h3 {
		color:#ffffff;
		font-size:18px;
		font-weight:bold;
		line-height:1.2em;
		text-indent:-10000px;
	}
		#banner h3 span {
			background:url('../images/layout/bg_h3_banner.gif') 0 0 no-repeat;
			display:block;
			height:66px;
			
		}
	/* try-it-box */
	form.try-it-box {
		width:489px;
		margin:0 0 31px;
	}
		form.try-it-box div {
			background:#94bbe7 url('../images/layout/bg_try-it-box.gif') 0 0 repeat-x;
			padding:14px 0 13px 19px;
		}
		#header form.try-it-box div {
			background:#ecf5ff;
			padding:14px 0 8px 18px;
		}
			form.try-it-box div input.text {
				background:url('../images/layout/bg_input_text_1.gif') 0 0 no-repeat;
				border:none;
				color:#000;
				font-size:15px;
				font-weight:normal;
				float:left;
				height:25px;
				letter-spacing:-0.03em;
				width:370px;
				padding:9px 0 0 17px;
				margin:0 5px 0 0;
			}
			#header form.try-it-box div input.text {
				background:url('../images/layout/bg_input_text_2.gif') 0 0 no-repeat;
				width:373px;
			}
			form.try-it-box div input.text:focus,
			form.try-it-box div input.focus{
				background:url('../images/layout/bg_input_text_1.gif') 0 -134px no-repeat;
				color:#000;
			}
			#header form.try-it-box div input.text:focus,
			#header form.try-it-box div input.focus{
				background:url('../images/layout/bg_input_text_2.gif') 0 -134px no-repeat;
			}
			form.try-it-box div button{
				background:url('../images/layout/button_go.gif') 0 0 no-repeat;
				border:0;
				cursor:pointer;
				float:left;
				height:41px;
				width:62px;
				position:relative;
				margin:-2px 0 0;
			}
			#header form.try-it-box div button{
				background:url('../images/layout/button_go_2.gif') 0 0 no-repeat;
			}
			form.try-it-box div button span { 
				display:none;
			}
			form.try-it-box div button:hover {
				background:url('../images/layout/button_go.gif') 0 -141px no-repeat;
			}
			#header form.try-it-box div button:hover {
				background:url('../images/layout/button_go_2.gif') 0 -141px no-repeat;
			}
	/* watch-tour */
	#root ul.watch-tour {
		margin:0;
		padding:0 0 0 3px;
	}
		#root  ul.watch-tour li {
			background:url('../images/layout/arrow.gif') 0 5px no-repeat;
			float:left;
			/*height:16px;
			width:242px;*/
			padding:0 36px 0 13px;
		}
		#root  #content ul.watch-tour li {
			padding:0 36px 12px 13px;
		}
		ul.watch-tour li.tour {
			/*width:87px;*/
		}
			/*ul.watch-tour li a {
				display:block;
				height:16px;
			}
			ul.watch-tour li.watch a {
				background:url('../images/layout/bg_watch_lnk.gif') 0 0 no-repeat;
				width:206px;
			}
			ul.watch-tour li.watch a:hover {
				background:url('../images/layout/bg_watch_lnk.gif') 0 -116px no-repeat;
			}
			ul.watch-tour li.tour a {
				background:url('../images/layout/bg_tour_lnk.gif') 0 0 no-repeat;
				width:87px;
			}
			ul.watch-tour li.tour a:hover {
				background:url('../images/layout/bg_tour_lnk.gif') 0 -116px no-repeat;
			}
			ul.watch-tour li a span {
				display:none;
			}*/
			#root ul.watch-tour li a {
				background:url('../images/layout/bg_watch-tour_lnk.gif') 0 100% repeat-x;
				position: relative;
				color:#fff897;
				font-weight:bold;
				font-size:14px;
				float:left;
				letter-spacing:-0.02em;
				text-decoration:none;
				padding:0 0 2px;
			}
			#root ul.watch-tour li a:hover {
				background:none;
				text-decoration:none;
			}
				#root ul.watch-tour li a span {
					position: relative;
					top: 0;
					left: 0;
				}
				#root ul.watch-tour li a span.jq-shadow {
					top: .15em;
					left: 0;
					color: #4889d1;
					position: absolute;
				}
/****************************************************************
	wizehive-use
****************************************************************/
#wizehive-use {
	background:url('../images/layout/bg_wizehive-use.jpg') 0 100% no-repeat;
}
	#wizehive-use h3 {
		background:#f5f5f5;
		border-bottom:1px solid #fff;
		color:#151515;
		font-size:18px;
		font-weight:bold;
		margin:0;
		padding:13px 10px 11px;
		text-align:center;
	}
	#wizehive-use ul li{
		float:left;
		height:159px;
		width:24%;
		text-align:center;
		position:relative;
		overflow: hidden;
	}
	#wizehive-use ul li.desktop-apps{
		width:26%;
	}
		#wizehive-use ul li strong 
		{
			width:100%;
			height:157px;
			position:absolute;
			left:50%;
			top:0;
			margin-left:-89px;
		}
		#wizehive-use ul li.mobile-devices strong
		{
			background:url('../images/layout/icon_mobile-devices.jpg') 50% 0 no-repeat;
		}
		#wizehive-use ul li.email-clients strong
		{
			background:url('../images/layout/icon_email-clients.jpg') 50% 0 no-repeat;
		}
		#wizehive-use ul li.social-media strong
		{
			background:url('../images/layout/icon_social-media.jpg') 50% 0 no-repeat;
		}
		#wizehive-use ul li.desktop-apps strong
		{
			background:url('../images/layout/icon_desktop-apps.jpg') 30% 0 no-repeat;
		}
			#wizehive-use ul li strong span
			{
				display:none;
			}
/****************************************************************
	footer
****************************************************************/
#footer{
	color:#bbbbbb;
	font-size:11px;
	padding:11px 0;
	text-align:center;
}
	#footer .f-nav {
		padding:0 0 0px;
	}
		#footer .f-nav a{
			background:url('../images/layout/bg_f-nav_sep.gif') 100% 60% no-repeat;
			color: black;
			text-decoration:none;
			padding:0 10px 0 6px;
		}
		#footer .f-nav a.last{
			background:none;
		}
		#footer .f-nav a:hover{
			text-decoration:underline;
		}
	#footer .copy-design {
		padding:0 0 0 308px;
	}
		#footer .copy-design p {
			float:left;
		}
		#footer h1.design {
			float:left;
			padding:0 0 0 5px;
			text-align:right;
		}
			#footer h1.design a {
				background: url('../images/layout/logo_helldesign.gif') no-repeat 100% 5px;
				color:#bbbbbb;
				padding:6px 14px 2px 0;
				z-index:100;
				text-decoration:none;
			}
			#footer h1.design a:hover {
				text-decoration:underline;
			}
				#footer h1.design a strong {
					font-weight:normal;
				}
				#footer h1.design a span {
					display:none;
				}
/****************************************************************
	content
****************************************************************/
#content {
	color:#2a2a2a;
	background:#f5f5f5;
	border-top:9px solid #a5c8ed;
	border-bottom:9px solid #a5c8ed;
	font-size:12px;
	line-height:1.5em;
	padding:23px 37px 10px 38px;
}
#root .content-t1 {
	padding:23px 1px 1px 16px;
}
#content .col-1{
	float:left;
	width:204px;
	position:relative;
	margin-top:-10px;
}
#content .col-2{
	float:right;
	width:649px;
}
#root .content-t2 {
	background: #8ebae6 url('../images/layout/bg_content_t2_b.jpg') no-repeat 0 100%;
	border:8px solid #a5c8ed;
	padding:0;
}
#root .content-t2 .body {
	background: url('../images/layout/bg_content_t2_t.jpg') no-repeat 0 0;
	padding:15px 10px 1px 26px;
	
}
#content h2 {
	color:#63a1e2;
	font:bold 30px Arial, sans-serif;
	padding:0 0 17px;
	letter-spacing:-0.04em;
}
	#content h2 span{
		color: #63a1e2;
		font:bold 18px Arial, sans-serif;
		padding:4px 0 4px 10px;
		letter-spacing:-0.04em;
		margin:0 5px 0 15px;
		border-left:1px solid #e2e2e2;
	}
	#content h2 a.b-nav{
		color:#63a1e2;
		font:bold 18px Arial, sans-serif;
		padding:4px 0 4px 10px;
		letter-spacing:-0.04em;
		margin:0 5px 0 15px;
		border-left:1px solid #e2e2e2;
	}
		#content h2 a.b-nav span {
			border:none;
			padding:0;
			margin:0;
		}
	#content h2 strong{
		color:#151515;
		font:normal 18px Arial, sans-serif;
		padding:4px 0 4px 10px;
		letter-spacing:-0.04em;
		margin:0 0 0 0;
		border-left:1px solid #e2e2e2;
	}
	#content h2 a {
		color:#63a1e2;
	}
	#content h2 a:hover {
		background: url('../images/layout/bg_dotted_underline.gif') repeat-x 0 100%;
		text-decoration:none;
	}
	#content h2 a.b-nav:hover {
		background: none;
		text-decoration:none;
	}
		#content h2 a.b-nav:hover span {
			background: url('../images/layout/bg_dotted_underline.gif') repeat-x 0 100%;
			text-decoration:none;
		}
	#content .content-header h2{
		float:left;
	}
	#root .content-t2 .content-header h2{
		color:#fff;
	}
	#content .doc h2 {
		background: url('../images/layout/bg_box.gif') repeat-x 0 100%;
		margin:0 0 10px;
		padding:0 0 10px;
	}
		#content .doc h2 span {
			background:#fff;
			border:1px solid #ebebeb;
			color:#151515;
			display:block;
			font:bold 18px Arial, sans-serif;
			margin:0;
			padding:5px 17px;
			letter-spacing:-0.04em;
		}
#content h3 {
	color:#151515;
	font:bold 18px Arial, sans-serif;
	margin:0 0 18px;
}

#content h3 a {
	text-decoration: underline;

}

#content h4 {
	color: #63a1e2;
	font:bold small Arial, sans-serif;
	margin:0 0 7px;

}

#content h5 {
	color: #63a1e2;
	font:bold 18px Arial, sans-serif;
	margin:0 0 7px;

}
#content h3.h-t1 {
	color:#151515;
	font:bold 20px Arial, sans-serif;
	margin:0 0 18px;
}
#content p {
	margin:0 0 20px;
}
#content p.p-1 {
	margin:0 0 9px;
}
#content .section p{
	margin-right:40px;
}
#content a {
	text-decoration:none;
}
#content a:hover {
	text-decoration:underline;
}
#content ol,
#content ul,
#content dl{
	margin:0 0 20px;
}
#content ol {
	padding:0 0 0 20px;
	list-style:decimal;
}
#content ol li,
#content ul li,
#content dt,
#content dd{
	margin:0 0 7px;
}
#content ul li{
	background: url('../images/layout/dot.gif') no-repeat 7px 6px;
	padding:0 0 0 29px;
}
#content span.pre{
	background:#fff;
	padding:0 2px;
	font-family: monospace;
}
#content span.indent{
	text-indent:30px;
	display:block;
	margin:0 0 15px;
}
#content pre.code {
	background:#F1F1FF;
	border:1px dashed #BBBBBB;
	color:#808080;
	display:block;
	font-size:90%;
	overflow:auto;
	padding:5px;
	margin:0 0 20px;
}
#content .wrapper {
	text-align:center;
}
	#content .wrapper img.screen{
		display:block;
		margin:0 auto 28px;
	}
#content .section {
	background: url('../images/layout/line.gif') repeat-x 0 100%;
	margin:0 0 10px;
	padding:10px 0 2px;
}
#content .last-section {
	background:none;
	margin:0;
}
#content .c-1 {
	float:left;
	width:45%;
}
#content .c-2 {
	float:right;
	width:45%;
}
#content .yellow {
	background:#fff78b;
}
#content .green {
	background:#8edf8c;
}
	/* .nav-back */
	.content-t1 .content-header {
		padding:0 36px 0 22px; 
	}
	#content .content-header .nav-back {
		float:right;
		background: url('../images/layout/bg_nav-back.gif') no-repeat 100% 0;
		padding:0 13px 0 0;
	}
	#root .content-t2 .content-header .nav-back {
		background: url('../images/layout/bg_nav-back_t2.gif') no-repeat 100% 0;
		margin:0 17px 0 0 !important;
	}
		#content .content-header .nav-back div {
			float:right;
			background: url('../images/layout/bg_nav-back_1.gif') no-repeat 0 0;
			height:24px;
			padding:6px 0 0 13px;
			font-size:14px;
			font-weight:bold;
		}
		#root .content-t2 .content-header .nav-back div {
			background: url('../images/layout/bg_nav-back_t2_2.gif') no-repeat 0 0;
		}

		#content .content-header .nav-back div a{
			display:block;
			background: url('../images/layout/arrow_back.gif') no-repeat 0 55%;
			padding:0 0 0 12px;
			text-decoration:none;
		}
		#root .content-t2 .content-header .nav-back div a{
			color:#fff;
			background: url('../images/layout/arrow_back_t2.gif') no-repeat 0 53%;
		}
		#content .content-header .nav-back div a:hover {
			text-decoration:none;
		}
			#content .content-header .nav-back div a span {
				display:block;
				background: url('../images/layout/bg_dotted_underline.gif') repeat-x 0 100%;
			}
			#root .content-t2 .content-header .nav-back div a span {
				padding:0 0 2px;
				background: url('../images/layout/bg_lnk.gif') repeat-x 0 100%;
			}
			#content .content-header .nav-back div a:hover span {
				background:none;
			}
		/* .instal-now */
		#content .instal-now {
			background: url('../images/layout/bg_instal-now_b.gif') no-repeat 0 100%;
			margin:0 auto 33px;
			padding:0 0 15px;
			width:628px;
		}
			#content .instal-now .body{
				background: url('../images/layout/bg_instal-now_t.gif') no-repeat 0 0;
				padding:20px 31px 0;
				text-align:center;
			}
			#content .instal-now p{
				margin:0 auto 24px;
			}
			#content .instal-now p.install{
				margin:0 auto 20px;
				text-align:center
			}
				#content .instal-now p.install a {
					background: url('../images/layout/button_install_now.gif') no-repeat 0 0;
					display:block;
					height:41px;
					margin:0 auto;
					width:160px;
				}
				#content .instal-now p.install a:hover {
					background: url('../images/layout/button_install_now.gif') no-repeat 0 -141px;
				}
				#content .instal-now p.install span {
					display:none;
				}
	/* .pricing */

	.green_price{
	color: green;
	}
	.pricing {
		background: url('../images/layout/bg_box.gif') repeat-x 0 100%;
		margin:0 0 20px;
		padding:0 0 10px;
	}
		.pricing .body{
			border:5px solid #a5c8ed;
		}
			.pricing table{
				border:1px solid #fff;
				background:#fff;
				border-collapse:collapse;
				width:100%;
			}
			.pricing table thead th {
				background:#ecf5ff;
				color:#3d3d3d;
				font-size:12px;
				font-weight:bold;
				padding:16px 18px 17px;
				text-align:center;
			}
			.pricing table thead th.first-col {
				text-align:left;
			}
			.pricing table thead th.beta {
				background:#ecf5bf;
			}

			.pricing table tbody th,
			.pricing table tbody td{
				background: url('../images/layout/bg_th.gif') repeat-x 0 100%;
				color:#3d3d3d;
				font-size:12px;
				font-weight:normal;
				padding:5px 18px 5px;
				text-align:center;
				vertical-align:top;
			}
			.pricing table tbody th.first-col {
				background: url('../images/layout/bg_th_f.gif') no-repeat 0 100%;
				text-align:left;
			}
			.pricing table tbody .last-col {
				background: url('../images/layout/bg_th_l.gif') no-repeat 100% 100%;
			}
			.pricing table tbody td.beta{
				background: #fffabf url('../images/layout/bg_th.gif') repeat-x 0 100%;
			}
			.pricing table tbody tr.first-row th,
			.pricing table tbody tr.first-row td {
				padding-top:13px;
			}
			.pricing table tbody tr.last-row th,
			.pricing table tbody tr.last-row td {
				background: none !important;
			}
			.pricing table tbody tr.last-row td.beta {
				background: #fffabf !important;
				padding-bottom:22px;
			}
			
			.pricing table tbody tr.section th,
			.pricing table tbody tr.section td {
				color:#4c94df;
				font-size:14px;
				font-weight:bold;
				background: url('../images/layout/bg_th_1.gif') repeat-x 0 100%;
				padding-top:34px;
			}
			.pricing table tbody tr.section td.beta{
				background: #fffabf url('../images/layout/bg_th_1.gif') repeat-x 0 100%;
			}
			.pricing table tbody tr.section th.first-col{
				background: url('../images/layout/bg_th_f_1.gif') no-repeat 0 100%;
			}
			.pricing table tbody tr.section td.last-col{
				background: url('../images/layout/bg_th_l_1.gif') no-repeat 100% 100%;
			}
			.pricing table tbody th img,
			.pricing table tbody td img {
				display:block;
				margin:0 auto;
			}
			
			.vertical table tbody tr.table_section th,.vertical table tbody tr.table_section td {
				color:#4c94df;
				font-size:14px;
				font-weight:bold;
				border-bottom: 1px solid #d6d6d6; 
				padding-top:15px;
				border-top: 2px solid #A5C8ED;			
				}
			
			.vertical table tbody tr.table_section th,
			.vertical table tbody tr.table_section td{
			padding-top:15px !important;

			}
			
			.sub_text{font-size: 10px;}
		/* .contact */
		#content .contact {
			background: url('../images/layout/bg_instal-now_b.gif') no-repeat 0 100%;
			margin:0 auto 33px;
			padding:0 0 15px;
			width:628px;
		}
			#content .contact .body{
				background: url('../images/layout/bg_instal-now_t.gif') no-repeat 0 0;
				padding:20px 31px 0;
			}
			#content .contact .body dt{
				padding:0 0 10px;
			}
			#content .contact .body dd{
				padding:0 0 0 180px;
			}
	/* .img-box */
	.img-box {
		padding:0 0 20px;
	}
		.img-box .body {
			background: url('../images/layout/bg_box.gif') repeat-x 0 100%;
			padding:0 0 10px;
			float:left;
		}
		.img-box img {
			display:block;
			border:5px solid #a5c8ed;
		}
	/* .safe-box */
	.safe-box ul {
		float:left;
		width:370px;
	}
	.safe-box .safe {
		float:right;
		margin:15px 0 0;
	}
	/* submenu */
	#submenu {
		background: #91bce7 url('../images/layout/bg_submenu_b.gif') no-repeat 0 100%;
		padding:0 0 9px;
		position:absolute;
		top:10px;
		width:204px;
	}
		#submenu .body {
			background: url('../images/layout/bg_submenu_t.gif') no-repeat 0 0;
			padding:14px 15px 0 20px;
		}
		#submenu .body dl {
			margin:0;
			padding:0;
		}
		
			#submenu .body dl dt {
				font-size:14px;
				font-weight:bold;
				margin:0;
				padding:0 0 4px 22px;
			}
				#submenu .body dl dt a {
					background:url('../images/layout/bg_lnk.gif') 0 100% repeat-x;
					position: relative;
					color:#fff897;
					font-weight:bold;
					font-size:14px;
					float:left;
					letter-spacing:-0.02em;
					text-decoration:none;
					padding:0 0 2px;
				}
				#submenu .body dl dt a:hover,
				#submenu .body dl dt a.hover{
					background:none;
					color:#f6f6f6;
					text-decoration:none;
				}
					#submenu .body dl dt a span {
						position: relative;
						top: 0;
						left: 0;
					}
					#submenu .body dl dt a span.jq-shadow {
						top: .15em;
						left: 0;
						color: #6da5de;
						position: absolute;
					}
			#submenu .body dl.organize_information dt,
			.features ul li a.organize_information .header strong{
				background: url('../images/layout/icon_submenu_organize_information.gif') no-repeat 0 3px;
			}
			#submenu .body dl.customize dt,
			.features ul li a.customize .header strong{
				background: url('../images/layout/icon_submenu_customize.gif') no-repeat 0 3px;
			}
			#submenu .body dl.track_activity dt,
			.features ul li a.track_activity .header strong{
				background: url('../images/layout/icon_submenu_track_activity.gif') no-repeat 0 3px;
			}
			#submenu .body dl.share_files dt,
			.features ul li a.share_files .header strong{
				background: url('../images/layout/icon_submenu_share_files.gif') no-repeat 0 3px;
			}
			#submenu .body dl.manage_tasks dt,
			.features ul li a.manage_tasks .header strong{
				background: url('../images/layout/icon_submenu_manage_tasks.gif') no-repeat 0 3px;
			}
			#submenu .body dl.use_email dt,
			.features ul li a.use_email .header strong{
				background: url('../images/layout/icon_submenu_use_email.gif') no-repeat 0 3px;
			}
			#submenu .body dl.feel_safe dt,
			.features ul li a.feel_safe .header strong{
				background: url('../images/layout/icon_submenu_feel_safe.gif') no-repeat 0 3px;
			}
			#submenu .body dl.use dt,
			.features ul li a.use .header strong{
				background: url('../images/layout/icon_submenu_use.gif') no-repeat 0 3px;
			}
			#submenu .body dl dd {
				color:#ffffff;
				font-size:11px;
				margin:0 0 12px;
				line-height:1.2em;
			}

/* features */
#content .features {
	margin:0;
	padding:0 0 6px;
}
#content .features ul {
	margin:0;
	padding:0 0 7px;
}
	#content .features ul li {
		background:url('../images/layout/bg_features.png') 100% 100% no-repeat;
		float:left;
		margin:0 13px 0 0;
		width:193px;
		padding:0 6px 6px 0;
	}
		.features ul li a {
			border:3px solid #b2d0ee;
			display:block;
		}
		#content .features ul li a:hover {
			border-color:#5a89bb;
			text-decoration:none;
		}
			.features ul li a .header {
				background:url('../images/layout/bg_features_header.gif') 0 0 no-repeat;
				border:1px solid #6da2dc;
				border-bottom:1px solid #4878b1;
				display:block;
				padding:8px 3px 1px 11px;
			}
			.features ul li a:hover .header {
				background:url('../images/layout/bg_features_header.gif') 0 -300px no-repeat;
				border:1px solid #d3dbe2;
				border-bottom:1px solid #d3d1cf;
				border-left:none;
				border-right:none;
				padding:8px 4px 1px 12px;
			}
			.features ul li a .header strong {
				float:left;
				font-size:14px;
				font-weight:bold;
				margin:0;
				padding:0 0 4px 22px;
			}
			.features ul li a.organize_information .header strong {
				background: url('../images/layout/icon_submenu_organize_information.gif') no-repeat 0 3px;
			}
			.features ul li a:hover .header strong {
				background-position:0 -112px;
			}
				.features ul li a .header strong em {
					background: url('../images/layout/bg_lnk.gif') repeat-x 0 100%;
					color:#FFF897;
					float:left;
					font-size:14px;
					font-weight:bold;
					font-style:normal;
					letter-spacing:-0.02em;
					padding:0 0 2px;
					position:relative;
					text-decoration:none;
				}
				.features ul li a:hover .header strong em {
					color:#1b1b1b;
					background: url('../images/layout/bg_lnk_2.gif') repeat-x 0 100%;
				}
				.features ul li a .header strong em span {
						position: relative;
						top: 0;
						left: 0;
					}
					.features ul li a .header strong em span.jq-shadow {
						top: .15em;
						left: 0;
						color: #6da5de;
						position: absolute;
					}
					.features ul li a:hover .header strong em span.jq-shadow {
						color: #c2c3c4;
					}

				.features ul li a .header em.desc {
					color:#fff;
					clear:left;
					display:block;
					font-size:11px;
					font-style:normal;
					letter-spacing:-0.02em;
					line-height:1.2em;
					margin:0 0 12px;
				}
				.features ul li a:hover .header em.desc {
					color:#1b1b1b;
				}

		.features ul li a img {
			border-top:3px solid #b2d0ee;
			display:block;
		}
		.features ul li a:hover img {
			border-color:#5a89bb;
		}

/******Profile DIV******/

.pic {
text-align: center;
width: 130px;
float: left;
margin: 0 .5em .5em 0;
}
.profile {
height: 100%;
overflow: auto;
width: 100%
clear: both;
padding-bottom: 1em;
}
.profile-info {
float: left;
padding-left: 20px;
width: 640px;
text-align: justify;
}


/******Buzz******/
.clear_buzz{
margin: 0px 0px 2.1em 0px;
clear: both;
overflow: auto;
	width: 100%
}
.buzz_logo{

width: 130px;
float: left;
margin: 0 .5em .5em 0;
}
.buzz_text{
float: right;
width: 680px;
}
.buzz_author{
color: gray;
font-weight: bold;
}


/* Vertical */

	.green_price{
	color: green;
	}
	.vertical {
		margin:0 0 20px;
		padding:0 0 10px;
	}
		.vertical .body{
			border:5px solid #a5c8ed;
		}
			.vertical table{
				border:1px solid #fff;
				background:#fff;
				border-collapse:collapse;
				width:100%;
			}
			.vertical table thead th {
				border-right: 2px solid #a5c8ed; 
				border-left: 2px solid #a5c8ed; 
				background:#ecf5ff;
				color:#3d3d3d;
				font-size:12px;
				font-weight:bold;
				padding:16px 18px 17px;
				text-align:center;
			}
			.vertical table thead th.first-col {
				border-right: 2px solid #a5c8ed; 
				text-align:left;
			}
			.vertical table thead th.beta {
				background:#ecf5bf;
				border-right: 2px solid #a5c8ed; 
			}

			.vertical table tbody th,
			.vertical table tbody td{
				border-left: 2px solid #a5c8ed; 
				color:#3d3d3d;
				font-size:12px;
				font-weight:normal;
				padding:5px 18px 5px;
				text-align:center;
				vertical-align:top;
			}
			.vertical table tbody th.first-col {
				border-right: 2px solid #a5c8ed; 
				text-align:left;
			}
			.vertical table tbody .last-col {
			border-right: 2px solid #a5c8ed; 
			border-left: 2px solid #a5c8ed; 
			}
			
			
			.vertical table tbody td.beta{
				background: #fffabf;
			}
			.vertical table tbody tr.first-row th,
			.vertical table tbody tr.first-row td {
				padding-top:13px;
			}
			.vertical table tbody tr.last-row th,
			.vertical table tbody tr.last-row td {
				background: none !important;
			}
			.vertical table tbody tr.last-row td.beta {
				background: #fffabf !important;
				padding-bottom:22px;
			}
			.vertical table tbody tr.section th,
			.vertical table tbody tr.section td {
				color:#4c94df;
				font-size:14px;
				font-weight:bold;
				background: url('../images/layout/bg_th_1.gif') repeat-x 0 100%;
				padding-top:34px;
				text-align: left;
			}
			.vertical table tbody tr.section td.beta{
				background: #fffabf url('../images/layout/bg_th_1.gif') repeat-x 0 100%;
			}
			.vertical table tbody tr.section th.first-col{
				background: url('../images/layout/bg_th_f_1.gif') no-repeat 0 100%;
			}
			.vertical table tbody tr.section td.last-col{
				background: url('../images/layout/bg_th_l_1.gif') no-repeat 100% 100%;
			}
			.vertical table tbody th img,
			.vertical table tbody td img {
				display:block;
				margin:0 auto;
			}
.verticalpress{
background: #fffae;
font-size: 16px;
color: white;
}		

/**************************Signup*********************/

#canvas{
background: rgb(245, 245, 245);
font-family: Helvetica, Arial;
}

#canvas h1 {
color: #24496d;
font-size: 30px;
font-weight: bold;
padding-bottom: 10px;
}
#canvas h2{
color: #242320;
font-size: 22px;
}
.canvas-border{
width: 900px;
margin: auto;
}

.capitol{
background: url(../images/canvas/white.png) no-repeat;
height: 1000px;
width: 670px;
}
.heading{
padding: 40px 0 0 40px;
}
.greenbold{
color: #009549;
font-size: 18px;
font-weight: bold;
padding-left: 3px;
}
.account-info{
padding: 40px 0 0 40px;
}
.separator-p{
margin-top: 10px;
margin-bottom: 30px;
width: 600px;
height: 3px;
background: url(../images/canvas/separator-p.png) no-repeat;
}
#canvas label{
font-weight: bold;
font-size: 14px;
}
.earl-gray{
font-size: 12px;
color: #959595;
}


.smallrobin{
font-size: 10px;
width: 230px;
}

.bluerobin{
}

.billing-info{
height:100%;
width:600px; 
padding: 40px 0 0 40px;
overflow: auto;
}

td.blackrobin{
width: 140px;
}

.left-card{
float: left;
width: 400px;
margin-right: 10px;
}
.right-card{
height:100%;
width:185px; 
float: right;
clear: right;
}
.cards-pic{
background: url(../images/canvas/cards.png) no-repeat;
width: 185;
height: 40px;

}

.securelock{
margin-left: 2px;
padding-left: 17px;
color: green; 
font-size: 14px; 
font-weight: bold;
background: url(/images/canvas/lockedicon.png) no-repeat;
}


.wedont{
font-size: 11px;
}



td.last-col2{
border-right: 2px solid #a5c8ed; 
border-left: none !important;
}

tr.section2{

background: rgb(236, 245, 255);
}


.vertical table tbody tr.section2 th,
			.vertical table tbody tr.section2 td {
				color:#4c94df;
				font-size:14px;
				font-weight:bold;
				background: url('../images/layout/bg_th_1.gif') repeat-x 0 100%;
				padding-top:34px;
				text-align: left;
			}

td.sectionblank{
border: none !important;
}

.add-info{
padding: 20px 0 0 40px;
width: 600px;

}

tr.celltwo{
background-color:rgb(245, 245, 245);
}

th.celltwo {
text-align: left !important;
}

/*************Landing Pages***********/

.poster-frame{
margin-bottom: 20px;
overflow: auto;
border-bottom: 1px solid #fdfdfd;
padding-bottom: 20px;
}

.poster{
float: left;
height: 115px;
width: 160px;
border: 2px solid gray;
background: white;
}

.poster-info{
width: 640px;
float: right;
text-align: justify;
}


/************Submit Button on Pricing Pages************/


/* try-it-box-new */

	#content form.try-it-box-new {
		padding-left: 40px;
		width:489px;
		
	}
		#header form.try-it-box-new div {
			background:#ecf5ff;
			padding:0px 0 8px 18px;
		}
			form.try-it-box-new div input.text {
				background: url('../assets/images/white.png') 0 0 repeat-x;
				color:#000;
				font-weight:normal;
				font-size: 15px;
				float:left;
				height:28px;
				letter-spacing:-0.03em;
				width:370px;
				padding:6px 0 0 5px;
				margin:0 9px 0 0;
			}
			#header form.try-it-box-new div input.text {
				width:373px;
			}
			form.try-it-box-new div input.text:focus,
			form.try-it-box-new div input.focus{
				background:url('/images/layout/bg_input_text_1.gif') 0 -134px no-repeat;
				color:#000;
			}
			#header form.try-it-box-new div input.text:focus,
			#header form.try-it-box-new div input.focus{
				background:url('/images/layout/bg_input_text_2.gif') 0 -134px no-repeat;
			}
			form.try-it-box-new div button{
				background:url('/images/layout/gobutton.png') 0 0 no-repeat;
				border:0;
				cursor:pointer;
				float:left;
				height:41px;
				width:62px;
				position:relative;
				margin:-2px 0 0;
			}
			#header form.try-it-box-new div button{
				background:url('/images/layout/gobutton.png') 0 0 no-repeat;
			}
			form.try-it-box-new div button span { 
				display:none;
			}
			form.try-it-box-new div button:hover {
				background:url('/images/layout/gobutton.png') 0 -141px no-repeat;
			}
			#header form.try-it-box-new div button:hover {
				background:url('/images/layout/gobutton.png') 0 -141px no-repeat;
			}

/************End Submit on Pricing Pages**********/

/************Learning Center********************/

.shell {
overflow: auto;
margin-bottom: 20px;
height: 100px;
}

.shell-image {
margin-right: 10px;
float: left;
height: 75px;

}

.shell-image a:hover{
border: 3px solid #a5c8ed;
}

.shell-image a{
height: 70px;
margin-bottom: 0px;
display: block;
border: 3px solid #e3e2e2;
}

.shell-info {
width: 800px;}

.shell-info a{
font-size: 17px;
font-weight: bold;

}

/**********Success Stories***********/

.cols{
overflow: auto;
}

.lcol{
padding: 10px 10px 0px 10px;
width: 210px;
float: left;
background: white;
border: 2px solid rgb(165, 200, 237);
padding-bottom: 20px;
}

.rcol{
float: right;
width: 570px;
}

.blogo2 {
text-align: center;
}

.blogo {
text-align: center;
}
.blogo img{
padding-bottom: 10px;
display: block;
}

.lcol h3,
.rcol h3{
font-size: 12px !important;
margin-bottom: 10px !important;

}

.rcol p{
margin-bottom: 15px !important;
}

.instr{
font-size: 12px;
}

.suc-wide{
background: white;
padding: 5px;
overflow: auto;
border: 1px solid #c8c8c8;
margin-bottom: 10px;
}
.suc-left{
width: 70px;
float: left;
}

.suc-mid{
padding-left: 10px;
text-align: justify;
width: 530px;
float: left;
}

.suc-right{
background: #fff;
text-align: center;
width: 190px;
float: right;
}

.suc-mid a{
text-decoration: underline !important;
}

.bold-text{
font-weight: bold;
}

.italic-text{
font-style: italic;
}


/******TESTIMONIALS************/

.lefty{
background: url(/images/l-quote.png) no-repeat;
padding: 15px;
height: 70px;
}

.righty{
background: url(/images/r-quote.png) no-repeat;
padding: 15px;
height: 70px;
}

.s-righty{
width: 380px;
background: url(/images/s-rquoty.png) no-repeat;
padding: 15px;
height: 70px;
}

.s-lefty{
background: url(/images/s-quote.png) no-repeat;
padding: 15px;
height: 70px;
width: 380px;
}

.quoter{
padding-left: 13px;
font-size: 12px;
}

.righty-wrap{
overflow: auto;
}

.s-righty-wrap{
overflow: auto;
float: right;
}

.r-quoter{
float: right;
font-size: 12px;
margin-right: 10px;
}

.bigq-o{
display: inline-block;
width: 20px;
height: 17px;
background: url(/images/bigq-o.png) no-repeat;
}


.bigq-c{
display: inline-block;
width: 20px;
height: 15px;
background: url(/images/bigq-c.png) no-repeat;
}


/********Media Center**************/

.metrics{
height: 60px;
margin-bottom: 5px;
}

.cards-pic{
border-bottom: 1px solid gray;
margin-bottom: 5px;
}

.comfort{
border-top: 1px solid gray;

}

.comfort p{
margin-bottom: 5px !important;
}

/***********Task Management************/

#content-landing {
	color:#2a2a2a;
	background:#f5f5f5;
	border-bottom:9px solid #a5c8ed;
	font-size:12px;
	line-height:1.5em;
	padding:10px 0px 10px 0px;
}

.land-head{
width: 893px;
height: 121px;
background: url(/images/lp/white-head.png) no-repeat;
margin: auto;
}

#content-landing .logo {
			background: url('../images/layout/logo.gif') 0 0 no-repeat;
			height:79px;
			margin-left:15px;
			position:absolute;
			top:25px;
			width:222px;
		}
			#content-landing .logo a {
				display:block;
				height:79px;
			}
			#content-landing .logo span {
				display:none;
}




	/* try-it-box-new */

	#content-landing form.try-it-box-new {
		margin-left: 0px;
		padding-top: 20px;
		width:485px;
		float: right;
		
	}
	#content-landing form.try-it-box-new div {
			height: 35px;
			width: 450px;
			background:#2b496d url('/images/layout/bg_try-it-box-new.gif') 0 0 repeat-x !important;
			padding:14px 0 13px 14px !important;
		}
		#content-landing form.try-it-box-new div {
			background:#ecf5ff;
			padding:0px 0 8px 18px;
		}
			#content-landing form.try-it-box-new div input.text {
				background: url('/assets/images/white.png') 0 0 repeat-x;
				border:none;
				color:#000;
				font-weight:normal;
				font-size: 15px;
				float:left;
				height:28px;
				letter-spacing:-0.03em;
				width:370px;
				padding:6px 0 0 5px;
				margin:0 9px 0 0;
			}
			#content-landing form.try-it-box-new div input.text {
				width:373px;
			}
			#content-landing form.try-it-box-new div input.text:focus,
			#content-landing form.try-it-box-new div input.focus{
				background:url('/images/layout/bg_input_text_1.gif') 0 -134px no-repeat;
				color:#000;
			}
			#content-landing form.try-it-box-new div input.text:focus,
			#content-landing form.try-it-box-new div input.focus{
				background:url('/images/layout/bg_input_text_2.gif') 0 -134px no-repeat;
			}
			#content-landing form.try-it-box-new div button{
				background:url('/images/layout/gobutton.png') 0 0 no-repeat;
				border:0;
				cursor:pointer;
				float:left;
				height:41px;
				width:62px;
				position:relative;
				margin:-2px 0 0;
			}
			#content-landing form.try-it-box-new div button{
				background:url('/images/layout/gobutton.png') 0 0 no-repeat;
			}
			#content-landing form.try-it-box-new div button span { 
				display:none;
			}
			#content-landing form.try-it-box-new div button:hover {
				background:url('/images/layout/gobutton.png') 0 -141px no-repeat;
			}
			#content-landing form.try-it-box-new div button:hover {
				background:url('/images/layout/gobutton.png') 0 -141px no-repeat;
			}



.task-video{
display: block;
text-align: center;
}


			
#land-wrap{
overflow: auto;
padding:0px 7px 0px 7px;
}

#land-wrap h2 {
	color:#2b496d;
	font:bold 33px Arial, sans-serif;
	padding:10px 0 17px;
	text-align: center;
}

.landing-top{
overflow: auto;
}

.left-wrap{
float: left;
overflow: auto;
}

.user-wrap{
background: url(/images/lp/client-bg.png) no-repeat;
width: 548px;
height: 98px;
overflow: auto;
}


.top-benefits{
color: white;
font-size: 16px;
line-height: 20px;
background: url(/images/lp/blue-hero.png) no-repeat;
width: 322px;
height: 297px;
float: right;
letter-spacing:0.05em;

}

.top-benefits h3{
font-size: 19px;
color: #FFCF00;
margin-top: 10px;
text-align: center;
}


.top-benefits ul{
display: inline-block;
margin: 20px 10px 10px 30px;
}

.top-benefits li{
background-image: url(/images/lp/check.png);
background-repeat: no-repeat;
background-position-y: 3px;
padding-left: 18px;
}

.section-sep{
background: url(/images/lp/sep-sec.png) no-repeat;
width: 883px;
height: 4px;
margin-top: 5px;
margin-bottom: 20px;
}

.user-pic{
margin: 8px 0 0 8px;
float: left;
}

.user-logo{
float: left;
margin-top: 8px;
margin-left: 10px;
}

.user-text{
margin-top: 10px;
width: 260px;
margin-left: 20px;
float: left;
}
.number-wrap{
overflow: auto;
}


.numeral-top{
background: url(/images/lp/numeral-top.png) no-repeat;
height: 15px;
width: 893px;
margin-left: -2px;

}
#numeral{
background: url(/images/lp/numeral-mid.png) repeat-y;
overflow: auto;
margin-left: -2px;

}

.numeral-bottom{
background: url(/images/lp/numeral-bottom.png) no-repeat;
height: 20px;
width: 893px;
margin-left: -2px;
}



#number{
width: 100px;
height: 80px;
float: left;
margin-top: 10px;
}


h3.numb{
color: rgb(99, 161, 226) !important;
font-size: 25px !important;
margin: 15px 0 5px 0 !important;
}

.number-des{
font-size: 14px;
width: 450px;
float: left;
}

.numb-p{
width: 300px;
float: right;
margin-right: 10px;
background: #DFDFD6;
height: 110px;
}

.numb-p img{
display: block;
}

.numb-p a:hover{
border: 1px solid blue;
}
.numb-p a{
border: 1px solid #9ABCE5;
display: block;
}

.number-clear{
width: 690px;
height: 2px;
background: url(/images/numb-clear.png) no-repeat;
margin-left: 60px;
padding-bottom: 15px;
margin-top: 15px;

}

.number-one{
background: url(/images/numbers.png) 0px -8px;
}

.number-two{
background: url(/images/numbers.png) 0px -85px;
}

.number-three{
background: url(/images/numbers.png) 0px -165px;
}

.number-four{
background: url(/images/numbers.png) 0px -245px;
}

.number-five{
background: url(/images/numbers.png) 0px -325px;
}

.number-six{
background: url(/images/numbers.png) 0px -405px;
}

.number-seven{
background: url(/images/numbers.png) 0px -485px;
}

.number-eight{
background: url(/images/numbers.png) 0px -565px;
}

.number-nine{
background: url(/images/numbers.png) 0px -645px;
}

.number-ten{
background: url(/images/numbers.png) 0px -725px;
}

.number-eleven{
background: url(/images/numbers.png) 0px -805px;
}

.number-twelve{
background: url(/images/numbers.png) 0px -985px;
}

.number-thirteen{
background: url(/images/numbers.png) 0px -1065px;
}


.cta{
margin-top: 20px;
margin-left: 230px;
}


/***********Contact Form*********/



#contact_hive {
display:block; 
top:102px; 
left:350px; 
}
 
#contact_hive select{
width:310px !important; 

}
#contact_hive .asterisk{
display: block;
margin-top: 11px;
margin-left: 16px;

}


#contact_hive input.clearField,
#contact_hive select, 
#contact_hive textarea {
display:inline-block; 
width:300px; 
border:1px solid #c3c3c3; 
margin:0px 0px 0px 18px; 
padding:4px 4px 4px 6px; 
font-family:Helvetica, Arial, sans-serif;  
font-size:1.2em; line-height:1.18em; 
}

input:focus,
textarea:focus{
background: rgb(255, 249, 213);
}

#message {
height:150px;
}


#submitme{
margin-left: 150px;
margin-top: 5px;
}


#contact_hive label  { 
width: 120px;
display: inline-block;
font-size: 1.2em;
}

#contact_hive .labelmess{
vertical-align: top;
}
  
#contact_hive .red{
	color: #D01B33;
}

#contact_hive input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
#contact_hive input.validation-passed, textarea.validation-passed {
	color : #000;
}

#contact_hive .validation-advice {
	margin: 5px 0 0 5px;
	padding: 5px;
	color : #D01B33;
	font-weight: bold;
	display: inline-block !important;
}

#submitme{
background: url(/applicant/images/submit_button.png) no-repeat;
width: 80px;
height: 45px;
border: none;
}

#submitme:hover {
background: url(/images/submit_button_h.png) no-repeat;
}

/****iPhone********/

.iphone_wrapper{
font-size: 14px;
}

.left_iphone{
float: left;
width: 300px;
}

.right_iphone{
margin-top: 20px;
float: left;
width: 500px;
}

.iphone_screen{
display: inline-block;
}

.iphone_pics{
text-align: center;
}

.iphone_screen img{
border: 2px solid rgb(165, 200, 237);
margin: 5px;
}

/**********Tool Tips*********/


.tooltip {
			color: #000000; outline: none;
			cursor: help; text-decoration: none !important;
			position: relative;
		}
		.tooltip span.classic {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span.classic {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 1.5em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
		
		.questionicon{
		background: url(/images/questionicon.png) no-repeat;
		display: inline-block !important;
		margin-bottom: -3px;
		width: 15px;
		height: 15px;
		}
		
		.questionicon2{
		background: url(/images/questionicon2.png) no-repeat;
		display: inline-block !important;
		margin-bottom: -3px;
		width: 15px;
		height: 15px;
		}
/**********End Tooltip******************/

/***Extension***/

.left_extension{
float: left;
width: 80px;
}

.left_extension_block{
float: left;
width: 200px;
}

.extension_intro{
overflow: auto;
border-bottom: 1px solid #A5C8ED;
padding-bottom: 5px;
margin-bottom: 20px;
}


.right_extension{
float: left;
width: 580px;
}


.checkbox{
display: inline-block;

}

#leftsetting{
float: left;
width: 400px;
}

#rightsetting{
float: right;
}


a.modal_save{
text-decoration: none;
width: 86px;
height: 26px;
background: url(/images/modal_green.png) no-repeat 0 0;
cursor: pointer;
text-align: center;
display: inline-block;
border: none;
color: white;
}

span.button_text_w{
font-size: 13px !important;
font-family: Myriad Pro, Helvetica;
font-weight: normal;  
color: white;
display: inline-block;
margin-top: 5px;}
