/* CLANSPHERE STANDARDS */

img 						{ border:0px; }
td 							{ background-color:inherit; color:#000000; font-size:8pt; border:0px; vertical-align:top; }
textarea 					{ width:90%; }
ul 							{ margin:0px; }

#debug 						{ width:100%; height:150px; margin-bottom:20px; overflow:auto; padding-left:5px; text-align:left; }
#errors 					{ color:#CC0000; }
#sql 						{ color:#666666; }

.h1 						{ color: #222222; font-size: 14pt; font-weight: bold; text-decoration: none; }
.h2 						{ color: #222222; font-size: 16pt; font-weight: normal; text-decoration: none; }
.h3 						{ color: #222222; font-size: 20pt; font-weight: normal; text-decoration: none; }

.form 						{ background-color:#fff; color:#000; border:1px solid #555555; font-family:"Arial", Verdana, Arial, Helvetica; font-size:11px; cursor:pointer; margin:0px; padding-left:0px; }
.forum 						{ background-color:#b9b0b1;color:#333; margin:auto;	margin:auto;
	border-collapse:seperate;
	border-spacing:1px;}
.headb 						{ background-image: url('images/head_bg.jpg'); color:#e9dada; font-family: Arial, Verdana, Arial, Helvetica; font-size:12px; padding:5px 6px 5px 8px; text-align:left; }
.headb a:link, .headb a:active, .headb a:visited, .headb a:hover {color: #e9dada;}
.bottom 					{ background-image:	url('images/cell_bg_drk.jpg'); background-repeat:repeat-x; background-color:#e4d9d9;color:#000000; padding:4px 6px 4px 8px; text-align:left; }
.newshead 					{ background-image:	url('images/head_bg.jpg'); font-family:"Arial", Verdana, Arial, Helvetica; color:#fff; font-size:12px; padding:4px 6px 4px 8px; text-align:left;}
.left, .center, .right 		{ color:#000; font-size:11px; }
.leftb, .centerb, .rightb 	{ background-image:	url('images/cell_bg.jpg'); background-repeat:repeat-x;background-color:#f8f6f6; color:#000000; padding:4px 6px 4px 8px; margin:0px;color:#000; font-size:11px; }
.leftc, .centerc, .rightc 	{ background-image:	url('images/cell_bg2.jpg'); background-repeat:repeat-x; background-color:#edecec;color:#000000; padding:4px 6px 4px 8px; margin:0px;color:#000; font-size:11px; }
.left, .leftb, .leftc 		{ text-align:left; }
.center, .centerb, .centerc { text-align:center;color:#000; font-size:11px; }
.right, .rightb, .rightc 	{ text-align:right;color:#000; font-size:11px; }
input, select 				{ background-color:#fff; border:1px groove #333333; color:#000; font-family:"Arial", Verdana, Arial, Helvetica; font-size:7pt; margin:3px; padding:2px; }
.navhead, .navhead2 		{ background-color:#444488; border:solid #000000; color:#F2F2F2; font-weight:bold; padding:4px; text-align:center; }
.navbodyb, .navbody2b 		{ background-color:#8B8B8B; border:1px solid #000000; color:inherit; list-style:none; padding:4px 6px 4px 8px; text-align:left; }
.quote 				 { border-left-width:2.5em; border-left-style:solid; border-color:#389eb1;  padding-left:2.5em;  background-color:#c0c0c0;   text-align:justify;   border-width:1px;  border-style:dotted;  border-color:#333;}
.rightslider 			{ color:#000; font-size:10px;background-image:	url('images/cell_bg_drk.jpg'); background-repeat:repeat-x;background-color:#e4d9d9; }
.calhead 								{ background-image: url('images/head_bg.jpg'); color:#e9dada; font-family: Arial, Verdana, Arial, Helvetica; font-size:12px; padding:1px 2px 1px 2px; text-align:center; }
.calday, .calevent, .caltoday, .calweek { text-align:center; }
.calday 								{ background-color:#e7dddd;color:#000000; padding:1px 2px 1px 2px; margin:0px;color:#000; font-size:11px; }
.calevent 								{ background-color:#dde9eb; color:#000000; padding:1px 2px 1px 2px; margin:0px;color:#000; font-size:11px; }
.calevent:link, .calevent:visited, .calevent:active 	{ color:#0118ff; }
.calevent:hover 										{ color:#f8f8f8; }
.caltoday 								{ background-color:#fff; color:#000; }
.calweek 								{ color:#545454; }
/*Manage*/
.manage {
  background-color: #F8F8F8;
  border: 1px solid #999999;
  margin: 5px;
  padding: 5px 0px 0px 0px;
}
.manage:hover {
  background-color:#E2E2E2;
}

/*Themebar*/
.themebar {
  border: 1px dashed #777777;
  margin: 4px 8px 4px 8px;
  padding: 4px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 110px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}