/**
#  CONSTRUCTOR STYLES
#  copyright(c) Mikko O. now and forever
#  
************************************************/

/* global white space reset */
* {
	margin: 0; padding: 0;
}

body {
	background: #EFEFE0  url( bg_slide.jpg ) repeat-x; /*#DFDFD1;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

a {
	color: #3F61FF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
.subnavi {
	float: left;
	width: 900px;
	border-bottom: 1px dotted #efefef;
}
ul {
	list-style-type: none;
}

ul.grid-ul li{
	margin: 3px;
}
/**
* BASIC UTILS
-----------------------------------------*/
h1 {
	float: left;
	margin: 5px 0;
	font-size: 14px;
	width: 145px;
	padding: 2px;
}
h1 a {
	text-decoration: none;
	color: #333;
}
h1 a:hover {
	text-decoration: underline;
	color: #FF0000;
}

h2 {
	border-bottom: 1px solid #ccc;
	background: url( top_gradient.png ) repeat-x bottom left;
	color: #333;
	font-size: 110%;
	letter-spacing: 0.1em;
	font-variant: small-caps;
	padding: 2px 3px;
	font-weight: lighter;
}
h2.editor {
 	
}
h3 {
	border-bottom: 1px solid #ccc;
	color: #333;
	font-size: 120%;
	letter-spacing: 0.1em;
	font-variant: small-caps;
	padding: 2px 3px;
	font-weight: lighter;
}
h4 {
	font-size: 110%;
	font-weight: lighter;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #ccc;
}
.lighter {
	color: #666;
	font-size: 10px;
}
/**
* MAIN BODY
-----------------------------------------*/
#body_wrapper {
	width: 960px;
	margin: 0 auto;
}

/**
* HEADER
-----------------------------------------*/

#header_wrapper {
	width: 100%;
	height: 50px;
	background: #959F9D url( top_gradient.png ) repeat-x top left;
	border-top: 1px solid #86898F;
	border-bottom: 1px solid #86898F;
}

#header {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/** header date & time styles **/
#today {
	position: absolute;
	top: 25px;
	font-size: 90%;
	padding: 2px;
	width: 155px;
	left: 0;
}
.today {
	float: left;
}
#headClock {
	float:right;
}
/** / / **/
#personal {
	float: right;
	width: 320px;
	height: 44px;
	padding: 3px 3px 3px 20px;
}

#personal ul {
	float: left;
	list-style-type: none;
}
#personal ul li{
	float: left;
	padding-top: 2px;
	margin-right: 5px;
	color: #666;
}
#personal ul li a{
	float: left;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	padding: 2px 10px;
	font-size: 11px;
}
#personal ul li a:hover {
	text-decoration: underline;
	color: #FF0000;
}
#personal ul li a.to-site {
	float:left;
	padding-left: 20px;
	background: url( world_go.png ) no-repeat left center;

}
#personal ul li a.personal {
	float:left;
	padding-left: 20px;
	background: url( user.png ) no-repeat left center;
}
#personal ul li a.logout {
	float:left;
	padding-left: 20px;
	background: url( door_open.png ) no-repeat left center;
}
/**
* MAIN NAVIGATION
-----------------------------------------*/
#main_navi_wrapper {
	float:left;
	width: 100%;
	height: 20px;
	background: url( menu_bg.jpg ) repeat-x;
	border-bottom: 1px solid #ccc;
	position: relative;
}

	/**navigation list **/
	#main_navi_wrapper ul {
		width: 960px;
		margin: 0 auto;
		height: 21px;
		list-style-type: none;
	}

	#main_navi_wrapper ul li {
		float: left;	
	}

	#main_navi_wrapper ul li a.last {
		padding-right: 2px;
	}
	#main_navi_wrapper ul li a {
		float: left;
		font-family: Verdana, sans-serif;
		text-transform: uppercase;
		font-size: 11px;
		height: 17px;
		padding: 3px 14px 1px;
		color: #333;
		text-decoration: none;
		text-align: center;
		letter-spacing: 0.2em;
		border-right: 1px solid #ccc;
	}

	#main_navi_wrapper ul li a:hover, #main_navi_wrapper ul li a.active {
		background: #D9DFD1;
		color: #000;
		text-decoration: none;
		padding-top: 3px;
	}

	
