/*Style Sheet for Montefiore Site*/
html, body{ 
	margin:0; 
	padding:0; 
	background: url(../img/bg_body.gif) repeat; 	
	font-family: arial, helvetica, sans;
	font-size:12px;
} 

td{vertical-align:top; font-family: arial, sans; font-size:12px;}
	
p{margin: 6px 0px;}

a:link{color:#1a7e9f;}
a:visited{color:#1a7e9f;}
a:hover{color:#000099;}

a.buttonRegister:link{float: right; margin: 2px; padding: 2px; border: 1px solid black; background-color: #CCCCCC; font-size: 11px; color: #041e74; font-weight: bold; text-decoration: none; white-space: nowrap; text-align:center;}
a.buttonRegister:visited{float: right; margin: 2px; padding: 2px; border: 1px solid black; background-color: #CCCCCC; font-size: 11px; color: #041e74; font-weight: bold; text-decoration: none; white-space: nowrap; text-align:center;}
a.buttonRegister:hover{float: right; margin: 2px; padding: 2px; border: 1px solid black; background-color: #e5e5e5; font-size: 11px; color: #041e74; font-weight: bold; text-decoration: none; white-space: nowrap; text-align:center;}

a.cmeLinks:link{color:#041E74; font-size:13px; font-family:arial, helvetica,sans; font-weight:bold; text-decoration: none; }
a.cmeLinks:visited{color:#041E74; font-size:13px; font-family:arial, helvetica,sans; font-weight:bold;  text-decoration: none; }
a.cmeLinks:hover{color:#1a7e9f; font-size:13px; font-family:arial, helvetica,sans; font-weight:bold; text-decoration: none; }


a.footer:link{text-decoration:underline; color:#666666;}
a.footer:hover{text-decoration:none; color:#666666;}
a.footer:visited{text-decoration:underline; color:#666666;}

option, select, input{ font-size: 10px; }

td.blueborder{
	border-bottom: 2px dashed blue;
	height: 2px;
}

td.outlined{
	background:#F5F5F5;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

td.filledIn{
	background:#F5F5F5;
}

h1{
	background: url(../img/h1_blue.gif); color:#ffffff;
	font-family: arial, sans;
	font-size: 14px;
	font-weight:bold;
	padding: 3px 3px 5px 5px;
	margin: 0px;
	border-bottom: 3px solid #ffcc66;
}

h1.yellow{
	background: url(../img/h1_yellow.gif); color:#666666; border-bottom: 3px solid #38819d;
}
/*for homepage search module*/
h1.yellowTall{
	background: url(../img/h1_yellowTall.gif); color:#666666; border-bottom: 3px solid #38819d;
}

h2{	
	font-family: arial, sans;
	font-size: 12px;
	font-weight:bold;
}
/* this was regText and also some inline styles I put to h2 and used for
	categories on the registration form...*/
h5{
	background: url(../img/h2.gif) repeat-x; 
	height: 29px;
	font-family: arial, sans;
	font-size: 14px;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	position: relative; top: -2px; left: 0px;
}

h5 a:link{font-weight:bold; color:#041E74; font-size:13px; font-family:arial, helvetica,sans; text-decoration: none;}
h5 a:hover{font-weight:bold; color:#122f8f; font-size:13px; font-family:arial, helvetica,sans; text-decoration: none;}
h5 a:visited{font-weight:bold; color:#041E74; font-size:13px; font-family:arial, helvetica,sans; text-decoration: none;}


#headerLeft{padding: 0px 0px 2px 0px;}
#headerRight{padding: 2px;}

#homePageMainCol{padding: 3px 4px 4px 4px;}
#homePageRightCol{padding: 4px;}

/* table in member login module on homepage needs less padding than other tables. */
#homeLoginTable td{padding: 2px;}

/* register button has a wonky low offset in member login module on homepage. */
#homeLoginTable a.buttonRegister{position: relative; top: -5px; left: 0px;}

.moduleHome, .moduleHomeGrey, .loginBox{margin: 0px; color: #000000; border: 1px solid #666666;}

.moduleHomeGrey{background-color: #e4e4e4; margin: 1px 2px;}

.moduleHome p, .moduleHomeGrey p{padding: 0px 5px;}

.moduleHome table td{padding: 5px; margin: 0px;}

.moduleHome form, .moduleHome input{margin: 0px; padding: 0px;}

.loginBoxInsideContent{width: 256px; height: 50px; padding: 10px 4px 1px 4px;}

.loginBox td{padding: 1px; margin: 2px;}

.loginError{color: red;}

.inputSmall{font-size: 9px;  height: 10px; width: 110px;}

.submitButton{margin: 2px; padding: 2px; border: 1px solid black; background-color: #CCCCCC; font-size: 11px; color: #041e74; font-weight: bold; text-decoration: none; white-space: nowrap; text-align:center;}

.quickBoxInsideContent{width: 190px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 4px; margin: 0px; min-height: 30px;}

.courseTypes{font-size:10px;}

/* upcoming cme on homepage */
.registernowCells{width: 105px; border-bottom: 1px solid #666666;}

.regText, .infotags, .aboutActive{
	font-weight:bold;
	color:#041E74;
	font-size:13px;
	font-family:arial, helvetica,sans;
}

.courseTitles a{display: block; padding-bottom: 6px;}

.aboutActive{background-color:gold;}

.borderBottom{border-bottom: 1px solid #666666;}

.regSpecial{
	font-size:11px;
	color:#1a7e9f;
	line-height:1;
}

.dir_category{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	line-height: 12px;
}

.dir_name{font-size:12px;}

.displayCourseSearch{
	color: blue;
	font-size: 18px;
}
.displaySpecialtySearch{
	color: brown;
	font-size: 12px;
	font-weight:bold;
}


.largeSpecialty{
	color: #3399FF;
	font-weight:bold;
	font-size:16px;
}




.colored{
	font-weight:bold;
	color:#38819D;
}

td.sitecols{
	background-color:#F2F2F2;
	/*background-color:blue;*/
}



/*Arlene's search styles*/
/*searchhead incorporated into .searchboxes, can probably delete
.searchhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #495162;
}
*/
.morecourses {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #006586;
	text-decoration: none;
}

.welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	font-weight: bold;
}

.courseinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

.fieldhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #995d3f;
}
.infocourse {
	font-family: Times, Times New Roman, serif;
	font-size: 20px;
	font-weight: bold;
	color: #1a7e9f;
}


.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #995d3f;
	font-weight:bold;
}

/* jc ok */
.specialtySmall{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #995d3f;
	font-weight:bold;
}
/* jc ok */
.specialty {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #995d3f;
	font-weight:bold;
}
.cost{
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #389d42;
	font-weight:bold;
}


table.mainNav{

	border-top:2px groove #CCCCCC;
	border-bottom:2px ridge #E9E5E5;
}

td.mainNav{
	border-right:1px solid #666666;
	/*border-right:1px solid #666666;*/
}
td.mainNavEdge{
	border:0px;
}


.mainMenuSelected{
	color:#1a7e9f;
	font-size:11px;
}

table.footer{
	border-top:2px ridge #E9E5E5;
}
td.footer{
	font-size:9px;
	color:#484747;
}



td.regContinue{
	border-bottom:5px solid #041e74;
}

td.pageHeader{
	padding-bottom:4px;
	border-bottom:2px solid #1a7e9f;
}
td.linkCell{
	padding-bottom:4px;
	border-bottom:2px solid #CCCCCC;
}


.contentText{
	color:#666666;
}

.meetingHeading{
	color: #495162;
	font-family: arial, helvetica, sans;
	font-weight:bold;
	font-size:18px;
}
.courseTitles{
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#006586;
}
.faq{
	color:#38819D;	
	font-size:13px;
	font-weight:bold;
	
}

.error{color:red; font-weight:bold; font-size: 12px;}


b.pink{color:#1a7e9f;}

td.myMecmeTabs{ padding: 3px 15px 3px 15px; background-color: #f0e5bd; border: 1px solid #999999; border-bottom: 1px solid #666666; white-space:nowrap; }

td.myMecmeTabsActive{ padding: 3px 15px 3px 15px; background-color: white; border-left: 1px solid #666666; border-top: 1px solid #666666; border-right: 1px solid #666666; white-space:nowrap; }

td.myMecmeTabsBlank{border-bottom: 1px solid #666666;}

td.resultsBody{border-bottom: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; padding: 20px;}

.searchHeaderCell{background-color: #e6e6e6; border-bottom: 3px solid #38819d;}

img.imageMargin{margin: 6px;}

.course1{background-color: white; border-bottom: 1px solid #666;}
.course2{background-color: #e6e6e6; border-bottom: 1px solid #666;}

td.testComponentTitle{ padding: 5px;}
td.testComponentCell{width: 200px; padding: 5px;}
td.testComponentLongCell{width: 300px; padding: 5px;}
td.testComponentRegCell{width: 100px; padding: 5px;}

table.contactActiveTable{background-color: #e6e6dc; border: 1px solid rgb(56, 129, 157); padding: 2px;}
td.contactActiveCells{padding: 2px;}
td.contactBodyLeft{padding-right: 5px;}

iframe.content {
 	width: 760px;
	height: 650px; 
	border:0;
	margin:0; 
	padding:0;
	marginheight:0;
	marginwidth:0;
}



#subnav{background: }

#privacyWrapper{width: 400px; background: #ffffff; margin: 0px 50px;}

/* ---------------------------------- MECME_ADMIN -----------------------------------*/

#sitePageWidth{ 
	width:780px; 
	margin-left:auto; 
	margin-right:auto;  
	border: 1px solid #666666;
} 
 
#siteHeader{
	position:relative; 
	/* height:150px; */
	background-color:#FFFFFF; /*E0ECEC -- light blue*/
	width:100%;
	padding-bottom:0;
	vertical-align:baseline;
	bottom:0;
} 	


#siteHeader .SiteLoginInfo{
	float:right;
	padding-right:10px;
}
 
#rightcol{
	background-color:#CAB5BB;
	float: right; 
	display:inline; 
	vertical-align:top;
	position: relative; 
	width:150px;
	padding:5px; 
}

#siteMaincol{
	padding:5px; 
	background-color:#FFFFFF;
	min-height: 400px;
	_height: 400px;
}

#siteMaincolIndex{
	background-color:#FFFFFF;
	min-height:400px;
}
 
#footer{
	height:40px;
	border-top: 1px solid #666666; 
	background-color:#FFFFFF; 
	clear:both;
	padding:5px;
} 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.siteClearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.siteClearfix{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .siteClearfix{height: 1%;}
.siteClearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
	/*hide the right column when printing*/ 
	#rightcol{display:none;} 
	#siteTwocols, #siteMaincol{width:100%; float:none;}
}



/**
	* nav code css stolen from alist apart
	* used for global nav at top of page
	* http://www.alistapart.com/articles/taminglists/
	*/
	#globalSiteNav{ 
		margin:0; 
		position:relative; 
		padding-bottom: 2px; /*for some reason had to give it this if giving the ul li a bottom badding of 5px */
		padding-left: 5px;
	}

	#globalSiteNav ul {
		margin-left: 0;
		padding-left: 0;
		margin-bottom:0px;
		display: inline;

	} 

	#globalSiteNav ul li {
		/* margin-left: 100px; */
		padding: 3px 15px 4px;
		list-style: none;
		display: inline;
		background-color:#807873;
		font-weight:bold;
	}

	#globalSiteNav .current{
		background-color:#FFF0E6;/*#CCFF00;*/
		/* margin-bottom:0; */
	}
	
	#globalSiteNav a{text-decoration:none; color:#FFFFFF;}
	#globalSiteNav a:hover{text-decoration:none; color:#ffffff;}
	

/* subSiteNav STUFF HERE  
--i don't know what these subSiteNav styles are for. 
did a search and found nothing. i'm commenting them out. -jon. --
	
	#subSiteNav {
		color: #000;
		background-color: #FFF0E6; 
		padding: 3px;
		margin-left: 5px;
		padding-left: 0;
		margin-top:0;
	}

	#subSiteNav ul {
		padding-left: 0;
		display: inline;
		border: none;
	} 
	
	#subSiteNav ul li {
		padding-left: 5px;
		padding-right:8px;
		padding-top:3px;
		padding-bottom:3px;
		font-weight:bold;
		border: none;
		list-style: none;
		display: inline;
		font-size:-1;
		/*border-right:1px solid #000;
	}


 	#subSiteNav a{text-decoration:none;color:#807873;}
	#subSiteNav a:hover{text-decoration:none;color:#D9D2C3;}

	#subSiteNav .current{
		margin-top:0;
		text-decoration:underline;
		
	}
	*/
	
	#inlineNav{background-color:#CAB5BB;}
	
	/* brought in from original admin_css*/
	
	
/** 
	* The next styles (2) are used in the Admin section in Programs for add.remove.program. 
	* Chris made these styles
	* They are throwing off the placement of the footer, which now overlaps them. 
	* Not sure about h/t address that...
	* NOTE: I removed the float b/c it took this outside of the siteMaincol div, which we didn't wan't
	* Because I'm in a bit of time pressure I put the divs on this page in a table (add.removed.questionnaires.php)
	*/
	.containingBox{
		/*float: left;*/
		margin-right: 25px;
		height: 450px;
		width: 200px;
		background-color:#FFFFFF;
		
	}
	
	.innerBox {
		height: 250px;
		width: 200px;
		overflow: auto;
		border: 2px solid;
		margin-top: 5px;
		margin-bottom: 10px;/**/
		border:1px solid #ccc;
	}
	
	.deselected{
		color: #666666;
	}

/* Delete constraint div boxes */
	#deleteConstraint{}
	
	#deleteConstraint h2{ font-size:14px; color:#CC0066;}
	#deleteConstraint h4{ }
	#deleteConstraint cite{display:block; padding:5px;background-color:#FFFF99; margin:5px; }
#deleteConstraint p{ line-height:1.5;}
	#deleteStrong{}
	.deleteItem{font-weight:bold;}
	.deleteResult{display:block; padding:5px;background-color:#FFFF99; margin:5px;}
	a.deleteCancel{display:block; padding:10px;}
	a.deleteCancel:hover{}






/** I want to make an OPTION BOX -- a div that can hold different option and be separated by an "OR"
	and I want to make an OR DIV -- or
	*/

	
/**/
#questionTabs{}
#questionTabs ul { display:inline; list-style:none; }
#questionTabs ul li{ display:inline; list-style:none; border:1px solid #ccc; padding:4px; background-color:#D9D2C3;}
#questionTabs .selected{background-color:#FF99CC;}
#questionTabs .disabled{background-color:#ccccCC;}
.questionTabContainer{  background-color:#CAB5BB; padding:5px; width:600px;min-height:300px;}


/*Miscellaneous, for now*/
#searchOptions{
	margin-bottom: 25px;
	}
#searchOptions h3{
	margin:0px auto 0px auto;
	width: 80%;
	text-align:center;
}
#searchUsers .name{
	float:left;
	margin-right:15px;
}


#searchProgramTest, #searchUsers{
	clear:both;
	margin-bottom: 15px;
}
 #searchDate{
	clear:both;
	margin-bottom: 15px;
	width: 400px;
}



/* ----------------------------------- MECME_GLOBAL ---------------------------------- */

/**
	* 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: #FFFFFF; 
	}	
.trback2{ 
	background-color: #E5E5E5;
	}
/**  
	* a bg color for any table row that behaves differnetly, 
	* like a sort row or other highlight*/
	.trhighlight{
		background-color:#FFFF99; 
		}



		.copyright{
			
			
			font-size:9px; 
			text-align:center;}
		
		/*rudimentary css to style the information for the programs*/

		
		/*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: 650px;
		overflow:auto; }
		
			/**	
	* The div that holds the tables on the view-content pages. This one does not use scrolling.
	*/
	#contentDisplayNoScroll{
		height:500px; 
		width: 650px;
		 }
/* 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;}
.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;}
		
	
		
/**
	* 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;
	}

/**
	* nav code css stolen from alist apart
	* used for global nav at top of page
	* http://www.alistapart.com/articles/taminglists/
	.navButtonActive{background: white; border-right: 1px solid #666; 	font-size: 11px;}
	.navButton{border-right: 1px solid black; 	font-size: 11px;}
	*/

/* GLOBAL NAVIGATION */
	

	#globalNavigation { 
		background: url(../img/bg_navigation.gif) repeat-x top left;
		height: 17px;
		border-top: 1px solid #666; 
		border-bottom: 1px solid #666;}

	#globalNavigation  ul {
		margin-left: 0;
		padding-left: 0; 
		display: inline;
	} 

	#globalNavigation  ul li {
		background: url(../img/bg_navigation.gif) repeat-x top left;
		height: 15px;
		list-style: none;
		float:left;
		border-right: 1px solid black;
		background-color: #e6e6dc; 
		/* width: 100px; /* min-width does not work on IE... */ 
		font-size: 11px;
		font-weight: bold;
		text-align:center;
		padding: 1px 10px;
	}
	
	#globalNavigation a{
		text-decoration:none; 
		color: #666666;
	}

	#globalNavigation a:hover{
		text-decoration:none; 
		color: #041E74;
	} 
	
	#globalNavigation .current{		
		background-image: none;
		background-color:#FFF0E6;

	}

/* END GLOBAL NAVIGATION */


	#secondaryNavigation{
		margin:0; 
		position:relative; 
		background-color:#e6e6dc;
		border-top: 1px solid #666; 
		border-bottom: 1px solid #666;
	}
	
	#secondaryNavigation ul {
		margin-left: 300px;
		padding-left: 0;
		margin-bottom:0px;
		display: inline;
		width:100%;	
		background-color:#e6e6dc;
	} 
	
	#secondaryNavigation ul li {		
		list-style:none;
		min-width: 100px; 
		display:inline;
		font-weight:bold;
		text-align:center;
		font-size: 11px;
		padding: 2px 5px 2px 5px;
		background-color:#e6e6dc;		
	}
	
	#secondaryNavigation .current{
		
		color:#FF0066;		
	}
	#secondaryNavigation a{text-decoration:none; color: #666666;}
	#secondaryNavigation a:hover{text-decoration:none; color:#FF0066;}/**/
	
	
	 #topErrorBox{
	border:4px solid #ff0000;
	padding:10px;
	margin:10px;
	background-color:#FF6666;
	line-height:1.5;
	color: #fff;
}
	


/*  --------------------------  MECME_FORMS  -------------------------------------*/


#topErrorBox{
	border:4px solid #ff0000;
	padding:10px;
	margin:10px;
	background-color:#FF6666;
	line-height:1.5;
	color: #fff;
}

