/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}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:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}



/* copyright (c) 2009, BitsyBox. All rights reserved */

.b { font-weight: bold}
.padd5 { padding: 5px; display: block; }
.padd10 { padding: 10px; display: block; }
.red {color:red;}

.message-good {
	background: url(../images/check.png) no-repeat 10px 10px;
	padding: 20px 20px 20px 75px;
}

html,body {
	height: 101%;
	width: 100%;
}

#doc {
	width: 100%;
	height: auto;
	min-height: 101%;
	font-family:"lucida grande",Geneva,Arial,clean;
	color: #121212;
	background: #686868;
}

#bd a:hover,#bd h2 a.red, .red {
	color: #e5251d;
}

#doc .cnt {
	width: 1024px;
	margin: 0 auto;
}

#hd {
	background:#191919 none repeat scroll 0;
	color:#FFFFFF;
	position: relative;
}


#hd .cnt {
	padding: 15px 0;
	position: relative;
}

#hd a.logo {
	background: url(../images/bitsybox-redbox.gif) no-repeat left center;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 20px;
	margin-left: 10px;
}

	#hd a.logo span {
		color: #999;
	}

#hd .user {
	position: absolute;
	right: 20px;
	top: 10px;
	color: #cccccc;
	text-align: center;
	font-size: 93%;
}

	#hd .user strong {
		font-weight: bold;
	}

	#hd .user a {
		color: #f3f3f3;
		font-size: 10px; 
		text-decoration: none; 
	}

	#hd .user a:hover {
		text-decoration: underline;
	}

	#hd .user form {
		padding-top: 5px;
	}
	
	#hd .login-error {
		position: absolute;
		right: 330px;
		background: #fff;
		top: 4px;
		padding: 5px;
		color: #ff0000;
		width: 100px;
		opacity: .98;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		font-weight: bold;	
	}	

		#hd .login-error span {
			display: block;
			width: 4px;
			height: 8px;
			background: url(../images/white-point.gif) no-repeat left center;
			position: absolute;
			right: -4px;
			top: 8px;
			
		}
	
	#hd .user form fieldset legend {
		color: #fff;
		font-size: 85%;
		padding: 5px;
		display: none;
	}
	
	#hd .user form fieldset ul li {
		position: relative;
		float: left;
		padding: 0 5px;
	}

	#hd .user form fieldset ul li label {
		display: none;
	}

	#hd .user form fieldset ul li input {
		border: solid 1px #000;
		padding: 4px;
		color: #888;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		font-size: 10px;
	}

	#hd .user form fieldset ul li button {
		border: none;
		background: #333;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 4px;
		color: #fff;
		cursor: pointer;
	}

	#hd .menu {
		position: absolute;
		top: 15px;
		left: 130px;
		border-left: solid 2px #333;
	}
	
	#hd .menu li.first {
		padding-left: 10px;
	}
	
	#hd ul.menu  li {
	    position: relative;
	    float: left;
	    padding: 0px 0;                
	}
	
	#hd ul.menu li a {        
		display: block;
	    padding: 3px 15px;
	    color: #d8d8d8;
	    text-decoration: none;
	    font-size: 108%;
	    outline: none;
	}
	
	#hd ul.menu li a:hover,   
	#hd ul.menu li.on a {
		-moz-border-radius: 14px;
		-webkit-border-radius: 14px;
		background:#222222 none repeat scroll 0;                
	}
	

    
        
/* fr */        
#ft .cnt {
	padding: 20px;
	color: #fff;
}      

	#ft .cnt a {
		color: #fff;
		text-decoration: none;
	}
	

#ft .cnt h3 {
	font-size: 116%;
	font-weight: bold;
	padding-bottom: 5px;
}	

#ft .cnt p {
	color: #ccc;
	font-size: 93%;
	line-height: 1.3em;
}

#ft .cnt ul.menu {
	margin-top: 15px;
}

#ft .cnt ul.menu li {
	position: relative;
	float: left;
	width: 40%;
	padding: 3px 5px;
} 

#ft .cnt ul.menu li a {
	color: #ccc;
	text-decoration: none;
}

#ft .cnt .apps h3 {
	background: url(../images/box_address.png) no-repeat;
	font-weight: bold;
	font-size: 116%;
	padding: 5px 0 15px 55px;	
}

#ft .cnt .apps h3 a {
	display: block;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}

#ft .cnt .apps ul {
	padding: 10px 0 0 20px;
}

