.pop_up{
	position: absolute;
	top: 150px;
	margin: 0 auto;
	margin-bottom: 25px;
	background-color: #e8e2c8;
	color: #401310;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	z-index: 100;
}
.pop_up h1, .pop_up p {
	margin: 1em 0;
}
.pop_up h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	padding: 0 0 0 25px;
  	margin: 0.8em 0;
}
.pop_up a{color: #3f0e0a;}
.pop_up form{padding: 0; margin:0;}
.pop_up input, .pop_up select{z-index: 75;}	
.pop_up p{padding-left: 25px;}
.pop_up table p{padding: 0; margin: 0;}
.pop_up .buttons{padding: 20px 0;}
.pop_up .close{
	float: right;
	padding: 15px 15px;
}	
.pop_up .checkbox{width: auto !important;}
.pop_up .vr{
	position: relative;
	top: 3px;
}
/*--forgot password--*/
#forgot_password{
	width: 400px;
	height: 240px;
	background: #e8e2c8 url('/images/bg-forgot-password.jpg') top left no-repeat;
}
#forgot_password p{padding-left: 25px;}
#forgot_password label{padding: 0 10px 0 40px;}
#forgot_password input{width: 215px;}
#forgot_password .buttons{padding: 20px 0;}
#forgot_password .buttons .submit, #forgot_password .buttons .cancel{
	float:right; 
	margin-right: 40px; 
}
#forgot_pass_confirm{
	width: 475px;
	height: 220px;
	background: #e8e2c8 url('/images/bg-pass-confirm.jpg') top left no-repeat;
}
#forgot_pass_confirm p{margin: 0 20px 0 0;}
#forgot_pass_confirm .close{padding: 5px 25px;}
/*--register--*/
#register{
	width: 600px;
	height: 730px;
	background: #e8e2c8 url('/images/bg-register.jpg') top left no-repeat;
}
#register img.error{
	position: relative;
	top: -5px;
}
#register span.optional{padding: 0 0 0 25px;margin: 0;}
#register .left_col, #register .right_col{float: left;}
#register .left_col label, #register .row .col_1 label{
	display: block;
	width: 200px;
	margin: 10px 5px 18px 0;
	text-align: right;
}
#register a.shiftUp{position: relative; top: -15px;}
#register div .left_col label{margin: 0 5px 0 0;}
#register input{
	width: 215px;
	margin: 5px 0;
}
#register input.short	{width: 150px;}
#register input.long	{width: 325px;}
#register .row .col_1, #register .row .col_2, #register .row .col_3, #register .row .col_4 {float: left;}
#register .row .col_2{width: 142px;}
#register .row .col_3 label{width: 70px;}
#register .row input.short, #register .row select.short{
	width:110px;
	margin: 5px 0;
}
#register .row label{
	display: block;
	width: 100px;
	margin: 10px 5px 18px 0;
	text-align: right;
}
#register #opt_in .left_col{width: 234px; text-align:right;}
#register #opt_in label{
	width: 310px;
	text-align: left;
	margin: 5px 0 0 0;
	padding-top: 8px;
}
#register #opt_in label.fr{padding:0;}
#register select{margin: 5px 5px 18px 0;}
#register .checkbox {margin: 10px 10px 10px 210px;}
#register .checkbox.fr {margin: 15px 10px 15px 210px;}
#register #captcha{padding: 0;}
#register #captcha .left_col{width: 205px;}
#register #captcha .right_col{width: 375px;}
#register #captcha label{padding-top: 18px;}
#register #captcha input{margin-top: 15px; width: 120px;float: left;}
#register .buttons{width: 200px; padding: 0;}
#register .buttons, #register .buttons img{
	float: right;
	margin: 6px 25px 0 0;
}
#register .buttons.fr{width: 220px; margin: 6px 0 0 0}
#register .buttons.fr img{margin: 6px 25px 0 0;}
#register em{
	font-size: 10px;
	color: #8d8787;
	margin: 0 5px;
}
#register .left_col em{
	display: block;
	text-align: right;
	padding-bottom: 8px;
}
/*-- registration confirmation --*/
#registration_confirmation{
	width: 475px;
	height: 220px;
	background: #e8e2c8 url('/images/bg-pass-confirm.jpg') top left no-repeat;
}
#registration_confirmation p{margin: 0 20px 0 0;}
/*--send to a friend--*/
#send_to_friend{
	width: 480px;
	height: 520px;
	background: #e8e2c8 url('/images/bg-send-to-friend.jpg') top left no-repeat;
}
#send_to_friend label, #send_to_friend input{
	width: 250px;
	margin: 10px 0px 0 0;
}
#send_to_friend label{display: block;}
#send_to_friend .left_col{
	margin-left:25px;
	width: 236px;
	
}
#send_to_friend .left_col, #send_to_friend .right_col{float: left;}
#send_to_friend .left_col input, #send_to_friend .right_col input, #send_to_friend .left_col label, #send_to_friend .right_col label{
	width: 175px;
	margin: 10px 0 0 0;
}
#send_to_friend .buttons{
	float: right;
	width: 175px;
	padding-right: 25px;
}
#send_to_friend .buttons.fr{width: 200px;}
#send_to_friend .buttons .submit, #send_to_friend .buttons .cancel{ 
	float:left;
	margin-right: 10px;
}
#email_confirmation{
	width: 350px;
	height: 175px;
	background: #e8e2c8 url('/images/bg-comment-confirm.jpg') top left no-repeat;
}
#email_confirmation img.email{float: left; margin: 30px 10px 25px 25px;}
#email_confirmation p{float: left; margin: 0 10px 0 45px;}

