/* Miscellaneous classes for reuse */
.fltrt { float: right; margin-left: 8px; }
.fltlt { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/* Text list (blogs) */
.textlist {	text-align:left; }
.textlist .text-first {	overflow:hidden; padding-bottom:15px; border-bottom:1px solid #c0c0c0; }
.textlist .text { overflow:hidden; padding:15px 0;  border-bottom:1px solid #c0c0c0; }
.textlist a, .textlist a:link, .textlist a:hover {	text-decoration:none;	color:#333; }
#page-content .textlist a h3 { text-decoration:underline; margin:0px;	padding:0px; }
.textlist .time { font-size:11px; color:#a0a0a0; padding:0px 0px 10px 0px; }
.textlist .image { float:left;	padding:0px 10px 10px 0px; }

/* Text view */
.textview { text-align:left; overflow:auto; }
.textview .time { font-size:11px; color:#a0a0a0; padding:0px 0px 10px 0px; }
#page-content .textview h2 { margin:0px; padding:0px; }
.textview .image { float:left; 	padding:0px 10px 10px 0px; }
.ctrl {	clear:left;}

/* Comments */
.comments { border-top:2px solid #bbb; margin-top:20px; clear:both;	text-align:left; }
.comments .index { float:left; height:35px;	width:25px;	font-size:20px;	font-family:"Georgia", Verdana, Tahoma;	color:#999;
	padding:5px 0px 0px 3px;
}
.comments .info { float:none; clear:none; height:24px; }
.comments .info div { border-bottom:1px dotted #777; float:left; }
.comments .text { border:1px dotted #bbb;	border-top:0px;	padding:0px 10px 10px 10px;	cursor:pointer; }
.comments .text-first { border:1px dotted #333;	border-top:2px solid #bbb;	margin-top:15px; padding:0px 10px 10px 10px;	cursor:pointer; }
.comments a.time, a.time:link, a.time:hover { color:#333; font-size:11px; }
.comments a.who, a.who:link { color:#336;	font-size:11px;	text-decoration:none; }
.comments a.who-admin, a.who-admin:link { color:#333; font-size:11px; font-weight:bold;	text-decoration:none; }
.comments .content { clear:both; border:0; }
.comments .content-admin {	font-weight:bold;	clear:both; border:0;}
.comments .ctrl a, .comments .ctrl a:link {	padding-right: 7px;	color:#eee;	text-decoration:none;	font-size:11px; }
.comments .ctrl { height:22px; width:200px; float:left; clear:none; }
.comments .ctrl-content { float:left;	background-color:#777;	padding-left: 7px;	display:none; }
.comments .replay {	padding-top:5px; margin-left: 0px;	border-top:1px dotted #ccc;	width: 420px;}
.replay input {	background-color:#f9f9f9;	border:1px solid #ccc;	padding: 3px;	margin:3px 0px; }
.replay textarea {	width:400px; height:100px;	padding: 3px;	font-family:Tahoma,Verdana,Arial;	font-size:12px;
	background-color:#f9f9f9;	border:1px solid #ccc; }

/* Page limits */
.pager {	padding: 0px 0px;	margin:10px 0px 5px 0px;	height: 25px; }
a.pager-link-predend { background-image:url(../i/pager-predend.gif); }
a.pager-link-pred { background-image:url(../i/pager-pred.gif); }
a.pager-link-next { background-image:url(../i/pager-next.gif); }
a.pager-link-nextend { background-image:url(../i/pager-nextend.gif); }
.pager-ctrl a, .pager-ctrl a:link, .pager-ctrl a:hover {
	background-repeat:no-repeat; background-position:center;
	text-decoration:none; font-size:12px; color:#fff; padding:0px 6px; margin:0px;
}
.pager-info {
	float:left; height: 25px; color:#fff; font-size:12px; padding:4px 0px 0px 10px; 
	background: url(../i/pager-bg.gif) no-repeat left top; width:200px;
}
.pager-ctrl { height: 25px; float:left; padding:2px 10px 0px 0px; background: url(../i/pager-bg.gif) no-repeat right top; }
.pager-select {
	background-color: #7cacdf;	border:1px solid #7cacdf;	FONT-FAMILY: Tahoma; font-size : 12px;  font-weight : normal;
	color: #FFFFFF;	padding:0px; margin:0px;
}

/* Button */
a.link, a.link:link { background-color:#7cacdf; padding:2px 7px; color:#fff; text-decoration:none; }
a.link:hover { background-color:#2f69b3; color:#fff; }

/* Messages */
.messageNormal { background-color:#ADFF2F; border:1px dashed #999; margin-bottom:10px; padding:10px; color:#000; }
.messageWarning { background-color:#ADFF2F;	border:1px solid #999; margin-bottom:10px; padding:10px; color:#000; }
.messageError { background-color:#FF6347; border: 1px solid #fff; margin-bottom:10px; padding:10px;	color:#fff; }

.o7_fileBox {
	width: 200px;
	height: 140px;
	text-align:left;
	padding:0px;
	margin:13px 0px 13px 13px;
	float:left;
	overflow:hidden;
}

.o7_fileBox .portfel_img { margin-bottom:5px; }

.ctrl { margin:20px 0 10px 0; }

a.smlink, a.smlink:link, a.smlink:hover { 
	font-family: Georgia, verdana, sans-serif, Arial, Helvetica; font-size:11px; 
	color:#333;
}

/* Miscellaneous classes for reuse */
.fltrt { float: right; margin-left: 8px; }
.fltlt { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/**/
.cleaner:after{ content: "."; display: block; height: 0; font-size:0; visibility:hidden; } 
.cleaner{display: inline-block; overflow:hidden; }  
/* Hides from IE Mac \*/ 
* html .cleaner {height: 1%;} .cleaner{display:block;} 
/* End Hack */