/* DEFAULT CSS */
/* DEFAULT SKIN  */

/* elements */

html{
	min-height: 100%;
	height: auto;
}

body {
	background-color: #0e0a44;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 80px;
	font-size: 12px;
	color: #222222;
}

body, a {
	font-family: Arial, Helvetica, sans-serif;
}

a,
a:visited {
	color: #0072cf;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.blueLink,
.blueLink:visited {
	color: #0072cf;
}

.redLink,
.redLink:visited {
	color: #ff0000;
}

.greyLink,
.greyLink:visited {
	color: #222222;
}

.greenLink,
.greenLink:visited {
	color: #8bba28;
}

.whiteLink,
.whiteLink:visited {
	color: #ffffff;
}

p {
	margin-top: 0px;
	margin-bottom: 0px;
}

hr {
	height: 2px;
	width: 100%;
	border: 0px;
	color: #ECECEC;
	background-color: #ECECEC;
}

option {
	padding-right: 10px;
}

form {
	margin: 0px;
	padding: 0px;
	display: inline;
}

img {
	border: 0px;
}

h1 {
	font-size: 35px;
	color: #ffba00;
	margin-bottom: 25px
}

h1 span.line2,
span.line2 {
	color: #666666;
	display: block;
	margin-top: 0px;
	font-size: 15px;
}

h2,
h3,
h4,
h5,
h6 {
	color: #222222;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 17px;
}

h4 {
	font-size: 15px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}



.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clear {
	clear: both;
}

.commonTextInput {
	height: 16px;
	border-top: #777777 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-bottom: #dddddd 1px solid;
}

.commonTextArea {
	border-top: #777777 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-bottom: #dddddd 1px solid;
}

select .commonSelect {
	height: 18px;
	border-top: #777777 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-bottom: #dddddd 1px solid;
	font-size: 11px;
}

.button {
	font-size: 8px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #f1f1f1;
	cursor: pointer;
	text-transform: uppercase;
}

.textButton {
	border: 0px;
	background-color: #ffffff;
	font-size: 10px;
	color: #333333;
	padding: 1px 2px;
	cursor: pointer;
	border: 1px solid #ffffff;
}
.textButton:hover {
	border: 1px solid #A4CE4A;
}

/* layout */

.moduleWide2 {
	margin: auto;
	width: 970px
}

.moduleWideTop2 {
	height: 25px;
	background-image: url(../../imgs/common/module/wide/bg_mod_wide_top.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.moduleWideMiddle2 {
	border-left: 1px solid #cadee7;
	border-right: 1px solid #cadee7;
	width: 916px; /* 970 - 26 - 26 */
	background-color: #ffffff;
	padding: 25px 26px 25px 26px;
	vertical-align: top;
}

.moduleWideBottom2 {
	height: 2px;
	background-image: url(../../imgs/common/module/wide/bg_mod_wide_bottom.gif);
	background-repeat: no-repeat;
}

.moduleWide {
	margin: auto;
	border-collapse: collapse;
}

.moduleWideTop {
	height: 6px;
	background-image: url(../../imgs/common/module/wide/bg_mod_wide_top.gif);
}
.moduleWideBottom {
	height: 7px;
	background-image: url(../../imgs/common/module/wide/bg_mod_wide_bottom.gif);
}
.moduleWideLeft {
	width: 8px;
	background-image: url(../../imgs/common/module/wide/bg_mod_wide_left.gif)
}
.moduleWideRight {
	width: 8px;
	background-image: url(../../imgs/common/module/wide/bg_mod_wide_right.gif)
}
.moduleWideContent {
	/*height: 500px;*/
	width: 962px;
	background-color: #ffffff;
	vertical-align: top;
	min-height: 600px;
}

.moduleThin {
	border-collapse: collapse;

}

.moduleThinTop {
	width: 482px;
	height: 8px;
	background-image: url(../../imgs/common/module/thin/bg_mod_thin_top.gif);
}

.moduleThinMiddle {
	width: 422px; /* 482 - 30 - 30 */
	padding: 20px 30px;
	background-image: url(../../imgs/common/module/thin/bg_mod_thin_middle.gif);
}
.moduleThinBottom {
	width: 482px;
	height: 7px;
	background-image: url(../../imgs/common/module/thin/bg_mod_thin_bottom.gif);
}

.contentDropShadowLeft{
	margin:auto;
	width:991px;
}
.contentDropShadowRight{
	width:991px;
}
.innerContainer{
	width:951px;
	padding:0px 20px;
	margin:auto;
	background-color:#FFFFFF;
}
.contentDropShadowBottom{
	margin:auto;
	width:988px;
	height:12px;
}
.navDropShadowLeft{
	margin: 0 auto;
}
.navDropShadowRight{
}

.backgroundContainer{
	
}

div.contentContainer {
	margin-top: 5px; /* 50 - 35 (stepContainer) */
	padding-bottom: 30px;
}

#content {
	width: 950px;
	margin: 0px auto 0px auto;
	text-align: left;
	min-height: 400px;
}

#content_tb {
	width: 844px;
	height: 560px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	background-color: #ffffff;
	padding: 0px;
}
div.mainContainer {
	padding: 0 36px 0 35px;
	width:991px;
	margin:auto;
}

.stepContainer {
	width: 950px;
	margin: 0px auto 0px auto;
	padding-top:15px;
	text-align: right;
	font-size: 14px;
	vertical-align: text-bottom;
	/*font-weight: bold;*/
	color: #222222;
}

.stepContainer .step {
	margin-left: 20px;
	position: relative;
	float: right;
}

.stepContainer .subLabel {
	position: absolute;
	top: 22px;
	left: 0px;
	font-size: 11px;
	font-weight: normal;
	color: #444444;
	text-align: left;
	white-space:nowrap;
}

.stepContainer .active {
	color: #8bba28;
}

.stepContainer .inactive {
}

div.marqueeContainer {
	margin-top: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #7db4eb;
	padding: 0px;
	position: relative;
}

div.marquee {
	width: 950px;
	margin: 0px auto 0px auto;
	text-align: left;
}



#rightBox {
	background-image: url(../../imgs/films/ppv/bg_right_box.gif);
	width: 267px;
	height: 336px;
	padding: 30px;
}

