/**
* LAST MOD: Oct 27 2011: DREW @ www.dreamdesignsweb.com
* ---------------------------
*/
body { font-family: arial; font-size: 12px; background-color: #efefef; color: #000000; }
form { margin: 0px; padding: 0px; }
textarea { color: #c0c0c0; }
/*=== BEGIN BASIC CLASSES ===*/
.px9 { font-size: 9px; }
.px10 { font-size: 10px; }
.px11 { font-size: 11px; }
.px15 { font-size: 15px; }
.greyIt { color: #808080; background-color: transparent; }
.redIt { color: #ff0000; background-color: transparent; }
.floatR { float: right; }
.floatL { float: left; }
.alignC { text-align: center; }
.alignR { text-align: right; }
.pad10 { padding: 10px; }
.pad5 { padding: 5px; }
.pl5 { padding-left: 5px; }
.mb5 { margin-bottom: 5px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.subtitle { font-size: 15px; font-weight: bold; }
.spacerDiv { height: 1px; margin: 15px 0px 15px 0px; }
.dividerDiv { position: relative; height: 1px; font-size: 1px; margin: 10px 0px 10px 0px; background-color: #d0d0d0; color: transparent; }
.form-button {
	font-size: 8pt;
	font-family: arial; 
	color: #dedede;
	border: 1px solid #dedede;
	background: #6899d4;
}
.form-button:hover { background-color: #96b8e0; }
.shareErrorDiv {
	position: relative;
	width: 520px;
	height: auto;
	left: 0px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	border: dotted 1px #808080;
	padding: 2px;
}
.msgImg {
	float: left;
	border: none;
	margin-right: 10px;
}

/*=== MAIN BODY DIVISIONS ===*/
#main {
	position: relative;
	height: 558px;
	overflow: auto;
	border-bottom: dotted 1px #c0c0c0;
}
#naviWrapper {
	position: relative;
	margin: 2px 0px 0px 0px;
}
.naviInfo {
	position: absolute;
	left: 5px;
	top: 2px;
}
.naviWrapperInner {
	position: relative;
	text-align: center;
}
#mainL {
	position: relative;
	float: left;
	width: 550px;
	height: auto;
	padding: 2px;
}
#mainR {
	position: relative;
	float: right;
	width: 196px;
	height: auto;
	padding: 2px;
}

/*=== BEGIN SUBTITLE BLOCK ===*/
#subtitleBlock {
	position: relative;
	height: 20px;
}
.searchDiv {
	position: relative;
	float: right;
	margin: 0px 18px 0px 0px;
}
#search {
	width: 160px;
	height: 14px;
	font-size: 11px;
	font-family: arial;
	font-style: italic;
	color: #d8dde9;
}
#searchGo {
	padding: 0px 3px 0px 3px;
}

/*=== BEGIN COMMENT BLOCK (PRIMARY NEW ENTRY BLOCK) ===*/
#shareDiv {
	position: relative;
	width: 60px;
	height: auto;
}
.contentShareBlock {
	position: relative;
	float: left;
	width: 530px;
	height: auto;
	text-align: center;
	margin-left: 5px;
	background-color: #ededed;/*#dee4e4;*/
	color: #000000;
}
.contentShareBlock textarea {
	width: 438px;
}
#commentName {
	width: 90px;
	float: left;
	margin-right: 5px;
}
#commentEmail {
	width: 150px;
	float: left;
	margin-right: 5px;
}
#shareCommentDiv {
	position: relative;
	width: 530px;
	min-height: 110px;
	/*background: url('../images/wall/comment_bg_strip.jpg') top repeat-y;
	border: solid 1px;*/
}
#shareCommentDivInner {
	position: relative;
	min-height: 110px;
	border: solid 1px #c0c0c0;
	border-bottom: solid 2px #B3BDD5;/*#6899d4;*/
}
/*
#shareCommentDivInner1 {
	position: relative;
	height: 100%;
	background: url('../images/wall/comment_bg_top.jpg') top no-repeat;
}
#shareCommentDivInner2 {
	position: relative;
	height: 100%;
	background: url('../images/wall/comment_bg_bott.jpg') bottom no-repeat;
}
*/
#scidInner {
	position: relative;
	width: 100%;
	min-height: 80px;
	height: auto;
	padding: 8px 4px 8px 4px;
}
#scdiImgBlock {
	position: relative;
	float: left;
	width: 100px;
	min-height: 90px;
}
#scdiImgBlock img {
	border: none;
	/*width: 60px;
	height: 60px;*/
}
#scdiImgIframeDiv {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0px auto;
}
#scdiImgIframeDiv  iframe {
	border: none;
	overflow: hidden;
	width: 60px;
	height: 60px;
}
#scdiImgIframe {
	z-index: 99;
}
#scdiImgSudoLoader {
	position: absolute;
	display: none;
	width: 60px;
	height: 60px;
	left: 0px;
	top: 0px;
	color: #000000;
	background-color: #ffffff;
	z-index: 999;
}
#scdiImgSudoLoader img {
	margin-top: 15px;
}
#sibFileInputDiv {
	position: absolute;
	width: 80px;
	height: 20px;
	top: 67px;
	left: 7px;
}
#commentFile {
	position: absolute;
	z-index: 91;
	top: 0px;
	left: -28px;
	opacity: 0;
}
#sudoBrowse {
	position: absolute;
	left: 0px;
	font-size: 13px;
	z-index: 90;
}
#scdiTextBlock {
	position: relative;
	width: 415px;
	height: auto;
	float: left;
	text-align: left;
	z-index: 99;
}
#captcha_code {
	width: 60px;
}
.captchaImg {
	vertical-align: middle;
	width: 110px;
}
#comment {
	margin: 0px;
	width: 410px;
	font-family: arial;
	font-style: italic;
	font-size: 15px;
	overflow: hidden;
}
#scdiInputSet {
	position: relative;
	width: auto;
	min-height: 26px;
	margin: 8px 0px 5px 0px;
}
.scdiInput {
	color: #808080;
}
#commentName {
	float: left;
	width: 100px;
}
#commentEmail {
	float: left;
	margin: 0px 0px 0px 10px;
	width: 210px;
}
#scdiSubmit {
	float: right;
	font-size: 16px;
	margin: 0px;
}
.shared {
	position: relative;
	width: 540px;
	height: auto;
	padding: 5px 0px 5px 0px;
}
.picBlock {
	position: relative;
	float: left;
	width: 62px;
	height: auto;
}
.thumbs {
	border: none;
	width: 80px;
	height: 80px;
}
.commentImgPair {
	position: relative;
	width: 100%;
}
.commentImgSet {
	position: relative;
	float: left;
}
.commentCapSet{
	position: relative;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0px 0px 10px;
}
.commentImg {
	width: 90px;
	height: auto;
	border: solid 1px #c0c0c0;
	padding: 2px;
	margin: 5px 0px 0px 0px;
}
.commentImg:hover {
	cursor: pointer;
}

