/*  Registration select box styles  */


/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/

.dummyDropDown select {
	display: none;
}

#monthDropDown.dummyDropDown {
	background: url(https://s.dolimg.com/en-US/3257w-r/media/sprite_png8Gray.png) no-repeat scroll -417px -832px transparent;
	height: 29px;	
	margin: -5px 0 0 -3px !important;
}

#yearDropDown.dummyDropDown {
	background: url(https://s.dolimg.com/en-US/3257w-r/media/sprite_png8Gray.png) no-repeat scroll -636px -832px transparent;
	height: 29px;	
	margin: -5px 0 0 5px !important;
	width: 79px;
}
.ccPage #monthDropDown {
	margin-left: 2px;	
	margin-right: 10px;
}
#monthDropDown *,#yearDropDown *,#dayDropDown  * {
	outline: none;
	font-size:13px;
}
#monthDropDown {
	float:left;
	width: 112px;	
}

#registerForm #monthDropDown {
	margin-right: 10px;	
}

#dayDropDown {
	float: left;
	margin-right: 10px;
	width: 79px;
}


ul.newList * {margin:0; padding:0;}
ul.newList a {color: #000; text-decoration:none; display:block;}
ul.newList { margin:0; padding:0; list-style:none; height: 195px !important;color:#000; width:112px; background-attachment: scroll; background:transparent; position:absolute;  top:0px !important; left:2px !important; overflow:auto; outline:none; overflow-x: hidden;z-index:9999; text-align: center;text-indent: -12px;}
ul.newList li {
	left: 4px;
	position: relative;	
	width: 108px;	
}


#monthDropDown .stylishDropdownBG{
	background:url('https://s.dolimg.com/en-US/3257w-r/media/dropdownWide.png') repeat scroll 1px -60px transparent;
	height:201px;
	left:-1px;
	position:absolute;
	top:22px;
	width:116px;
	z-index:9999;
}
#dayDropDown .stylishDropdownBG,#yearDropDown .stylishDropdownBG {
	background:url('https://s.dolimg.com/en-US/3257w-r/media/dropdownDayYear.png') repeat scroll 1px -60px transparent;
	height: 180px;
	left: 0px;
	position:absolute;
	top:22px;
	width: 80px;
	z-index:9999;
}

#dayDropDown .newListSelected, #yearDropDown .newListSelected{
	background:url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8Gray.png') no-repeat -948px -715px transparent;
	color:#000;
	float:left;
	height:22px;
	padding:3px 0 0 6px;
	width: 69px; 	
	z-index: 1;
}
#monthDropDown .newListSelected{
	background:url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8Gray.png') -827px -715px  no-repeat transparent;	
	color:#000; 
	float:left; 
	height:22px; 
	padding:3px 0 0 6px;
	width:107px; 
	z-index: 1;
}

#dayDropDown .newListSelHover, #yearDropDown .newListSelHover{
	background: url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8Gray.png') -960px -685px transparent;
}
#monthDropDown .newListSelHover{
	background: url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8Gray.png') -915px -606px transparent;
}

#dayDropDown .newListSelected.newListSelFocus,#yearDropDown .newListSelected.newListSelFocus{
	background: url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8Gray.png') -944px -741px transparent;
	width: 79px;
	
}
#monthDropDown .newListSelected.newListSelFocus{
	background: url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8Gray.png') -824px -741px transparent;
	width: 112px;
	
}

/*#dayDropDown ul.newList.scrollable,#yearDropDown ul.newList.scrollable{
	text-indent: -15px
}*/
#dayDropDown ul.newList,#yearDropDown ul.newList{
	height: 170px !important;
	left: 0px !important;
	text-indent: -15px;	
	width: 77px;
}

#dayDropDown ul.newList li,#yearDropDown ul.newList li{
/*	text-align: center;
	text-indent: -42px;*/
	left: 7px;
	left: 4px !ie;
	width: 71px;	
}

#dayDropDown ul.newList.scrollable li,#yearDropDown ul.newList.scrollable li{
	left: 7px;
}


.newListHover{
	background: #CCC;
}


/*.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:-824px -741px; cursor:default;}
*/