#rightBoxLong {
	background-image: url(../../imgs/ecards/send/bg_right_box_long.jpg);
	width: 268px;
	height: 447px;
	padding: 30px;
}

.pagination {
	text-align: right;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.pagination img{
	position:relative;
	top:2px;
}

.bodyTitle {
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.message {
	margin-bottom: 15px;
	font-size: 13px;
	text-align: left;
}

.instructions {
	margin-bottom: 10px;
	font-size: 13px;
	text-align: left;
}

.highlight {
	color: #eeae32;
	font-weight: bold;
}

/* header */

#header {
	width: 1006px;
	margin: auto;
	padding: 0 0 0 56px;
	position: relative;
}
#header #logo {
	float: left;
	padding: 8px 0 15px 0;
}
#header #logo a {
	display: block;
}
#header #logo img {
	display: block;
}
/* footer */
/*
.footerContainer{
	background-image:url(../../imgs/common/bg_body_bottom.gif);
	background-repeat:repeat-x;
	height:110px;
}
*/
.footer {
	font-size: 12px;
	padding: 5px 0;
	margin: 0px auto;
	width: 991px;
	position: relative;
}
.footer, .footer a, .footer a:visited {
	font-size: 12px;
	color:#ffffff;
}
.footer a:hover {

}

/*===========================================*/
/* Navigation
/*===========================================*/
#topnav {
	text-align: right;
	padding: 16px 66px 0 0;
	background: transparent url('/skins/default/imgs/common/topnav_line.png') no-repeat top right;
}
#topnav ul {
	list-style-type: none;
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
	max-width: 740px;
}
#topnav ul li {
	float: left;
	display: block;
	margin: 0 0 0 14px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	height: 14px;
	color: #fff;
}
#topnav ul a, #topnav ul a:visited {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#topnav ul a:hover, #topnav ul a:active {
	text-decoration: underline;
}
.headerNavigation {
	padding: 0px 0px 10px;
}

.userNavigation {
	font-size: 11px;
	/*font-weight: bold;*/
	color:#ffffff;
}

.userNavigation a, .userNavigation a:visited {
	font-size: 11px;
	text-decoration: none;
	/*font-weight: bold;*/
	color:#ffffff;
}

.userNavigation a:hover {
	text-decoration: underline;
}

.userNavigation span {
	margin: 0px 4px;

}

.userNavigation span.sep {
	margin-left: 3px;
	margin-right: 3px;
	color:#ffffff;
}

.userNavigation img {
	margin-left: 2px;
	position: relative;
	top: 1px;
}