.requiredElementMessage{
	background-color:#FF6666;
	border:2px solid #ff0000;
	padding:2px;
	margin-bottom:4px;
	width:220px;
	text-align:center;
	color:#fff;
}

textarea{
width: 300px;
height: 150px;
}

/**
	* Form css - mainly focused on required and error messages 
	*/
/*  'required' image for forms */
	.requiredImage{ 
		background-image: url(/cmeoutreach/images/required_star_jc.gif); 
		background-repeat: no-repeat; 
		padding-right:3px;
		z-index:1; 
		width:20px;
		}
/* the text 'means field is required' */
	.requiredMessage{
		
		padding:5px;
		width:200px;
		font-weight:bold;  
		
		margin:3px;
		background-color:#FFFFCC;
	}
/* for the global message at the top of the page*/
	.requiredErrorMessage{}
	
/* goal of this is to be a div class that required elements will go in so they can be styled */
	.required{display:inline;}
	.required input{
		background-color:#FFFFCC;/*#FFFFCC*/
		}
	.required select {
		background-color:#FFFFCC;
		}
	.required textarea {
		background-color:#FFFFCC;
		}
/* any text boxes that are for display purposes only -- not sure what that actually means... */	
	.display {background-color:#CCCCCC; width:500px;}
	
/*form basic css*/
	label{/*font-size:larger; */
		  font-weight:bold;
		  padding-left:3px;}