/*
*
-----------------------------------------*/
#breadcrump {
	width: 950px;
	margin: 5px 0;
	padding: 5px;
	font-size: 95%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#breadcrump .spacer {
	
	
}
#breadcrump a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
}

/**
* SUBMENU 
-----------------------------------------*/
.submenu {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin: 0 0 0 3px;
	width: 954px;
	border-bottom: 1px solid #ccc;
}
.submenu ul {
	list-style-type: none;
	float: left;
}
.submenu ul li {
	float: left;
	padding: 3px 14px;
	margin: 0 -1px -1px 0;
	border: 1px solid #ccc;
	background: #efefef url( sub_menu_bg.jpg ) repeat-x;
	
}
.submenu ul li.active {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.submenu ul li a {
	text-transform: uppercase;
	font-size: 70%;
	letter-spacing: 0.3em;
	color: #000;
}
.submenu ul li:hover {
	color: #FF1000;
	background: #efefef;
	
}
.submenu ul li a:hover {
	color: #FF1000;
	text-decoration: none;
}
/**
* CONTENT
-----------------------------------------*/

/* content wrapper styles **/
#content_wrapper {
	float: left;
  	width: 960px;
	margin-top: 0;
	padding: 0;
	background: #D9DFD1;
	min-height: 300px;

}

#content_wrapper .content {
	margin: 20px 10px 0 10px;
	padding-bottom: 10px;
}

#content_wrapper #content {
	margin: 20px 10px 10px 10px;
}

#side_content {
	float:left;
	width: 258px;
	margin: 29px 0;
	padding: 0 0 10px 0;
	border-left: 1px solid #ccc;
	
}
#side_content .content {
	margin: 0 10px 0 0;
	padding-bottom: 10px;
	padding-left: 10px;
}
#content_wrapper p {
	float: left;
	margin: 5px 3px 10px 3px;
}
.maintenance {
	float: left;
	/*background: #858F74 url( globe.jpg ) no-repeat center center;*/
	width: 881px;
	height: 260px;
	margin: -3px 0 0 -6px; padding: 0;
}
.maintenance h3 {
	border-bottom: 0px solid #ccc;
}
.wrap {
	float: left;
}
/**
* FOOTER
-----------------------------------------*/

#footer_wrapper {
	float: left;
  	width: 100%;
	margin: 0;
	padding: 8px 0 6px 0;
	font-size: 80%;
	
	color: #333;
	text-align:center;
}

#footer_wrapper a {
	color: #333;
	text-decoration: none;
}
#footer_wrapper a:hover {
	color: #FF1000;
	text-decoration: underline;
}

/** 
* GRIDS
-----------------------------------------*/
.gridblog, .gridblog2, .gridblog3 {
	float: left;
	background: #fff;
	
}

.gridblog {
	width: 300px;
	padding: 2px;
	margin: 3px;
}
.gridblog2 {
	width: 464px;
	padding: 2px;
	margin: 3px;
}
.gridblog3 {
	width: 948px;
	padding: 2px;
	margin: 3px;
	border: 1px solid #ccc;
}

.top {
	border-top: 0;
	margin-top: 0;
	padding-top: 10px;
}
.nopad {
	border-top: 0;
	padding-right: 0;
	margin-top: 0;
	padding-top: 0;
}
.no_border {
	border: 1px solid #fff;
}
/**
* OTHER 
-----------------------------------------*/
.status {
	font-weight: bold;
	font-size: 110%;
	border: 2px dotted #ccc;
	padding: 8px;
	background: #fff;
	margin: 3px;
}
form .error {
	color: #FF1000;
}
.msg-stats {
	float: left;
	margin: 3px 3px 0;
	font-size: larger;
	color: #939F81;
	font-weight: bolder;
}
/* helper div to clear divs */
div.clear {
	clear: both; height: 0px; overflow: hidden; 
}