.newListSelected span {width:112px; display:block;}
ul.newList li a {padding:3px 8px; display: block;}
ul.newList li a:focus {-moz-outline-style: none;}
.selectedTxt {cursor: default; overflow:hidden; height:16px; padding:0 23px 0 0; text-align: center;}
.hiLite {background:#CCC!important; }

.newListSelFocus .selectedTxt {
	color: #FFFFFF;
}

.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

.select112 {
	background:url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8B.png') no-repeat 0px -200px transparent;
	width: 112px;
	height:24px;
	border:0px;
	padding: 3px;
}
.select112:hover {
	background:url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8B.png') no-repeat 0px -226px transparent;
	width: 112px;
	height:24px;
	border:0px;
	padding: 3px;
}
.select72 {
	background:url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8B.png') no-repeat -113px -200px transparent;
	border:0 none;
	height:24px;
	margin-left:18px;
	padding:3px;
	width:72px;
}
.select72:hover {
	background:url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8B.png') no-repeat -113px -226px transparent;
	width: 72px;
	height:24px;
	border:0px;
	padding: 3px;
}
/* Credit Card page */
.creditCardContainer {
	position: relative;
	margin: 0 0 0 14px;	
}


.creditCardContainer h1 {
	background: transparent url('https://s.dolimg.com/en-US/3257w-r/media/greenHeaderR_975.png') no-repeat scroll 0 0;
	color: #FFF;	
	font-size: 18px;
	font-weight: bold;
	height: 39px;
	line-height: 37px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 971px;
}

.creditCardContainer h1 .rightCorner {
	background: transparent url('https://s.dolimg.com/en-US/3257w-r/media/greenHeaderL_8.png') no-repeat scroll 0 0;
	height: 39px;
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
}

.addCardContainer .altLeftNav {
	background:url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8B.png') no-repeat scroll -413px -196px transparent;	
	float: left;
	font-size:14px;
	font-weight:bold;
	height:41px;	
	margin-right: 8px;
	text-align: center;
	width:174px;
	position:relative;
	display:block;
}
.addCardContainer .altLeftNav:hover {
	background-position: -591px -196px;
	color:#2A4C8C;
}


div.altLeftNav a, div.altLeftNav a:visited {
	color: #FFF;
	display:block;
	margin:6px 0 0;	
	text-decoration: none;	
}

div.altLeftNav a:hover {
	color:#2A4C8C ;

}
.addCardContainer {
	margin: 0 0 0 13px;
	position: relative;		
}

.addCardContainer #addCardBodyWrap {
	float:left;
	position:relative;
	width:780px;
}

.addCardContainer #paymentInformation
{
	margin-left: 200px;
	width: 505px;
}
.addCardContainer h1 {
	background: transparent url('https://s.dolimg.com/en-US/3257w-r/media/greenHeaderR_975.png') no-repeat scroll 0 0;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	height:39px;
	line-height:37px;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:782px;
}

.addCardContainer h1 .rightCorner {
	background: transparent url('https://s.dolimg.com/en-US/3257w-r/media/greenHeaderL_8.png') no-repeat scroll 0 0;
	height: 39px;
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
}

#creditCardContent {
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	padding: 18px 0 18px 42px;
	padding-bottom: 0px !ie;
	position:relative;
	width: 927px;
}
.creditCardContainer div.bottomCap {
	background: transparent url(https://s.dolimg.com/en-US/3257w-r/media/sprite_png8.png) no-repeat scroll 0px -303px;
	height: 9px;
	width: 972px;
}
#addCardContent {
	float:left;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	padding-bottom: 11px;
	padding-top: 10px;
	width: 100%;
}
.cardError {
	color:#DD0915;
	font-size:14px;
	font-weight:bold;
}

.redTriangleError{
	background: transparent url(https://s.dolimg.com/en-US/3257w-r/media/sprite_png24.png) no-repeat scroll -720px -153px;
	height: 21px;
	width: 27px;
}

#showContactGenericError .redTriangleError{
	float:left;
	margin-right:20px
}
	
.pinEntryBox .redTriangleError{	
	margin-left:-90px;
	margin-top:6px;
	position:absolute;
}

#addTriangleError {
	position: relative;
	float: left;
	top: 8px;	
}

#addCardError {
	float: left;	
	margin: 0 0 10px 14px;
	width: 403px;
}
#pmtTriangleError {
	position: relative;
	float: left;
	margin-left: -30px;
	top: 10px;	
}

#pmtCardError{
	float: left;	
	margin: 0 0 10px 10px;
	width: 380px; 
}
#addErrorContainer {
	left:31px;
	position:relative;	
}

