#client_logo{
	float:left;
}

#mssm_logo{
	float:right;
	margin-left:10px;
}

#app_header{
	margin-top:25px;
}

#app_header_with_logo{
	margin-top:100px;
}
#browser_back
{
color:#FF0000;

}
a.image{border:0px;}

   /**
	* fonts, etc
	*/
	body, p, td{/*, input*/
		font-family:Lucida Sans, Verdana,Arial,Helvetica,sans-serif;
		font-size:13px;
		line-height:1.5;
		color:#807873;
	}
	
	/**
	 * my failed attempt at eliminating cellspacing in tables so the table borders appear like column
	 * dividers. Revisit.
	 */ 
	table {
		border-spacing: 0px;
		border-collapse: collapse;
		padding:5px;
	}

	a{
		color:#758073
	}

	
	

   /**
	* Alternating colors for table rows (see contentDisplay).
	* Used for tables on "view" pages where you see all section content 
	* (programs, questionnaires, etc. )
	*/	
	.trback1{
		background-color:#EBFFE6; 
	}	
	.trback2{ 
		background-color:#fff;
	}
  
  /**  
	* a bg color for any table row that behaves differnetly, 
	* like a sort row or other highlight
	*/
	.trhighlight{
		background-color:#FFFF99; 
	}


  /**
    * This might turn into just an admin thing..
    */
	#instructions{
		background-color:#FFFFCC;  
		border: 3px solid #eee;
		line-height:1.5;
		padding:8px;
		margin-bottom:4px;
	}


  /**
 	* how about this -- a warning or 'tip' box. not the same as error, but 
 	*/ 
	#specialNote{
		background-color:#99FFCC;
		padding:8px;
		border: 2px solid #00ff00;
		margin-bottom:4px;
	}