/* LOGIN FORM */
.form_login {
	clear: both;
	margin: 30px auto;
	width: 500px;
	border: 1px solid #ccc;
	background: #F4F4F4;
	padding: 10px;
}
.form_login form p {
	width: 450px;
	margin: 10px 5px 10px 0;
}
.form_login input {
	border: 1px solid #ccc;
	padding: 4px;
}
.form_login .button_login{
	border: 1px solid #ccc;
	background: #DFDFDF;
	padding: 4px;
}
.gridblog3 .frmAdmin {
	width: 920px;
}
.frmAdmin {
	float: left;
	margin: 0;
	padding: 10px;
}
.frmRights {
	float: left;
	margin: 0;
	padding: 0;
}
.frmAdmin label {
	float: left;
	width: 100%;
	margin: 0px 0 0px 0;
}
.frmAdmin .formfield {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}
.frmAdmin input {
	border: 1px solid #ccc;
	padding: 4px;
}
.frmAdmin textarea {
	border: 1px solid #ccc;
	padding: 4px;
}
.frmAdmin .checkbox {
	padding-bottom: 3px;
	border: none;
}
.frmAdmin .button {
	border: 1px solid #ccc;
	background: #DFDFDF;
	padding: 4px;
}

.frmAdmin fieldset {
	float: left;
	border: 0px solid #ccc;
}
.frmAdmin fieldset.thin {
	width: 120px;
	margin: 4px 8px 4px 0;
}
.frmAdmin fieldset.normal {
	width: 290px;
	margin: 4px 8px 4px 0;
}
.frmAdmin fieldset.wide {
	width: 904px;
	margin: 4px;
	background-color: #fff;
}
.frmAdmin h4 {
	border-bottom: 1px solid #ccc;
	background: #959F9D url( top_gradient.png ) repeat-x bottom left;
	font-weight: bold;
	padding: 4px;
	margin-left: -2px;
}
.frmAdmin legend {
	float: left;
	font-weight: bold;
	padding: 0 20px 0px;
	margin-top: 12px;
	border: 1px solid #ccc;
	background-color: #E2EFE0;
}
.frmAdmin select.nums {
	width: 50px;
}
.frmAdmin .sformfield {
	float: left;
	width: 100%;
}
.frmAdmin .frm-date {
	float:left;
	width: 110px;
}
.frmAdmin .frm-date input {
	width: 70px;
}
.frmAdmin select.mygsm {
	width: 150px;
}
.field_options a{
	margin: 0 5px 0 0;
	font-size: 90%;
	color: #666;
}

.frmRights fieldset {
	border: none;
	width: 470px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 10px;
	padding: 5px;
}
.frmRights legend {
	padding: 5px;
	font-size: 13px;
	font-weight: bold;

	background-color: #fff;
	margin-left: -1px;
}
.frmRights .formfield {
	float:left;
	width: 100%;
	margin: 6px;
}
.frmRights label {
	float:left;
	width: 200px;
	text-align: right;
}
.frmRights input {
	float:left;
	margin: 3px 0 0 12px;
}
.frmRights .button {
	margin-left: 180px;
}

/** SOME LISTS **/
.div-feed {
	float: left;
	width: 310px;
}
ul.feed {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 5px;
}
ul.feed li {

}
ul.feed li a{
	text-decoration: none;
	margin: 3px;
	/*font-weight: bold;*/
}

/** MISC. **/


