body {
	background:#FFFFFF none repeat scroll 0 0;
	color:#555555;
	font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size:80%;
	line-height:22px;
	margin-bottom:40px;
}

body, div, dl, dt, dd, ul, ol, li,  pre, form, fieldset, input, p, blockquote, table, th, td 
{
	margin: 0;
	padding:0;
}



body {
}


ol, ul {
	list-style: none;
}


h1{
	font-size: 1.7em;
	padding-left: 5px;
	font-family: "Times New Roman"
}

a {
	color:#21759B;
	text-decoration:none;
}

#head{
	background:#333333 none repeat scroll 0 0;
	height: 28px;

}

#head .lhead, #head .rhead{
	float: left;
	background:#333333 none repeat scroll 0 0;
}
#head .lhead{
	width: 54%;
	padding-left: 3px;
}

#head .rhead{
	width: 45%;
	text-align: right;
	font-weight: normal;
	padding-right: 3px;
}


#head a{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-shadow: #333 1px 1px 1px;
	padding-left:  3px;
	padding-right: 3px;
}

#head .rhead a{
	font-weight: normal;
}

#head a:hover{
	color: #999;
}

.menu{
	float: left;
	width: 100%;
	background:#464646 none repeat scroll 0 0;
}

.menu .lpanel{
	float: left;
	width: 90%;
}

.menu .rpanel{
	float: right;
	width: 8%;
}

.menu .rpanel a{
	float: right;
	width: 32px;
	margin-top: 14px;
	font-weight: normal;
	display: block;
	line-height: 34px;
	color: #fff;

}

.main{
	/*overflow: auto;
	max-height: 350px;
	height: expression( this.scrollHeight > 600 ? "600px" : "auto" ); 
	float: left;
	width: 100%;*/
}

.menu .cleft, .menu .cright{
	float:left;
	width: 32px;
	height: 48px;
}
.menu .cleft .boxleft, .menu .cright .boxright{
	float:left;
	width: 32px;
	height: 48px;
	text-align: center;
	background-attachment:scroll;
	background-color:transparent;
	background-position:50% 70%;
	background-repeat:no-repeat;
	font-size: 0px;
}

.menu .cleft .boxleft{
	background-image:url(../images/boxleft.png) ;
}

.menu .cright .boxright{
	background-image:url(../images/boxright.png) ;
}


#boxes{
	float: left;
	width: 90%;
	margin:0 auto;
	height:48px;
	padding-left: 5px;
	overflow: hidden; 
	position: relative;
}

#boxes a{
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-top: 14px;	
	font-weight: normal;
	display: block;
	line-height: 34px;
	font-size: 14px;
	color: #ccc;

}


#boxes a div.current {
	color: #555;
	background: #EEEEEE;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-khtml-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-khtml-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	CCborderRadius: 3px;
	CCborderRadiusTL: 3px;
	CCborderRadiusTR: 3px;
	text-shadow: #c6d9e9 1px 1px 1px;
	margin-left: 1px;
	margin-right: 1px;
}
#boxes a div._1, #boxes a div._2, #boxes a div._3 , #boxes a div._4 , #boxes a div._5 , #boxes a div._6 {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-khtml-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-khtml-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	CCborderRadius: 3px;
	CCborderRadiusTL: 3px;
	CCborderRadiusTR: 3px;
	margin-left: 1px;
	margin-right: 1px;
}

#boxes a div._1{
	color: #eee;
	background: #49A835;
	/*color: #49A835;*/

}
#boxes a div._2{
	color: #333;
	background: #ECE17E;
	/*color: #ECE17E;*/

}
#boxes a div._3{

}
#boxes a div._4{
	color: #eee;
	background: #49A835;
	border-top: solid 2px #BB0000;
	/*color: #49A835;*/

}
#boxes a div._5{
	color: #333;
	background: #ECE17E;
	border-top: solid 2px #BB0000;
	/*color: #ECE17E;*/

}
#boxes a div._6{
	border-top: solid 2px #BB0000;
}
#boxes a div{
	padding-left: 9px;
	padding-right: 9px;
}
#boxes  a:hover {
	color: #fff;
}

.lhead a{
	vertical-align:middle;
}

.lhead #menu{
	float: left;	
	width: 50%;
}

#searchbox{
	margin:0 auto;
	/*background:#E4F2FD none repeat scroll 0 0;
	border-bottom:1px solid #C6D9E9;*/
	width: 60%;
}

