/********************************
* GENERAL CSS *
********************************/
body
{
    font-size: 11px;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color:#505050;
    letter-spacing: 0px;
    overflow: hidden;
    /*
    background: url(/img/xrated_background.gif) repeat-x #fff;
    background-color: lightblue;
    */
}

input, select, textarea 
{
    width:160px;
    padding-left:3px;
    font-size:11px;
    border:solid 1px #505050;
    color:#505050;
    /*
    color:#CC0066;
    background:transparent;
    opacity:0.5;
    moz-opacity:0.5;
    filter: alpha(opacity=50);
    */
}

select
{
    width:140px;
}

textarea
{
    height:118px;
}

.checkbox
{
    border-color:#505050;
    background-repeat:no-repeat;
    background-position:left top;
}

.floatLeft
{
    float:left; 
    overflow:hidden;
    display:inline;
    /*
    */
}
.floatRight
{
    float:Right; 
    overflow:hidden;
    display:inline;
    /*
    */
}

.bgImage
{
    background-repeat:no-repeat;
    background-position:left top;
    /*
    */
}

/*******************************
* TEMPLATE CSS *
*******************************/
#page,
#privacyWindow,
#termsWindow,
#distribWindow
{
    overflow: hidden;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-300px;
    margin-left:-475px;
    height:600px; 
    width:950px;
    background-image:url(images/jmxoLogo.jpg);
    border:solid 1px #eeeeee;
    z-index:2;
    /*
    background-color:white;
    */
}

#privacyWindow,
#termsWindow,
#distribWindow
{
    z-index:10; 
    display:none; 
	overflow:auto;
    width:462px;
    height:237px;
    margin-left:0px;
    margin-top:0px;
    border-color:pink;
    border-width:2px;
    background-color:#fff4f3;
    padding:5px;
}

#distribWindow
{
    width:250px;
    margin-left:212px;
}

#pageHolder
{
    overflow: hidden;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-250px;
    margin-left:-475px;
    height:517px; 
    width:950px;
    z-index:1;
    /*
    */
}


#pageTop
{
    position:absolute;
    height:0px;
    width:950px;
    margin-left:0px;
    z-index:12;
    /*
    */
}
#pageLeft
{
    position:absolute;
    width:750px;
    height:100%;
    z-index:10;
    /*
    */
}
#left1,
#left2,
#left3
{
    position:absolute;
	height:100%;
	width:270px;
	margin-left:0px;
    z-index:1;
    background-repeat:no-repeat;
    background-position:bottom right;
    /*
    border:solid 1px;
    */
}
#left2
{
    width:575px;
}

#pageRight
{
    float:right;
    overflow:hidden;
    display:inline;
    width:50%;
    height:100%;
    z-index:2;
    /*
    */
}
#pageRight div
{
    position:absolute;
    right:0px;
    bottom:0px;
    /*
    */
}

#pageFooter
{   
    font-size:11px;
    display:inline;
    width:98%; 
    left:1%;
    position:absolute;
    text-align:center;
    bottom:0px;
    color:grey;
}

.pageFooterLink
{
    color:#606060;
    cursor:pointer;
    margin-left:10px; 
    text-decoration:underline;
}

/***************************
    GENERAL PAGE 
 ***************************/
 
#pageTitle
{
    color:black;
    position:relative; 
    font-size:3s0px; 
    height:50px;
}
 
#pageIntro
{
    letter-spacing: 0px;
    width:262px;
}
 
/***************************
    PROFILE SURVEY PAGE 
 ***************************/

#contentBox, 
#surveyBox
{
    position:absolute;
    font-size:12px;
    top:120px;
    height:352px;
    width:525px;
    right:50px;
    /*
    */
}

/* survey specific items */
#surveyBox
{
    opacity:0;
    moz-opacity:0;
    filter: alpha(opacity=0);
    border:solid 1px pink;
    /*
    */
}
#surveyLeft
{
    height:352px;
    width:80px;
    /*
    border:solid 1px blue;
    */
}
#surveyLeft
{
	background-position:center;
}

#surveyContent
{
    height:335px;
    width:442px;
    margin-top:12px;
    /*
    */
}