/** MEMBER **/
table.member_dat {
	float: left;
	width: 305px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
table.member_dat td{
	padding: 2px;
}
table.member_dat td.col1{
	width: 100px;
	text-align: right;
	font-size: 90%;
}
table.member_dat td.col2{
	width: 205px;
	text-align: left;
}
/** / / **/

/*
* ICONED LINKS */
a.email_edit {
	float:left;
	margin-right: 5px;
	padding-left: 20px;
	background: url( email_edit.png ) no-repeat left center;
}

a.passwd_edit {
	float:left;
	margin-right: 3px;
	padding-left: 20px;
	background: url( textfield_key.png ) no-repeat left center;
}
a.personal {
	float:left;
	padding-left: 20px;
	background: url( user.png ) no-repeat left center;
}

a.edit_mydata {
	margin: 3px;
	float:left;
	padding-left: 20px;
	background: url( user_edit.png ) no-repeat left center;
}
a.edit_mypass {
	margin: 3px;
	float:left;
	padding-left: 20px;
	background: url( lock_edit.png ) no-repeat left center;
}
/** own-menu **/
#my-menu {
	float: left;
	margin: 5px 10px;
}
#my-menu a {
	color: #000;
}
#own-menu a:hover {
	color: #FF1000;
}
a.a-note{
	float:left;
	padding-left: 20px;
	background: url( note.png ) no-repeat left center;
	
}

/** // **/
a.new {
	padding-left: 20px;
	background: url( page_white_edit.png ) no-repeat left center;
}
a.edit {
	float:left;
	padding-left: 20px;
	margin-right: 4px;
	width: 1%;
	text-indent: -2000px;
	background: url( pencil.png ) no-repeat left center;
	position: relative;
}
a.stat {
	float:left;
	padding-left: 20px;
	margin-right: 4px;
	width: 1%;
	text-indent: -2000px;
	background: url( chart_bar.png ) no-repeat left center;
	position: relative;
}
a.delete {
	float:left;
	padding-left: 20px;
	text-indent: -2000px;
	width: 1%;
	background: url( bin_closed.png ) no-repeat left center;
}
a.zoom{
	float:left;
	padding-left: 20px;
	background: url( zoom.png ) no-repeat left center;
}
a.rights {
	float:left;
	padding-left: 20px;
	margin-right: 4px;
	text-indent: -2000px;
	width: 1%;
	background: url( key.png ) no-repeat left center;
}
a.linked , .linked {
	float:left;
	width: 20px;
	background: url( link.png ) no-repeat left center;
}

a.unlinked{
	float:left;
	width: 20px;
	background: url( link_break.png ) no-repeat left center;
}

a.subpage{
	float:left;
	margin-right: 4px;
	padding-left: 20px;
	background: url( page_white_copy.png ) no-repeat left center;
}

a.up{
	float:left;
	margin-right: 4px;
	width: 20px;
	text-indent: -2000px;
	background: url( arrow_up.png ) no-repeat left center;
}

a.down{
	float:left;
	margin-right: 4px;
	width: 20px;
	text-indent: -2000px;
	background: url( arrow_down.png ) no-repeat left center;
}
a.right{
	float:left;
	margin-right: 4px;
	width: 20px;
	text-indent: -2000px;
	background: url( arrow_right.png ) no-repeat left center;
}
a.left{
	float:left;
	margin-right: 4px;
	width: 20px;
	text-indent: -2000px;
	background: url( arrow_left.png ) no-repeat left center;
}
.public, a.public {
	float: left;
	color: #228F00;
	width: 20px;
	background: url( flag_green.png ) no-repeat;
	text-indent: -2000px;
}

.unpublic, a.unpublic {
	float: left;
	color: #FF1000;
	width: 20px;
	background: url( flag_red.png ) no-repeat;
	text-indent: -2000px;
} 

a.isfp {
	float: left;
	color: #228F00;
	width: 20px;
	background: url( page_white_world.png ) no-repeat;
	text-indent: -2000px;
}

a.notfp {
	float: left;
	color: #FF1000;
	width: 20px;
	background: url( page_white.png ) no-repeat;
	text-indent: -2000px;
} 

