﻿/*/////////////////////////////////////////////////////////////////// 
Main page content
===================================================================== 
///////////////////////////////////////////////////////////////////*/
body { background-position: #24292F; padding: 0px; margin: 0px; background: #24292F; }

ol { margin: 0; list-style: none; font-family: Tahoma; font-size: 10px; color: #A2ADB7; }
	ol li { background: url(./images/listItem.gif) no-repeat; background-position: 0 7px; margin-top: 0px; padding: 0px 0px 0px 0px; }
ul { margin: 0; padding: 15px; list-style: none; font-family: Tahoma; font-size: 10px; line-height: 14px; color: #A2ADB7; }
li { background: url(./images/listItem.gif) no-repeat; background-position: 0 7px; margin-top: 16px; padding: 0px 0px 0px 25px; }

/*/////////////////////////////////////////////////////////////////// 
Graphic Thumbnail
===================================================================== 
///////////////////////////////////////////////////////////////////*/
.thumbnail { padding: 15px; }
	.thumbnail h3 { font-size: 14px; font-family: Helvetica; color: #9c9c9c; }
	.thumbnail img { padding: 2px 2px 2px 2px; background-color: #222; border: 1px double #9c9c9c; }
	.thumbnail .animation { padding: 4px; }	

/*/////////////////////////////////////////////////////////////////// 
Page Container
===================================================================== 
///////////////////////////////////////////////////////////////////*/
#site-container{ margin: 0px auto; width: 676px; }
	#page-container { margin: 0px auto; width: 676px; float: left;}
		#page-header { }
		#page-content { background: url(./images/page-content.gif) repeat; }
			#page-left { width: 238px; background: no-repeat #000000; float: left; }
				#page-left-content { width: 100%; background: url(./images/page-left-content.gif) top left no-repeat #383F47; }
			#page-right { width: 438px; background: url(./images/page-right.gif) top right no-repeat #2E353B; float: right; }
				#page-right-content { width: 100%; background: url(./images/page-right-content.gif) top left no-repeat #2E353B; }
			#page-footer { background: url(./images/page-footer.gif) no-repeat; clear: both; height: 5px; width: 100%; }
	#page-banner { margin: 0px auto; width: 676px; height: 134px; padding: 6px 0 0 0; clear: both; border: 0px; }
		#page-banner a:link, a:hover, a:visited, a:active, img { border: 0px; }
	
/*/////////////////////////////////////////////////////////////////// 
Image Blocks
===================================================================== 
///////////////////////////////////////////////////////////////////*/	
.imgLeftBlock { margin-left: 13px; margin-top: 16px; margin-bottom: 16px;  height: 14px; background: url(./images/imgLeftBlock.gif); }
	.imgLeftBlock .title { color: #fff; font-family: Helvetica; font-size: 15px; padding: 0px 0px 0px 24px; margin: 0px; }
.imgRightBlock { margin-left: 13px; margin-top: 16px; margin-bottom: 16px;  height: 14px; background: url(./images/imgRightBlock.gif) no-repeat; }
	.imgRightBlock .title { color: #fff; font-family: Helvetica; font-size: 15px; padding: 0px 0px 0px 24px; margin: 0px; }
/*/////////////////////////////////////////////////////////////////// 
XSLT Styles
===================================================================== 
///////////////////////////////////////////////////////////////////*/
.xslt-content-item { width: 390px; font-family: Tahoma; font-size: 11px; line-height: 14px; color: #A2ADB7; padding: 15px; text-align: justify; }
	.xslt-content-item-header { font-weight: bold; }
	.xslt-content-item-body { }
.indent { padding: 30px 6px 6px 14px; float: left; }
.xslt-list-item{ }
	.xslt-list-item-date { text-decoration: underline; color: #B7DEFB; }
	.xslt-list-item-title { text-decoration: underline; color: #B7DEFB; font-weight: bold; }
	.xslt-list-item-entry { }
	
/*/////////////////////////////////////////////////////////////////// 
Upload Style
===================================================================== 
///////////////////////////////////////////////////////////////////*/
.uploader { width: 300px; }
	.uploader .file { height: 25px; width: 300px; cursor: default; margin: 0 0 10px 0; }
	.uploader .filename { width: 145px; height: 21px; border: 1px solid #bbb; background-color: #fff; padding: 2px 0 0 4px; display: block; float: left; margin: 0 1px 0 0; }
	.uploader .file a.browse { text-decoration: none; color: #333; cursor: default !important; display: block; float: left; background: none; width: 68px; height: 25px; border: 0; }
	.uploader .file a.browse img { border:0; }
	
	.uploader div input { background-color: #fff; width: 140px; padding: 2px !important; margin: 0 22px 0 0; font-family: Arial,Helvetica,sans-serif; font-size: 11px; border: none; color: #666; cursor: default !important; float: left; }

	.uploader a.btn-upload { text-decoration: none; color: #333; display: block; float: right; background: url("images/upload/_upload.png") no-repeat; width: 76px; height: 25px; }
	.uploader a.btn-upload:hover { background: url(./images/upload/_upload-h.png); }
	
/*/////////////////////////////////////////////////////////////////// 
Panel Style
===================================================================== 
///////////////////////////////////////////////////////////////////*/
.panels { padding: 5px; font-family: Helvetica; }
	.panel { padding : 5px; margin: 5px; background: #383F47; border: 1px solid #000000; }
		.panel h3 { font-size: 13px; color: #B7DEFB; }
		.panel a:link, a:active, a:visited { color: #B7DEFB; text-decoration: none; }
		.panel a:hover { color: #B7DEFB; text-decoration: none; }
		.panel p { font-size: 10px; color: #fff; }
		.panel .email { border: 0px; margin: 0px; padding: 0px; vertical-align: bottom; }