/** --------------------------------------------  **/
/** These styles override the default HTML settings **/

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #e1e0c1;
}
td {
	font-size: 9px;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0066CC;
}
a:visited {
	color: #0066CC;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #0066CC;
	text-decoration: none;
}
hr {
	background-color: #EFEFEF;
	border: 1px solid #EFEFEF;
}



/*---------------------------------------*/
/*	Common Styles		            	 */
/*---------------------------------------*/

/* Pagination */
.pager_arrow							{ }
.pager_link 							{ padding: 3px 1px; }
.pager_selected							{ padding: 3px 1px; font-weight:bold; }

/* Common */
.red									{ color: #CC0000; } 
.note									{ color: #999; }

/* Success Messages (green box) */
.successbox, .notice-success, .form_successbox {  
	background-color: #007F05; 
	color: #fff;  
	font-size: 11px;  
	margin: 5px;  
	padding: 7px 7px 7px 40px;  
	text-align: left; 
	border:0;
}

/* 
Error/Warning Messages Box (red box)
--deprecate all but .errorbox
*/
.errorbox, .notice-error,  .notice-alert, .table-error 	{ 
	background-color: #990000;  
	color: #fff;  
	font-size: 11px;  
	margin: 5px;  
	padding: 7px 7px 7px 40px;  
	text-align: left;  
	border:0;
}

/* Notice Box (blue box) */
.noticebox {
	background-color:#1772D5;
	color: #fff;  
	font-size: 11px;  
	margin: 5px;  
	padding: 7px 7px 7px 40px;  
	text-align: left;  
	border:0;
}

/* hack lists so text shows up right color */
.notice-error li, .notice-alert li, .table-error ul li	{ 
	color: #fff; padding: 3px;
}

/* inline errors */
.error, .validation-advice, .form_error { 
	color: #ff0000; font-weight: bold; 
}

/* form styles */
input 									{ border: 1px solid #ccc; background-color: #e5e5e5; padding: 0.1em; color:#444; font-size:12px;}
select 									{ border: 1px solid #ccc; background-color: #e5e5e5; padding: 0.1em; color:#444; font-size:12px; margin:2px 0; }
textarea 								{ border: 1px solid #ccc; background-color: #e5e5e5; padding: 0.1em; color:#444; font-size:12px; }

/* standard buttons */
input.button, input.formbuttons, input.form-buttons, .form_button { 
	padding: 2px 3px; 
	color: #333333; 
	background-color: #CCCFC2; 
	border:1px outset #AAAF99;
}

/* green & red buttons */
input.actionButton 						{ background-color: #8CAC01; border: 1px outset #ccc; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 7px; }
input.cancelButton 				 		{ background-color: #990000; border: 1px outset #ccc; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 7px; }
input.shoppingButton					{ background-color: #8CAC01; border: 1px outset #ccc; color: #fff; font-size: 18px; font-weight: bold; padding: 4px 9px; font-family:Arial, Helvetica, sans-serif;  }


/** --------------------------------------------  **/
/** These styles relate to all Form Elements  **/

.form-fields {
	width: 150px;
	font-size: 10px;
	color: #1B3393;
	background-color: #FFFFFF;
	border: 1px solid #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.form-buttons {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #333333;
	border: 1px solid #000066;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.form-dropdowns {
	font-size: 10px;
	color: #1B3393;
	background-color: #FFFFFF;
	border: 1px solid #000066;
}

/** --------------------------------------------  **/
/** These styles relate to content tables  **/

.table-title {
	font-weight: bold;
	color: #ff871a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.table-title-2 {
	font-weight: bold;
	color: #ff871a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.table-author {
	font-weight: normal;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
}
.table-date {
	font-weight: normal;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.table-content {
	font-weight: normal;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
}
.table-row {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #e6e5cb;
}
.table-row-alt {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #ecebd6;
}

.table-title1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #d2d1a6;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.table-title2 {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-image: url(../images/sbc-kb-news-title2.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #d2d1a6;
	background-repeat: no-repeat;
	background-position: left;
	filter: DropShadow(Color=000000, OffX=5, OffY=5, Positive=50);
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.table-title3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #d2d1a6;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.table-subtitle1 {
	background-color: #d2d1a6;
}
.table-subtitle2 {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/sbc-kb-sub-news-title2.jpg);
	/*
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;*/
	background-color: #d2d1a6;
	background-repeat: no-repeat;
	background-position: left;
	/*
	filter: DropShadow(Color=000000, OffX=5, OffY=5, Positive=50);
	
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFFFFF;*/
}
.table-subtitle3 {
	background-color: #d2d1a6;
}
.table-bottom {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #d2d1a6;
	background-image: url(../images/sbc-kb-news-lastrow-mid.jpg);
}
.hotbox-title1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.hotbox-title2 {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-image: url(../images/sbc-kb-hotbox2.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #ff9c21;
	background-repeat: no-repeat;
	background-position: left;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.hotbox-title3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
			border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
/** --------------------------------------------  **/
/** These styles relate to the Background Images  **/

.LeftTile-Top {
	background-color: #e1e0c1;
	background-image: url(../images/sbc-kb-left-top.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 407px;
}
.LeftTile-Tile {
	background-color: #e1e0c1;
	background-image: url(../images/sbc-kb-left-tile.jpg);
	background-repeat: repeat-y;
	background-position: right center;
}
.LeftTile-Bot {
	background-color: #e1e0c1;
	background-image: url(../images/sbc-kb-left-bot.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 315px;
}
.LeftTile-Bot2 {
	background-color: #e1e0c1;
	background-image: url(../images/sbc-kb-left-bot2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 133px;
}
.RightTile-Top {
	background-color: #e1e0c1;
	background-image: url(../images/sbc-kb-right-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 407px;
}
.RightTile-Tile {
	background-color: #e1e0c1;
	background-image: url(../images/sbc-kb-right-tile.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.RightTile-Bot {
	background-color: #e1e0c1;
	background-image: url(../images/sbc-kb-right-bot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 315px;
}
.RightTile-Bot2 {
	background-color: #e1e0c1;
	background-image: url(../images/sbc-kb-right-bot2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 133px;
}

/** --------------------------------------------  **/
/** These styles relate to the Bottom Table  **/

.Bot-Table-1 {
	background-image: url(../images/sbc-kb-bot-1.jpg);
	height: 72;
	width: 975;
}
.Bot-Table-2 {
	background-image: url(../images/sbc-kb-bot-2.jpg);
	height: 24;
	width: 975;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: center;
}
.Bot-Table-3 {
	background-image: url(../images/sbc-kb-bot-3.jpg);
	height: 36;
	width: 975;
	background-position: right;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9a9862;
}

/** --------------------------------------------  **/
/** These styles relate to the Main Interface  **/

.Main-Table {
	background-color: #FFFFFF;
}
.Main-Menu-Bar {
	background-color: #d2d1a6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

/** --------------------------------------------  **/
/** These styles relate to the Newsletter Table  **/

.Newsletter-Table-0 {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.Newsletter-Table-1 {
	background-image: url(../images/sbc-kb-newsletter-2.jpg);
	height: 49;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-right: 8px;
	padding-left: 8px;
}
.Newsletter-Table-2 {
	background-image: url(../images/sbc-kb-newsletter-3.jpg);
	height: 40;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-right: 8px;
	padding-left: 8px;
}
.Newsletter-Table-3 {
	background-image: url(../images/sbc-kb-newsletter-4.jpg);
	height: 40;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-right: 8px;
	padding-left: 8px;
}
.Newsletter-Table-4 {
	background-image: url(../images/sbc-kb-newsletter-5.jpg);
	height: 40;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-right: 8px;
	padding-left: 8px;
}
.Newsletter-Table-5 {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}


/* TinyMCE specific rules */
body.mceContentBody {
   background: white;
}
/* end TinyMCE specific rules */



/*---------------------------------------*/
/* Video 								  */
/*---------------------------------------*/
.vd_maincell {
}
.vd_title {
	font-size: 14px;
	color: #333333;
	background-color: #D2D1A6;
	padding: 5px;
}
.vd_posted {
	font-size: 12px;
	color: #5B7778;
	font-weight: bold;
}
.vd_details {
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #5B7778;
}
.vd_embed {
	text-align: center;
	border-top: 1px solid #5B7778;
	border-right: 1px solid #5B7778;
	border-bottom: none;
	border-left: 1px solid #5B7778;
	background-color: #000000;
}
.videolist {s
	border: 1px solid #5B7778;
}
.vl_img {
}
.vl_title {
	color: #8EC1CD;
	font-size: 12px;
	font-weight: bold;
}
.vl_duration {
}
.vl_item {
	height: 60px;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	text-align: left;
	background-color: #ECEBD6;
}
.vl_flip {
	height: 60px;
	vertical-align: top;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	background-color: #E6E5CB;
}
.vl_border {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
.vl_viewall {
	text-align: center;
	background-color: #D2D1A6;
	color: #FFFFFF;
	padding: 5px;
}
.vl_details {
}
.vd_rightcell {
	vertical-align: top;
}.video_display {
	background-color: #FFFFFF;
}



/*---------------------------------------*/
/* Blogs						         */
/*---------------------------------------*/

/* Blog - Structure & Main Stuff */
.blog_maintable 								{ margin: 10px 5px 40px 5px; }
.blog_maintable h3								{ margin: 3px 0; }
.blog_leftcell									{ vertical-align:top; /*padding: 5px;*/ }
.blog_rightcell									{ vertical-align:top; /*padding: 5px;*/ }
.blog_maincell 									{ vertical-align:top; padding: 0 7px; }		

.blog_maintitle 								{ font-family:Georgia, Times, serif; padding: 10px 0; border-bottom:2px solid #efefef;}

/* Blog - Post & List */
.blogpost 										{ border-bottom: 2px solid #e5e5e5;  padding:12px 4px 12px 0;  }
.blogpost .bp_body								{ font-size: 12px; line-height:18px; padding-top:4px; }  
.blogpost .bp_title								{ font-size:14px; font-weight:bold; }
.blogpost .bp_author							{ color: #999} 
/* Blog - Comments List */
.blogpost_commentbox							{ padding: 0 4px;  }
.blogpost_commentbox .bcb_comment_item			{ margin: 10px 0px 10px 0px; border:1px solid #ccc; background-color:#eee; } 
.blogpost_commentbox .bcb_comment_author		{ border-bottom:1px dashed #999; padding: 5px 0;  }
.blogpost_commentbox .bcb_comment_body			{ line-height:16px; }
.blogpost_commentbox .bcb_comment_body h4		{ /* style the commment title */}
.blogpost_addcomment 							{ border: 1px dashed #CFCFCF}
.blogpost_addcomment .bac_input					{ width:80%; }
/* Blog - Side Widgets*/
.blog_widget									{ padding-bottom: 7px; border-bottom:2px solid #e5e5e5; }
.blog_widget .bw_item							{ padding:3px 2px; }
.blog_widget .bw_item	a						{ font-size:12px; }
.blog_widget .bw_border							{ border-bottom: 1px dashed #ccc; }
.blog_widget .bw_flip							{ background-color: #e5e5e5; }
.blog_widget .bw_about							{ font-size:9px; color: #999; }


/* Blog List Component */
.bloglist										{ color: #333; text-align: left; border: 1px solid #CCC;}
.bloglist .table-top							{ display: block; /* can be hidden with a display: none */}
.bloglist .bl_scrollable						{ /* scroll */ height:300px; overflow:auto;   }
.bloglist .bl_item								{ padding: 3px; }
.bloglist .bl_item	a							{ font-size:12px; }
.bloglist .bl_border							{ border-bottom: 1px dashed #ccc; }
.bloglist .bl_flip								{ background-color: #e5e5e5; }
.bloglist .bl_about								{ font-size:9px; color: #999; }
.bloglist .bl_comments							{ text-decoration:underline; font-size:9px !important; color: #999;  }
.bloglist .bl_desc								{ color: inherit; }
.bloglist .bl_viewall							{ margin:5px; text-align:center; font-size:9px /* can be hidden with a display:none */}


/*---------------------------------------*/
/* Poll									 */
/*---------------------------------------*/

.poll									{ color: #333; text-align: left; border: 1px solid #CCC; }
.poll	.table-top	h1					{ /* Style heating  */}
.poll 	.poll_item						{ padding:3px; }
.poll 	.poll_flip						{ background-color: #e5e5e5; }
.poll	.poll_bgbar 					{ background-color:#e5e5e5; width:100%; height:15px; margin:3px 0 5px 0; }
.poll	.poll_percentbar 				{ background-color:#66CC66; height:13px; border:1px solid #3F8F3E; }
.poll	.poll_buttons					{ margin:5px; text-align:center; font-size:9px; }