body, html, #container, #content {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
	color: #111;
	font-weight: bold;
	font-family: Arial,Helvetica,Sans-Serif; 
	background: #b8baba url(/styleseries/obj/images/gradient_bg.gif) repeat-x 0 0;
}


img { display: block; }
label {line-height: 120%; }
label, input { display: block; }
.txtLarge { width: 200px; }
.txtLarge input { width: 194px; }

#permissionText label { float: left; width: 280px; }
#permissionText input { float: left; margin-right: 15px; }

#permissionNote, #permissionText label { font-weight: normal; line-height: 110%; font-size: 10px; }
#permissionNote { float: left; margin: 0 0 0 40px; color: #111; width: 260px; padding: 2px 0 0 0; }
#permissionNote div { float: left; }
#permissionNote a { color: #333; }
#permissionNote a:hover { color: #000; }

#container {
	position: relative;
	background: transparent url(/styleseries/img/clear.gif) no-repeat 0 0;
}
.clearcoat { background: transparent url(/styleseries/img/clear.gif) repeat 0 0; }
.macfixWrapper {
	/* background: transparent none; */
	/* background: transparent url(/styleseries/img/clear.gif) repeat 0; */
	background: #ccc url(/styleseries/img/form/bg1.jpg) no-repeat left bottom !important; 
	}

/*
#content {
	position: absolute;
	z-index: 11;
	top: 0;
	left: 50%;
	width: 1700px;
	height: 1400px;
	margin-left: -850px;
	background-color: transparent;
	text-align: center;
	overflow: hidden;
}
*/
#content {
	position: absolute;
	z-index: 11;
	top: 0;
	left: 50%;
	width: 100%;
	height: 100%;
	min-height: 600px;
	margin-left: -50%;
	background-color: #ccc;
	text-align: center;
}

#scrollBarFor800x600 {
	position: absolute;
	z-index: 7;
	top: 0;
	left: 50%;
	width: 800px;
	height: 600px;
	margin-left: -400px;
	text-align: center;
	overflow: visible;
}

.minHeight
{
    margin: 0 -1px 0 0; /* Hidden 1px to the right so that elements 100% within middle will not be forced below this */
    height: 600px;
    float: right;
    width: 1px;
}

#noFlashContent {
	text-align: center;
	padding: 30px 100px;
}

#tempControls {
	position: absolute;
	z-index: 15;
	top: 5px;
	left: 5px;
	padding: 5px;
	background: #555 none;
	}

#inviteHeader, #inviteHeaderCover {
	position: absolute;
	z-index: 22;
	top: 225px;
	left: 50%;
	width: 428px;
	height: 60px;
	margin-left: -214px;
	text-align: center;
	background: transparent url(/styleseries/img/clear.gif) repeat 0;
}
#inviteHeaderCover { z-index: 33; height: 65px; padding: 0 0 0 100px; margin-left: -314px; }
#inviteHeader h2 { text-align: center; font-size: 140%; line-height: 110%; margin: 5px 0 0 0; }

#inviteFormMessage { text-align: left;}
#requiredFieldsText { width: 50%;margin-top:-5px}
#errorMessageText { float: right; font-size: 110%; padding-right: 10px; text-align: right; }

#inviteWrapper {
	position: absolute;
	z-index: 22;
	top: 280px;
	left: 50%;
	width: 598px;
	height: 225px;
	margin-left: -297px;
	text-align: center;
	background: transparent none;
	/* background: transparent url(/styleseries/img/clear.gif) no-repeat 0; */
	/* background: #ccc url(/styleseries/img/form/bg1.jpg) no-repeat 0; */
}

#footerLegal {
	position: absolute;
	z-index: 33;
	top: 545px;
	left: 50%;
	width: 598px;
	height: 25px;
	margin-left: -297px;
	text-align: center;
	color: #444;
	font-size: 80%;
	background: transparent url(/styleseries/img/clear.gif) repeat 0; 
}
#footerLegal a {
	color: #444;
}
#footerLegal a:hover {
	color: #555;
}