.formError {
	font-size: 11px;
	color: #FF0000;
	border: 1px solid #ffd6d6;
	background-color: #ffe7e7;
	padding-left: 2px 6px;
}

.formSuccess {
	font-size: 11px;
	color: #009900;
	border: 1px solid #179735;
	background-color: #D3FCDC;
	padding: 2px 6px;
}

.required {
	color: #ff0000;
}
/*
#userAlert {
	background-image: url(../imgs/bgs/user_alert.gif);
	height: 32px;
	width: 567px;

}

#userAlert span {
	margin-left: 40px;
	position: relative;
	top: 9px;
	color: #F0AD2E;
	font-weight: bold;
}
*/

/* common table should be most common table in site */
.commonTable {

}

.commonTable th {
	text-align: right;
	font-size: 11px;
	/*color: #33333;*/
	padding: 3px 5px 3px 0px;


}

.commonTable td {
	text-align: left;
	padding: 3px 0px 3px 0px;
}

/* loader graphic */
.loadingBar {
	text-align: center;
	padding: 50px;

}

.loadingBar img {
	margin-top: 5px;
}

.moduleBasic {
	min-height: 548px; /*   */
	width: 903px;/*   */
	margin: auto;
	background-image: url(../../imgs/login/bg_mod_login_center.jpg);
	background-repeat: repeat-x;
	background-color: #d3e4eb;
}



/*===========================================*/
/* Column Layout Styles
/*===========================================*/

div.standard160 {
	width: 160px;
}

/* 4 column hack */

table.fourColumnLayout {
	width: 100%; /* 950 */
	border-collapse: collapse;
}

/* 950 */
/* 200| 50 |200| 50 |200| 50 |200 */
table.fourColumnLayout th.columnA,
table.fourColumnLayout th.columnB,
table.fourColumnLayout th.columnC,
table.fourColumnLayout th.columnD,
table.fourColumnLayout td.columnA,
table.fourColumnLayout td.columnB,
table.fourColumnLayout td.columnC,
table.fourColumnLayout td.columnD {
	width: 200px;
	padding: 0px;
	vertical-align: top;
}

table.fourColumnLayout th.columnA,
table.fourColumnLayout th.columnB,
table.fourColumnLayout th.columnC,
table.fourColumnLayout th.columnD {
	padding-bottom: 15px;
}

table.fourColumnLayout th.columnA {
	padding-right: 25px;
}

table.fourColumnLayout th.columnB {
	padding-left: 25px;
	padding-right: 25px;
}

table.fourColumnLayout th.columnC {
	padding-left: 25px;
	padding-right: 25px;
}

table.fourColumnLayout th.columnD {
	padding-left: 25px;
}

table.fourColumnLayout td.columnA {
	padding-right: 24px;
	border-right: 1px solid #e8f0f8;
}

table.fourColumnLayout td.columnB {
	padding-left: 25px;
	padding-right: 24px;
	border-right: 1px solid #e8f0f8;
}

table.fourColumnLayout td.columnC {
	padding-left: 25px;
	padding-right: 24px;
	border-right: 1px solid #e8f0f8;
}

table.fourColumnLayout td.columnD {
	padding-left: 25px;
}

/* 4 column hack */

table.threeColumnLayout160 {
	width: 100%; /* 950 */
	border-collapse: collapse;
}

/* 950 */
/* 160|20 |590| 20|160 */
table.threeColumnLayout160 th.columnA,
table.threeColumnLayout160 th.columnC,
table.threeColumnLayout160 td.columnA,
table.threeColumnLayout160 td.columnC {
	width: 160px;
	padding: 0px;
	vertical-align: top;
}

table.threeColumnLayout160 th.columnB,
table.threeColumnLayout160 td.columnB {
	width: 590px;
	padding: 0px;
	vertical-align: top;
}

table.threeColumnLayout160 th.columnA,
table.threeColumnLayout160 th.columnB,
table.threeColumnLayout160 th.columnC {
	padding-bottom: 15px;
}

table.threeColumnLayout160 th.columnA,
table.threeColumnLayout160 td.columnA {
	padding-right: 10px;
}

table.threeColumnLayout160 th.columnB,
table.threeColumnLayout160 td.columnB {
	padding-left: 10px;
	padding-right: 10px;
}

/* IE5.5, IE6 hack */
* html table.threeColumnLayout160 th.columnB,
* html table.threeColumnLayout160 td.columnB {
	padding-left: 10px;
	padding-right: 0px;
}

