﻿/* 
@charset "utf-8";

* html {overflow-y:scroll;}
html, body {font-family:verdana,Arial,Tahoma,Sans-Serif; font-size:1em;}
table, tr, td, th, select, option, input, button {font-size:1em; font-family:verdana,Arial,Tahoma,Sans-Serif;}
a img {border:0;}
hr {border:0; border-top:1px solid #d1d7dc; height:0;}

.clear {height:1px; overflow:hidden; clear:both;}
.clearfix:after {content:""; display:block; clear:both;}
* html .clearfix {height:1px;}
*+html .clearfix {min-height:1px;}
.none {display:none;}
.hidden {visibility:hidden;}
input.radio,input.checkbox {border:0 !important; vertical-align:middle;}
input[type=radio],input[type=checkbox] {border:0 !important; vertical-align:middle;}
.need, .error {color:#f00;}
.explain {color:#555; font-weight:normal;}


* {
	margin: 0 auto;
	padding: 0;

	list-style: none;
	font-size: 12px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

*/

h2.st_title{
	width:347px;
	height: 28px;
	text-indent: -9999em;
	background:url(images/CommunityTools/st_title.gif) no-repeat;
}

.st_body {
	padding:4px 0 0 8px;
	width:347px; /*292px;*/
	height: 129px;
	text-indent: -9999em;
	background:url(images/CommunityTools/st_body.gif) no-repeat;
	list-style:none;
}

#CommTools li, #CommTools li a span{
		padding:0 22px 16px 0;
		width:65px;
		height:50px;
		float:left;
		display:block;
		position:relative;
 }			
	
#CommTools li a{
		position: static;
}

#CommTools li a span{
		position:absolute;
		top:0;
		left:0;
		cursor:pointer;
 }
		
#CommTools li.invite,
#CommTools li.invite a span{
		width:66px; 
		}
		
#CommTools .invite a span {
	display:block;		
	background:url(images/CommunityTools/invite.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/invite.png');
	text-indent:-9999px; 
}

#CommTools .invite a:hover span{
	background:url(images/CommunityTools/invite_b.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/invite_b.png');
	text-indent:-9999px; 
}

#CommTools li.start,
#CommTools li.start a span{
	width:65px;
}

#CommTools .start a span {
	display:block;		
	background:url(images/CommunityTools/start.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/start.png');
	text-indent:-9999px; 
}

#CommTools .start a:hover span{
	background:url(images/CommunityTools/start_b.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/start_b.png');
	text-indent:-9999px; 
}


#CommTools li.create,
#CommTools li.create a span{
	width:70px;
}

#CommTools .create a span {
	display:block;		
	background:url(images/CommunityTools/create.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/create.png');
	text-indent:-9999px; 
}

#CommTools .create a:hover span{
	background:url(images/CommunityTools/create_b.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/create_b.png');
	text-indent:-9999px; 
}

#CommTools li.post,
#CommTools li.post a span{
	width:53px;
}

#CommTools .post a span {
	display:block;		
	background:url(images/CommunityTools/posta.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/posta.png');
	text-indent:-9999px; 
}

#CommTools .post a:hover span{
	background:url(images/CommunityTools/posta_b.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/posta_b.png');
	text-indent:-9999px; 
}

#CommTools li.make,
#CommTools li.make a span{
	margin-left:3px!important;
	*margin-left:2px;
	width:60px;
}

#CommTools .make a span {
	display:block;		
	background:url(images/CommunityTools/make.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/make.png');
	text-indent:-9999px; 
}

#CommTools .make a:hover span{
	background:url(images/CommunityTools/make_b.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/make_b.png');
	text-indent:-9999px; 
}

#CommTools li.edit,
#CommTools li.edit a span{
	margin-left:5px!important;
	*margin-left:4px;
	width:53px;
}

#CommTools .edit a span {
	display:block;		
	background:url(images/CommunityTools/edit.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/edit.png');
	text-indent:-9999px; 
}

#CommTools .edit a:hover span{
	background:url(images/CommunityTools/edit_b.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/edit_b.png');
	text-indent:-9999px; 
}



#CommTools li.send,
#CommTools li.send a span{
	margin-left:3px!important;
	*margin-left:2px;
	width:73px;
}

#CommTools .send a span {
	display:block;		
	background:url(images/CommunityTools/send.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/send.png');
	text-indent:-9999px; 
}

#CommTools .send a:hover span{
	background:url(images/CommunityTools/send_b.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/send_b.png');
	text-indent:-9999px; 
}

#CommTools li.coming,
#CommTools li.coming a span{
	width:60px;
}

#CommTools .coming a span {
	display:block;		
	background:url(images/CommunityTools/coming.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/coming.png');
	text-indent:-9999px; 
}

#CommTools .coming a:hover span{
	background:url(images/CommunityTools/coming_b.png) no-repeat!important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/CommunityTools/coming_b.png');
	text-indent:-9999px; 
}