.block {
	float:left;
	width: 47px;
	height: 20px;
}
.locked {
	float:left;
	width: 20px;
	/*height: 14px;*/
	background: url( lock2.png ) no-repeat left center;
	text-indent: -2000px;
}
.l20 {
	width: 78px;
}
/** BLOG & CONTENT TABLE **/

table.tdmaintenance, table.tdcontent {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	font-size: 90%;
	background-color: #fff;
	border-collapse:collapse;
}
table.tdmaintenance th{
	border-left: 1px solid #ccc;
}
table.tdmaintenance {
	width: 868px;
}
table.tdmaintenance td.edit {
	width: 68px;
}
table.tdmaintenance td.tdstatus {
	width: 24px;
	
}
table.tdmaintenance td.date_joined {
	width: 60px;
}
table.tdmaintenance td.mgroup {
	width: 70px;
}
table.tdmaintenance td.mgsm {
	width: 90px;
}
table.tdmaintenance td.memail {
	width: 200px;
}
table.tdmaintenance td.mmember {
	width: 126px;
	font-weight: bold;
}

table.tdcontent {
	width: 948px;
}

table.tdcontent tr:hover td, table.tdmaintenance tr:hover td {
	background-color: #efefef;
}
table.tdcontent td,  table.tdmaintenance td {
	border-bottom: 1px solid #ccc;
	padding: 6px 2px;
}

table.tdcontent td.id, table.tdmaintenance td.id {
	width: 20px;
}
table.tdcontent td.title {
	width: 400px;
	font-size: 110%;
	font-weight: bold;
}
.child_title {
	font-weight: normal;
	font-size: 100%;
}
.leaf {
	float: left;
	width: 8px;
	height: 8px;
	margin: 1px 6px 0 0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.child {
	float: left;
	width: 15px;
	height: 8px;
}

table.tdcontent td.stitle {
	width: 350px;
	font-size: 110%;
	font-weight: bold;
}
table.tdcontent td.view {
	width: 80px;
}
table.tdcontent td.author {
	width: 100px;
}
table.tdcontent td.links {
	width: 50px;
}
table.tdcontent td.date {
	width: 62px;
}
table.tdcontent td.tdstatus {
	width: 80px;
}
table.tdcontent td.edit {
	padding-left: 10px;
	width: 140px;
}

/** MENU TABLE **/
table.tdcontent td.mtitle {
	width: 260px;
	font-size: 110%;
	font-weight: bold;
}
table.tdcontent td.url {
	width: 250px;
}
table.tdcontent td.module {
	width: 70px;
}
table.tdcontent td.parent {
	width: 40px;
}
table.tdcontent td.tlocked {
	width: 40px;
}
table.tdcontent td.medit {
	width: 280px;
}
/** // **/

/** MEMBER TABLE **/
table.tdcontent td.mtitle {
	width: 250px;
	font-size: 110%;
	font-weight: bold;
}
table.tdcontent td.memail {
	width: 250px;
}
table.tdcontent td.mgroup {
	width: 150px;
}
table.tdcontent td.date_joined {
	width: 100px;
}
table.tdcontent td.mstatus {
	width: 100px;
}


.stats {
	float: right;
	margin: 4px;
	font-style: italic;
}

.js_tags {
	float: left;
	width: 400px;
	padding: 4px;
	margin: 0 0 20px;
	border: 1px solid #ccc;
	font-size: 90%;
	background: #efefef;
}

#tags {
	float: left;
	width: 920px;
	padding: 0 4px 2px 22px;
	border: 1px solid #ccc;
	font-size: 90%;
	background: #efefef url( tag_blue.png ) no-repeat 2px 2px;
}
.pagination {
	float: left;
	text-align: center;
	padding: 1px 0;
	margin: 0;
	font-size: 95%;
	width: 100%;
	background: url( menu_bg.jpg ) repeat-x bottom left;
}

