/*  =================================
 *  Styling component for TBA Widgets
 *  =================================
 */

/** Firefox dissapearing caret problem fixer **/
*::-moz-any-link input, *::-moz-any-link textarea {
	overflow: auto;
}




.tba_wizard_placeholder {
	width: 400px;
	height: 326px;
	background: url('../images/www/wizard/ajax-loader.gif') 190px 140px no-repeat transparent;
	overflow: hidden;
}

.tba_wizard {
	width: 400px;
	height: 326px;
	background-color: #595959;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	letter-spacing: -1px;
	line-height: 13.2px;
	display: none;
	color: #fff;
	overflow: hidden;
}

.tba_wizard .ad_info {
	margin: 0 !important;
}

.tba_wizard p {
	margin: 0 !important;
	margin-bottom: 0.5em !important;
}

.tba_wizard img {
	display: inline;
}

.tba_wizard a {
	display: inline;
	position: relative;
	padding: 0;
	margin: 0;
	color: #fff !important;
	text-decoration: underline;
}

.step_container {
	clear: both;
	margin: 0;
	padding: 0;
	background-color: #595959;
}

.tba_wizard_indicator_container {
	margin-left: 6px;
}

.tba_wizard_indicator {
	margin-top: 12px;
	float: left;
	height: 21px;
	text-align: center;
}

.tba_wizard_indicator a {
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 8px;
	display: block;
	color: #fff;
	text-decoration: none !important;
}

.tba_wizard_indicator.step_1 a {
	color: #aaa !important;
	background: url('../images/www/wizard/tab_1_inactive.png') top left no-repeat #595959;
	width: 102px; 
}
.tba_wizard_indicator.step_1 a.active {
	background: url('../images/www/wizard/tab_1_active.png') top left no-repeat #595959;
	font-weight: bold;
	color: #fff !important;
}
.tba_wizard_indicator.step_2 a {
	color: #aaa !important;
	background: url('../images/www/wizard/tab_2_inactive.png') top left no-repeat #595959;
	width: 120px;
}
.tba_wizard_indicator.step_2 a.active {
	background: url('../images/www/wizard/tab_2_active.png') top left no-repeat #595959;
	font-weight: bold;
	color: #fff !important;
}
.tba_wizard_indicator.step_3 a {
	color: #aaa !important;
	background: url('../images/www/wizard/tab_3_inactive.png') top left no-repeat #595959;
	width: 111px;
}
.tba_wizard_indicator.step_3 a.active {
	background: url('../images/www/wizard/tab_3_active.png') top left no-repeat #595959;
	font-weight: bold;
	color: #fff !important;
}

.tba_wizard_indicator a:hover {
	text-decoration: none;
}

.tba_wizard_indicator a {
	cursor: default;
}

.tba_wizard_step {
	clear: both;
	padding: 10px;
	background-color: #595959;
}

.tba_wizard_back_button, .tba_wizard_next_button {
	cursor: pointer;
	cursor: hand;
	color: #A879BD !important;
}

.tba_wizard_back_button img, .tba_wizard_next_button img {
	vertical-align: middle;
} 

.tba_wizard_back_button {
	float: left;
	margin-top: 8px
}

.tba_wizard_next_button {
	float: right;
}

.tba_wizard_next_button .indicator {
	cursor: default;
	/* float: right !important; */
	display: none;
}

.tba_disabled {
	display: none;
}

.tba_select_widget {
	float: right;
}

.tba_select_options {
	display: block;
	text-align: right;
}

ul.tba_select_options {
	border: 1px solid #333;
	display: none;
}

ul.tba_select_options li {
	display: block;
	float: none;
	padding: 1px;
	margin: 0;
	color: #000;
	text-align: right;
	background-color: #fff;
	width: 100%;
}

.tba_value {
	display: none;
}

.tba_select_options .tba_selected {
	background-color: #9751A7;
	color: #fff;
}

.tba_wizard div.extend {
	width: 380px;
	margin: 7px -1px;
}

.tba_wizard input, .tba_wizard textarea {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
}

.tba_wizard div.extend input {
	width: 378px;
	border: 1px solid #333;
	padding: 2px;
	background-color: rgb(220, 220, 220);
	color: rgb(57, 57, 57);
}

.tba_wizard div.extend_textarea {
	margin: 11px 0;
}

.tba_wizard div.extend_textarea textarea {
	width: 378px;
	border: 1px solid #333;
	padding: 2px;
	background-color: rgb(220, 220, 220);
	color: rgb(57, 57, 57);
	height: 160px;
	margin-left: -1px;
}

.tba_wizard div.extend_checkbox {
	margin-top: 11px;
	margin-bottom: 6px;
}


.tba_error_container, .tba_help_container {
	margin: 0 !important;
	padding: 0 !important;
	width: 152px !important;
	padding-top: 20px !important;
}
			
.tba_error_container .content, .tba_help_container .content {
	background: url('../images/www/wizard/balloon_top.gif') top left no-repeat transparent !important;
	color: #f00;
	padding: 5px !important;
	padding-right: 16px !important;
	padding-bottom: 0 !important;
	margin-top: -19px !important;
	width: 130px !important;
}

.tba_help_container .content {
	color: #000;
}

.tba_error_container .ending, .tba_help_container .ending {
	background: url('../images/www/wizard/balloon_bottom.gif') bottom left no-repeat transparent;
	height: 5px !important;
	width: 131px !important;
	font-size: 1px !important;
	float: left !important;
	margin-left: 15px;
	display: inline !important;
}

.tba_error_container p, .tba_help_container p {
	padding: 0 !important;
	margin: 0 !important;
	margin-bottom: 0.3em !important;
	width: 124px;
}


.tba_invalid {
	background-color: #fcc !important;
	color: #f00 !important;
}

.ad_image_placeholder {
	height: 30px;
}

#ad_preview_gloss {
	height: 37px;
	width: 200px;
	background: url('../images/www/wizard/ad_preview_gloss.png') top left repeat-x transparent;
	margin-top: 1px;
	margin-left: 1px;
	border-top: 1px solid #4e4e4e;
}

#ad_preview_container {
	background-color: #fff;
	border: 1px solid #000;
	width: 200px;
	height: 98px;
	color: #444;
	padding: 0;
}

#ad_preview_container table {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#ad_preview_container td {
	padding: 0 2px;
	font-size: 10px;
	font-family: Verdana !important;
	font-size: 12px !important;
}

#ad_preview_container .ad_title {
	font-weight: bold;
}

#ad_preview_container table {
	margin: 0;
}

#ad_preview_container .ad_image_container {
	width: 70px;
	padding-top: 2px;
	vertical-align: top;
	text-align:center;
}

#ad_preview_container .ad_link {
	color: #3b3;
	visibility: hidden;
}

#ad_preview_container td {
	vertical-align: top;
	margin: 0;
	overflow: hidden;
}

#ad_image_uploader a {
	display: block;
	font-size: 11px;
	width: 94px;
	color: #ddd;
	background: url('../images/www/wizard/upload_button.png') top left transparent;
	padding: 5px;
	text-align: center;
	text-decoration: none !important;
}

#ad_image_uploader a:hover {
	background: url('../images/www/wizard/upload_button_hover.png') top left transparent;
	color: #813395 !important;
}

#ad_image_uploader a:hover {
	text-decoration: none !important;
}

.tba_wizard .result {
	margin: 0 auto;
	margin-top: 50px;
	width: 300px;
	border: 1px solid #6BA4DA;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	line-height: 1.5em;
	color: #333;
}