* {
     margin: 0;
}
html{
	height: 100%;	
}
p.block{
	margin:10px 0;
	display:block;
}

p#agree{
	padding:3px 7px;
	border:1px solid #CCCCCC;
	margin-top:10px;
}

/*   Notice css */
div.error, div.notice{
    padding-left: 20px;
    padding-right: 20px;
	padding-bottom:20px;
	padding-top:10px;
    width:auto;
    margin-bottom: 10px;
    border: 5px solid #FF7F7F;
	position: relative;
}
div.error h2, div.notice h2{
    margin:0;
    font-size: 14px;
}
div.error h3, div.notice h3{
    margin:0;
    font-size: 14px;
}
div.error p, div.notice p{
    margin:0;
    padding:0;
}
div.notice {
    border-color:#6e6e5d;
}
div.notice ul {
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	padding:0;
}
div.notice li{
	background:url(/images/icons/tick.png) no-repeat 0% 60%;
	padding-left:20px;
}
div.notice h3, div.notice h1{
	display:inline;
    float:left;
	font-size: 130%;
}
div.notice h3.title, div.notice h1.title{
	display:block;
	float:none;
}
div.notice a.remove{
    float:right;
}
div.notice p{
    padding-top: 4px;
}
.important {
    padding:20px;
    padding-top: 10px;
    background-color:#FFFEEF;
}
.important ul{
	margin-top:10px;
}

.important li{
	background:url(/images/icons/information.png) no-repeat 0% 60%;
}
.important a.remove{
    float:right;
}

img.corner {
	left:50px; position:absolute; top:-9px; z-index:3;
}

/************** start header *****************/
#header{
	background: rgb(70, 70, 70) url(/images/bg.gif) repeat scroll 0pt 0pt; 
	width: 100%; 
	height: 50px; 
	position: fixed; 
	z-index: 999; 
	margin:0;
	padding:0;
	top:0;
}
#header #pageHeader{
	margin:0 auto;
	width:950px;
	padding:0;
	height:0;
}

/************** start footer *****************/

#footer{
	background:#464646 none repeat scroll 0 0;
	border-top:6px solid #323232;
	color:#999999;
	font-size:95%;
	margin:0;
	padding: 0;
	padding-bottom:6px;
	min-height:300px;
	position:relative;
	z-index:99;
}

#footer .section{
	float:left;
	padding:10px;
	margin: 10px 10px;
	text-align:left;
	width:288px;
	margin-top: 0;
}

#footer .section ul,#footer .section #description{
	background-color:#000;
	border:3px solid #2F2F2F;
	margin-bottom:10px
}

#footer .section ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:10px 20px;
}
#footer .section ul li{
	border-bottom: 2px dotted #2F2F2F;
    padding:5px 0;
}
#footer .section ul li.last{
	border-bottom: none;
}

#footer .section h4{
	color:#BCB8A7;
	font-size:85%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	line-height:200%;
	margin-bottom:5px;
}
#footer .section h1{
	font-size:180%;
}
 
#footer #containerBody{
	margin:0 auto;
	padding-bottom:20px;
	width:996px;
}
#footer .section #description img{
	width:50px; float:left; padding:4px; border:1px solid #ccc; margin-right:10px
}
#copyright{
	text-align:center;
	clear:left;
}
/************** end footer *****************/


#user_image{
	display:inline; 
	width:90px; 
	padding:5px; 
	padding-right:10px; 
	float: left;
	height:100px;
	text-align:center;
}

.profile .edit_wrapper{
	position: relative; 
	top: 0px; 
	left: 0px; 
	z-index: 1;
}

.profile .edit{
	background:transparent url(/images/icons/note_edit.png) no-repeat 0 0; 
	position: absolute; 
	top: 3px; 
	height:16px;
	left:-18px;
	width:16px;
}

/* HINT CSS */
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}

