@charset "utf-8";
/* CSS Document */

body{
	margin:0 0 0 0;	
	background: #84c3e5 url(sky_small.jpg) fixed top repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
a{
	color:#3C74AD;
	text-decoration:none;
}
a img{
	border:none;
	text-decoration:none;
}
#container{
	width:920px;
	height:300px;
}
#header{
	height:200px;
	width:100%;
	border-bottom:#F99 1px solid;
}
#header_alt{
	height:220px;
	width:100%;
}
#navContainer{
	width:100%;
	height:25px;
	margin-top:5px;
}
#contentCont{
	float:left;
	width:100%;
	background:#ffffff;
}
#content{
	margin:4px 20px 20px 20px;
}
#content_top_corners{
	margin-top:20px;
	height:36px;
	width:100%;
	background:url(content_top_corners.png) no-repeat;
}


#logo_alt{
	float:left;
	width:487px;
	height:205px;
	background:url(logo_main.png) no-repeat;	
	margin:8px 0 0 215px;
}
#logo{
	float:left;
	width:281px;
	height:159px;
	background:url(myownstory_logo.png);
}
#icon{
	float:left;
	width:310px;
	height:164px;
	background:url(icon.jpg);
}
#pageLabel{
	font-size:20px;	
	margin:0 0 15px 0;
	border-top:#D0EEFB 1px solid;
	border-bottom:#D0EEFB 1px solid;
	color:#3C74AD;
	width:100%;
}
#libraryList{
	margin: 30px 0 0 0;
	width:100%;
}
div.libraryItemCont{
	width:25%;
	float:left;
}
div.libraryItem{
	float:left;	
	border:#D0EEFB 1px solid;
	margin-left:10px;
}
div.libraryItem a{
	text-decoration:none;	
}
div.libraryItem a img{
	border:none;	
}
div.librarySpacer{
	width:100%;
	height:80px;
	clear:both;
}
div#footerSpacer{
	width:100%;
	height:30px;
	clear:both;
}
div#headerUserSection{
	height:30px;
	font-size:14px;
	color:#3C74AD;
	position:absolute;
	width:920px;
}
div#headerUserSection span.spacer{
	color:#C1EBFF;	
}
div#headerUserBGRepeat{
	background:url(usersection_bg.jpg) repeat-x;
	height:30px;
	float:left;
	padding:5px 0 0 0;
}
div#headerUserRightCorner{
	background-position:-4px 0;
}
div.corner{
	width:4px;
	height:30px;
	background:url(usersection_corners.png) no-repeat;
	float:left;
}
div#headerUserSection span{
	margin: 0 6px 0 6px;
}
div#headerUserSection span a{		
	color:#FF0000;
}
div#logoContainer{
	position:absolute;	
}
div#headerUserFloater{
	float:right;
}



/*Gender Select*/
#presetSection{
	margin:0px 20px 50px 20px;
}
#presetTitle{
	font-size:22px;
	margin-bottom:50px;
}
#presetSection a{
	color:#333333;
	font-size:18px;
}
#presetSection a img{
	border:#999999 2px solid;	
}
div.presetLabel{
	margin-top:20px;	
}
div.presetSelect{
	float:left;
}


/*Story Editing*/
div#storyText{
	margin:10px 50px 25px 50px;
	line-height:1.8em;
}
div#storyText input{
	background:none;
	border:none;
	padding:0;
}
span.inputSpacer{
	margin: 2px 0 30px 0;
	position:relative;
}
div#storyText span.textLabel{
	display:inline-block;
	background:#FFFFFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#777777;
	padding: 0 7px 0 7px;
	height:20px;
}
div.labelContent{
	width:100%;
}
div#storyText span.textField{
	border:1px #CCC solid;
	background:#FFFFFF;
	margin:1px 0 0 0;
	padding:0;
	height:30px;
	float:none;
}
div#storyText span.inputField{
	float:left;
	margin:0px 0px 0px 0px;
}
div#storyText span.field{
	padding-left:2px;
	padding-right:2px;
	cursor:pointer;
}
div#storyText span.fieldComplete{
    padding-left:2px;
    padding-right:2px;
    padding-bottom:1px;
    margin-right:1px;
    margin-left:1px;
    background:#BEDAEB;
    border: #8EBFDD 1px solid;
    cursor:pointer;    
}