/*-------------------------------------------------
LOGIN SCREEN 
-------------------------------------------------*/
	#loginContainer{
		text-align:center;
	}
	
	#login {
		width: 500px;
		margin: 60px auto 20px auto;
		min-width: inherit;
		border:1px solid #ccc;
		padding:10px;
		background-color:#FFFFFF;
		text-align:left;
	}
	
	#login input{
		padding:5px; 
		font-size:16px;
	}
		
	#login h1{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:18px; 
		font-weight:bold;
	}
	
	.loginError{
		padding:10px; 
		width:400px;  
		border: 2px solid #ff0000; 
		margin-bottom:10px;
		background-color:#FFFFFF;
		font-weight:bold;
		color:#ff0000  
	}
	
	/**
	 * following class added from basecamp stuff 
	 */
	.loginMessage{
		padding:10px; 
		width:400px;  
		border: 2px solid #00CC00;
		margin-bottom:10px;
		color:#00CC00;
		font-weight:bold;
		background-color:#99FF99;
	}
	
	#login hr {
		border-bottom: 
		1px solid #ccc; 
		border-top:0px; 
		border-left:0px; 
		border-right:0px; 
		margin-bottom:5px; 
		margin-top:5px;
		padding:4px; 
	}
	
	a.login{
		text-decoration:none; 
		background-color:#FFFF99; 
		color:#333333;
		padding:2px;  
	}
	
	
	a.login:hover{
		border-bottom: 1px dashed #ccc;
	}
	
	
 /**
   * the 'cancel and go back' link 
   */
	a.cancel{
		font-size:11px; 
		border-bottom: 1px dashed #ccc; 
		text-decoration:none; 
		color:#666666; 
	}
	
	.copyright{
		display:inline; 
		vertical-align:baseline;
	}
		
  /**
   * rudimentary css to style the information for the programs
   */
	#programInformation{}
	
	#programInformation h3{ 
		font-weight:bold;
	}
	
	#programInformation p{ 
		border-top: 1px solid #ccc; 
		bottom-bottom: 1px solid #ccc;
		margin-top:10px;
	}
	
	#programInformation h2{
		border-bottom: 2px solid #ccc; 
		margin-top:5px;
	}
		
		
   /**
    * Content Display this was taken from cmeoutreach_admin 
    * 	
	* The div that holds the tables on the view-content pages. Sets a size and sets scrolling to 
	* auto so you can view all of your content in whatever category.
	*/
	
	#contentDisplay{
		height:500px; 
		width: 800px;
		overflow:auto; 
	}
		
   /**	
	* The div that holds the tables on the view-content pages. 
	* This one does not use scrolling.
	*/
	#contentDisplayNoScroll{
		height:500px; 
		width: 800px;
	}

   /**
    * make sure all tds are 5px -- maybe I can 
    */
	#contentDisplay td{
		padding:5px;
	}
	
	#contentDisplayWide td{
		padding:5px;
	}
	
	#contentDisplay table{
		width:650px;
	}
   
   /**	
	* contentDisplayWide (below) is a silly kludge -- 
	* I'm duping the code above and just setting this to a
	* wider width.  Should instead somehow override the width setting and just use
	* contentDisplay again.  
	*/
	#contentDisplayWide{
		height:500px; 
		width: 850px;
		overflow:auto; 
	}
	
	.contentDisplayWide{
		width: 850px;
	}

   /**	 
	* sets width of first td  on contentDisplay table 
	*/	
	.contentName{
		width:250px; 
		vertical-align:top; 
		padding:5px; 
		font-size:11px;
	}
	
	.contentViewerContent{
		width:280px;
		padding:5px;
	}
	
   /**
	* list styles for the create-edit-duplicate-delete lists that show up on all view pages
	*/
	#contentViewer{ }
	
	#contentViewer ul li{
		display: inline;
		padding: 3px 15px;
		border-left: 1px solid #000;
		font-size:10px;
	}
		
	.explanation{
		margin-bottom:15px;
		padding-top:2px;
		padding-left:5px;
		width:500px;
		font-style:italic;
	}
		
   /**
	* way to make td cells mimic the look of the contentViewer list items
	*/	
	.cellOutline{
		padding: 3px 15px;
		border-left: 1px solid #000;
		border-top:0px;
		border-bottom:0px;	
	}
	
	.highlighted{
		padding: 3px 15px;
		border-left: 1px solid #000;
		border-top:0px;
		border-bottom:0px;
		background-color:#FFFF99;
	}
	
	.popBorder{
		border-top: 	1px solid #ccc;
		border-left: 	1px solid #ccc;
		border-right: 	1px solid #333;
		border-bottom: 	1px solid #333;
	}
	
	
	/** Home page info boxes */
	
	.infoBox{
		width: 260px;
		line-height:1.5;
		padding: 5px;
		margin-bottom: 10px;
		display:inline;
		border:1px solid #ccc;
		position:absolute;
		margin-top: 20px;
		background-color:#fcfaf4;
		height:250px;
		min-height:220px;
	}
	
	
	
	.infoBoxHomePage{
		margin-left: 10px;
	}
	
	.infoBox h1{
		font-size: 14px;
		color: #EBFFE6;
		background-color: green;
		padding-left: 4px;
		margin-top:0px;
		margin-bottom: 6px;
		border-bottom: 2px solid #333;
	}
	
	.infoBox.first{margin-left:20px;}
	.infoBox.second{margin-left:310px;}
	.infoBox.third{margin-left:600px;}

	#faq{
		margin-top:30px;
		height: 370px;
		overflow:auto;
	}
	#appinfo{
		position:relative;
		top: 10px;
		left: 10px;
		width: 400px;
		font-size: 12px;
	}
	
	#appInfo h1{
		font-size: 20px;
		color: #000;
	}
	
	#splash-about{
		width: 100%;
		background-color:#fcfbe3;	
		margin-top: 30px;
	}
	
	#splash-about h1{
		color:#8a3611; /* a nice burnt orange color: 8a3611 a nice pale green color: b0ce84*/
		font-size:34px;
		font-family:Lucida Sans, verdana, arial;
		margin-left:10px;
		font-weight:bold;
		margin-top:1px;
		margin-bottom:2px;
	}
	
	#splash-about p{
		margin-left:20px;
		margin-right:20px;
		padding-bottom:4px;
	}
	
	.emphasize{
		background-color:#fcfaf4;
	}
	
	/* 
	 * Div for screenshot containers currently used on the application "about" page,
	 * not internal to the app. 
	 */
	.screenshot{
		margin:10px;
		/*background-color:#fcfaf4;*/
	}
	
	.screenshot h1{
	 	font-size:14px;
	 	font-weight:bold;
	 	background-color:#fcfaf4;
	 	padding:4px;
	 	border-top:2px solid #fcfbe3;
	 	border-bottom:3px solid #fcfbe3;
	 	}
	 	
	 .screenshot h4{
	 	display:inline;
	 	font-size:10px;
	 	color:#8a3611;
	 	
	 }
	 
	 .privacy{
	 	font-size:10px;
	 	margin:10px;
	 	padding:10px;
	 	border:1px solid #ccc;
	 }