/*===============================================================================================*/
/* BLOG POST
/*===============================================================================================*/

.post .arrow img
{
	position: relative;
	top: 3px;
	border-bottom-width: 0px;
}

.post .title a
{
	color: #7E7E7E;
	border-bottom-width: 0px ! important;
	line-height: 140%;
}

.post .title a:hover
{
	color: #595959;
}

.post .body, .comment .body
{
	width: 490px;
	line-height: 170%;
	text-align: justify;
	overflow: hidden;
}

.comment .body
{
	text-align: left;
	width: 445px;
	overflow: hidden;
}

.post .body pre, .comment .body pre
{
	border: 1px #EEEEEE solid;
	background-color: #FFFFFF;
	margin-bottom: -20px;
	padding: 10px;
	line-height: 140%;
	overflow: auto;
	margin-top: 5px;
	*margin-top: 10px;

	*overflow-x: auto;
	*overflow-y: hidden;
	width: 468px;
	*padding-bottom: 25px;
}

.comment .body pre
{
	padding: 10px;
	width: 423px;
}

.comment .body .copyToClipboard
{
	left: 418px;
}

.comment
{
}

#commentFormContainer .comment
{
	border: 1px #FAFAFA solid;
}

.commentList
{
	border: 1px #E2E2E2 solid;
	background-color: #FFFFFF;
	padding: 10px 20px 20px 20px;
	margin-top: 20px;
}

.copyToClipboard
{
	z-index: 100;
	position: absolute;
	border: 1px #EEEEEE solid;
	cursor: pointer;
	top: 16px;
	left: 463px;
	*moz-opacity: 0.90;

	*top: 0px;
	*filter: alpha(opacity: 95);
}

.post .body ul, .post .body ol
{
	margin: -10px 0px -30px -10px;
	*margin: -10px 0px -20px 30px;
}

.post .body em, .comment .body em
{
	font-weight: bold;
	font-style: italic;
}

.meta, meta a
{
	font-family: Tahoma;
	color: #AEAEAE;
}

.meta a
{
	color: #AEAEAE;
}

.post .meta a, .comment .meta a
{
	border-width: 0px;
	color: #AEAEAE;
}

.post a, .post a:hover, .comment a, .comment a:hover
{
	color: #F58825;
	border-bottom: 1px #F58825 dotted;
	text-decoration: none;
}

.post a:hover, .comment a:hover
{
	color: #D3690A;
	border-bottom: 1px #D3690A solid;
	text-decoration: none;
}

