/*	
	QAJACK Stylesheet
	popup rules
	
	made by Fat-Man-Collective.com
	may 2008
*/

.mb .please-log {
	padding:15px;
}

.mb .toolbar {
	float: left;
	height: 23px;
	width: 100%;		
}

.mb .container {
	float: left;
	height: 450px;
	width: 700px;
	background-color: #FFFFFF;	
	padding: 10px;
	-moz-border-radius:3px;	
	-webkit-border-radius:3px;		
}

.mb a.close-btn {
	border:1px solid white;
} 


.mb .action-container {
	float: left;
	width: 392px;
	margin: 0px 10px 0px 0px;
}

.mb .action-container .title {
	height: 45px;
	width: 377px;
	padding: 0px 0px 0px 15px;
	background-color: #333333;	
	-moz-border-radius:3px 3px 0px 0px;	
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;	
}	

.mb .action-container .content {
	background-color: #535658;
	padding:15px;
	height:375px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-webkit-border-radius-bottomleft:2px;
	-webkit-border-radius-bottomright:2px
}

.mb .action-container .content .abuse p {
	font-size:1.0em;
	text-align:justify;
	padding:10px;
}

.mb .action-container .content .abuse img {
	border: 1px solid #fff;
	margin-left:90px;
}


.mb .action-container .content .abuse p.main {
	font-size:1.2em;
}


.mb .action-container h2.popup-info .step{
	font-weight: bold;
}

.mb .action-container .content h1.popup-action{
	width: 100%;
	height: 145px;
	font-size: 1.4em;
	font-weight: normal;	
	line-height: 20px;
	text-indent: 22px;
	padding: 4px 0px 0px 2px;
	color: #FFFFFF;	
}

.mb .action-container h2.popup-info {
	float: left;
	font-size: 1.4em;
	line-height:45px;
	padding: 0px 0px 0px 25px;
	font-weight: normal;
	color: #FFFFFF;	
}

.mb .action-container .content h1.popup-action-alt{
	float:left;
	width: 100%;
	height:60px;
	font-size: 1.7em;
	font-weight: bold;	
	line-height: 20px;
	padding: 4px 0px 0px 2px;
	color: #FFFFFF;	
}

.mb .action-container .content p {
	color: #FFFFFF;	
	font-size: 1.3em;
}

.mb .action-container .content p.skip {
	text-align:center;
	padding-top:10px;
	font-size:1.0em;
}

.mb .action-container .content p.skip-warning {
	text-align:center;
	padding-top:10px;
	font-size:0.9em;
	color:#999;
}

.mb .action-container .content p.skip a {
	color:#fafafa;
}

.mb .action-container .content p.skip a:hover {
	color:#333;
	background-color:#fff;
	text-decoration:none;
}

.mb .action-container .content .video-recorded{
	margin: 25px 0px 0px 0px;
	border: 1px solid #F9F9F9;
}

.mb .action-container .content .video-recorded{
	margin: 25px 0px 0px 0px;
}

.mb .information-container {
	float: left;
	width: 298px;
	height: 430px;
}

.mb .information-container .title {
	float: left;
	height: 45px;
	width: 283px;	
	padding: 0px 0px 0px 15px;	
	background-color: #333333;	
	-moz-border-radius:3px 3px 0px 0px;	
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;	
}	


.mb .information-container h2.popup-info {
	float: left;
	font-size: 1.4em;
	line-height:45px;
	padding: 0px 0px 0px 25px;
	font-weight: normal;
	color: #FFFFFF;	
}

.mb .information-container h2.popup-info-virgin {
	float: left;
	line-height:45px;
	padding: 0px;
	font-weight: normal;
	color: #FFFFFF;	
}

.mb .information-container div.textarea{
	height:120px;
}

.mb .information-container div.textarea .abuse textarea{
	height:260px;
	margin-botom:200px
}

.mb .information-container div.text{
	height:50px;
}

.mb .information-container div.text.alt{
	height:25px;
}

.mb .information-container input.text {
	margin: 20px 0px 0px 0px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.mb .information-container h2.popup-info .step{
	font-weight: bold;
}

.mb .information-container .content {
	float: left;
	width: 266px;
	height: 389px;	
	padding: 15px 15px 0px 15px;
	background-color: #F9F9F9;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 0px 0px 3px 3px;	
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}

.mb * html .information-container .content { height: 334px;	}

.mb .information-container .content p {
	clear: left;
	font-size: 1.2em;
	margin: 20px 0px 30px 0px;
}

.mb .information-container label {
	float:left;
	width:62px;
	padding-top:3px;
}

.mb .information-container .indication {
	float: left;
	margin: 0px 0px 20px 0px;
}





.mb .information-container .content .big-but-smallfont {
	clear: left;
	margin: 0px 0px 20px 0px;
}

.mb .continue-icon a {
	background: #535658 url('../img/continue_icon.gif') no-repeat left center;
	text-indent: 15px;
}

.mb .continue-icon a:hover {
	background: #666666 url('../img/continue_icon.gif') no-repeat left center;
	text-indent: 15px;
}

.mb .add {
	background: url('../img/add_plus.gif') no-repeat left center;
	text-indent: 15px;
}

.mb .information-container .step2 p {
	margin: 0px 0px 6px 0px;
}

.mb .information-container p.notice {
	font-size:1em;
	padding:10px 0 10px;
}

.mb .information-container .step2 textarea {
	width: 260px;
	height: 90px;
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	padding: 2px;
}

.mb .information-container .step2 input.text {
	margin: 0px 0px 30px 0px;
	padding: 2px;	
	width: 260px;	
	color:#535658;
}

.mb .information-container .step2 .prize {
	float: left;	
	margin: 10px 0px 10px 0px;
}

.mb .information-container .step2 input.small {
	float: none;
	display: inline;	
	margin: 0px ;
	width: 35px;	
}


.mb .information-container .popup-buttons {
	padding-top: 50px;
}

.mb .information-container .popup-buttons-alt {
	position: absolute;
	bottom: 20px;
	margin-left:auto;
	margin-right:auto;
}

.mb .information-container .submit {
	clear:both;
}

.mb .information-container .step2 .good-button {
	margin: 0px 15px 0px 0px;
}

.mb .information-container .answer-post-step1 p {
	margin: 0px 0px 20px 0px;
}

.mb .information-container .answer-post-step1 .italic {
	font-size: 1.1em;
	color: #535658;
}

.mb form .form-error {
	border:2px solid #990100;
}

.mb #topForm {
	background-color:#fff;
	height:451px;
	position:absolute;
	width:298px;
	opacity:0.6;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}