#btnSendEmail {
	cursor:pointer;
	border:0;
	height:27px;
	width:87px;
 }





#invitePanel { margin: 0 0 0 85px; text-align: left; }
#sendButtonDiv { padding: 20px 0 0 0; height: 27px; }


.formcell { float: left; padding: 10px 20px 0 0; height: 35px; }
.left { float: left; }
.right { float: right; }
.securityCodeDisplay { width: 200px; }
.securityCodeDisplay div { float: left; }
.securityCodeDisplay img { display: block; padding: 0; margin: 0 0 0 4px;} 
#securityCodeText { line-height: 100%; }
#securityCodeReload { margin: 0 0 0 4px; padding: 12px 2px 0 0; text-decoration: underline; cursor: pointer;
	background: transparent url(/styleseries/img/clear.gif) repeat 0 0; }
.invisible { visibility: hidden; }

.error, #errorMessageText { color: #ff0000; }

#inviteConfirmation {
	display: none;
	margin: 0 100px 0 100px;
}
#inviteConfirmation h2 {
	color: red;
	font-size: 170%;
	margin: 0 0 30px 0;
}
#inviteConfirmation p {
	font-size: 120%;
	line-height: 125%; 
	margin: 20px 0;
}
#inviteConfirmationSuccess, #inviteConfirmationFailed {
	display: none;
}
#confirmFriendEmail {
	color: red; 
}
#inviteConfirmationSuccess a { color: #444;}
#inviteConfirmationSuccess a:hover { color: #000;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }
    
/****Common elements from Main Site CSS *****/

iframe#contact-us, iframe#share-it {
	border:1px solid #000000;
	display:none;
	height:675px;
	left:0;
	position:absolute;
	top:0;
	width:600px;
}

.jqmInner p#closeBtn {
	display:none;
	float:right;
	text-decoration:underline;
	cursor:pointer;
}

.jqmInner p {
	color:#000;
	font-size:1.1em;
	padding-bottom:15px;
}

.jqmInner h1 {
	color:#e51e2b;
	font-size:2.1em;
	font-weight:normal;
	padding-bottom:5px;
	text-transform:uppercase;
}

.jqmInner h1#privacyPolicy {
	background:url(/images/hdr/hdrPirvacyPolicy.png) no-repeat left top;
	height:16px;
	text-indent:-10000px;
}

.jqmInner h1#termsOfUse {
	background:url(/images/hdr/hdrTermsOfUse.png) no-repeat left top;
	height:16px;
	padding-bottom:20px;
	text-indent:-10000px;
}

.jqmInner h2 {
	color:#333;
	font-size:1.5em;
	font-weight:normal;
	overflow:hidden;
	padding-bottom:10px;
	text-transform:uppercase;
}

.jqmInner h3, h4, h5 {
	clear:both;
	color:#000;
	font-size:1.1em;
	font-weight:bold;
}

.jqmWindow ul, .jqmWindow ol {
	list-style-type:disc;
	padding:0pt 0pt 0pt 25px;
}

.jqmWindow li {
	color:#000000;
	font-size:1.0em;
	margin-top:5px;
}

.jqmWindow a {
	color:#000000;
}

iframe#contact-us,
iframe#share-it {
	border:1px solid #000000;
	display:none;
	height:675px;
	left:0pt;
	position:absolute;
	top:0pt;
	width:600px;
}

iframe#share-it {
	height:405px;
}


body.rateShare #content {
	min-height:0;
}

#iframeForms {
	left:50%;
	margin-left:-300px;
	position:absolute;
	top:10%;
	width:600px;
	z-index:3000;
}

#iframeForms p#closeBtn {
	cursor:pointer;
	display:none;
	float:right;
	position:relative;
	right:119px;
	text-decoration:underline;
	top:26px;
	z-index:3001;
}