#ft .cnt .apps ul li {
	padding: 5px;
}

#ft .cnt .wrap  {
	padding: 0 0 20px 0;
}

#ft .cnt .wrap p {
	background: url(../images/security.png) no-repeat;
	padding: 0 0 0 55px;
	color: #ccc;
	font-size: 93%;
	line-height: 1.3em;
}

#ft .cnt .screen p {
	background-image: url(../images/screen_aurora.png);
}

#ft .cnt .twitter p {
	background-image: url(../images/twitter.png);
}

#ft .final {
	clear: both;
	padding: 20px 0 0px;
	color: #fff;
	font-size: 85%;
	text-align: center;
}

/* docs */
#doc #bd {
	position: relative;
	background: #fff;

}
        
#doc #bd .cnt {
	padding: 20px 10px 60px;
	width: 974px;
	margin: 0 auto;
	min-height: 300px;
}

	#bd a {
		color: #222;
		text-decoration: none;
	}
	
	#bd a:hover {
		color: #e5251d;		
	}
	
	#doc #bd h1 {
		border-bottom: solid 1px #eee;
		font-size: 197%;
		margin-bottom: 15px;
		padding: 5px;
		color: #666;
		position: relative;
		left: -10px;
	}
	
	#bd h2 {
		font-size: 131%;
		font-weight: bold;
	}
	
		#bd h2.lighter {
			color: #666666;
		}

        #bd h2 a { 
			color: #121212;
			text-decoration: none;
        }
        
        #bd h2 a.red { 
        	font-weight: bold;
        }
        
        #bd h2 a.red:hover { 
        	color: #121212;
        }
                
        #bd h2 span,
        #bd h2 span a {
                color: #444;
                font-size: 14px;
                text-decoration: none;
        }       
        
.subhd {
	top: 0;
	left: 0;
	background: #eee;
	position: absolute;
	width: 100%;
	height: 80px;
	-moz-box-shadow: inset #ccc 0px 10px 10px 5px;		
}


	body.index .subhd {
		height: 150px;
	}

	body.index #doc #bd .subhd .cnt,
	#doc #bd .subhd .cnt {
		padding: 0;
		min-height: 50px;
		position: relative;
	}

	#doc #bd .subhd h1 {
		padding: 30px 0 0 0;	
		border: none;
		width: 474px;	
		color: #444;
		font-size: 197%;				
	}
	
		body.index #doc #bd .subhd h1 {
			padding: 40px 0 0 0;			
			font-size: 240%;				
		}
	
	#doc #bd .cnt {
		padding-top: 100px;
	}
	
		body.index #doc #bd .cnt {
			padding-top: 160px;
		}

	#bd .subhd .btn {
		position: absolute;
		top: 60px;
		right: 355px;
		font-size: 175%;		
		color: #555;
	} 

	#bd .subhd .btn button {
	   margin-left: 0px;
	}

	#bd .subhd .btn div a,	
	#bd .subhd .btn div {
	   font-size: 13px;
	   color: #333;
	   padding-top: 5px;
	   text-align: center;
	}	
	
	#bd .subhd .btn span {
		padding-left: 7px;	
	}	        
	
	.subhd .btn em { font-weight: bold; color: #e5251d; }	    
	.subhd .btn input { 
		margin-top: 7px; 
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px; 
		border: none;
		padding: 5px 10px; }
		
	.subhd .btn input.off { 
		background: #ffffff url(http://cdn.bitsybox.com/2a7bb1b53dfdb4dccd391356b014024a.jpg) no-repeat 3px 4px;
		}
		
	.subhd .btn input[type=submit] { 
		font-size: 12px;
		border: none;
		background: #d3d3d3;
		padding: 5px 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		font-weight: bold;
		cursor: pointer;
		border: solid 1px #e3e3e3;
	 }
	 
.panel-wrap .subhd {
	background: transparent;
	-moz-box-shadow: none;	
	height: auto;
	position: relative;
	top: auto;
	left: auto;
}	 
	
/* index */
body.apps #doc #bd h1 {
	background: url(../images/box_address.png) no-repeat 0 0px;
	padding: 5px 0 0 60px;
	height: 50px;
	font-weight: bold;
}