table.threeColumnLayout160 th.columnC,
table.threeColumnLayout160 td.columnC {
	padding-left: 10px;
}

/* IE5.5, IE6 hack */
* html table.threeColumnLayout160 th.columnC,
* html table.threeColumnLayout160 td.columnC {
	padding-left: 0px;
}

/* IE7 hack */
*:first-child+html table.threeColumnLayout160 th.columnC,
*:first-child+html table.threeColumnLayout160 td.columnC {
	padding-left: 0px;
}



/* 160px vertical nav menus */
#menu li{
	list-style:none;	
}
.navVertLeft {
	width: 159px;
	float: left;
	border-right: 1px solid #eaf3fc;
	border-top: 1px solid #eaf3fc;
	font-size: 14px;
	text-align: left;
}

.navVertRight {
	width: 159px;
	float: left;
	border-left: 1px solid #eaf3fc;
	border-top: 1px solid #eaf3fc;
	font-size: 14px;
	text-align: left;
}

.navVertLeft div,
.navVertRight div {
	padding-left: 10px;
}

.navVertLeftNaked {
	width: 160px;
	float: left;
	font-size: 14px;
	text-align: left;
}

.navVertLeftNaked div,
.navVertLeft div,
.navVertRight div {
	padding-left: 10px;
}

.navVertHead,
.navVertHeadMid {
	background-color: #e1eefa;
	font-size: 13px;
	color: #222222;
	padding: 10px;
	margin-bottom: 15px;
}

.navVertHeadMid {
	margin-top: 25px;
}

.navVertLeftNaked a {
	font-size: 15px;
}

a.navVertLinkActive,
a.navVertLinkActive:visited {
	color: #8bba28;
}

.boxWrapTopBlue,
.boxWrapTopBotBlue {
	border-top: 1px solid #eaf3fc;
	padding-top: 10px;
}

.boxWrapBotBlue,
.boxWrapTopBotBlue {
	border-bottom: 1px solid #eaf3fc;
	padding-bottom: 10px;
}

/*===========================================*/
/* Invite Friend Popup
/*===========================================*/

#inviteFriendPopup {
	background-color: #E1EEFA;
	width: 340px;
	border: 1px solid #7db4eb;
	padding: 8px;
	position: absolute;
	right: 4px;

	top: 30px;
	display: none;
	z-index: 105;
	vertical-align: top;
	text-align: left;
}
/* ie 6 position hack */
* html #inviteFriendPopup{
	right:-200px;
}
/* ie 7 position hack */
*:first-child+html #inviteFriendPopup { 
	right:-200px;
 }


#inviteFriendPopupHeader {
}

#inviteFriendPopup h3 {
	text-align: left;
}

#inviteFriendPopup .formError {
	color: red;
}

#inviteFriendPopup input,
#inviteFriendPopup textarea {
	width: 220px;
	float: right;
	margin-bottom: 4px;
	margin-right: 4px;
	padding-bottom: 0px;
}

#inviteFriendPopup textarea {
	height: 80px;
}

#inviteFriendPopupSuccess {
}

/*===========================================*/
/* Common Film Box Elements
/*===========================================*/

div.filmInfoBoxWhite,
div.filmInfoBoxBlue {
	background-image: url('../../imgs/common/films/bg_film_infobox_white.png');
	background-repeat: no-repeat;
	padding: 10px;
	width: 160px; /* 180 - 10 - 10 */
	height: 109px; /* 129 - 10 - 10 */
	margin-bottom: 10px;
	font-size: 12px;
	color: #3f79dc;
	position: relative;
}

div.filmInfoBoxBlue {
	background-image: url('../../imgs/common/films/bg_film_infobox_blue.png');
}

/* IE5.5, IE6 hack */
* html div.filmInfoBoxWhite,
* html div.filmInfoBoxBlue {
	padding-bottom: 5px;
}

div.filmInfoBoxWhite .filmInfoAjaxContainer,
div.filmInfoBoxBlue .filmInfoAjaxContainer {
	width: 160px;
	height: 90px;
	background-color: #000000;
}

div.filmInfoBoxWhite div.fcplus_icon {
	position: absolute;
	left: -8px;
	top: -4px;
	z-index: 99;
}
div.filmInfoBoxWhite div.fcplus_icon img {
	display: block;
}