/*--my profile / my stories --*/
#my_profile, #my_stories{
	width: 720px;
	height: 600px;	
	background: #e8e2c8 url('/images/bg-my-profile.jpg') top left no-repeat;
}
#my_profile img.error{
	position: relative;
	top: -10px;
}
.selector a{
	text-decoration: none;
	color: #726e6b;
}
.selector a.onState{color: #401310;}
.selector a.offState{text-decoration: underline;}
.selector a.offState:hover {text-decoration: none;}
#my_profile .left_col, #my_profile .right_col{float: left;}
#my_profile .left_col label{
	display: block;
	width: 250px;
	margin: 10px 5px 20px 0;
	text-align: right;
}
#my_profile .right_col input{
	margin: 5px 5px 10px 0;
	width: 330px;
}
#my_profile .right_col input.short{
	display: inline;
	width: 125px;
}
#my_profile .row .left_col label{
	margin: 10px 5px 0 0 ;
}
#my_profile em{
	font-size: 10px;
	color: #8d8787;
	margin: 0 5px;
	display: block;
	text-align: right;
}
#my_profile .right_col em{
	display: inline;
}
#my_profile .row .col{float: left;}
#my_profile .row .col label{
	display: block;
	width: 250px;
	margin: 10px 5px 25px 0;
	text-align: right;
}
#my_profile .row .col input, #my_profile .row .col select{
	width: 110px;
	margin: 5px 5px 10px 0;
}
#my_profile .row .col label.short{width: 100px;}
#my_profile #opt_in .checkbox{
	margin: 10px 10px 10px 260px;
	float: left;}
#my_profile #opt_in label{
	display: block;
	float: left;
}
#my_profile .buttons{
	width: auto;	
	margin-top: 40px;
}
#my_profile .buttons .submit	{ float:right; margin-right: 270px;}
#my_profile .buttons .cancel { float: left; margin-left: 260px;}
#my_stories #table_container{
		overflow: hidden;
		height: 480px;
}
#my_stories table{
	font-size: 12px;
	width: 100%;
}
#my_stories table th{
	text-align: left;
	padding-top: 1px;
	text-decoration: underline;
}
#my_stories table th.rating{text-align: center;}
#my_stories table td{
	height: 90px;
	vertical-align: top;
	padding-top: 5px;
}
#my_stories table p{margin: 0 20px 0 0}
#my_stories table thead{
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
#my_stories table td.desc span{
	font-size: 10px;
	font-weight: bold;
}
#my_stories table td.title a{text-decoration: none;}
#my_stories table td.title a.edit{text-decoration: underline;}
#my_stories table td.title a:hover.edit{text-decoration: none;}
#my_stories table td.desc span a{text-decoration: underline;}
#my_stories table td.desc span a:hover{text-decoration: none;}
#my_stories .pager{float: right;}
/* --comment confirmation */
#story_confirmation{
	width: 520px;
	height: 300px;
	background: #e8e2c8 url('/images/bg-story-confirmation.jpg') top left no-repeat;
}
#story_confirmation h1{margin: 15px auto;}
#story_confirmation .button{
	float: right;
	margin: 25px;
}
#story_confirmation .button.fr{margin: 10px 25px;}
#story_confirmation p{width: 400px;}
#story_confirmation .fr p{margin: 5px;}
/*-- story error --*/
#story_error, #comment_error{
	width: 475px;
	height: 275px;
	background: #e8e2c8 url('/images/bg-story-error.jpg') top left no-repeat;
}
#story_error .button, #comment_error .button{
	float: right;
	margin: 25px;
}
#story_error .button, #comment_error .button.fr{margin: 0 25px;}
/*-- profile confirmation --*/
#profile_confirmation{
	width: 350px;
	height: 175px;
	background: #e8e2c8 url('/images/bg-comment-confirm.jpg') top left no-repeat;
}
/*-- comment confirmation --*/
#comment_confirmation{
	width: 350px;
	height: 175px;
	background: #e8e2c8 url('/images/bg-comment-confirm.jpg') top left no-repeat;
}
#comment_confirmation p{margin-right: 25px;}
/*-- comment guidelines --*/
#comment_guidelines{
	width: 600px;
	height: 275px;
	background: #e8e2c8 url('/images/bg-comment-guide.jpg') top left no-repeat;
}
#comment_guidelines p{width: 485px}
#comment_guidelines p.fr{margin: 5px 0;}
/*-- preview story --*/
#preview_story{
	width: 711px;
	background-color: #e8e2c8;
}
#preview_story #rating{
	position: relative;
	margin: 10px auto;
}
#preview_story #rating.center{width: 256px;}
#preview_story p{padding: 0;}
#preview_story #warning img{
	float: left;
	padding-bottom: 10px;
}
#preview_story #warning span{position: relative; top: 10px;}
/*-- wallpapper popup --*/
#wallpaper {width: 375px;}
#wallpaper img.wallpaper{margin: 25px;}
#wallpaper p{text-align: center; margin-right: 25px;}

.clear{
	height: 0;
	clear: both;
}
#register .ie5_spacer{height:0; width:0;}