#pmtErrorContainer  {
	left: 31px;
	position: relative;
}
#saveCardContainer {
	left:30px;
	margin:10px 0;
	position:relative;	
}
.addCardContainer div.bottomCap {
	background: transparent url(https://s.dolimg.com/en-US/3257w-r/media/sprite_png8.png) no-repeat scroll  -1px -329px;
	float:left;
	height:11px;
	margin-bottom:20px;
	position:relative;
	position: static !ie;
	width:782px;
}
.ccPage .releaseAndRun {
	margin: 0 0 1px 0;
	margin-bottom: 11px !ie; 	
}

.ccPage .rating {
	margin: 5px 0 5px 0;	
}
#creditCardContent #movieInformation {		
	float: left;
	width: 446px;
}

#creditCardContent #paymentInformation {		
	
	float: left;
	padding: 0 0 0 35px;
	width: 444px;
}
.horizontalSeparator, .boxShotBottomBorder {
	background-color: #BABABA;	
	height: 1px;
}
.movieInformation .horizontalSeparator {
	width: 235px;
	margin: 5px 0;
}
#creditCardContent .horizontalSeparator,
#addCardContent .horizontalSeparator {

	margin: 10px 0 10px 0;
}

#creditCardContent .verticalSeparator {
	background-color: #BABABA;	
	float: left;
	height: 325px;
	width: 1px;	
}

#creditCardContent #creditCardIcons,
#addCardContent #creditCardIcons {
	background: transparent url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png24.png') no-repeat scroll -188px -285px;
	clear: left;
	height: 28px;
	margin: 0 0 15px 30px;
	width: 315px;
	
}
#creditCardContent img.boxshot {
	border: 1px solid #9F9F9F;	
	float: left;	
	height: 170px;
	width: 120px;
		
}
#purchaseDialog {
	background-color:#ffffff;
	float:left;
	width:100%;
}

#creditCardContent .additionalInformation {
	border: 1px solid #CCC;
	color: #646464;	
	float: left;
	font-size: 11px;
	font-weight: bold;
	height: 15px;
	margin: 5px 3px 0 0;	
	width: 76px;	
	text-align: center;
	
}

#creditCardContent #rating{
	background: transparent url('https://s.dolimg.com/en-US/3257w-r/media/creditCard/pg-rating.png') no-repeat scroll 0 0;
	height: 18px;
	margin: 3px 0 3px 0;
	width: 27px;
}
.ccUpdatePage .blueLink,.ccUpdatePage .blueLink:visited {
	font-size: 11px;
	}

#creditCardContent #magicCode{
	background: transparent url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8Gray.png') no-repeat scroll -590px 0px;
	height: 58px;
	width: 401px;
	text-align: center;	
}
#creditCardContent #magicCode h3.upgrade{
	color: #3b486A;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: -3px;
	padding-top: 4px;	
}
#creditCardContent #magicCode h3.upgrade .magicCodeAsterisk {
	font-size: 18px;
	font-weight: bold;
	left: 164px;
	position: absolute;
	top: 249px;
}
#creditCardContent #magicCode span.upgrade{
	color: #3B4966;
	font-size: 12px;
	font-weight: bold;
		
}
#creditCardContent #magicCode h3.purchase{
		font-size: 13px;
		padding-top: 10px;
}

#creditCardContent #magicCode span.purchase a {
font-size:12px;
font-weight: bold;
color: #00A6E4;
}
#creditCardContent #supportMessage {
	background: transparent url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8Gray.png') no-repeat scroll 0 -826px;
	bottom:67px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:normal;
	height:38px;
	left:42px;
	margin-top:11px;
	padding:10px 0;
	position:absolute;
	text-align:center;
	width:401px;
}

#supportMessage span{
	font-weight:bold;
}

#creditCardContent #movieDetails{
	float: left;
	padding: 0 0 0 10px;	
	width: 300px;
}

#creditCardContent #help {
	clear:left;
	padding:20px 0 0;
}
#creditCardContent h2.paymentHeader,
#addCardContent h2.paymentHeader {
	color: #646464;
	font-size: 20px;
}
#creditCardContent h2.under13Header, #addCardContent h2.under13Header {
	color:#DD0915;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	margin-left:-16px;
	width:500px;	
}
#creditCardContent h2.paymentHeader{
	margin-left: 30px;
}
#creditCardContent h2.paymentHeader.under13{
	margin-left: 5px;
}

#addCardContent h2.paymentHeader{
	margin-left: 14px;
}
#addCardContent h2.paymentHeader.under13{
	clear: left;
}
#creditCardContent h3 {
	color: #646464;
	font-size: 12px;	
		
}
#creditCardContent #labels,
#addCardContent #labels {	
	float: left;	
	
}