/** 
* CONFIG AREA 
*----------------------------------------------------------------*/
.config_menu {
	float: left;
	margin: 2px 0 0 0;
	padding: 10px 0;
}
.config_menu a {
	float: left;
	width: 69px;
	height: 16px;
	margin: 0 0 -1px 0;
	padding: 38px 0 5px 0;
	text-align: center;
	color: #333;
	
}

.config_menu a.config {
	background: url( heist_32.png ) no-repeat center 5px;
}

.config_menu a.members {
	background: url( gumshoe_32.png ) no-repeat center 5px;
}

.config_menu a.groups {
	background: url( gumshoe_2.png ) no-repeat center 5px;
}

.config_menu a.template {
	background: url( case-file_32.png ) no-repeat center 5px;
}
.config_menu a.sms {
	background: url( computebot_32.png ) no-repeat center 5px;
}
.config_content {
	float: left;
	width: 868px;
	margin: 5px;
}

/** // **/
.tip {
	float: left;
	margin: 3px 12px 0;
}
#container 
{
	margin-top: 15px;
	float: left;
	width: 750px;
}
.tabpage {
	border: 1px solid #3C576C;
	border-top: none;

}
.form_info {
	float: left;
	margin: -1px 0;
	width: 738px;
	border: 1px solid #3C576C;
	padding: 5px;
	background: #B1B8B1;
}


ul#dir_ul {
	float: left;
	list-style-type: none;
	margin-left: 10px;
}
ul#dir_ul li{
	float:left;
	padding: 2px 0 2px 20px;
	width: 850px;
}
ul#dir_ul li.main_dir{
	background: url( folder.png ) no-repeat left center;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	font-size: larger;
}
ul#dir_ul li.folder {
	background: #efefef url( folder.png ) no-repeat left center;
	margin: 5px 0 2px 0;
	border-bottom: 1px solid #ccc;
	width: 830px;
	line-height: 22px;
}
ul#dir_ul li ul {
	margin: 0;
	list-style-type: none;
}
ul#dir_ul li ul li {
	padding: 2px 0 2px 20px;
	width: 810px;
	line-height: 20px;
	border-bottom: 1px dotted #ccc;
}
ul#dir_ul li.file {
	background: url( page_white.png ) no-repeat left center;
}
ul#dir_ul li.image {
	background: url( page_white_picture.png ) no-repeat left center;
}
ul#dir_ul li.txt {
	background: url( page_white_text.png ) no-repeat left center;
}
ul#dir_ul li.pdf {
	background: url( page_white_acrobat.png ) no-repeat left center;
}
ul#dir_ul li.doc {
	background: url( page_white_word.png ) no-repeat left center;
}
ul#dir_ul li a, ul#dir_ul li ul li a{
	float: left;
}
ul#dir_ul li .text{
	float: left;
	font-size: 11px;
	margin-left: 20px;
}
ul#dir_ul li a.delete_file {
	float: right;
	padding-left: 20px;
	background: url( shape_delete.png ) no-repeat left center;
}

/** 
* NOTEPAD 
------------------------------------------------*/

#my-notes {
	display: none;
	width: 351px;
	height: 302px;
	top: 100px;
	left: 35%;
	position: absolute;
	background: #fff;
	border: 1px solid #333;
}

#my-notes .handle {
	background: url( menu_bg.jpg ) repeat-x bottom left;
	border-bottom: 1px solid #333;
	letter-spacing: 0.1em;
	font-size: 12px;
	font-variant: small-caps;
	color: #333;
	font-weight: bold;
	width: 100%;
	height: 20px;
	padding: 0;
	margin: 0;
	cursor: move;
}
#my-notes textarea {
	width: 100%;
	height: 265px;
	margin: 0px; padding: 0;
	background: #FFFBCF;
	border: none;
}
#my-notes input.nfirst {
	margin-left: -1px;
	width: 164px;
}
#my-notes input.nclose {
	width: 28px;
}
#my-notes input {
	float: left;
	width: 163px;
	margin: 0 -1px 0 0; padding: 0;
	text-align: center;
	font-size: 9px;
	text-transform: uppercase;
	border: none;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	background: #C4D3AC;
}
#my-notes input:hover {
	background: #767F67;
}