body.apps ul.categories {
	border: solid 1px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 10px;
}

	body.apps #bd ul.categories li a.category-top {
		display: block;
		background: #eee;
		padding: 5px 10px;
		font-size: 93%;
		font-weight: bold;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #ccc;
	}

	body.apps ul.categories li.first a.category-top {
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
	}

	body.apps ul.categories li ul {
		padding: 0 5px 5px;
	}
	
		body.apps ul.categories	li ul li {
			padding: 5px;
			border-bottom: solid 1px #eee;
		}

		body.apps #bd ul.categories li ul li a {
			color: #333;
			font-size: 83%;
		}

		body.apps #bd ul.categories li ul li a:hover {
			color: #e5251d;
		}

		body.apps ul.categories	li ul li.last {
			border-bottom: none;
		}

body.apps a.purchase {
	display: block;
	border: solid 1px #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #eee url(http://ms-cdn.com/static/moviestring/images/v1/arrow-loading.gif) no-repeat 85% center;
}

	body.apps a.purchase em {
		padding: 8px 10px;
		display: block;
		position: relative;
		float: left;
		width: 50%;
		border-right: solid 1px #ccc;
		font-weight: bold;
	}

	body.apps a.purchase span {
		float: left;
		display: block;
		padding: 8px 10px;
		background: #eee;
	}

	body.apps a.purchase.loading span {
		display: none;
	}
	

/* app-view */
body.app-view #bd h2 {
	background: url(../images/button_delete_red.png) no-repeat;
	height: 48px;
	padding: 0px 0 0 55px;
	font-size: 123.1%;
	color: #222;
	font-weight: bold;
	margin: 0 0 20px 10px;
	width: 100%;
}

	body.app-view #bd h2 div {
		font-size: 12px;
		font-weight: normal;
		padding-left: 5px;
	}

body.app-view .view-app-main {
	width: 70%;
	float: left;
}

body.app-view .view-app-side {
	padding-top: 10px;
	width: 25%;
	float: right;
}


body.app-view h3 {
	position: relative;
	margin: 10px 0 5px;
}
	
body.app-view h3 em {	
	background: #fff;
	position: relative;
	z-index: 2;
	font-size: 116%
	color: #222;
	font-weight: bold;
	display: block;
	padding: 0 5px;
	float: left;
}
	
body.app-view h3 span {
	position: absolute;
	top: 7px;
	left: 0;
	display: block;

	height: 1px;
	width: 100%;
	z-index: 1;
}

body.app-view div.desc {
	font-size: 93%;
	color: #444;
	margin: 0 10px;
}

	body.app-view div.desc p {
		margin-bottom: 10px;
	}

body.app-view ul.app-sub-menu {
	margin-top: 50px;
	border-top: solid 1px #eee;
}

	body.app-view ul.app-sub-menu li {
		padding: 5px;
		border-bottom: solid 1px #eee;
	}

	body.app-view #doc #bd ul.app-sub-menu li a {
		font-size: 85%;
		color: #666;	
	}
	
/* ul.app-list */	
body.apps-category #doc #bd h2 {
	border-bottom: solid 1px #eee;
	padding: 0 0 10px 10px;
}

ul.app-list li {
	min-height: 50px;
	background: url(../images/button_delete_red.png) no-repeat 5px 10px;
	border-bottom: solid 1px #eee;
	padding: 10px 5px 10px 65px;
}

	ul.app-list li div {
		width: 70%;
		float: left;
	}

	ul.app-list li h3 {	
		font-weight: bold;
		font-size: 108%; 
		padding-top: 5px;
	}

	ul.app-list li p {	
		font-size: 85%;
		color: #333;
	}
	
	ul.app-list li a.purchase {
		float: right;
		width: 25%;
		font-size: 85%;
		margin-top: 10px;
	}	
	
/* app-add */	
body.app-add fieldset {
	margin: 15px 0;
	border: solid 1px #eee;
	padding: 10px;

}

	body.app-add fieldset legend {
		padding: 0 5px;
		color: #555;
	}

	body.app-add fieldset legend strong {	
		font-weight: bold;
		color: #333;
	}
	