div#storyText span.DedicationfieldComplete{
	padding-left:2px;
	padding-right:2px;
	padding-bottom:1px;
	margin-right:1px;
	margin-left:1px;
    padding-top:10px;
	background:#BEDAEB;
	border: #8EBFDD 1px solid;
	cursor:pointer;	
    font-family: "Minya Nouvelle", "Comic Sans MS";  
}
div#storyText span.checkmark{
	padding:0 3px 0 3px;
	/*padding:0 11px 0 4px;*/
}

div.directionBtn a{
	padding-top:5px;
	width:100px;
	height:27px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:url(btn_style.png) no-repeat;
}
div.directionBtn a#finalize{
	padding-top:5px;
	width:180px;
	height:27px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:url(purchase_btn_style.png) no-repeat;
}
div#pageDirection{
	width:100%;
    top:0px;
}
div.directionBtn{
	float:left;
	width:50%;
	height:30px;
}
div.directionBtn input{
	background:url(btn_style.png) no-repeat;
	width:100px;
	height:27px;
	border:none;
	color:#3C74AD;
	cursor:pointer;
    position:relative;
}
div.directionBtn input#purchaseSubmitButton{
    background:url(purchase_btn_style.png) no-repeat;
    width:180px;
    height:27px;
    border:none;
    color:#3C74AD;
    cursor:pointer;
}

div.directionPurchaseBtn input#purchaseSubmitButton{
	background:url(purchase_btn_style.png) no-repeat;
	width:180px;
	height:27px;
	border:none;
	color:#3C74AD;
	cursor:pointer;
    position:absolute;
    float:left;
    
    left:43%;
}
div#reviewNotice{
	width:600px;	
	color:#333333;
	background:#E8F5FD;	
	padding:20px;
	border:#C1EBFF 1px solid;
}
div#reviewNotice h2{
	font-size:22px;	
	color:#3C74AD;
	border-bottom:#C1EBFF 1px solid;
}
/* ^^^ Story Editing ^^^ */


/* CART SECTION */
table#cartTable{
	border:#C1EBFF 1px solid;
	font-size:14px;
}
table#cartTable td, th{
	background:#E8F5FD;	
	padding:5px;
}
table#cartTable td img{
	
}
table#cartTable td a{
	color:#333333;	
}
a.cartBtn{
	background:url(cart_btns.png);
	display:block;
	width:150px;
	height:28px;
	float:right;
	margin:20px 7px 0 7px;
}


/* LOGIN SECTION */
div.panel_section{
	width:300px;
	border:#C6E7F9 1px solid;
	background:#EDF9FE;
	padding-bottom:10px;
}
div.inputLine{
	width:90%;
	padding:10px 0 0 0;
	clear:both;	
}
div.panel_label{
	margin:15px 0 5px 0;
}
div.panel_section input{
	float:right;
}
div.panel_section input[type="text"], div.panel_section input[type="password"]{	
	border:#aaaaaa 1px solid;
}
div.panel_section input#submitBtn{
	float:none;
	margin:0 0 0 0;
}
div.panel_section label{
	float:right;
	margin-right:10px;
}
div#changePassSection div.resetConfirmLine, div#changePassSection div.resetLine{
	width:85%;
	padding:15px 0 0 0;
	clear:both;
}
div.resetConfirmLine input, div.resetConfirmLine label{
	float:right;
	margin-right:10px;
}

div.resetConfirmLine input#resetSubmit{
	float:none;
	margin:0;
}
div#createAccountNow{
	margin-top:10px;
}
div#loginPanel input{
	margin:0 15px 0 0;	
}
div#registerPanel{
	width:340px;
	float:right;
}
div#registerPanel input{
	margin:0 5px 0 0;	
}
div#forgotPanel{
	width:320px;	
}
div#forgotPanel input{
	margin:0 10px 0 0;	
}