/*=== BEGIN COMMENTED BLOCK (EXISTING COMMENTS) ===*/
.blogBlock {
	position: relative;
	width: 445px;
	margin: 0px 0px 0px 90px;
}
.blogPointerDiv {
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	margin: 20px 0px 0px 0px;
	z-index: 99;
}
.blogPointer {
	position: absolute;
	left: 1px;
}
.blogBlockInner {
	position: relative;
	float: left;
	width: 420px;
	min-height: 110px;
	color: #000000;
	background-color: #ffffff;
	border: solid 1px #c0c0c0;
	z-index: 98;
}
.blogBlockInnerPadding {
	padding: 12px 12px 0px 12px;
}
.bbTextBlock {
	position: relative;
	width: 100%;
	min-height: 73px;
	overflow: hidden;
}
/*== USED TO SHORTEN A LONG POST ===*/
.capBlock {
	height: 210px;
}
.readMoreDiv {
	position: relative;
	width: 100%;
	right: 0px;
	padding-top: 7px;
	text-align: right;
	background-color: #ffffff;
	z-index: 99;
}
.readMoreDiv img {
	cursor: pointer;
}
.readMoreDiv img:hover {
	opacity: 0.7;
}
.readMoreImg {
	
}
.bbReplyBlock {
	position: relative;
	margin: 4px 0px 5px 0px;
}
.bbReplyBlock a {
	text-decoration: none;
	font-size: 11px;
}
.replySpan {
	color: #ff0000;
	background-color: transparent;
}
.replySpan:hover {
	color: #ff9900;
}

/*=== BEGIN SUBCOMMENT BLOCK ===*/
.subCommentBlock {
	position: relative;
	display: none;
	width: 380px;
	margin: 10px 0px 5px 10px;
	padding: 5px;
	background-color: #d8dde9;
	color: #000000;
}
.babyBluePointer {
	position: absolute;
	left: -20px;
	top: 10px;
	z-index: 99;
}
.subCommentImg {
	float: left;
	border: none;
	width: 50px;
	height: 50px;
}
.subCommentIframe {
	position: relative;
	width: 380px;
	height: 110px;
	overflow: hidden;
}
/*=== BEGIN EXISTING SUBCOMMENT BLOCK ===*/
.subCommentOldBlock {
	position: relative;
	width: 380px;
	margin: 10px 0px 10px 10px;
	padding: 5px;
	background-color: #d8dde9;
	color: #000000;
}
.subCommentImgOldDiv {
	position: relative;
	float: left;
	width: 70px;
	margin: 4px 0px 0px 4px;
}
.subCommentTxtOldDiv {
	position: relative;
	float: left;
	width: 290px;
	min-height: 56px;
	font-size: 11px;
	margin: 4px 0px 0px 5px;
}

/*=== BEGIN TOP THREAD DIV ===*/
#topThreadDiv {
	position: relative;
	float: right;
	width: 182px;
	height: auto;
	font-family: arial;
	padding: 4px;
	margin: 10px 3px 0px 0px;
	border: solid 1px #c0c0c0;
	color: #000000;
	background-color: #ffffff;
}
#topThreadDiv ol {
	margin-left: 14px;
	padding-left: 14px;
}
#topThreadDiv li {
	font-size: 11px;
	margin-bottom: 8px;
}
#topThreadDiv li a {
	color: #6899d4;
	background-color: transparent;
	text-decoration: none;
}
#topThreadDiv li a:hover {
	color: #96B8E0;
}
#ttHead {
	position: relative;
	padding: 4px 0px 4px 0px;
	text-align: center;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	border-bottom: dashed 1px #000000;
}
/*=== BEGIN CALENDAR DIV ===*/
#calendarDiv {
	margin: 0px 0px 0px 1px;
	font-size: 11px;
}
#calendarDiv table tr td {
	 font-size: 8px;
}
#calendarDiv  th{
	font-size: 8px;
}
