
/* QUICKTOAD COMMON*/
	/* RESET */
		html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
		article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
		body{line-height:1}
		ol,ul{list-style:none}
		blockquote,q{quotes:none}
		blockquote:before,blockquote:after,q:before,q:after{content:none}
		table{border-collapse:collapse;border-spacing:0}

	/* ALL */
		div.qt {
			margin: 0px;
			padding: 0px;
		}
		
		.clear {
			clear: both;
		}

	/* LAYOUT */

	/* CONTAINERS - VBOX/HBOX */
		div.qt.vbox, div.qt.hbox {*zoom:1;}
		div.qt.vbox:before,div.qt.vbox:after,div.qt.hbox:before,div.qt.hbox:after{display:table;content:"";line-height:0;}
		div.qt.vbox:after,div.qt.hbox:after{clear:both;}
		
		div.qt.hbox>* {
			float: left;
		}

/* QUICKTOAD METRO THEME */
	body {
		font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";font-size:14px;line-height:16px;color:#212121;background-color:#fff;
	}
	
	/* CONTROL - BUTTON */
	button {
		cursor: pointer;
		padding: 0px 20px 0px 20px;
		height: 41px;
		
		color: #fff;
		font-family: "Segoe UI Light";
		font-size: 18px;
		line-height: 20px;
		
		border-color: #777;
		border-width: 1px;
		border-style: solid;
		background: #777;
		outline: 0px;
	}
	
	button:hover {
		border-color: #49a0e0;
		background: #49a0e0;
	}
	
	button:active {
		border-color: #0072c6;
		background: #0072c6;
	}
	
/* BUSTAPASSWORD */
	body {
		background: #cbcbcb;
	}
	
	#bandTop {
		background: #0072c6;
		height: 40px;
	}
	
	#bandMiddle {
		background: #fff;
		min-height: 115px;
	}
	
	#bandBottom {
		background: #cbcbcb;
	}
	
	#panelContentLeft {
		float: left;
		width: 550px;
		height: 79px;
		background: none;
		
		padding: 36px 0px 0px 40px;
	}
	
	#panelContentRight {
		float: right;
		padding: 25px 40px 0px 0px;
		width: 215px;
		height: 90px;
		background: none;
	}
	
	.pageDefault {
		margin: 0 auto;
		width: 1000px;
	}
	
	#viewInfo {
		padding: 5px 0px 0px 0px;
		color: #777;
	}
	
	#viewInfo .version {
		float: left;
	}
	
	#viewInfo .count {
		float: right;
	}
	
	#viewBAP .title {
		font-size: 24px;
		line-height: 26px;
		color: #00f;
	}
	
	.view { }
	.view.row {
		padding: 0px 0px 15px 0px;
	}
	
	#controlSiteLogo {
		margin: 0px;
		padding: 0px;
		width: 197px;
		height: 40px;
		background: url(http://www.bustapassword.com/assets/images/bustapassword-site-logo-2013.png) left top no-repeat;
	}
	
	#controlSiteLogo:hover {
		cursor: pointer;
		background: #006bba url(http://www.bustapassword.com/assets/images/bustapassword-site-logo-2013.png) left top no-repeat;
	}
	
	#controlAbout {
		font-size: 22px;
		line-height: 28px;
		font-weight: bold;
		color: #0072c6;
	}
	
	#controlBAP {
	}
	
	#controlBAP .button {
		float: left;
	}
	
	#controlBAP .info {
		float: left;
		padding: 2px 0px 0px 15px;
	}
	
	#controlBAP .info .box {
	
		padding: 3px 0px 0px 17px;
		width: 294px;
		height: 34px;
		background: url(http://www.bustapassword.com/assets/images/bustapassword-password-box.png) left top no-repeat;
	}
	
	#controlBAP .info .stats {
		color: #000;
		padding: 5px 0px 0px 15px;
	}
	
	#controlBAP .info .stats .count {
		color: #777;
		font-weight: bold;
	}
	
	#controlBAP .info .box .password {
		font-size: 26px;
		line-height: 27px;
		color: #0072c6;
		font-weight: normal;
	}
	
	#panelFooter {
		padding: 20px;
	}
	
	#panelFAQ {
		float: left;
		margin: 0px 20px 20px 0px;
		width: 600px;
		background: #eee;
	}
	
	#controlFAQ {
		font-family: "Segoe UI Light";
		padding: 20px;
	}
	
	#controlFAQ .title {
		
		padding: 0px 0px 20px 0px;
		font-size: 24px;
		line-height: 26px;
		color: #000;
		font-weight: bold;
		
	}
	
	#controlFAQ .question {
		padding: 0px 0px 10px 0px;
		font-size: 18px;
		line-height: 22px;
		color: #0072c6;
		font-weight: bold;
	}
	
	#controlFAQ .answer {
	
		padding: 0px 0px 20px 0px;
		font-family: "Segoe UI";
		font-size: 14px;
		line-height: 18px;
		color: #333;
		font-weight: normal;
	}
	
	#controlFAQ .divider {
	
		padding: 0px 0px 20px 0px;
		border-width: 1px 0px 0px 0px;
		border-style: solid;
		color: #ccc;
	}
	
	#panelWho {
		float: left;
		width: 600px;
		background: #0072c6;
	}
	
	#controlWho {
		font-family: "Segoe UI Light";
		padding: 20px;
	}
	
	#controlWho .title {
		
		padding: 0px 0px 0px 0px;
		font-size: 18px;
		line-height: 26px;
		color: #fff;
		font-weight: bold;
		
	}
	
	#controlWho .title a {
		color: #bbe2ff;
		text-decoration: underline;
	}
	
	#controlWho .title a:hover {
		color: #fff;
		text-decoration: none;
	}
	
	#controlWho .title .copyright {
		
		padding: 0px 0px 0px 0px;
		font-size: 18px;
		line-height: 26px;
		color: #fff;
		font-weight: normal;
		
	}
	
	#panelDownload {
		float: left;
		margin: 0px 20px 20px 0px;
		width: 600px;
		background: #555;
	}
	
	#controlDownload {
		font-family: "Segoe UI Light";
		padding: 20px;
	}
	
	#controlDownload .title {
		
		padding: 0px 0px 0px 0px;
		font-size: 18px;
		line-height: 26px;
		color: #fff;
		font-weight: bold;
		
	}
	
	#controlDownload .title a {
		color: #bbe2ff;
		text-decoration: underline;
	}
	
	#controlDownload .title a:hover {
		color: #fff;
		text-decoration: none;
	}
	
	
