/* Eco Cast buttons */

.button { 
	margin: 10px 5px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 18px/100% Arial, Helvetica, sans-serif;
	padding: .4em 1.5em .4em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #ffffff;
	border: solid 1px #da7c0c;
	background: #4e0007;
	background: -webkit-gradient(linear, left top, left bottom, from(#a0000e), to(#4e0007));
	background: -moz-linear-gradient(top,  #a0000e,  #4e0007);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0000e', endColorstr='#4e0007');
}

.button:focus, .button:hover {
	color: #fff !important;
	text-decoration: none;
	background: #78000b;
	background: -webkit-gradient(linear, left top, left bottom, from(#b11220), to(#78000b));
	background: -moz-linear-gradient(top,  #b11220,  #78000b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b11220', endColorstr='#78000b');
}
.buttons:active {
	color: #fff;
	position: relative;
	top: 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#a0000e), to(#4e0007));
	background: -moz-linear-gradient(top,  #a0000e,  #4e0007);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0000e', endColorstr='#4e0007');
}

.buttonDisabled, .buttonDisabled:hover { 
	color: #8f8f8f;
	border: solid 1px #8f8f8f;
	background: #acacac;
	background: -webkit-gradient(linear, left top, left bottom, from(#c2c2c2), to(#9a9999));
	background: -moz-linear-gradient(top,  #c2c2c2,  #9a9999);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2c2c2', endColorstr='#9a9999');
}

.btnSubmit { 
	float: left;
}

#vid td.item {
}
.editTitleMode {
	display: none;
}
.mediatitle {
	box-sizing: border-box;
	float: left;
	margin: 10px 5px;
	width: 300px;
}
.item .text_label {
	box-sizing: border-box;
	float: left;
	width: 200px;
	margin: 13px 0 0;
}
.edit {
}
.checkoutTable button img,
.data button img {
	width: 15px;
	margin-bottom: -2px;
}






/* End eco cast buttons */

.btnBack { background: url(/gui/arrow_left.png) no-repeat; padding-left: 20px; }		

.btnNext { background: url(/gui/arrow_right.png) no-repeat; padding-right: 20px; background-position: right; }	
.btnNextDisabled { background: url(/gui/arrow_right_dark_grey.png) no-repeat; padding-right: 20px; background-position: right; }	

ol {font: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; margin: 0; padding: 0; }

ol li {list-style-position: inside; float: left; background: url(/gui/bg_ol_red.png) no-repeat; font-size: 20px; padding: 0 10px; margin: 20px 0; color: #fff; height: 40px; line-height: 40px; }	
	ol li p { display: inline-block; color: #A7101D; font-size: 13px; font-weight: bold; margin: 0; padding: 0 10px; width: 80px; line-height: 1.2em; height: 25px; }	

.helpSection {float: right; width: 170px; padding: 10px; border: 1px solid #666; margin: 0 0 10px 10px; }
	.helpSection p {font-size: 12px; border-bottom: 1px solid #8f8f8f; font-weight: bold; padding: 10px 10px 10px 40px; margin: 0; }
	.helpSection p:hover {background-color: #e9e9e9; }
	
	.helpSection h3 { font-size: 15px; border-bottom: 1px solid #a1000e; padding: 5px; margin: 0 0 5px 0; }


p { clear: left; font-size: 11px; }

.tips { background: url(/gui/icon_tips.png) no-repeat; background-position: 5px 5px; height: 30px; }

.dosDonts { background: url(/gui/icon_dos_donts.png) no-repeat; background-position: 5px 5px; height: 30px; }

.current { background: url(/gui/arrow_right_dk_grey.png) no-repeat; background-position: right;  }
.currentLast { background: none; position: absolute; }
.visitedLink { background: url(/gui/arrow_right_dk_grey.png) no-repeat; background-position: right; }

.disabled{ background: url(/gui/arrow_right_lt_grey.png) no-repeat; background-position: right; color: #ddd; }
.disabledLast{ background: none; color: #ddd; position: absolute; }

.inactive { background: url(/gui/bg_ol_disabled.png) no-repeat; }
.visited { background: url(/gui/bg_ol_visited.png) no-repeat; }

.visitedLink a { color: #8f8f8f; }
	.visitedLink a:hover { text-decoration: underline; }


td { font-size: 12px; border-bottom: 2px solid #fff; }

tr { }

.red {color:#A1000E;}

table.actors {width:100%; border-collapse:collapse; margin-bottom:5px; border:3px solid #b8b8b8; padding-bottom:20px;}
table.actors th.actors {color:#fff; background:#b8b8b8; padding:2px; font-size:larger;}

table.data {width:100%; border-collapse:collapse; margin-bottom:5px;}
table.data img.thumbnail {border:1px solid #000; width:50px;}
table.data tr.video {cursor:pointer;}
table.data tr.video:hover {background:#FF9;}
table.data th, .ecMediaTypeHeader {background:#e8eff0; padding:2px;}
table.data td {border-bottom:1px solid #a1000e; padding:7px;}
table.data td.header {font-weight:normal; border-bottom:0px solid #a1000e; padding:10px; font-size:inherit; background:#e0e0e0; color:#000;}

table.details {width:100%; border-collapse:collapse; margin-bottom:5px; border:3px solid #a1000e; layout: fixed; }
table.details th {color:#fff; background:#a1000e; border-top:1px solid #000; padding:2px; font-size:larger;}
table.details td.label {color:#000; padding:5px 10px; width:30%; text-align:right; vertical-align:top; font-weight:bold; background:#EEE;}
table.details td.data {padding:5px 10px; }
table.details td.data .instructionText { width: 510px; word-wrap: break-word; }

table.inactive {height:400px;margin:auto;}

img.btn {cursor:pointer;}

.spanRemove {width:105px;height:20px;float:right;padding:10px 0 10px 0;}
.spanRemove p {color:#333;font-weight:bold;font-size:10px;text-align:right;display:inline;padding-right:5px;}
.spanRemove img{display:inline;padding-right:5px;vertical-align:middle;}

table { margin-bottom: 0; }

h4 { font-size: 12px; border-top: 1px solid #8f8f8f; padding: 5px; margin: 5px; color: #000; }

.submissionNotes { width: 100%; border: 1px solid #ccc; height: 100px; }

#response { position:absolute; top:280px; left:50%; margin-left:-260px; visibility:hidden; background:#fff; border:2px solid #F93; padding:25px; z-index:100; }

#reason { width:350px;}

small { color:#aaa; }

.instructions {
	margin: 20px 10px;
	padding: 10px;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	border: solid 1px #8f8f8f;
	clear: both;
}

.smallButton { font-size: 10px; padding: 5px; text-transform: uppercase; }

.showfaxForm { float: left; padding: 0 5px; color: #a1000e; }
.billingForm { float: left; padding: 0 5px; width: 48%; margin 5px; }

.cart { border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px; margin: 20px 0; }
	.cart h3 {
	background-color: #7B000A;
	color: #fff;
	font-size: 13px;
	padding: 10px;
	text-transform: uppercase;
	margin: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
	
.removeLink { float: left; }
	.removeLink a { color: #000; font-weight: bold; }
		.removeLink a:hover { text-decoration: underline; }
		

.item p { clear: none; float: left; margin-right: 10px; }

.formField { width: 200px; margin: 5px 0; }

#payment_info { width: 100%; }

.formLabel { width: 100px; margin: 5px 10px; color: #000; clear: left; float: left; }

select { margin: 5px 0; }

input[type="radio"] { margin: 5px 4px 5px -2px; vertical-align: bottom; }


h2 { clear: left; border-bottom: 1px solid #8f8f8f; }

#order_confirmation { background: #ebebeb; padding: 10px; }

.confirmation { font-size: 15px; }

.orderSummary h3 { clear: both; }

.trashCan { margin-left: 15px; padding: 0 0 5px 0px !important;}

/* Credit Card Form */

#cc_card_code { float: left; margin-right: 10px;}

.cc_radio { margin-top: -10px; }

.cc_sec_code { clear: right; color: #A1000E; font-style: italic; text-decoration: underline;}

#cc_sec_code_help { border:5px solid #ff0000; position:absolute; top:190px; left:370px; z-index:100; background-color: #fff; }

.center { text-align: center; }

.checkoutTable { padding: 0 5px; }
	.checkoutTable th { border-bottom: 2px solid #ccc; }
	.checkoutTable td { border-bottom: 1px solid #ccc; }
	
	.totals th { border-bottom: none; }
	.totals td { border-bottom: none; }
	
.creditForm { background: none repeat scroll 0 0 #EFEFEF; float: right; margin: 0; width: 48%; padding: 10px; height: 240px; }
	.creditForm h4 { font-size: 13px; border: none; padding: 0; margin: 0 0 10px 0; }
	.creditForm p { margin: 5px; }

.uploadlist {
	border-bottom: 1px solid #a1000e;
}

.uploadlist li:nth-child(even) {
	background-color: #efefef;
}
.uploadlist li:hover {
	background-color: #dfdfdf;
}
.uploadSection h3 {
	background:#e8eff0;
	padding:5px;
	color: black;
	font-size: 12px;
	margin: 0;
}

.placeholder {
	background-color: #dfdfdf;
}

.pre-line {
	white-space: pre-line;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}