body.app-add fieldset ul {
	padding: 0px 20px;
}
	
	body.app-add fieldset ul li {
		clear: both;
		margin: 15px 0;
	}

	body.app-add fieldset ul li label {	
		display: block;
		font-weight: bold;
		color: #555;
		padding-bottom: 4px;
	}
	
	body.app-add fieldset ul li textarea,
	body.app-add fieldset ul li input {
		border: solid 1px #888;
		padding: 5px;
		font-family: Verdana;
		color: #121212;		
	}

		body.app-add fieldset ul li div,	
		body.app-add fieldset ul li input[type='text'],
		body.app-add fieldset ul li input[type='file'] {
			width: 50%;
			position: relative;
			float: left;			
		}

		body.app-add fieldset ul li input[type='radio'] {
			margin: 0 3px 0 5px;
		}
		
		body.app-add fieldset ul li textarea {
			width: 50%;
			position: relative;
			float: left;
			height: 100px;
		}

	body.app-add fieldset ul li div em {
		display: block;
		color: #555;
		padding-bottom: 5px;
		font-size: 93%;
	}
		
	body.app-add fieldset ul li p {
		position: relative;
		float: left;
		width: 40%;
		font-size: 77%;
		color: #888;
		padding-left: 40px;
	}
	
	body.app-add fieldset ul li pre {
		background: #eee;
		font-family: Courier;
		padding: 10px;
		width: 50%;
		position: relative;
		float: left;
	}
	
	/* sepcia */
	body.app-add fieldset ul li.price input {
		width: 70px;
	}	

	body.app-add fieldset.complete h3 {
		font-size: 116%;
		padding: 20px 0 5px 70px;
		font-weight: bold;
	}

	body.app-add fieldset.complete p {
		display: block;
		background: url(../images/check.png) no-repeat 10px 0px;
		padding: 0 0 10px 70px;
		min-height: 50px;
		color: #333;
	}
	
body.app-add .app-add-sidebar {
	margin: 20px 0 0;
}

body.app-add .app-add-sidebar h3 {	
	padding: 0 0 0 50px;
	background-repeat: no-repeat;
	font-size: 108%;
	min-height: 50px;
	margin: 20px 10px;
	clear: both;
}

body.app-add .app-add-sidebar h3 a {
	display: block;
}

	body.app-add .app-add-sidebar h3 p {	
		padding-top: 2px;
		font-size: 11px;
		color: #666;
	}

body.app-add .app-add-sidebar h3.docs {
	background-image: url(../images/file_doc.png);
}

body.app-add .app-add-sidebar h3.support {
	background-image: url(../images/security.png);
}

/* app purchase */
#purchase-panel-wrap {
	width: 750px;
}

body.app-purchase h1,
#purchase-panel-wrap h1 {
	font-size: 131%;
	color: #222;
	font-weight: bold;
}

body.app-purchase ul.sites,
#purchase-panel-wrap ul.sites {
	padding: 20px;
}

	body.app-purchase ul.sites li,
	#purchase-panel-wrap ul.sites li {
		padding: 5px;
	}

	body.app-purchase div.info,
	#purchase-panel-wrap div.info {
		background: #eee;
		border: solid 1px #ccc;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 10px;
		color: #444;
		font-size: 85%;
	}

	body.app-purchase div.info h2,
	#purchase-panel-wrap div.info h2 {   
		font-size: 13px;
		font-weight: bold;
		padding-bottom: 5px;
	}

	body.app-purchase div.info img,
	#purchase-panel-wrap div.info img {   
		padding: 0 10px 5px 0;
	}
        

	body.app-purchase button,
	#purchase-panel-wrap button {          
		border: solid 1px #ccc;
		background: #eee;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 5px 10px;
		color: #333;
		cursor: pointer;
	}
        
/* support page */
body.support #bd h2 {
	padding: 10px 10px 40px;
	color: #444;
	font-weight: normal;
}

	body.support #bd h2 a {
		color: #222;
	}

body.support ul.support li {
	width: 22%;
	float: left;
	margin-left: 30px;
	height: 250px;
}

body.support ul.support li.first {
	margin-left: 0;	
}

body.support ul.support li h3 {
    background-repeat: no-repeat;
	padding:20px;
	border: solid 1px #e3e3e3;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: 90% center;
	-moz-border-radius: 10px;    
}

        
        body.support ul.support li h3 a {
                font-size: 116%;
				color: #666;
                text-decoration: none;
        }


        body.support ul.support li.doc h3 {
                background-image: url(../images/file_doc.png);
        }
        
         body.support ul.support li.downloads h3 {
                background-image: url(../images/harddrive.png);
        }

        body.support ul.support li.kb h3 {
                background-image: url(../images/security.png);
        }       

        body.support ul.support li.screen h3 {
                background-image: url(../images/screen_aurora.png);
        }       

        body.support ul.support li.ug h3 {
                background-image: url(../images/user_group_colored.png);
        }       
        
        body.support ul.support li p {
            color: #444;
            font-size: 9px;
			padding: 0 60px 0 0;		
			
        }

		body.support ul.support li h4 {
			font-weight: bold;
			color: #777;
			padding: 10px 10px 5px;
		}

		body.support ul.support li ul {
			padding: 0 25px;
		}

		body.support ul.support li ul li {
        	height: auto;
        	width: auto;
        	float: none;
        	margin: 0;
        	padding: 2px;
        	font-size: 93%;
        	color: #777;
        }

		body.support #bd ul.support li ul li a {
        	color: #777;		
		}
        