#creditCardContent #fields,
#addCardContent #fields {
	position: relative;
	float: left;	
	left: -70px;
	top: -15px;
}



#creditCardContent #buttons {
	clear:left;
	padding-top:22px;	
}
#creditCardContent #creditForm {
	margin: 0;
}
/*deferring to christians input styling
#creditCardContent .textInput,
#addCardContent .textInput {
	height: 23px;
	width: 200px;	
}

#creditCardContent input,#creditCardContent select,
#addCardContent input,#addCardContent select {
 margin: 0 0 15px 0;	
}*/
#creditCardContent select {
 margin: 0 17px 2px 0;	
}
.addCardContent .privacyMessage {
	clear:both;
	font-size:11px;
	font-weight:bold;
	margin-bottom: 25px;
	margin-left:-30px;
	margin-top: 15px;
	position: static !ie;
	text-align:center;
	top: 10px !ie;
	width:429px;
}
#creditCardContent label,
.addCardContent label {
	display: block;
	font-size: 12px;
	font-weight: bold;	
	margin: 0 12px 0 0;
	text-align: right;
}
#creditCardContent .price {
	font-weight: bold;	
}

#creditCardContent #slash {
	height:10px;
	left:173px;
	margin-right:15px;
	top:57px;
	width:50px;
}

#creditCardContent .price .originalPrice {
	margin-right: 12px;	
}
#creditCardContent .movieTitle {
	font-size: 18px;	
}
#creditCardContent #saveCardBox .textboxFix,
#addCardContent #saveCardBox .textboxFix {
	float: left;
	position: relative;
	text-align: center;
	top: 7px;
}

#saveCard {
	float: left;	
	margin-top: 2px;
}

#creditCardContent #saveCardBox .saveCardMessage,
#addCardContent #saveCardBox .saveCardMessage {
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	width: 236px;
	line-height: 15px !ie;
}
#creditCardContent #saveCardBox .saveCardHeader,
#addCardContent #saveCardBox .saveCardHeader,
#under13Box .under13Header {
	color: 	#3B486A;
	font-size: 13px;
	font-weight: bold;
}
#creditCardContent #saveCardBox .saveCardHorizontalRule,
#addCardContent #saveCardBox .saveCardHorizontalRule,
#under13Box .under13HorizontalRule {
	background-color: #CCCCCC;	
	height: 1px;
	margin: 5px 0 6px 14px;	
	width: 286px;
}
#creditCardContent #saveCardBox .saveCardMessageContainer,
#addCardContent #saveCardBox .saveCardMessageContainer {
	margin-left: 30px;
}

#addCardContent .billingIssueMessage {
	font-size:11px;
	font-weight:bold;
	left:730px;
	position:absolute;	
	top: 378px;
}

#addCardContent #buttons {
	clear: both;
	margin:15px 0 0 0;	
	position: static !ie;
}
#creditCardContent #releaseDateLabel,
#creditCardContent #runTimeLabel {
	display: inline;	
}
#creditCardContent .lockIcon,
#addCardContent .lockIcon{
	background: transparent url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png24.png') no-repeat scroll -233px -77px;
	height: 20px;
	position: relative;
	left: 5px;
	top: 4px;
	width: 14px;
}

#bottomContainer {
	clear:left;
	margin-left:36px;
}
#creditCardContent .grayBoxTop,#addCardContent .grayBoxTop{
	background:url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8Gray.png') no-repeat scroll -621px -264px transparent;
	height:10px;
	width:312px;	
}

#creditCardContent .grayBoxBottom,#addCardContent .grayBoxBottom  {
	background:url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8Gray.png') no-repeat scroll -621px -277px transparent;
	height:11px;
	width:312px;	
}
#creditCardContent #saveCardBox,
#addCardContent #saveCardBox, #creditCardContent #under13Box,#addCardContent #under13Box{

	clear: left;	
	background-color: #E8E8E8;
	margin: 0px 15px 0px 0;
	text-align: center;
	width: 312px;
	
}
#creditCardContent #under13BoxTop,#addCardContent #under13BoxTop{
	margin-top: 20px;	
}
#creditCardContent .under13MessageContainer, #addCardContent .under13MessageContainer {
	font-size:10px;
	font-weight:bold;
	margin-left:22px;
	text-align:left;
	width:285px;	
}