/** // **/

.memberdat {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.member_img {
	float: left;
	margin: 5px;
	width: 150px;
	height: 300px;
	border: 1px solid #ccC;
}
.memberdat ul {
	float: left;
	list-style-type: none;
	margin: 5px;
	width: 450px;
}
.memberdat ul li {
	float: left;
	width: 100%;
	margin: 3px 0;
	font-size: 110%; 
}
.memberdat .m1 {
	float: left;
	width: 120px;
	text-align: right;
	padding: 0 4px 0 0;
	font-size: 85%;
}
.memberdat a.close_div {
	margin: 5px;
	float: right;
}
.memberdat .col1 {
	float: left;
	width: 130px;
}
.memberdat a, .wrap a  {
	margin: 3px 0 0 5px;
	text-indent: 0;
	width: 50px;
}

.chars-left {
	margin-left: 30px;
	font-size: larger;
}
/** DIALOG **/

 div.jqifade{
      background-color: #ffffff;
}
div.jqi{
      background-color: #c0cEa6;
      padding: 10px;
      width: 300px;
}
div.jqi .jqicontainer{
      background-color: #e0eEc6;
      padding: 5px;
      color: #ffffff;
      font-weight: bold;
}
div.jqi .jqimessage{
      background-color: #c0cEa6;
      padding: 10px;
}
div.jqi .jqibuttons{
      text-align: center;
      padding: 5px 0 0 0;
}
div.jqi button{
      padding: 3px 10px 3px 10px;
      margin: 0 10px;
}

.banners {
	float: left;
	width: 238px;
}
.banners a img {
	border: none;
}
.banners .b-block {
	margin: 4px;
	padding: 5px;
	border: 1px solid #ccc;
}
.banners a {
	text-indent: 0;
	width: 50px;
}
.banners a.up, .banners a.down, .n-block .n-footer a.up, .n-block .n-footer a.down {
	text-indent: -3000px;
	width: 20px;
}

.n-block {
	float: left;
	width: 220px;
	height: 330px;
	border: 1px solid #333;
	margin: 5px;
	
}
.n-block .n-content {
	float: left;
	width: 220px;
	height: 300px;
	overflow: hidden;
	position: relative;
}
.n-block .n-footer {
	float: left;
	width: 210px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	height: 20px;
	padding: 5px;
	text-align: center;
	background-color: #efefef;
}
.n-block .n-footer a {
	text-indent: 0;
	width: 50px;
}
ul.ul-app-post {
	float: left;
	font-size: 16px;
	width: 340px;
	border-top: 1px dotted #ccc;
}
ul.ul-app-post li {
	margin: 8px 0 4px;
	
	border-bottom: 1px dotted #ccc;
}
ul.ul-app-post li li{
	border-bottom: 0px dotted #ccc;
}

ul.ul-app-post ul {
	margin-left: 20px;
	font-size: 14px;
	width: 320px;
}
ul.ul-app-post ul ul {
	font-size: 12px;
	width: 300px;
}

ul.ul-app-post .title {
	width: 300px;
	
}
ul.ul-app-post .delete {
	float: none;
	text-indent: 0;
	font-size: 11px;
}
.member-img {
	float: left;
	width: 150px;
	margin-right: 3px;
}
.member-data {
	float: left;
	width: 250px;
}
.member-data ul {
	float: left;
	list-style-type: none;
	width: 100%;
}
.member-data ul li {
	float: left;
	width: 100%;
	margin: 4px 0;
}
.m1 {
	float: left;
	width: 100px;
	font-size: 95%;
	font-weight: bold;
	color: #666;
}
.m2 {
	float: left;
	width: 150px;
	font-size: 95%;
}