/* docs */
body.docs ul.docs-menu li {
        padding: 10px 0 10px 10px;
}

body.docs ul.docs-menu li a {
        color: #333;
        text-decoration: none;
        font-weight: bold;
}

        body.docs ul.docs-menu li ul li {
                padding: 3px 0 3px 10px;
        }

        body.docs ul.docs-menu li ul li a {
                font-weight: normal;
        }
        
body.docs h2 {
	padding-bottom: 5px;
}

body.docs ul.docs-toc {
    padding: 0 10px 10px;
}

        body.docs ul.docs-toc li {
                padding: 3px;
        }

        body.docs ul.docs-toc li a {
                color: #333;
                text-decoration: none;
                font-size: 108%;
        }

body.docs div.doc {
   margin: 5px 10px;
}

body.docs div.doc p,
body.docs div.doc code {
	margin-bottom: 15px;
}

body.docs div.doc code.block {
	display: block;
	background: #eee;
	padding: 0 10px 10px;
	white-space:pre;
}

body.docs div.doc code.block.nopre {
	padding-top: 10px;
	white-space: normal;
}

body.docs div.doc em {
        font-style: italic;
}

body.docs div.doc strong {
        font-weight: bold;
}

body.docs div.doc h3 {
        color: #222;
        font-weight: bold;
        font-size: 14px;
        margin: 20px 0 5px 0;
        border-bottom: solid 1px #eee;
        padding: 5px;
        position: relative;
		left: -10px;
}

body.docs div.doc h4 {
	margin: 20px 0 5px;
	font-weight: bold;
	font-size: 100%;
}

body.docs div.doc code {
	font-family: Courier;
}

body.docs div.doc blockquote {
	padding-left: 20px;
}

body.docs div.doc ul li {
        list-style: disc;
        margin-left: 20px;
}

body.docs ul.main-list li {
	padding: 10px 0;
}

	body.docs ul.main-list li p {
		color: #333;
	}

	body.docs ul.main-list li ul {
		padding-top: 5px;
	}
        
	body.docs ul.main-list li ul li {
		position: relative;
		float: left;
		width: 50%;
		padding: 0;
		margin: 0;
	}

	body.docs #bd ul.main-list li ul li a {
		display: block;
		color: #555;
		padding: 5px;
		font-size: 95%;
	}

	body.docs #bd ul.main-list li ul li a:hover {
		text-decoration: underline;
	}
        
        
/* priceing */      
body.pricing ul.pricing {
	margin: 20px 0;
}
  
body.pricing ul.pricing li {
	border: solid 2px #eee;
	border-right: none;
	position: relative;
	float: left;
	width: 32%;
	margin: 20px 0;
	height: 250px;
	background: #f6f6f6;
}

	body.pricing ul.pricing li.last {
		border-color: #eee;
		border-right: solid 2px #eee;
	}

	body.pricing ul.pricing li.on {
		margin: 0;
		padding: 20px 0;
		-moz-box-shadow: #eee 0 0 10px 5px;
		background: #fff;
		height: 290px;
	}

		body.pricing ul.pricing li.on ul li {
			background: #fff;
		}

body.pricing #bd ul.pricing li h2 {
	padding: 10px 10px 0px 20px;
	color: #222;
	font-size: 25px;
}

body.pricing ul.pricing li div.price {
	font-size: 132%;
	font-weight: bold;
	padding: 0 20px;
}

	body.pricing ul.pricing li div.price span {
		font-size: 12px;
		font-weight: normal;
		color: #666;
	}

button.fancy {
	border: none;
	background: #ff0000;
	color: #fff;
	font-weight: bold;
	padding: 6px 15px;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: #eee 0 0 10px 5px;	
	text-shadow: 1px 1px 3px #333;
	cursor: pointer;
	*width: 80px;
}

