* { 
	margin: 0; 
	padding: 0; 
	}

body {
	background: #fff;
	font: 13px 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial;
	background:#f7f7f7;
}

a { 
	color: #ed135d; 
	text-decoration: none; 
	}
	
a:hover { 
	color: #1199ff; 
	cursor:pointer;
	}

div#zbox{
	width: 750px;
	margin: 70px auto 0px auto;
}

div#zbox h1{
	height:80px;
}

div#zbox h1 span{
	float: left;
	margin-left:10px;
	font-size: 10px;
}

div#hometalk{
	background: #ffffff;
	border: 1px solid #ececec;
	margin-top: 10px;
	width: 750px;
	height: 500px;
	background:url('/image/home.png');
}

div#hometalk #right{
	float:right;
	width:210px;
	border-left: 1px solid #ececec;
	margin:5px;
	padding: 10px;
	height: 450px;;
}

div#hometalk h2{
	font-size:16px;
	padding: 5px;
	margin-bottom:5px;
	border-bottom: 1px solid #ececec;
}

div#hometalk #gool{
	border-top: 1px solid #ececec;
	margin:6px;
}

div#talkbox{
	width: 550px;
	float: left;
	margin-top:10px;
}


div#menubox{
	width: 180px;
	float: right;
	margin-top:10px;
}

div#submenu{
	border-bottom: 1px solid #ececec;
	padding-bottom: 5px;
	margin-bottom:10px;
}

div#menubox #box{
	background: #ffffff;
	border: 1px solid #ececec;
	padding: 9px;
	margin-bottom:10px;
}

div#menubox #box span{
	padding: 2px;
	font-weight:bold;
}

div#menubox #box #small{
	font-size:9px;
}

div#menubox #boxa{
	background: #ffffff;
	border: 1px solid #ececec;
	padding: 9px;
	margin-bottom:10px;
}

div#menubox #boxa span{
	padding: 2px;
	font-weight:bold;
}

div#menubox #boxa #small{
	font-size:9px;
}

div#menu{
	background: #ffffff;
	border: 1px solid #ececec;
	padding: 10px;
	margin-top:15px;
}

img#avatar{
	float: left; 
	margin-right: 15px;
	display: block;
	background: #ffffff;
	padding:5px;
	border: 1px solid #ececec;
}

img#box_avatar{ 
	margin-left: 40px;
	display: block;
	background: #ffffff;
	padding:5px;
	border: 1px solid #ececec;
}

img#mini_avatar{
	float: left; 
	margin-right: 15px;
	display: block;
	background: #ffffff;
	padding:3px;
	border: 1px solid #ececec;
}

img#m_avatar{
	float: left; 
	margin-right: 4px;
	margin-bottom: 4px;
	display: block;
	background: #ffffff;
	padding:3px;
	border: 1px solid #ececec;
}

div#write{
	background: #ffffff;
	border: 1px solid #ececec;
	border-top: 10px solid #c7c7c7;
	padding: 10px;
	margin-bottom:15px;
}

div#write button {
		margin-top:0px;
		height: 74px;
		width: 74px;
		display: block;
		border: none;
		float:right;
		background: transparent url(../image/post.png) no-repeat;
		background-position: top center;
}
	
div#write button:active {
		background-position: bottom center;
		outline: none;
}

div#write button span {
		display: none;
}

div#loop{
	background: #ffffff;
	border: 1px solid #ececec;
	border-top: 10px solid #c7c7c7;
	padding: 10px;
	margin-bottom:15px;
}

div#loop button {
		margin-top:0px;
		height: 74px;
		width: 74px;
		display: block;
		border: none;
		float:right;
		background: transparent url(../image/post.png) no-repeat;
		background-position: top center;
}
	
div#loop button:active {
		background-position: bottom center;
		outline: none;
}

div#loop button span {
		display: none;
}

div#talk{
	background: #ffffff;
	border: 1px solid #ececec;
	padding: 10px;
	margin-bottom: 10px;
}

div#talk .input{
	padding: 3px;
	font: 12px 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial;
}

textarea{
	padding: 3px;
	font: 12px 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial;
}

div#talk #from{
	margin-bottom: 10px;
	font-size: 10px;
}

div#talk #from span{
	padding-top: 4px;
	float: right;
	text-align: center;
	width: 35px;
	height: 30px;
	background: transparent url(../image/replybox_gray.png) no-repeat;
}

div#talk #from span a{
	font-size: 13px;
	font-weight:bold;
	color: #ffffff;
}

div#talk #ago{
	text-align: right;
	margin-top: 10px;
	font-size: 10px;
}

div#new_talk{
	background: #edf8ff;
	border: 1px solid #fe206b;
	padding: 10px;
	margin-bottom: 10px;
	border-left: 10px solid #fe206b;
}

div#new_talk #from{
	margin-bottom: 10px;
	font-size: 10px;
}

div#new_talk #from span{
	padding-top: 4px;
	float: right;
	text-align: center;
	width: 35px;
	height: 30px;
	background: transparent url(../image/replybox.png) no-repeat;
}

div#new_talk #from span a{
	font-size: 13px;
	font-weight:bold;
	color: #ffffff;
}

div#new_talk #ago{
	text-align: right;
	margin-top: 10px;
	font-size: 10px;
}

div#retalk{
	background: #ffffff;
	border: 1px solid #ececec;
	border-left: 10px solid #c7c7c7;
	padding: 5px;
	margin-bottom: 10px;
	margin-left: 40px;
}

div#retalk #from{
	margin-bottom: 5px;
	font-size: 10px;
}

