/*** standard elements ***/
body,td,th,p	{ font-family: Arial; font-size: 12px; color: black }
h1	{ font-family: Arial; font-size: 18pt; color: #344B7F; border-bottom: 1px solid #344B7F; }
h2	{ font-family: Arial; font-size: 14pt; }
h3	{ font-family: Arial; font-size: 12pt; }
a 			{ color: #344B7F; font-weight: bold;  }
a:visited 	{ color: #344B7F }
a:active	{ color: #0000ff }
a:hover 	{ color: #0000ff; text-decoration: none }

/*** layout  ***/
TABLE.mainTable	{ border: 1px solid white;}
TD.menu			{ background-color: #ECECEC; padding: 7px; text-align: center; }
TD.menu2		{ background-color: #ECECEC; padding: 7px; text-align: left; }
TD.the_body		{ background: white; padding: 30px }
TD.the_report_body { background: white; padding: 40px;
	background-image: url(../images/ElevationsSizeBAR.png);
background-repeat: repeat-y;
background-attachment: scroll;
background-position: left top;}
TD.the_body2		{ background: white; padding: 7px }
TD.the_body3    { background: white; margin-bottom: 10px;}
H6			{ page-break-before: always }
.break			{ page-break-before: always }
#header 	{
	text-align: center;	
	margin-bottom: 60px;
}

.paginate {
	text-align: right;
}

.left_content {
	width: 150px;
	vertical-align: top;
	text-align: center;
}

.content_left {
	text-align: left;
}

.top_bottom_border {
	margin-top: 30px;
	margin-bottom: 30px;
}

.spaced {
	padding-top: 50px;
}

.organizer_graph {
	height: 14px;
	border: 1px solid #469;
	background-image: url('../images/organizer_graph_bg.jpg');
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.liberator_graph {
	height: 14px;
	border: 1px solid #847;
	background-image: url('../images/liberator_graph_bg.jpg');
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.facilitator_graph {
	height: 14px;
	border: 1px solid #562;
	background-image: url('../images/facilitator_graph_bg.jpg');
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.innovator_graph {
	height: 14px;
	border: 1px solid #a72;
	background-image: url('../images/innovator_graph_bg.jpg');
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.toptwo_table { 
	border: 0px;
	margin: 10px 0px 10px 0px;
}

.toptwo_table tr {
	
}

.toptwo_table tr td {
	padding: 0px 10px 10px 0px;
}

.toptwo_table tr td h3 {
	padding: 0;
	margin: 0;
}

.graph_table {
	
}

.graph_table tr td{
	margin: 10px 0px 10px 0px;
}

.report_cards  {
	margin: 15px 0px 0px 0px;
	width: 100%;
}

.report_cards img {
	margin-right: 5px;
}

/*** navigation ***/
.menu_on { font-weight: bold;  }
.menu_off { font-weight: normal; color: #344B7F }
.report_menu { margin-left: 20px; margin-bottom: 20px }
.report_menu TD { padding: 4px 4px 4px 8px; border-left: 1px solid #344B7F;  }


/*** nicely formatted tables ***/
.nice 		{ border: 1px solid #344B7F; }
.nice TH 	{ padding: 5px; border: 1px solid #344B7F; background-color:  #344B7F; color: white;  }
.nice TD	{ padding: 5px;  border: 1px solid #344B7F;   }
.scores 	{ border-left: 1px solid #344B7F; border-right: 1px solid #344B7F; }
.scores TH 	{ border-bottom: 2px solid #344B7F; border-top: 1px solid #344B7F; }
.scores TD	{ border-bottom: 1px solid #344B7F;;   }
.scores2 	{ border: 1px solid #344B7F;; }
.scores2 TH 	{ padding: 5px; border: 1px solid #344B7F;;  }
.scores2 TD	{ padding: 5px;  border: 1px solid #344B7F;;   }


/*** card sort ***/
.ad-box {
  background: #eee;
  border: 1px solid black;
  padding: 5px;
  position: absolute;
  left: 20%;
  top: 80%;
  width: 600px;
  visibility: hidden;
}
.ad-boxh	{ padding: 5px; color: white; letter-spacing: 2pt; text-align: left; background-color: #344B7F; }
.ad-boxt 			{ font-size: 16pt; color: #0000ff; font-weight: bold; text-align: center }
.ad-boxc 	{ font-size: 10pt; font-weight: normal; text-align: left  }

.cardTable TH	{ width: 445px; height: 20px; padding: 5px; color: white; letter-spacing: 2pt; text-align: left; background-color: #344B7F; }
.cardTable TD	{ width: 445px; background-color: #ECECEC; padding: 20px; text-align: center }
.card_title 			{ font-size: 16pt; color: #344B7F; font-weight: bold; text-align: center }
.card_description 		{ font-size: 12pt; font-weight: bold; font-weight: bold; text-align: center  }
.card_description_jobs 	{ font-size: 10pt; font-weight: normal; text-align: left  }
.card_done { font-size: 12pt }
img.score_cards 	 { border: 2px solid white; margin: 5px }
.card_text_span { z-index:0; }

.card_info_button {cursor: help; z-index:100; background-image: url('../images/information-small-white.png'); background-repeat: none; width: 16px; height: 16px; }


#allItems { width: 185px; }

/*** other ***/
th.final {font-weight: normal; font-size: 10pt; width: 11% }
td.final {font-weight: normal; font-size: 10pt; align: center }
P.footer { color: silver; }
P.error_box { font-size: 12pt; border: 1px solid silver; padding: 20px; background-color: whitesmoke }
.error_msg { color: red; font-weight: bold }
P.action_plan_end	{ font-size: 12pt; font-weight: bold; border-bottom: 1px solid black }
input.fillinblank { width: 100% }
img.continue	{ border: 1px solid white; }
.req { font-weight: bold; color: red }

.submit { width:100px; font-size:12px; font-family: Arial; color:black; }
.submit2 { width:150px; font-size:12px; font-family: Arial; color:black; }


/*** drug - drop ***/
	#footer{
		height:30px;
		vertical-align:middle;
		text-align:right;
		clear:both;
		padding-right:3px;
		margin-top:2px;
		width:500px;
	}
	#footer form{
		margin:0px;
		margin-top:2px;
	}
	#dhtmlgoodies_dragDropContainer{	/* Main container for this script */
		width:100%;
		height:400px;
		padding-left:2px;
		text-align:center;
		-moz-user-select:none;
	}
	#dhtmlgoodies_dragDropContainer ul{	/* General rules for all <ul> */
		margin:0px;
		padding:2px;
	}
	
	#dhtmlgoodies_dragDropContainer li, #dhtmlgoodies_mainContainer li, #dragContent li,li#indicateDestination{	/* Movable items, i.e. <LI> */
		list-style-type:none;
		height:25px;
		background-color:#ECECEC;
		border:1px solid #344B7F;
		padding:2px;
		margin-bottom:2px;
		cursor:move;
		font-size:12px;
	}
	
	li#indicateDestination{	/* Box indicating where content will be dropped - i.e. the one you use if you don't use arrow */
		border:1px dotted #317082;	
		background-color:#FFF;
	}

	
	/* LEFT COLUMN CSS */
	div#dhtmlgoodies_listOfItems{	/* Left column  */
		
		width:300px;
		
				
	}
	#dhtmlgoodies_listOfItems ul{	/* Left(Sources) column <ul> */
		height:135px;
		overflow:hidden;
		text-align:center;
	}
		
	div#dhtmlgoodies_listOfItems div{
	        text-align:center;
	}
	div#dhtmlgoodies_listOfItems div ul{	/* Left column <ul> */
		margin:0px;
		padding:0px;/* Space at the left of list - the arrow will be positioned there */
	}
	#dhtmlgoodies_listOfItems div p{	/* Heading above left column */
		margin:0px;	
		font-weight:bold;
		padding-left:12px;
		background-color:#317082;	
		color:#FFF;
		margin-bottom:5px;
	}
	/* END LEFT COLUMN CSS */
	
	
	/* Start main container CSS */
	
	div#dhtmlgoodies_mainContainer{	/* Right column DIV */
		width:100%;
		text-align:center;
		
	}
	#dhtmlgoodies_mainContainer div{	/* Parent <div> of small boxes */
		float:left;
                text-align:center;
                width:33%;
				
	}
	#dhtmlgoodies_mainContainer div ul{
		margin:0px;
		padding:0px;
	}
	
	#dhtmlgoodies_mainContainer div p{	/* Heading above small boxes */
		margin:0px;
		padding:0px;
		margin-left:5px;
		margin-right:5px;
		font-weight:bold;
		color:#FFF;	
		margin-bottom:5px;
		text-align:center;
		background-color:#344B7F;
	}
	
	#dhtmlgoodies_mainContainer ul{	/* Small box in right column ,i.e <ul> */
		width:200px;
		height:300px;	
		border:1px solid #344B7F;	
		margin:0px;
		padding:0px;
		overflow:scroll;
		text-align:center;
		
	}
	
	#dragContent{	/* Drag container */
		position:absolute;
		width:180px;
		height:25px;
		display:none;
		margin:0px;
		padding:0px;
		z-index:2000;
	}

	#dragDropIndicator{	/* DIV for the small arrow */
		position:absolute;
		width:7px;
		height:10px;
		display:none;
		z-index:1000;
		margin:0px;
		padding:0px;
	}
	#displayContinue {
	   display:none;
	   height:135px;
	   text-align:center;
	 }

.modalDialog_transparentDivs
{	
 filter:alpha(opacity=40);		/* Transparency */
 opacity:0.4;				/* Transparency */
 background-color:#AAA;
 z-index:1;
 position:absolute; 			/* Always needed */
}
.modalDialog_contentDiv
{
 border:3px solid #000;	
 padding:2px;
 z-index:100;				/* Always needed */
 position:absolute;			/* Always needed */
 background-color:#FFF;			/* White background color for the message */
}
.modalDialog_contentDiv_shadow
{
 z-index:90;				/* Always needed - to make it appear below the message */
 position:absolute;			/* Always needed */
 background-color:#555;
 filter:alpha(opacity=30);		/* Transparency */
 opacity:0.3;				/* Transparency */	
}