button.signup { 
        *width: auto;
}

	body.pricing ul.pricing li button {
		position: absolute;
		top: 23px;
		right: 30px;
		display: block;
	}

	body.pricing ul.pricing li.on button {
		top: 43px;
	}

body.pricing ul.pricing li ul {
	margin: 15px 10px 0;
	padding: 15px;
}

body.pricing ul.pricing li ul li.first {
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	padding: 5px;
	margin-bottom: 10px;
}

body.pricing ul.pricing li ul li {
	height: auto;
	border: none;
	width: 100%;
	clear: both;
	margin: 0;
	text-align: center;
	font-size: 128%;
	color: #555;
	padding: 3px 0;
}

	body.pricing ul.pricing li ul li em {
		font-weight: bold;
		color: #333;
	}

	body.pricing ul.pricing li ul li span {
		font-size: 12px;
		color: #888;
		padding-left: 5px;
	}
   
	body.pricing ul.pricing li ul li .ui-slider-horizontal {
		font-size: 9px;
		margin: 3px 10px 8px;
	}   

	body.pricing ul.pricing li ul li .ui-slider-horizontal a {

	}

/* opostsignup */        
#bd .post-signup a {
	color: #c3181d;
} 

.post-signup { 
	font-size: 14px; 
	line-height: 22px;
}

.post-signup p { 	
	margin-bottom: 15px; 
}


.post-signup ul { 
	margin-top: 10px;
	margin-bottom: 30px; 
}

.post-signup ul li { 
	
	margin-left: 40px; 
	margin-bottom: 10px;
	list-style: disc; 
}


/* signup */
body.signup form.singupfrm {
	padding: 10px;	
}

body.signup #bd fieldset {
	margin: 15px 0;
	padding: 10px 0;
}

	body.signup #bd fieldset legend {		
		padding: 0 5px;
		font-size: 132%;
		color: #ff0000;
		text-shadow: 1px 1px 3px #ccc;	
		border-bottom: solid 1px #eee;		
	}

	body.signup #bd fieldset ul li {
		clear: both;
		padding: 5px;
	}
	
		body.signup #bd fieldset ul li label {
			display: block;
			width: 20%;
			position: relative;
			float: left;
			text-align: right;
			padding: 8px 5px 0 0;
			color: #555;
			font-size: 93%;
		}
		
		body.signup #bd fieldset ul li input.size-large {
			width: 60%;
		}

		body.signup #bd fieldset ul li input.size-med {
			width: 40%;
		}
		
		body.signup #bd fieldset ul li input.size-small {
			width: 20%;
		}		

		body.signup #bd fieldset ul li div,
		body.signup #bd fieldset ul li input[type='text'],
		body.signup #bd fieldset ul li input[type='password'],
		body.signup #bd fieldset ul li textarea {
			position: relative;
			float: left;		
			border: inset 1px #ccc;
			padding: 5px;
			font-size: 108%;
			font-family: Verdana;			
		}

		body.signup #bd fieldset ul li div.help {
			margin-left: 20%;
			font-size: 85%;
			color: #888;
		}

		body.signup #bd fieldset ul li textarea {
			height: 50px;
			width: 60%;
		}		
       
		body.signup #bd fieldset ul li div {
			border: solid 1px #fff;
		}       

		body.signup #bd fieldset ul li.cb label {
			width: 100%;
			font-weight: normal;
			text-align: left;
			padding-left: 50px;	
		}
		
		#bd tr.signup td a { 
			color: red;
		}
		
		#bd tr.signup td a:hover {
			text-decoration: underline;
		}

body.signup .plan .bd {
	padding: 10px;
}

	body.signup .plan .bd h3 {
		font-size: 136%;
	}

	body.signup .plan .bd ul {
		padding: 5px 20px;
	}
	
	body.signup .plan .bd ul li { 
		list-style: disc;
		padding: 2px 0px;
		color: #666;
	}

	body.signup .plan .bd ul li em {
		font-weight: bold;
		color: #333;
	}

	body.signup .plan .bd div.total {
		border-top: solid 1px #eee;
		padding: 5px;
		margin-top: 10px;
	}

	body.signup .plan .bd div.total em {
		font-weight: bold;
		padding-right: 10px;
	}


/* profile */
body.profile .user-card {
	padding: 10px;
	font-size: 93%;
}

body.profile .user-card img {
	position: relative;
	float: left;
	margin-right: 10px;
	border: solid 1px #eee;
	padding: 5px;
}

body.profile .user-card ul {
	padding: 5px 0 0;
}