/*CHANGE PASSWORD*/

#changePassSection{
	width:420px;
}

/* ACCOUNT SECTION */

#userPanel{
	width:180px;
	float:right;
}
#userPanel ul{
	list-style:none;
	margin:0 0 0 20px;
	padding:10px 0 10px 10px;
	background:#E8F5FD;
}
div#accountMain{
	width:700px;
	float:left;
}
div#accountMain div.purchaseItem{
	width:33%;
	float:left;
	color:#3C74AD;
}
div#accountMain div.purchaseItem div.link{
	width:50%;
	float:left;
}
div#accountMain div.purchaseItem div.linkFull{
	float:left;
	width:100%;
}

/*REGISTER SECTION*/
#registerReasons{
	float:right;
	width:500px;
	margin:0 20px 0 0;
	padding:0 0 0 0;
	
}
#registerReasons h3{
	margin:10px 0 10px 0;
}

#errors{
	background:	#D50000;
	color:#FFFFFF;
}
div.error{
	margin:2px;	
}
div#noticeSection{
	padding:30px 30px 30px 30px;	
}
div#newPurchase{
	width:100%;	
	padding:10px 0 10px 0;
	margin:0 0 40px 0;
}
div#resetPassword{
	width:390px;	
}
div#selectPage{
	float:left;
	margin-left:30px;
}
div#selectPage a{
	display:block;
	float:left;
	padding:1px 8px 1px 8px;
}
div#selectPage a.selectedPage{
	border:#3C74AD 1px solid;
	padding:0 7px 0 7px;
}
div#selectPageLabel{
	float:left;	
	margin-right:10px;
}


div.halfSplitLeft{
	width:50%;
	margin:0;
	float:left;
	padding:3px 0 1px 0;
}
div.halfSplitRight{
	width:50%;
	margin:0;
	float:right;
	padding:3px 0 1px 0;
}
span.girlAvailable{
	background:#FFDDFC;
	padding:2px 5px 2px 5px;
	color:#DB02C6;
	border:#FEBCF8 1px solid;
}
span.boyAvailable{
	background:#D0EEFB;
	padding:2px 5px 2px 5px;
	border:#B9E6F9 1px solid;
}
span.price{
	background:#D0EEFB;
	padding:2px 5px 2px 5px;
	border:#B9E6F9 1px solid;
}


div#incompleteError{
	width:100%;	
	padding:10px 0 10px 0;
	margin:0 0 40px 0;
	border:#EE2B2B 1px solid;
	background:#F48282;
	padding-bottom:10px;
}

div#customTitleBox{
	width:600px;
	height:220px;
	border:#C6E7F9 1px solid;
	background:#EDF9FE;
	padding-bottom:10px;
}
div#customTitleBox h2{
	font-size:24px;
	color:#3C74AD;
}
div#customTitleBox h3{
	font-size:14px;
	color:#3C74AD;
}
div#directionBtns{
	margin-top:50px;
}


#lightbox {
 display:none;
 background:#000000;
 opacity:0.9;
 filter:alpha(opacity=90);
 position:absolute;
 top:0px;
 left:0px;
 min-width:100%;
 min-height:100%;
 z-index:1000;
}

div#storybox {
 background:#000000;
 opacity:0.9;
 filter:alpha(opacity=90);
 position:absolute;
 top:0px;
 left:0px;
 min-width:100%;
 min-height:100%;
 z-index:1000;
}

/*div#storyEdit{
    padding: 35px 0 0 0;    
} */
/* Lightbox panel with some content */
div#storyEdit {
 position:fixed;
 top:10px;
 left:8%;
 height:565px;
 margin-left:10px;
 width:80%;
 background:#FFFFFF;
 padding:10px 15px 10px 15px;
 border:2px solid #CCCCCC;
 z-index:1001;
 overflow: auto;
}

div.leftlinks {
position:fixed;
right:100px;
top:60%;
width:101px;
height:530px; 
font-size:22px;
font-weight:bold;
color:#ca0708;
font-family: Minya Nouvelle;
}