#surveyHeaderObj
{
    margin-left:10px; 
}

#surveyHeader
{
    background-image:url(/img/xperiences_header.jpg);
    width:80%;
    height:85px;
    /*
    margin-top:10px;
    */
}

#surveyMeter
{
    font-size:1px;
    height:3px; 
    background-color:pink; 
    width:300px;
    border:solid 1px #FFF0F5;
    opacity:0.75;
    moz-opacity:0.75;
    filter: alpha(opacity=75);
    /*
    */
}

#surveyProgress
{
    background-color:#CC0066; 
    width:10%; 
    height:100%; 
    margin-left:2%;
    /*
    */
}


#surveyTitle
{
    margin-top:3px;
    height:60px;
    width:300px;
    background-image:url(/img/xperiences_quiz.jpg);
}


#questionObj
{
    color:#A8A8A8;
    text-transform:uppercase;
    font-size:17px;
    height:60px;
    margin-left:4%;
    width:80%;
    /*
    */
}

#surveyQuestionNum
{
    width:18px;
    height:100%;
}


.surveyOptLine
{
    width:100%;
    height:29px;
    margin-top:5px;
    cursor:pointer;
    color:#484848;
    /*
    */
}

.surveySelect
{
    height:100%;
    width:19px;
    background-image:url(/img/heart.jpg);
    /*
    */
}

.surveyResponse
{
	width:390px;
	height:100%;
	margin-top:1px;
    margin-left:22px;
    text-transform:uppercase;
    font-size:14px;
    /*
    */
}


/*
    profile specific 
*/

.pHeader,
.pDrinkIntro
{
	height:35px;
	width:60%;
    color:#CC0066;
    text-transform:uppercase;
    font-size:14px;
}
.pDrinkIntro
{
	height:21px;
	width:100%;
    font-size:12px;
    margin-top:7px;
}

.pImage
{
	padding-left:15%;
	
}

.pTitle,
.pText,
.pDrinkHeader
{
	width:90%;
    font-size:12px;
    color:grey;
}
.pDrinkHeader
{
	font-size:11px;
	margin-bottom:3px;
}
.pRecipe
{
    color:#686868;
	font-size:11px;
    margin-bottom:7px;
}
.pSend
{
    cursor:pointer;
    color:#CC0066;
}

/********************
    FORM OBJECTS
 ********************/
#formObj
{
	position:absolute;
	margin-top:20px;
	right:150px;
	height:100%;
	width:270px;
	
	/*
	border:solid 1px;
	*/
}

#formObj tr 
{
    margin:1px;
    color:grey;
}
#formHeader
{
    margin-top:5px;
    height:30px;
    width:210px;
    /*
    */
}

.contactHeader
{
    margin-right:-6px;
    background-position:center center;
}

#send_msg
{
	width:160px;
	font-size:10px;
	font-face: Arial;
	/*
	border:solid 1px;
	*/
}

#send_table
{
	font-size:11px;
}

#send_holder
{
    width:275px;
    text-align:center;
}

#send_submit,
#search_submit
{
    position:absolute;
    margin-top:-10px;
    padding:1px;
    right:0px;
	width:40px;
	color:#eb4b71;
    font-size:11px;
    border:solid 1px #eb4b71;
    text-align:center;
}


#send_submit:hover, 
#search_submit:hover 
{
  background-color: pink;
}


/************************
    RECIPE SPECIFIC
 ************************/

#search_submit
{
    margin-top:-5px;
    padding:2px;
}

#search input
{
    width:135px;
}
#search 
{
    margin-left:-5px;
    font-size:12px;
}

.send_fieldHeader
{
    width:100px;
    text-align:right;
}

#recipeBox,
#recipeFeatures, 
#newsBox, 
#newsFeatures, 
#articlePreview, 
#articleSummary,
#partyBox,
#partyOptsList, 
#partyOption
{
    position:absolute;
    width:270px;
    top:230px;
    right:-25px; 
    height:200px;
	z-index:150;
	/*
	border:solid 1px;
	*/
}


#recipeFeatures,
#newsFeatures
{
    font: 9px Arial;
    top:425px;
    height:25px;
    /*
    border:solid 1px;
    */
}