#addUnder13Container{
	margin: 0 0 0 30px;	
}
#creditCardContent	.detailText {
	color: #434343;
	font-size: 12px;
	font-weight: bold;
		
}
#creditCardContent .buttonInputLg,
#addCardContent .buttonInputLg{	
	background: transparent url(https://s.dolimg.com/en-US/3257w-r/media/sprite_png24.png) no-repeat scroll -933px -428px;
	border: none;
	color: white;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin-right: 31px;
	height: 29px;
	width: 172px;
}
#creditCardContent .buttonInputLg:hover,
#addCardContent .buttonInputLg:hover{
	background: transparent url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png24.png') no-repeat scroll -366px -352px;
	color: #2a4c8c;
	cursor:pointer;
}
#creditCardContent .buttonInputLg .active,
#addCardContent .buttonInputLg .active{
	background: transparent url('https://s.dolimg.com/en-US/3257w-r/media/sprite_pngGray.png') no-repeat scroll -822px -795px;
	color: #BCBBBB;
}
#creditCardContent #paymentInformation .requiredRed,
#addCardContent #paymentInformation .requiredRed {
	left: 3px;
	margin: 0 3px 0 0;
	position: relative;
	/*top: 6px;	*/
}
.requiredRed {
	font-size:20px;
	font-weight:bold;
}
#creditCardContent .requiredText,
#addCardContent .requiredText {
	float: left;
	color: #dd0915;
	font-size: 12px;
	font-weight: bold;
	left: 358px;
	padding-top: 4px;
	position: relative;	
	top: -50px;

}
.clientValidationErrorText {
	color: #dd0915;	
	font-size: 14px;
	margin: 0 0 3px 219px;
	width: 285px;
	
} 
#creditCardContent #movieInformation .horizontalSeparator {	
	margin: 3px 0 3px 0;
	width: 280px;	
}

#creditCardContent #paymentInformation .horizontalSeparator {	
	width: 380px;	
}
#addCardContent #paymentInformation .horizontalSeparator {
	width: 376px;	
}

#creditCardContent #help.purchase {
	
}

#creditCardContent #help.upgrade {
	
}
#creditCardContent #help.rental {
	
}
/* END Credit Card Page*/
/* -- Form Field styling --  */
.formContent {
	margin-top:10px;
	font-size:13px;
}

#accountForm .fieldRow {
	float:left;
	font-size:13px;
/*	height:25px; */
	margin:9px auto;
	width:763px;
	position:relative;
}

#creditForm .fieldRow{
	float:left;
	min-height:25px;
	margin: 0 0 10px 0;	
	font-size:13px;
}
#cardExpireMonth{
	margin: 0 15px 0 0;
}
#cardExpireMonthErrorText{
	clear: left;	
}

#accountForm .fieldRow>*, #creditForm .fieldRow>* {
	display:block;
	float:left;
}

#accountForm .fieldRow .fieldError {
	color:#DD0915;
	display:block;
	font-size:11px;
	margin:5px 0 0 349px;
	position:relative;
	width:400px;
}

#accountForm .fieldRow .save, #creditForm .fieldRow .save {
		display:none;
}

#accountForm .fieldRow label, #creditForm .fieldRow label {
	margin:6px 10px 0 130px;
	text-align:right;
	width:205px;
}
 #creditForm .fieldRow label {
	margin: 0px 10px 0 0px;
}
 #creditForm .fieldRow label {
 	margin: -2px 10px 0 0px;
 }

.fieldWrapper .change,
.fieldWrapper .view {
	font-weight:bold;
	padding-top:8px;
}

.fieldWrapper .change #creditCardInfo_none {
	margin-top:-2px;
}

.change span,
.save span {
	font-weight:normal;
	margin:0 5px 0 0px;
}

.view span {
	font-weight:normal;
}

.change a,
.change a:hover,
.change a:visited,
.save a,
.save a:hover,
.save a:visited,
.view a,
.view a:hover,
.view a:visited  {
	color:#00aff0;
	text-transform: capitalize;
}

.save {
	display:none;
}

label .requiredRed {
	font-weight:bold;
	font-size:18px;
	position:relative;
	top:0px;
	left:-5px;
	vertical-align:middle;
}

form .longField, #accountForm .longField {
	background: url('https://s.dolimg.com/en-US/3257w-r/media/sprite_png8Gray.png') no-repeat 0 -421px transparent;
	float:left;
	font-size:12px;
	height:42px;
	margin:5px auto 60px 226px;
	padding-top:15px;
	position:relative;
	width:315px;
}

.longField #registerOptInLabel {
	display:block;
	float:left;
	width:275px;
}

#accountForm #registerOptIn,
.formContent #registerOptIn {
	display:block;
	float:left;
	font-size:100%;
	margin:8px 6px 10px;
}