div#retalk #ago{
	text-align: right;
	margin-top: 5px;
	font-size: 10px;
}

div#new_retalk{
	background: #edf8ff;
	border: 1px solid #fe206b;
	border-left: 10px solid #fe206b;
	padding: 5px;
	margin-bottom: 10px;
	margin-left: 40px;
}

div#new_retalk #from{
	margin-bottom: 5px;
	font-size: 10px;
}

div#new_retalk #ago{
	text-align: right;
	margin-top: 5px;
	font-size: 10px;
}

div#reply{
	background: #ffffff;
	border: 1px solid #ececec;
	border-left: 10px solid #c7c7c7;
	padding: 5px;
	margin-bottom: 10px;
	margin-left: 40px;
}

div#reply button {
		margin-top:0px;
		height: 74px;
		width: 74px;
		display: block;
		border: none;
		float:right;
		background: transparent url(../image/reply.png) no-repeat;
		background-position: top center;
}
	
div#reply button:active {
		background-position: bottom center;
		outline: none;
}

div#reply button span {
		display: none;
}

div#loginbox{
	width:210px;
	height:150px;
	left:50%;
	top:50%;
	margin:-75px 0 0 -105px;
	position:fixed;
}

.input{
	width: 200px;
	padding: 3px;
	font: 12px 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial;
}

.clear {
	clear: both;
	display: block;
	width: 0;
	height: 0; 
	font-size: 0;
	overflow: hidden;
}

	div#navbar {
		position: fixed;
		z-index: 50;
		top: 0;
		left: 0;
		width: 100%;
		height: 44px;
		background: url(../image/navbar.png) repeat-x left top;
	}
	
	div#navbar ul {
		width: 780px;
		margin: 0 auto;
		padding: 2px 0 0 13px;
	}

	div#navbar ul li {
		list-style: none;
		display: block;
		float: left;
		padding: 10px 10px;
	}

	
	div#navbar li a {
		display: block;
		font: 13px 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial;
		color: #fff;
		border: none;
	}


	div#navbar li a span {
		display: none;
	}
	
	div#navbar a#logo {
		height: 80px;
		width: 100px;
		display: block;
		background: transparent url(../image/navbar_zbox.png) no-repeat 5px 5px;
		margin-top: -20px;
	}

	div#navbar li a:active {
		margin-top:1px;
	}


	div#navbar li a:hover, 	div#navbar ul li:hover a{
		color:#FFFFFF;
		text-decoration:none;
		}
		
	div#navbar li ul{
		background:transparent url(../image/menu_bg.png);
		display:none;
		width:120px;
		height:auto;
		padding:0px;
		margin: 0px 0px 0px -12px;
		border:0px;
		position:absolute;
		z-index:100px;
		border: 2px solid #a40a3e;
		/*top:1em;
		/*left:0;*/
		}
	div#navbar li:hover ul{
		display:block;
		
		}
	div#navbar li li {
		display:block;
		float:none;
		width:120px;
		margin:0px;
		padding:0px;
		}
	div#navbar li:hover li a{
		background:none;
		
		}
	div#navbar li ul a{
		display:block;
		/*height:35px;*/
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:5px 10px 5px 10px;
		text-align:left;
		}
	div#navbar li ul a:hover, div#navbar li ul li:hover a{
		border:0px;
		color:#ffffff;
		text-decoration:none;
		}

	
	div#error {
	background: #e72264;
	border: 2px solid #ac1e4e;
	padding: 20px;
	color:#ffffff;
	font-weight:bold;
	margin-bottom: 10px;
	}
	
	
div#done {
	background: #92c848;
	border: 2px solid #7aa83c;
	padding: 20px;
	color:#ffffff;
	font-weight:bold;
	margin-bottom: 10px;
}

div#statusbox {
	background: #bfe7f6;
	border: 2px solid #59b6e7;
	padding: 20px;
	color:#00447c;
	font-weight:bold;
	margin-bottom: 10px;
}

div#list{
	padding:4px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 5px;
	font-size: 13px;
}

div#list span{
	font-size: 9px;
}

div#list #sub{
	float:right;
}

div#checknames{
		background:#f7f7f7;
		padding: 5px;
		margin: 3px;
		color: #9fbd16;
		font-size: 16px;
		font-weight:bold;
		height:20px;
}

div#checknames b{

		color: #fe206b;

}


.rounded_button.gray {
	background: transparent url(http://webimages.mailchimp.com/img/btn_pill_left.jpg) no-repeat scroll left top;
	border: 0 none;
	color: #666666;
	height: 34px;
	display:block;
	height:34px;
	margin:0 auto;
	width:280px;
	font-size: 12px;
	font-weight: bold;
}
.rounded_button.gray span {
	background: transparent url(http://webimages.mailchimp.com/img/btn_pill_right.jpg) no-repeat scroll right top;
	display: block;
	margin-left: 18px;
	overflow: hidden;
	padding: 4px 22px 10px 4px;
}
.rounded_button:hover {
	text-decoration: none;
}

#upload{
	padding:5px;
	margin:0px;
	background:#ffffff;
	width:600px;
	height:90px;
}

#accepted_files {
	border: 1px solid #ececec;
	background:#f9f9f9;
	padding:3px;
	font-size:10px;
	width:470px;
}

#downloadarea{
	height:50px;
	background:#f9f9f9;
	padding:5px;
	border: 1px solid #ececec;
}

#downloadarea #text{
	margin-top:5px;
}

#downloadarea #text #spec{
  	font-size:9px;
}