div.filmInfoBoxSmall {
	background-image: url('../../imgs/common/films/bg_film_infobox_small_ffffff_f3f3f3.png');
	background-repeat: no-repeat;
	padding: 6px;
	width: 120px; /* 132 - 6 - 6 */
	height: 67px; /* 79 - 6 - 6 */
	font-size: 12px;
	color: #222222;
}

/* IE5.5, IE6 hack */
* html div.filmInfoBoxSmall {
	margin-bottom: 0px;
	padding-bottom: 3px;
}

div.filmInfoBoxSmall .filmInfoAjaxContainer {
	width: 120px;
	height: 67px;
}

div.filmInfoBoxTinyWhite,
div.filmInfoBoxTinyGrey {
	background-image: url('../../imgs/common/films/bg_film_infobox_tiny_white.png');
	background-repeat: no-repeat;
	padding: 6px;
	width: 64px; /* 76 - 6 - 6 */
	height: 36px; /* 48 - 6 - 6 */
	margin-bottom: 10px;
	font-size: 12px;
	color: #3f79dc;
}

div.filmInfoBoxTinyGrey {
	background-image: url('../../imgs/common/films/bg_film_infobox_tiny_grey.png');
}

/* IE5.5, IE6 hack */
* html div.filmInfoBoxTinyWhite,
* html div.filmInfoBoxTinyGrey {
	padding-bottom: 3px;
}

/* IE5.5, IE6 hack */
* html .filmInfoAjaxContainer {
	background-color: transparent;
	padding-bottom: 0px;
}

.filmPlayIconContainer {
	position: relative;
	z-index: 1;
}

/* 160 x 90 */
.filmPlayIcon {
	width: 114px;
	height: 21px;
	position: absolute;
	top: 34px; /* 90 / 2 - 21 / 2 */
	left: 16px; /* 160 / 2 - 114 / 2 */
	z-index: 2;
}

/*===========================================*/
/* Common Login Box Elements
/*===========================================*/

.loginForm {
	padding: 54px 0px 54px 0px;
	width: 380px; /* 341 -  */
	background-color: #e1eefa;
}

.loginForm div {

}

.loginTable {

}

.loginTable th {
	text-align: right;
	padding-right: 3px;
	font-weight: normal;
}
.loginTable td {
	text-align: left;
}

.listLine{
	padding-bottom: 15px;
	font-size: 16px;
	white-space: nowrap;
}

/*===========================================*/
/* Common Elements
/*===========================================*/

.logoBlue,
.logoBlue:visited {
	color: #005eab;
}

div.quoteBubbleBlue,
div.quoteBubbleYellow {
	font-size: 13px;
	color: #005eab;
	background-repeat: no-repeat;
	width: 150px; /* 190 - 40 */
	height: 74px; /* 124 - 50 */
	padding: 25px 20px 25px 20px;
	margin-bottom: 15px;
	line-height: 1.4;
	cursor: pointer;
}

div.quoteBubbleBlue {
	background-image: url('../../imgs/home/bg_quote_blue.gif');
}

div.quoteBubbleYellow {
	background-image: url('../../imgs/home/bg_quote_yellow.gif');
}

div.stdboxNarrow {
	width: 117px;
	background-image: url('../../imgs/common/bg_stdbox_narrow_slice.png');
	background-repeat: repeat-y;
	margin: 0px;
	padding: 10px;
	text-align: center;
}

div.stdboxNarrowTop {
	background-image: url('../../imgs/common/bg_stdbox_narrow_top.png');
	background-repeat: no-repeat;
	height: 4px;
	margin: 0px;
	text-align: center;
}

div.stdboxNarrowBottom {
	background-image: url('../../imgs/common/bg_stdbox_narrow_bottom.png');
	background-repeat: no-repeat;
	height: 4px;
	margin: 0px;
	text-align: center;
}

* html div.stdboxNarrowTop,
* html div.stdboxNarrowBottom {
	font-size: 1px;
}

/* CSS Styles for the share widget and container */

.shareButton{
	text-align:left;
	padding: 5px 0 5px 15px;
	display: block;
	text-decoration: none !important;
}
.shareButtonImg{
	padding-right:3px;
	margin-bottom:-3px;
}

/* pricing table on help section */

table.helpPricing {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #999;
	margin-top: 12px;
}
table.helpPricing td {
	padding: 5px;
	border-bottom: 1px solid #777;
}
table.helpPricing tr.last td {
	border-bottom: none;
}
table.helpPricing tr.alt td {
	background-color: #eee;
}
table.helpPricing td.number {
	text-align: right;
}