body.profile button.purchase  {
	margin: 20px 0 10px 30px;
}

body.profile .sites .bd ul li {
	padding: 5px;
	border-bottom: solid 1px #eee;
}

	body.profile .sites .bd ul li ul li {
		border: none;
		padding: 1px 3px;
		font-size: 93%;
	}
	
body.profile table.billing {
	width: 100%;
	margin: 5px 0;
}

body.profile table.billing th {
	background: #eee;
	padding: 5px;
}

body.profile table.billing td {
	border-bottom: solid 1px #eee;
	padding: 10px;
}

body.invoice ul.info {
	position: relative;
	float: left;
	width: 45%;
}

body.invoice table.invoice {
	width: 100%;
	clear: both;
	margin: 20px 0;
}

body.invoice table.invoice th {
	padding: 5px;
	font-weight: bold;
}

body.invoice table.invoice td {
	padding: 5px;
	border-bottom: solid 1px #eee;
}

body.invoice table.invoice tr.none td {
	border: none
}

body.invoice table.invoice tr.none td.r {
	text-align: right;
}

/* downloads */		
body.downloads #bd .first h3 {
	font-size: 108%;	
	margin: 30px 0 5px;
}

body.downloads #bd ul.clients {
	margin: 20px 100px;
}

body.downloads #bd ul.clients li {
	margin: 5px 0 15px 10px;
	-moz-border-radius: 10px;
	padding: 10px 15px 10px 60px;
	border: solid 1px #ccc;
	color: #444;
	background: #eee url(../images/harddrive.png) no-repeat 5px 5px;
	min-height: 40px;
}

body.downloads #bd ul.clients li a {
	font-weight: bold;
	font-size: 108%;
	padding-bottom: 2px;
}

body.downloads #bd ul.clients li div {
	font-size: 85%;
	color: #888;
}

body.downloads #bd ul.clients li div a {
	font-weight: normal;
	color: #888;
}
    
body.downloads #bd div.alerts {
	margin: 20px 10px;
	font-size: 93%;
	color: #333;
	padding: 5px 0 0 60px;
}

body.downloads #bd div.alerts h3 {
	font-weight: bold;
	color: #222;
	margin-bottom: 2px;
}

body.downloads #bd div.alerts form {
	padding: 5px;
}

body.downloads #bd div.alerts form input {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: solid 1px #ccc;
	padding: 3px;
}

body.downloads #bd div.alerts form button {
	border: solid 1px #ccc;
	background: #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	padding: 2px 5px;
}
	
body.downloads #bd div.mail {	
	background: url(../images/mail_alert.png) no-repeat;
} 

body.downloads #bd div.twitter {	
	background: url(../images/twitter.png) no-repeat;
} 

/* blog */
body.blog ul.blog-agg li {
	margin-bottom: 70px;
}

body.blog ul.blog-agg li cite {
	font-size: 85%;
	color: #888;
	margin-bottom: 10px;
	display: block;
}


body.blog ul.blog-agg li div.bd {
	color: #222;
}

body.blog ul.blog-agg li div.bd p {
	margin-bottom: 15px; 
	line-height: 20px;
}

body.blog ul.blog-agg li div.bd p strong {
	font-weight: bold;
}

body.blog ul.blog-agg li div.bd p a { 
	font-weight: bold;
}

body.blog .module div {
	padding: 5px 10px;
}


body.blog .module div ul li {
	padding: 5px;
	border-top: solid 1px #eee;
	font-size: 93%;
}

	body.blog .module div ul li.first {
		border: none;
	}


/* groups */
body.groups ul.groups li {
	padding: 10px;
}

	body.groups ul.groups li a {
		font-weight: bold;
	}

	body.groups ul.groups li p {
		font-size: 93%;
		color: #333;
	}
	
body.groups .module ul li {
	padding: 10px;
	border-bottom: solid 1px #eee;
}

body.groups .module ul li a {
	display: block;
	font-weight: bold;
	font-size: 92%;	
}

body.groups .module ul li p {
	font-size: 85%;
	color: #333;
	padding: 5px;
}

body.about #bd p {
	margin: 10px 0;
}

body.about #bd .first ul {
	padding: 0 10px;
}

body.about #bd .first ul li {
	list-style: decimal;
	margin: 10px;
}

body.about #bd .first ul li ul li {
	list-style: disc;
}