/* specific feature item */
.recipeFeature, 
.recipeFeatureLeft, 
.newsFeature
{
    margin-top:2px;
    cursor:pointer;
    position: relative;
    overflow:hidden;
    display:inline;
    width:120px;
    padding-left:13px;
    color:#eb4b71;
    background-position:top left;
    background-repeat:no-repeat;
}

.recipeFeatureLeft
{
    width:90px;
}

#recipeScrollBox
{
    position:absolute;
    top:155px;
}
#recipeScrollBox
{
    margin-left:-5px;
}


/***************
    NEWS PAGE 
 ***************/
 
#newsScrollBox
{
    position:absolute;
    top:80px;
}

#newsBox
{
    top:170px;
    height:300px;
    width:375px;
    right:25px;
}

#newsBoxHeader,
#partyBoxHeader
{
    width:100%;
    color:pink;
    font-family:Helvetica;
    font-size:17px;
    height:35px;
}

#newsKey,
#partyKey
{
    position:relative; 
    font-size:12px; 
    height:15px;
}

#articlePreview, 
#articleSummary
{
    position:relative;
    width:150px;
    top:0px;
    right:none;
    left:0px;
    height:220px;
    background-position:center left;
    background-repeat:no-repeat;
}

#articleSummary
{
    width:135px;
    height:227px;
    letter-spacing: 0px;
}

#newsFeatures
{
    top:450px;
    width:450px;
}

.newsFeature
{
    width:auto;
    margin-left:15px;
    padding-right:1px;
}


/***************
    PARTY PAGE 
 ***************/
 
#partyBox
{
    top:160px;
    height:350px;
    width:375px;
    right:25px;
}

#partyBoxHeader
{
    width:100%;
    color:pink;
    font-size:35px;
    height:38px;
}

#partyKey
{
    margin-top:40px;
    height:100px;
}
 
#partyOptsList, 
#partyOption
{
    position:relative;
    right:none;
    left:0px;
    top:0px;
    margin-bottom:10px;
    width:290px;
    height:120px;
}

#partyOptions
{
    position:relative;
    z-index:100;
    margin-left:60px;
}

 
/***************
    AGE GATE 
 ***************/
.ageGate
{
    overflow: hidden;
    position: absolute;
    height:600px;
    width:950px;
    top:50%;
    left:50%;
    margin-top:-300;
    margin-left:-475px;
    /*
    border:solid 1px;
    */
}

#gateKeeper
{
    position: absolute;
    height:300px; 
    width:400px;
    top:50%;
    left:50%;
    margin-top:-150px;
    margin-left:-200px;
    z-index:4;
    /*
    border:solid 1px;
    */
}

#age_0,
#age_1,
#age_2
{
    font-size:11px;
    text-align:center;
    width:34px;
    padding:2px;
    border: solid 1px;
    margin:2px;
}

.age_submit, 
.age_submit_left
{
	font-size:11px;
    padding-top:3px;
    padding-bottom:1px;
    border:solid 1px #B0B0B0;
	width:90px;
	text-align:center;
	cursor:pointer;
    /*hovertext e0ebf5*/
}

.age_submit_left
{
    margin-right:10px;
}



.ageGateHeader, 
.ageGateText, 
.ageGateFooter
{
    position:absolute;
	font-size:12px;
    text-align:center;
    width:100%;
}

.ageGateText
{
    bottom:68px;
}

.ageGateFooter
{
    font-size:11px;
    color:#cccccc;
    bottom:-16px;
    /*
    border:solid 1px;
    */
}


#gateLogo
{
    background-image:url(../images/jmxoLogo.jpg);
    background-position:center top;
	height:170px;
}
#gate, 
#gate_buttons
{
    position: absolute;
	width:146px;
	margin-left:-73px;
	margin-top:10px;
	left:50%;
}

#gate_buttons
{
    margin-top:12px;
    width:194px;
	bottom:35px;
    margin-left:-97px;
}

#preloadMarker
{
    position:absolute; 
    left:423px; 
    top:211px; 
    z-index:15; 
    height:107px; 
    width:105px;
}