/*** 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_body2		{ background: white; padding: 7px }
H6			{ page-break-before: always }
.break			{ page-break-before: always }


/*** 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 }


/*** 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 */	
}