/* 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}
		a { outline: 0px; }
		
		
		@font-face {
			font-family: "Light";
			src: url('/clearbasis-com/fonts/OpenSans-Light-webfont.eot');
			src: url('/clearbasis-com/fonts/OpenSans-Light-webfont.eot?iefix') format('embedded-opentype'),
					url('/clearbasis-com/fonts/OpenSans-Light-webfont.woff') format('woff'),
					url('/clearbasis-com/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
					url('/clearbasis-com/fonts/OpenSans-Light-webfont.svg#web') format('svg');
			font-style: normal;
			font-weight: 100;
			unicode-range: U+0000-00FF;
		}

	/* 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;
		}
		
	
	/*
	@font-face {
		font-family: 'Regular';
		src: url('/clearbasis-com/media/webfonts/SegoeUI-Regular-final.eot');
		src: url('/clearbasis-com/media/webfonts/SegoeUI-Regular-final.eot?iefix') format('embedded-opentype'),
				url('/clearbasis-com/media/webfonts/SegoeUI-Regular-final.woff') format('woff'),
				url('/clearbasis-com/media/webfonts/SegoeUI-Regular-final.ttf') format('truetype'),
				url('/clearbasis-com/media/webfonts/SegoeUI-Regular-final.svg#web') format('svg');
		font-style: normal;
		font-weight: normal;
	}

	@font-face {
		font-family: 'Semibold';
		src: url('/clearbasis-com/media/webfonts/SegoeUI-SemiBold-final.eot');
		src: url('/clearbasis-com/media/webfonts/SegoeUI-SemiBold-final.eot?iefix') format('embedded-opentype'),
				url('/clearbasis-com/media/webfonts/SegoeUI-SemiBold-final.woff') format('woff'),
				url('/clearbasis-com/media/webfonts/SegoeUI-SemiBold-final.ttf') format('truetype'),
				url('/clearbasis-com/media/webfonts/SegoeUI-SemiBold-final.svg#web') format('svg');
		font-style: normal;
		font-weight: normal;
	}
	*/


/* 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 {
		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;
	}
	
/* CLEARBASIS */
	body {
		background: #fff;
	}
	
	#bandTop {
		padding: 0px;
		min-height: 1px;
		background: #fff;
	}
	
	#bandMiddle {
		background: #fff;
		min-height: 115px;
	}
	
	#bandBottom {
		background: #fff;
	}
	
	.pageDefault {
		width: 1000px;
		padding: 0px 10px 0px 10px;
		margin: 0px auto;
	}
	
	#pageHeader {
		padding: 10px;
		background: #fff;
		border-style: none;
		border-width: 0px 0px 2px 0px;
		border-color: #eee;
	}
	
	#pageContent {
		padding: 15px 10px 30px 10px;
		border-style: none;
		border-width: 1px 0px 0px 0px;
		border-color: #ccc;
	}
	
	#pageFooter {
		padding: 15px 10px 30px 10px
	}
	
	#panelHeaderLeft {
		float: left;
	}
	
	#panelHeaderRight {
		float: right;
		padding: 25px 0px 0px 0px;
	}
	
	#panelWho {
		background: #0072c6;
	}
	

	#controlSiteLogo {
		margin: 0px;
		padding: 0px;
		width: 300px;
		height: 70px;
	}
	
	#controlBanner {
	
		padding: 20px;
		font-family: "Light";
		font-size: 44px;
		line-height: 54px;
		font-weight: bold;
		color: #222;
		
		width: 950px;
		background: #efefef;
		
		border-style: solid;
		border-color: #555;
		border-width: 0px 0px 0px 5px;
		
	}
	
	#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;
	}
	
	#controlAppList .app {
		float: left;
		font-family: "Segoe UI Light";
		padding: 20px;
		width: 280px;
	}
	
	#controlAppList .column {
		float: left;
	}
	
	#controlAppList .app .title {
		padding: 0px 0px 10px 0px;
	}
	
	#controlAppList .app .title a {
		font-size: 22px;
		line-height: 26px;
		color: #0e76bd;
		font-weight: bold;
		
		text-decoration: none;
		
	}
	
	#controlAppList .app .title a:hover {
		text-decoration: underline;
		
	}
	
	#controlAppList .app .desc {
		
		font-size: 16px;
		line-height: 20px;
		color: #333;
		font-weight: bold;
	}
	
	#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;
		
	}

	/*Primary Menu*/				
	#controlPrimaryMenu {
		background: none;
		margin: 0px;
		padding: 10px 17px 0px 0px;
	}

	#controlPrimaryMenu ul {
		list-style-type: none;
	}

	#controlPrimaryMenu li {
		float: left;
		padding: 0px 0px 0px 15px;
	}

	#controlPrimaryMenu a {
		margin: 0px;
		padding: 0px;
		
		color: #555;
		font-size: 14px;
		line-height: 14px;
		font-weight: bold;
		font-family: Arial;
		
		display: block;

		text-decoration: none;
		background: none;
	}
	
	#controlPrimaryMenu a:hover {
		color: #000; /*CUSTOM COLOR*/
	}
	
	#controlPrimaryMenu a.on {
		color: #0e76bd;
	}
	
	#top {
		width: 100%;
		max-height: 35px;
	}