/* The hint to Hide and Show */
.hint {
   	display: none;
    margin-top:-30px;	
	position:absolute;
	right:380px;
	width:200px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 7px;
    width: 10px;
    height: 19px;
    background: url(/images/pointer.gif) left top no-repeat;
}

/************************ languages **************************/

#container #languages{
	width:130px;
	right:10px;
	height:50px;
	background-color:#FFFBEF;
	border:1px solid #AEADAD;
	top:32px;
	position:absolute;
	z-index:3;
}

a.language{
	padding:8px;
}

.admin_link{
	color:#54CE79;
	padding:3px 8px;
}

.admin_link:hover {
	background-color:#54CE79;
	color:white;
	text-decoration: none;
}

.admin{
	margin-left:300px;
    height:20px;
}

.result{
	width:30px;
	position:relative;top:3px;
}

form#login_box{
	position: absolute; 
	left:200px; 
	top:118px;
	z-index:3; 
	border: 1px solid #54CE79;
	background-color: #FFFFDF;
	width:250px; 
	padding:20px; 
	margin-left:427px;
}	
img#login_corner{
	position:absolute;
	z-index:3;
	top:-11px;
	left:94px;
}
a#login_cancel{
	position:absolute;
	z-index:3;
	left: 230px;
}

a#login_resetpassword{
	padding-left:20px;
}

a.upcoming{
	background: transparent url(/images/icon/new.gif) no-repeat scroll 71% 30%;
}

/******************* new story ******************/
div.story_section{
	width:100%;
}
div.story_section div.label{
	padding-top: 10px;
	padding-bottom:3px;
	font-size:14px;
	font-weight:bold;
	width:100%;
}	
div.story_section div.first{
	padding-top:0px;
	padding-bottom:3px;
}

input.title{
	background:#FFF url('/images/icons/table_edit.png') no-repeat 10px 50%;
	border:1px solid #CCC;
	font-size:16px;
	padding:8px 8px 8px 35px;
	width:490px;
}
div#tags{
	background-color:#FFF;
	border:1px solid #CCC;
	font-size:14px;
	padding:8px;
	width:517px;
	font-size:12px;
}
div#tags td{
	padding-right:10px;
}
div#story_wrapper{
	border: 2px solid rgb(234, 234, 234); 
	margin: 0px 0px 10px; 
	padding: 40px 40px 10px; 
	background-color: rgb(255, 251, 239);
}
div#story_wrapper p{
	margin-bottom: 10px;
}
#story_text p{
	line-height:28px;    
	padding-bottom: 10px;
}

/***************SideBar*****************/
#story_header{
	height:20px;
    border-bottom:1px solid #DFDFDA;
    padding-bottom:14px;
    margin-bottom:10px;
}
#story_header h1{
	font-size:22px;
	float:left;
    color:#404036;
}
#story_header #tops{
	float:right;
}
#story_header ul{
	list-style:none;
	float:left;
	width: 100%;
	padding:0;
	margin:0;
}
#story_header ul li{
	float:left;
}
#story_header ul li a{
    background-color:#DFDFDF;
    color:#AFAFAF;
    font-size:13px;
    margin-left:0;
    padding:4px 16px;
}
#story_header ul li a:hover, #story_header ul li a.current{
	background-color:#AFAFAF;
	color:#FFFFFF;
	text-decoration:none;
}

label.block{
	display:block;
	padding:2px;
}

#panel_notify {
	padding:10px;
}
div.form{
	border:1px solid #EDEDED;
	padding: 10px 20px;
}
div.form input, div.form textarea{}
div.form h2{
	display:block;
	border-bottom: 1px solid #EBEBEB;
	padding-bottom:5px;
}
div.form label{
	display:block;
	margin-top:8px;
}
div.form .buttons{
}
div.login .member{
	display: block;
	border-top: 1px solid #EBEBEB;
	margin-top:10px;
	padding: 10px 0px;
	text-decoration:none;
	padding-left:30px;
	background: transparent url(/images/icons/information.png) no-repeat scroll 10px 50%
}
div.login .member:hover{
	background-color: #FFEDCF;
	font-weight:bold;
}
div.status{
	padding:10px;
}