/* module */
div.module {
        border: solid 1px #ccc;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;                     
        margin: 10px 10px 20px;
        background-color:#fff;
}

        div.module .hd {
                width: auto;
                margin: 0;
                padding: 5px 10px;
                font-size: 13px;
                text-align: left;
                background: #eee;
                border-bottom: solid 1px #dbdbdb;
                border-top: solid 1px #fff;
                -moz-border-radius-topleft: 5px;
                -moz-border-radius-topright: 5px;
                -webkit-border-top-left-radius: 5px;
                -webkit-border-top-right-radius: 5px;           
                font-weight: bold;
        }
        
        #bd div.module .bd {
        }
        
        #bd div.module .ft {
                padding: 5px;
                font-size: 85%;
        }

        #bd div.module .ft a {
                color: #777;            
                padding: 0 5px;
        }
        
        #bd div.module .bd table {
                width: 100%;
        }

	div.module ul.list li {
		padding: 5px 10px;
	}

/* panel */
#panel-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        background: #fff;
        opacity: 0;
}

.panel-wrap {
    z-index: 999999;
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: left;
	background: #fff;
	-moz-border-radius: 20px;
	-moz-box-shadow: #888 0px 0px 10px 1px;
	-webkit-border-radius: 20px;	
	-webkit-box-shadow: 0px 1px 10px #888;
}

.panel-wrap .cnt {
	padding: 20px;
}

.panel-wrap a.panel-close {
	display: block;
	position: absolute;
	top: -10px;
	right: -10px;
	width: 30px;
	height: 30px;
	background: url(http://dashboard.bitsybox.com/images/close.png) no-repeat;
	text-indent: -999em;
	z-index: 999;
	outline: none;
}

      
#doc #bd .home-main-feature { margin: 15px auto 20px auto; }
#doc #bd .home-main-feature .right-side { margin-left: 30px; float:right; }
#doc #bd .home-main-feature .right-side .video { position: relative; top: -3px; margin: 0px 0 	30px; width:575px;
	height:350px;  }
#doc #bd .home-main-feature .right-side .video a { 
	display: block;
	width:575px;
	height:365px;
 }

#doc #bd .home-main-feature img.featured { border: 1px solid #cccccc; margin-left: 30px; margin-top: 10px;  }
#doc #bd .home-main-feature h1 { font-size: 240%; font-weight: bold; color: #222; border: none; }
#doc #bd .home-main-feature h2 { font-size: 120%; line-height: 155%; font-weight: normal; color: #666666; }

#doc #bd .home-main-feature ul.talking-points { margin-left: 0px; margin-top: 30px; color: #333333; }
#doc #bd .home-main-feature ul.talking-points li {  list-style: none; margin: 10px 0 10px 0; vertical-align: middle; }
#doc #bd .home-main-feature ul.talking-points li .icon { padding: 0; margin-left: 15px; position: relative; margin-right: 10px; top: 7px; border: 0; }


/* Feature list */
#doc #bd ul.feature-list { padding-bottom: 25px; }
#doc #bd ul.feature-list li { margin: 30px auto; }
#doc #bd ul.feature-list li h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
#doc #bd ul.feature-list li p { color: #333333; font-size: 13px; line-height: 1.5; }
#doc #bd ul.feature-list li p strong { font-weight: bold; }
#doc #bd ul.feature-list li img { border:1px solid #d3d3d3; }
#doc #bd div.right-featured { float:right; width: 500px; }
#doc #bd ul.feature-list a { color: #c3181d; text-decoration: none; }
#doc #bd ul.feature-list a:hover{ text-decoration: underline; color: #c3181d; }


form.profile-edit {
    width: 400px;
}

form.profile-edit h1 {
    font-size: 132%;
    color: #333;
    padding: 0 10px 10px 0;
}

form.profile-edit li {
    padding: 5px;
}

form.profile-edit li label {
    font-weight: bold;
    padding: 3px 0;
}

form.profile-edit li input {
    width: 98%;
}
  
.panel-wrap div.panel-bd div.cnt:after,
.panel-wrap:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;      
font-size: 0px;
}

body.profile .user-card:after,
body.pricing ul.pricing:after,
body.pricing ul.pricing li:after,
ul.app-list li:after,
body.apps a.purchase:after,       
body.signup fieldset ul li:after,        
#hd .menu ul:after,     
#hd .menu:after,        
body.app-add fieldset ul li:after,
body.app-view h3:after,
#hd:after, #bd:after, #ft:after,
.cf:after,
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
font-size: 0px;
overflow: hidden;
}