@CHARSET "ISO-8859-1";

.netblog-container {

}

.netblog-container #clft {
	float: left;
	width: 350px;
	vertical-align: top;
	
	border-right: 1px solid #999;
}


.netblog-container #crght {
	float: left; 
	margin-left: 10px; 
	width: 550px;
/*	margin-left: 360px; */
	vertical-align: top;
}

.netblog-container #clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.netblog-container h4 {
	font-size: 20px;
	color:#CCC;
	display: inline;
	padding: 10px 0 10px 0;
}

.netblog-container small {
	color: #999;
}

.netblog-container a, .netblog-container a:link, .netblog-container a:visited {
	display: block;
	color: #000;
	text-decoration: none;
	margin: 2px 0 2px 0;
	padding: 5px;
}
.netblog-container a:hover {
	background-color:#F3F3F3;
	cursor: pointer;
}
.netblog-container a.active {
	background-color:#E0E0E0;
	font-weight: bold;
}

.netblog-container .buttons {
	margin-top: 40px;
}

small a, small a:link, small a:visited {}
small a:hover {
	cursor: pointer;
}

.netblog-post-container {

}
.netblog-post-container .add {
	border-bottom-color: #EEEEEE;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
	padding: 6px;	
}
.netblog-post-container .add .input-disabled {
	color: #999;
	font-size: 12px;
	width: 200px;
}
.netblog-post-container .add .input-active {
	color: #CCC;
}
.netblog-post-container .list {
	padding: 6px;	
}
.netblog-post-container .list div {
	padding: 5px;
}
.netblog-post-container .list a.delbutton, .netblog-post-container .list a.delbutton:link, 
.netblog-post-container .list a.delbutton:visited {
	cursor: pointer;
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	background-image: url('images/xit.gif');	
	background-position: top left;
}
.netblog-post-container .list a.delbutton:hover {
	background-position: top right;
}
.netblog-post-container ul.list {
	list-style: url('images/xit.gif');
}
.netblog-post-container .hr {
	display: block;
	float: none;
	clear: both;
	border-bottom: 1px solid #EEE;
	height: 1px;
	padding: 5px 0px;
}
.netblog-post-container .helpS {
	display: block;
	padding: 5px;
	color:#666;
	font-weight: normal;
	font-style:italic;
}




/* MAIN MENU */
.netblog-main {
	border: 1px solid #CCC;
}
.netblog-menu {
	background:#CCC;
	display: block;
}
.netblog-menu .search {
	display: block;
	float: right;
	padding: 5px;
	color:#999;
}
.netblog-menu .search input {
	width: 200px;	
	color:#333;
}

.netblog-menu a.lnk, .netblog-menu a.lnk:link, .netblog-menu a.lnk:visited {
	display: block;
	float: left;
	padding: 7px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
.netblog-menu a.lnk:hover {
	color:#000;
	cursor: pointer;
}
.netblog-menu .sep {
	display: block;
	float: left;
	width: 1px;
	height: 23px;
	border-left: 1px solid #999;
	margin: 5px;
}


.netblog-main .progbar, .netblog-main .progbar-err{
	display: block;
	height: 3px;
	width: 50%;
	background:#060;	
}
.netblog-main .progbar-err {
	background:#900;
}

.netblog-main .body {
	padding: 7px;
	max-height: 600px;
	overflow: auto;
	background: white;
}
.netblog-main .body table {
	width: 100%;
	empty-cells: show;
	border-collapse:collapse;
}
.netblog-main .body table thead tr td {
	background:#EEE;
	padding: 3px;
}
.netblog-main .body .elem {
	float: left;
	width: 500px;
	height: 90px;
	margin: 5px 10px;
	overflow: hidden;
	background: white;
}
.netblog-main .body .elem .title {
	font-weight: bold;
}
.netblog-main .body .elem .uri {
	color:#666;
}
.netblog-main .body .elem .info {
	color:#999;
	font-size:10px;
}
.netblog-main .body .elem input {
	width: 400px;
	height: 22px;
}
.netblog-main .body .elem .mod {
	border-left: 2px solid #039;
	padding-left: 5px;
}
.netblog-main .body .elem .trash {
	border-left: 2px solid #900;
	padding-left: 5px;
}
.netblog-main .body .elem .offline {
	border-left: 2px solid #FC0;
	padding-left: 5px;
}

.netblog-main .body .empty {
	padding: 100px 10px;
	text-align: center;
	color: #CCC;
	font-weight: bold;
	font-size: 36px;
	display: none;
	background: white;
}

.netblog-clear {
	display: block;
	float: none;
	clear: both;
}