div.buttons{
	margin-top: 10px;
    height:40px;
}

.inputlabel{
	font-size:14px;
	padding: 7px 0;
}
input.special{
    width:100px;    
}
.inputbox{
    padding:5px;
    width:50%;
    border:1px solid #CCCCCC;
}

input.loginbox{
	width:95%;
}

input.button, a.button{
    margin:0px;
    background:#F5F5F5 url(/images/icons/tab_go.png) no-repeat scroll 10% 50%;
    border:0px;
    color:#000;
    padding:5px 12px 5px 28px;
    text-decoration:none;
    margin-left:5px;
    cursor: pointer;
	font-size: 12px;
	font-weight:bold;
}
a.button{
	padding:6px 12px 6px 28px;
}
input.button:hover,a.button:hover  {
    background-color: #464646;
 	color: #FFF;
}

input.draft{
    background:#FFFBCF url(/images/icons/disk.png) no-repeat scroll 10% 50%;
	border: 3px solid #FFF;
}

input.submit{
    background: #FFFBCF url(/images/icons/accept.png) no-repeat scroll 10% 50%;
	font-weight:bold;	
	border: 3px solid #54CE79;
	color:#000;
    margin:0;
}
input.submit:hover{
    background:#464646 url(/images/icons/accept.png) no-repeat scroll 10% 50%;
	border:3px solid #FFFBCF;
	color:#FFF;
    margin:0;
}

input.preview, a.preview {
    background:#FFFBCF url(/images/icons/layout.png) no-repeat scroll 10% 50%;
	border: 3px solid #FFF;
}

input.login {
    background:#F5F5F5 url(/images/icons/door_in.png) no-repeat scroll 10% 50%;
}

input.signup {
    background:#F5F5F5 url(/images/icons/page_edit.png) no-repeat scroll 10% 50%;
}

input.comment {
    background:#F5F5F5 url(/images/icons/user_comment.png) no-repeat scroll 10% 50%;
}
a.cancel{
	font-weight:bold;
	margin-left:10px; 
}
#help h1,#help h2,#help h3,#help h4{
	padding: 0 10px 10px;
}

#help p{
	padding: 0 0 10px 10px;
}

#help ul{
	list-style-type:none;
	list-style-image: url('/images/icon/bullet_green.gif');
	margin: 0;
	/margin-left:20px;
	padding-bottom: 20px;
}

#help img{
	padding:10px;
	border:1px solid #EAEAEA;
	margin:10px;
}
.tick, .comment_box img.tick{
	height:16px;
	margin-right:10px;
	position:relative;
	top:2px;
	width:16px;
}
#story_wrapper{
	margin:0px; 
	padding:40px;
	padding-bottom:10px;
	border: 2px solid #EAEAEA;
	background-color:#FFFBEF;
	margin-bottom:10px
}
#story_body{
	min-height: 600px
}
#story_body #options{
	padding-bottom:10px;
    text-align:center;
}
#panel_loved img{
	width:16px;
	height:16px;
	position:relative;
	top:3px;
	padding-right:3px;
	
}
#panel_loved a{
	text-decoration:none;
	border:1px solid #FFFBEF;
	padding:3px;
	color:#8E8E8E;
}
#panel_loved a:hover{
	background-color:#fff;
	border:1px solid #EAEAEA;
	padding:3px;
	color:#54CE79;
}
.more, .more:hover {
    padding-left:20px;
    background:transparent url('/images/icons/control_play.png') no-repeat 0 3px;
	display:inline-block;
}
.more:hover {
	background:transparent url('/images/icons/control_play_blue.png') no-repeat 0 3px;
}
.asterix {
	padding-left:20px;
	background:transparent url('/images/icons/asterisk_yellow.png') no-repeat 0 1px;
}