.post .body img, .comment .body img
{
	display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.borderImg
{
	padding: 10px;
	background-color: #FFFFFF;
    border: 1px #EEEEEE solid;
}

.post .img, .comment .img
{
	display: inline ! important;
    margin-right:inherit;
    margin-left:inherit;
    text-align:left ! important;
    border: 0px #EEEEEE solid ! important;
}

.post .relatedPosts
{
	margin-bottom: 0px;
}

.post .relatedPosts ul
{
	list-style-type: none;
	padding: 10px;
	padding-bottom: 0px;
	margin-left: 15px;
	border-left: 3px #F0F0F0 solid;
	margin-top: 10px;
	margin-bottom: 0px;
	line-height: 25px;
}

.post .relatedPosts h1
{
	font-size: 120%;
	margin-top: 30px;
}

.post .relatedPosts div
{
	width: 450px;
	overflow: hidden;
	white-space: nowrap;	
}

.post .update
{
	text-align: left;
	border: 1px #B8E16E solid;
	background-color: #F3FEEB;
	padding: 10px;
	font-family: Verdana;
	margin-bottom: -15px;
}

.post .update h1
{
	font-size: 100%;
	font-weight: bold;
	font-family: Verdana;
	color: #546A20;
	margin-top: -5px;
	*margin-bottom: 5px;
}

.postLinks
{
	height: 30px;
}

.postLinks a
{
	font-weight: bold;
	*text-decoration: underline;
}

/*===============================================================================================*/
/* ADDITIONAL PAGE SECTION
/*===============================================================================================*/

.loadingAnimation
{
	position: absolute;
	display: none;
	padding: 20px;
	border: 1px #CCCCCC solid;
	background-color: #FFFFFF;
}

.archive .h1, .downloads .h1
{
	font-size: 120% ! important;
}

.archive td, .downloads td
{
	line-height: 140%;
	margin-bottom: 5px ! important;
}

.archive table, .downloads table
{
	margin-top: 15px;
	margin-bottom: 20px;
}

/*===============================================================================================*/
/* TEMPLATE & COMMON
/*===============================================================================================*/

.dataGrid .altRow td
{
	border-top: 1px #DAF2AE solid;
	border-bottom: 1px #DAF2AE solid;
	background-color: #F9FFF4;
}

.dataGrid td
{
	*height: 17px;
}

.dataGrid td a
{
	border-bottom-width: 0px;
}

.dataGrid th, .dataGridFooter
{
	text-align: left;
	font-weight: bold;
	background-color: #F3FEEB;
	color: #546A20;
	height: 25px;
	border-bottom: 1px #B8E16E solid;
}

.centerContent
{
	margin: 0 auto;
	width: 882px;
}

.textBox
{
	width: 475px;
	border: 1px #ACA899 solid;
	border-right-color: #EBEBEB;
	border-bottom-color: #EBEBEB;

	height: 15px;
	margin-top: 0px;
	padding-top: 2px;
	padding-left: 2px;
}

.checkbox label
{
}

.form .textBox
{
	margin-top: 3px;
}

.form fieldset
{
	border: 1px #CCCCCC solid;
	*border: inherit;
	padding: 15px;
	margin-top: 10px;
	*margin-top: -10px;
}

.form .label, .form legend
{
	font-size: 11px;
	color: #545454;
	font-weight: bold;
}

.navBarItem, .navBarItemHover, .navBarItemPush
{
	background-position: right;
	background-repeat: no-repeat;
	background: url(/resources/images/nav_bar_item_bg.gif);
	padding-top: 8px;
	height: 20px;
	width: 82px;
	font-size: 11px;
	text-align: center;
	cursor: pointer;
	color: white;
}

.navBarItemHover
{
	background-image: url(/resources/images/nav_bar_item_bg_hover.gif);
}

.page .body
{
	line-height: 170%;
}

.page
{
	width: 440px;
	background-color: #FAFAFA;
	height: 550px;
	width: 490px;
	padding: 20px 30px 15px 30px;
	*padding-top: 20px;
}

h1, .h1
{
	color: #7E7E7E;
	font-size: 170%;
	font-weight: bold;
}

hr
{
	border-width: 0px;
	border-top: 1px #CCCCCC solid;
	height: 1px;
}

.rightBar
{
	padding: 40px 10px 20px 10px;
	border-left: 1px #CCCCCC dotted;
	border-bottom: 1px #CCCCCC dotted;
	width: 229px;
	background-color: #F5F5F5;
	line-height: 170%;
}

.rightBar h1, .rightBar .h1
{
	font-size: 120%;
	font-weight: bold;
}

.rightBar hr
{
	border-top: 1px #CCCCCC solid;
	border-left-width: 0px;
	border-bottom-width: 0px;
	height: 1px;
}

.rightBar .textBox
{
	width: 145px ! important;
}

.scrollable
{
	overflow: -moz-scrollbars-vertical;
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hide;
}

.recentPostList .item, .recentPostList .itemHover,
	.searchResults .item, .searchResults .itemHover
{
	cursor: pointer;
	font-size: 11px;
	font-family: Tahoma;
	background: url(/resources/images/post_list_item_bg.gif) no-repeat top left;
	width: 210px;
	height: 46px;
	margin-bottom: 3px;
	padding-top: 1px;
}

.recentPostList .item .disabled
{
	color: #CCCCCC;
}

.recentPostList .itemHover, .searchResults .itemHover
{
	margin-bottom: 3px;
	margin-left: 1px;
	width: 209px;
	height: 46px;
	background-image: url(/resources/images/post_list_item_bg_hover.gif);
}

.recentPostList .item .text a, .recentPostList .itemHover .text a,
	.searchResults .item .text a, .searchResults .itemHover .text a
{
	color: #8B8B8B;
}

.recentPostList .item .text, .recentPostList .itemHover .text,
	.searchResults .item .text, .searchResults .itemHover .text
{
	margin: 4px 8px 5px 32px;
	width: 160px;
	height: 30px;
	overflow: hidden;
	line-height: 15px;
}

.form .error, .error
{
	color: #C40000 ! important;
}

.arrow li
{
	list-style-type: none;
	background: url(/resources/images/li_arrow.gif) no-repeat left;
	background-position: 0px 5px ! important;
	margin-left: -20px;
	padding-left: 17px;
	margin-bottom: 5px;
	padding-bottom: 1px;
}

.greenArrow, .bugList
{
	*margin-left: 30px;
}

.bugList li, .fixed
{
	list-style-type: none;
	background: url(/resources/images/known_bug_icon.gif) no-repeat left;
	background-position: 0px 6px ! important;
	padding-left: 21px;
	padding-top: 5px;
}

.fixed
{
	background: url(/resources/images/known_bug_fixed_icon.gif) no-repeat left ! important;
}

.adminNav
{
	margin: -20px 0px 30px -30px;
	*margin: -20px 0px 30px 10px;
}

.adminNav a
{
	color: #E24703;
	border-color: #E24703;
}

.adminNav a:hover
{
	color: #EE8E64;
	border-color: #EE8E64;
}

.asterisk li
{
	list-style-type: none;
	background: url(/resources/images/asterisk_small.gif) no-repeat left;
	background-position: 2px 4px ! important;
	padding-left: 19px;
	margin-bottom: 4px;
	padding-bottom: 1px;
}

.adminNav li
{
	list-style-type: none;
	font-weight: bold;
	background: url(/resources/images/asterisk.gif) no-repeat left;
	background-position: 0px 1px ! important;
	padding-left: 22px;
	margin-bottom: 8px;
	padding-bottom: 1px;
}

.greenArrow li
{
	list-style-type: none;
	background: url(/resources/images/green_arrow.gif) no-repeat left;
	background-position: 0px 5px ! important;
	padding-left: 17px;
	margin-bottom: 5px;
	padding-bottom: 1px;
}

.steps li
{
	margin-bottom: 10px;
}

.button
{
	padding: 3px 5px 3px 5px;
	*padding: 2px 7px 2px 7px;
	*min-width: 10px;
	*overflow: visible;
}

/*===============================================================================================*/
/* HTML 
/*===============================================================================================*/

html, body
{
	margin: 0;
	padding: 0;
}

ul
{
	margin-left: -10px;
	*margin-left: 30px;
	*margin-top: 10px;
}

blockquote
{
	
	font-style: italic;
	margin: 10px 10px -20px 20px;
}

body
{
	background-color: #EAEAEA;
	font-family: Verdana;
	font-size: 11px;
	color: #545454;
}

input, select, textarea
{
	color: #545454;
	font-size: 11px;
	font-family: Tahoma;
}

a, a:hover
{
	color: #333333;
	border-bottom: 1px #999999 dotted;
	*border-bottom: 0px #999999 solid;
	border-left-width: 0px;
	border-right-width: 0px;
	text-decoration: none;
}

a:hover
{
	color: #333333;
	border-bottom: 1px #999999 solid;
	border-left-width: 0px;
	border-right-width: 0px;
	text-decoration: none;
}

a img
{
	border-bottom: 0px #FFFFFF solid ! important;
}