.mb #uploadPh {
	text-align:center;
	width:350px;
}

.mb .webcam_r a{
	float:left;
	margin:0 12px 0 15px;
	width:160px;
	height:32px;
	background-image:url(../img/webcam_rec.png);
	background-repeat:no-repeat;
}

.mb .webcam_r a:hover {
	background-position:0% 100%;
}

.mb .uplaod_r {
	float:left;
}

.mb #uploadingMsg {
	background-image:url(../img/form_help_arrow.png);
	background-position:235px 50%;
	background-repeat:no-repeat;
	left:95px;
	position:absolute;
	top:172px;
	width:220px;
	z-index:100;
}



.mb #step1Tip {

left:378px;
position:absolute;
top:238px;
width:248px;
z-index:100;
height:54px;
}

.mb #step2Tip{
	position:absolute;
	top:105px;
	left:165px;
	width:248px;
	
}

.mb #step3Tip{
	position:absolute;
	top:228px;
	left:165px;
	width:248px;
	background-position:235px 50%;
	background-repeat:no-repeat;	
}

.mb #step4Tip{
	position:absolute;
	top:294px;
	left:165px;
	width:248px;
	background-position:235px 50%;
	background-repeat:no-repeat;	
}

.mb #step5Tip{
	position:absolute;
	top:327px;
	left:165px;
	width:248px;
	background-position:235px 50%;
	background-repeat:no-repeat;
	z-index:101;	
}



.mb .tip-txt{ 
	border:1px solid #FF9900;
	background-color:#FFFFCC;  
	color:#FF6600;
	padding:10px 10px 10px 10px;
	z-index:100;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	line-height:17px;
	font-size:1.0em;
	float:left;
}

.mb .tip-txt_redit {
	color:#017C00;
	font-size:1em;
	line-height:19px;
}

.mb .tip-txt-reverse{ 
	border:1px solid #FF9900;
	background-color:#FFFFCC;
	color:#FF6600;
	padding:10px 10px 10px 11px;
	z-index:100;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	line-height:17px;
	font-size:1.0em;
	float:right;
}

.mb .tip-arrow-sideleft {
	position:absolute;
	top:50%;
	left: -10px;
	clear:both;
	background-image:url(../img/form_help_arrow-reverse.png);
	background-repeat:no-repeat;
	width:11px;
	height:25px;
	z-index:999;
	margin-top:-3px;
}

.mb .tip-arrow-sideright {
	position:absolute;
	top:35%;
	left: 99.5%;
	clear:both;
	background-image:url(../img/form_help_arrow.png);
	background-repeat:no-repeat;
	width:11px;
	height:25px;
	z-index:999;
	margin-top:-3px;
}


	


a.help-link {
	background-color:#FF6600;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	font-size:0.8em;
	text-decoration:none;
	color:#fff;
	padding:1px 5px;
	margin-left:6px;
	font-weight:bold;
	cursor:help;
}

a.help-link:hover {
	background-color:#FF9900;
	
}




/* UPLOAD PROGRESS STYLES */

.upload-bar {
	text-align:center;
}

.progressWrapper {
	overflow: hidden;
}


.progressContainer {
	font-size:1.3em;
	border:1px solid #F9F9F9;
	background-color:#333;
	width:200px;
	margin:0 auto 0 auto;
	padding:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	overflow:hidden;
}

/* Message */
/*
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;

}
*/

/* Error */

.error {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}



/* Current */

.working {
	/*border: solid 1px #DDF0DD;
	/*background-color: #ccc;*/
}



/* Complete */

.complete {
	/*border: solid 1px #CEE2F2;
	/*background-color: #666;*/
}



.progressName {
	font-size: 1.1em;
	color: #ccc;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}



.progressBarInProgress, .progressBarComplete, .progressBarError {
	font-size: 0;
	width: 0%;
	height: 12px;
	background-color: #ccc;
	margin-top: 5px;
}



.progressBarComplete {
	width: 100%;
	background-color: #019900;
	/*visibility: hidden;*/
}



.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}


.progressBarStatus {
	margin-top: 5px;
	text-align: center;
	white-space: nowrap;
}


a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}



a.progressCancel:hover {
	background-position: 0px 0px;
}

/* -- SWFUpload Object Styles ------------------------------- */

.swfupload {
	vertical-align: top;
}