#searchbox form{
}

#searchbox .sw{
	float: left;
	border:1px solid #B0B8BE;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	CCborderRadius: 3px;
	height: 23px;
	margin: 1px;
}

#searchbox .query{
	padding:0.1em 0.2em 0.1em;
	width: 18em;
	vertical-align:middle;
	border:0px;
	height: 18px;

}



#searchbox #btnSearch{
	/*padding:0.2em 0.2em 0.2em;*/
	vertical-align:middle;
	background: url(../images/sicon0.png) no-repeat;
	width:21px;
	height: 21px;
	border: solid 0px #ccc;
	
}

#searchbox .search{
}

#searchbox span{
	float: left;
	width: 90px;
	text-align: left;
	vertical-align:middle;
	font-size: 11px;
}

.slider .status{
	margin-top: -20px;
	margin-left: -10px;
	float: left;
}

#total{
	float: left;
	width: 100%;
	clear: both;
	color: #fff;
}

div.slider {
	width: 540px;
	margin: 5px 0;
	background: #EEEEEE none repeat scroll 0 0;
	background:transparent url(../images/slider2.png) repeat-x scroll 0 center;	
	margin-top: 20px;
}
div.slider div.knob {
	background: #000;
	width: 12px;
	height: 12px;
	background: url(../images/tl_ball.png) no-repeat;
}
div#fontSize {
	height: 50px;
}

.col1, .col2, .col3{
	float: left;
}
.col1{
	width: 15%;
	padding-left: 10px;
	padding-right: 10px;
}

.col1 #tags{
	margin: 0px auto;
	overflow: hidden; 
	position: relative;
	height: 400px; 
	width: 100%;
	border: 0px solid #ddd;
	text-transform: capitalize;
}

.col2{
	width: 56%;
}
.col2 #list{
	width: 100%;
	/*overflow: auto;
	max-height: 350px;
	height: expression( this.scrollHeight > 350 ? "350px" : "auto" ); */
	
}
.col3{
	width: 25%;
	padding-left: 5px;
}

#topbar{
	float: left;
	width: 100%;
	background:#EEEEEE url(../images/topbar-bg.gif) repeat-x scroll 0 0;
	border-bottom:1px solid #CDCDCD;
}

#topbar a{
	padding: 3px;
	border: 0px;

}
#topbar a  img{
	border: 0px;
	vertical-align:middle;
}

#topbar .zoomin, #topbar .zoomout{
	padding:0px;
	margin:0px;

} 

#topbar .copymode{
	padding: 3px;
	border: 0px;
	vertical-align:middle;
}
#topbar .col2{
	text-align: right;
}



#pagelist{
	float: left;
	width: 98%;
	clear: both;
	padding: 3px;
	text-align: center;
}

#pagelist a{
	border: solid 1px #ccc;
	margin: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

#pagelist span{
	margin: 3px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}

#tags{
	float: left;
	width: 100%;
}

#tags a{
	float: left;
	width: 100%;
	text-align: right;
	border-top: solid 1px #eee;
}

.dragitem {width:100px;height:100px;border:3px solid blue;position:absolute;margin:5px;padding:4px;}

#newtag{
	float: left;
	width: 100%;
	text-align: right;
}
#newtag .edit{
	width: 8em;
}

#removeft{
	float: left;
	width: 100%;
	text-align: right;

}

#friends{
	border: solid 0px #ccc;
	padding: 3px;
	float: left;
	width: 100%;
}

#friends a{
	margin: 3px;
	width: 45px;
	height: 45px;
}

#friends a img{
	border: solid 0px #ccc;
}

.col3 .title{
	font-weight: bold;

}

.ajax-loading {
	padding: 20px 0;
	background: url(../images/spinner.gif) no-repeat center;
}

#msg{
	text-align: center;
	padding: 1px;
}
#msg span{
	background: #990000;
	padding: 3px;
	color: #fff;
	font-weight: bold;
}

.main .col1 .tagall{
	float: left;
	width: 100%;
	text-align: right;
}

.main .col1 .tagup, .main .col1 .tagdown{
	float: left;
	width: 100%;
	text-align: center;
	background-attachment:scroll;
	background-color:transparent;
	background-position:50% 0;
	background-repeat:no-repeat;
	font-size: 0px;
}

.main .col1 .tagup{
	background-image:url(../images/tagup.png) ;
}

.main .col1 .tagdown{
	background-image:url(../images/tagdown.png) ;
}