/* *************************************************************************************** */
/* Designed for screen size UVGA: 1024 x 768. Subtract 12 on each side for browser. */
/* Colors: Blue = #083a81; Dark Green = #778e1d; Medium Green = #d5dc91 */
/*         Light Green = #f2f5dc; Dark Gray = #5b707c; Light Gray = #93a4ae; Orange = #e4801c */
/* *************************************************************************************** */

/* Container for everything. Default format where no other applies. ************************** */
body {
	position: relative; width: 1000px; height: auto; 
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;padding: 0px; 	
	background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: 14px;} 

/* Left (1) and right (2) columns of all windows. */  
div.one{
  position: absolute; top: 0px; left: 0px; min-height: 560px; width: 200px;
  margin: 0px; padding: 0px; padding-bottom: 20px;
  background-color: #d5dc91;}
div.two{
  position: absolute; top: -1px; 
  left: 200px;  
  height: auto;  width: 800px;
  margin: 0px; padding: 0px;
  background-color: white;
}

/* Horizontal bar at top of each page. Image needs to be in div to avoid white space below in IE.*/
div.pagetopbar{
	height: 20px; width: 800px;
	margin: 0px; padding: 0px; 
	background-image: url("images/bluebar_800_20.jpg");}  
  
/* Horizontal menu bar on each page.  */ 
div.sitemenu{
  height: auto;   width: 790px;
  margin-top: 0px;  padding-top: 3px; padding-right: 0px; padding-bottom: 2px; padding-left: 10px;
  background-color: #e4801c;
  font-size: .85em; font-weight: bold;}

/* Horizontal where-you-are bar on each page.  */  
div.whereyouare{
  height: auto; width: 790px;
  margin: 0; margin-bottom: 0px; padding-top: 3px; padding-right: 0px; padding-bottom: 2px; padding-left: 10px;
  background-color: #778e1d;
  font-size: .85em; font-weight: bold; color: white;}

/* Horizontal separator bar at top of page content. Image needs to be in div to avoid white space below in IE.*/
div.contenttopbar{
	height: 5px; width: 800px;
	margin: 0px; padding: 0px; 
	background-image: url("images/bluebar_800_5.jpg");}  

/* Headings */
h1{
  text-align: left; font-size: 1.7em; font-weight: bold; color: #e4801c;
  margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; padding: 0;}
h2{
  text-align: left; font-size: 1.4em; font-weight: bold; color: #e4801c;
  margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; padding: 0;}
h3{
  text-align: left; font-size: 1.2em; font-weight: bold; color: #e4801c;
  margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; padding: 0;}
span.inlinehead{font-size: 1em; font-weight: bold; color: #083a81;}  

/* Links */ /* ** */
a.blacklink:link {color: black;
	text-align: left;
}
a.blacklink:visited {color: black;}
a.blacklink:hover {color: white;}
a.blacklink:active {color: black;}
a.whitelink:link {color: white;}
a.whitelink:visited {color: white;}
a.whitelink:hover {color: black;}
a.whitelink:active {color: white;}
a.whiteorangelink:link {color: white;}
a.whiteorangelink:visited {color: white;}
a.whiteorangelink:hover {color: #e4801c;}
a.whiteorangelink:active {color: white;}
  
/* Standard paragraph in right column */
div.two p{
  font-size: 1em; color: black;
  margin-top: 6px; margin-right: 215px; margin-bottom: 0px; margin-left: 15px; padding: 0px;}
  
/* Standard list in right column */
div.two ul{
  list-style-type: disc;
  margin-top: 0px; margin-right: 215px; margin-bottom: 0px; margin-left: 35px; padding: 0px; }  
div.two li{
  margin: 0px;  margin-top: 6px; padding: 0px;}   
/* Nested standard list */
div.two ul ul{
  list-style-type:  square;
  margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 35px; padding: 0px; }  	   
  
/* To Top link in right column */
div.two p.totop{
	text-align: right; margin-top: 0px;}  
p.totop a {font-size: 0.8em; font-variant: small-caps; margin: 0px; margin-right: 0px; padding: 0px; padding-top: 0px;}	
  
/* Contact info box in left column  */  
div.contactinfo{
  height: auto; width: 150px; 
  margin: 0px; margin-top: 10px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 30px; 
  background-color: #5b707c;}
div.contactinfo p{
  color: white; font-size: .9em; 
  margin: 0px; margin-top: 6px; padding: 0px; 
  height: auto; width: 150px;} 
  
/* Copyright box in left column*/  
div.copyright{
  height: auto; width: 150px;
  margin: 0px; margin-top : 20px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 30px;
  background-color: #5b707c; }  
div.copyright p{
  color: white; font-size: .9em; 
  margin: 0px; margin-top : 6px; padding: 0px;
  height: auto; width: 150px;}  

/* What's Happening Box in right column */ 
div.whatshappeningbox{
  float: right;
  height: auto; width: 200px;
  margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; padding: 0px;
  color: black; background-color: #f2f5dc;
  text-align: left; font-size: 1em;  font-weight: normal;}  
div.whatshappeninghead{
  height: auto;  width: 200px;
  margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px;
  color: white;   background-color: #778e1d;
  text-align: center; font-size: 1em; font-weight: bold; float: none;}
div.whatshappeningbox ul{
  list-style: disc;
  margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 25px; padding: 0px; padding-right: 10px;}
   
/* In This Section Box in left column */ 
div.inthissectionbox{
  height: auto; width: 200px;
  margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; padding-bottom: 15px;
  text-align: left;
  color: white; background-color: #93a4ae;}  
div.inthissectionhead{
  height: auto;  width: 200px;
  margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px;
  color: white;   background-color: #083a81;
  text-align: center; font-size: 1em; font-weight: bold; float: none;
  font-size: 1em;  font-weight: bold;}  
div.inthissectionbox p{
  margin-top: 10px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; padding: 0px;
  font-size: .9em;  font-weight: bold;
	height: 16px;
}  

/* On This Page Box in right column */ 
div.onthispagebox{
  float: right;
  height: auto; width: 200px;
  margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; padding: 0px; padding-bottom: 15px;
  text-align: left;
  color: white; background-color: #083a81;}
div.onthispagehead{
  height: auto;  width: 200px;
  margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px;
  color: white;   background-color: #e4801c;
  text-align: center; font-size: 1em; font-weight: bold; float: none;}
div.onthispagebox p{
  margin-top: 10px; margin-right: 10px; margin-left: 10px; padding: 0px;
  font-size: .9em;  font-weight: bold; }  

/* Buttons. a gets rid of underline under empty hot spot. p provides area to turn cursor to hand. */  
div.donatebutton{
  height: 46px; width: 160px; 
  margin-top: 5px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; 
  background-image: url("images/donate_button_blk.jpg");}
div.donatebutton:hover{ background-image: url("images/donate_button_wht.jpg");}
div.donatebutton a{width: 50px; text-decoration: none;}

div.spanishbutton{
  height: 46px; width: 160px;
  margin-top: 5px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; 
  background-image: url("images/spanish_button_blk.jpg");}
div.spanishbutton:hover{ background-image: url("images/spanish_button_wht.jpg");}
div.spanishbutton a{width: 50px;text-decoration : none;}

div.trialsbutton{
  height: 46px; width: 160px;
  margin-top: 5px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; 
  background-image: url("images/trials_button_blk.jpg");}
div.trialsbutton:hover{ background-image: url("images/trials_button_wht.jpg");}
div.trialsbutton a{width: 50px; text-decoration: none;}

div.trialquestbutton{
  height: 46px; width: 160px;
  margin-top: 5px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; 
  background-image: url("images/trial_quest_button_blk.jpg");}
div.trialquestbutton:hover{ background-image: url("images/trial_quest_button_wht.jpg");}
div.trialquestbutton a{width: 50px; text-decoration: none;}


/* Search Box */ 
div.search{
  float: right; clear: right; height: auto; width: 200px; 
  margin: 0px; margin-top: 20px; padding: 0px;
  background-color: white;
  border-style: solid; border-top-width: 6px; border-right: none; border-bottom-width: 6px; border-left: none; border-color: #083a81;} 
div.search p{
  margin: 0px; margin-top: 6px; padding: 0px;}  
div.search form{
  margin: 0; margin-top: 6px; margin-bottom: 8px; padding: 0px;}
input[name="sa"]{
  margin: 0; margin-top: 12px; padding: 0px; padding-right: 2px; padding-left: 2px;}  
div.search form img{
  margin: 0; margin-left: 5px; padding: 0px;}
  
/* Photos in Content Area */    
/* When a div is used, it must be given a local style width equal to the photo width. Otherwise the
   caption will expand past the edges of the picture. */
div.photoleft{
  float: left; height: auto; width: auto; 
  margin-top: 20px; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; padding: 0px;}
div.photoright{
  float: right; clear: right; height: auto; width: auto; 
  margin: 0px; margin-top: 20px; margin-left: 15px; padding: 0px;}
div.photoleft p, div.photoright p{
  height: auto; width: auto; 
  margin: 0px; padding: 5px; padding-bottom: 0px; 
  text-align: left; font-size: .85em; font-weight: normal; font-style: italic; color: black;}

/* Table of Participating Hospitals */  
table.hospitals{
  font-size: 1em; color: black; 
  table-layout: fixed; empty-cells: show; border-style: none; border-collapse: collapse;
  width: 580px; height: auto;
  margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; padding: 0px;}    
table.hospitals th{
  border-style: none;
  text-align: left; font-weight: bold;
  color: white; background-color: #778e1d;
  margin: 0px; padding: 2px;}  
table.hospitals th.hospname{
 width: 40%;}
table.hospitals th.hospaddress{
 width: 40%;}
table.hospitals th.hospphone{
 width: 20%;}
table.hospitals td{
	text-align: left; vertical-align: top;
  margin: 0px; padding-top: 4px; padding-right: 0px; padding-bottom: 5px; padding-left: 2px;
	border-style: solid; border-color: #778e1d; 
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;}  

/* Table of Staff Members */  
table.staff{
  font-size: 1em; color: black; 
  table-layout: fixed; empty-cells: show; border-style: none; border-collapse: collapse;
  width: 785px; height: auto;
  margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; padding: 0px;}    
table.staff th{
  border-style: none;
  text-align: left; font-weight: bold;
  color: white; background-color: #778e1d;
  margin: 0px; padding: 2px;}  
table.staff th.empname{width: 23%;}
table.staff th.empemployer{width: 30%;}
table.staff th.emplocation{width: 17%;}
table.staff th.emptitle{width: 30%;}
table.staff td{
	text-align: left; vertical-align: top;
  margin: 0px; padding-top: 4px; padding-right: 6px; padding-bottom: 5px; padding-left: 2px;
	border-style: solid; border-color: #778e1d; 
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;
  }  

/* Table of Board Members */  
table.board{
  font-size: 1em; color: black; 
  table-layout: fixed; empty-cells: show; border-style: none; border-collapse: collapse;
  width: 785px; height: auto;
  margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; padding: 0px;}    
table.board th{
  border-style: none;
  text-align: left; font-weight: bold;
  color: white; background-color: #778e1d;
  margin: 0px; padding: 2px;}  
table.board th.boardname{
 width: 25%;}
table.board th.boardtitle{
 width: 15%;}
table.board th.boardbackground{
 width: 60%;}
table.board td{
	text-align: left; vertical-align: top;
  margin: 0px; padding-top: 4px; padding-right: 6px; padding-bottom: 5px; padding-left: 2px;
	border-style: solid; border-color: #778e1d; 
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;}  
 
/* Table of Participating Physicians. OBSOLETE. Width of cols set in GridView control Columns/BoundField/HeaderStyle properties. */
table#physicians{
  font-size: 1em; color: black; 
  table-layout: fixed; empty-cells: show; border-style: none; border-collapse: collapse;
  width: 785px; height: auto;
  margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; padding: 0px;}    	
table#physicians th{
  border-style: none;
  text-align: left; font-weight: bold;
  color: white; background-color: #778e1d;
  margin: 0px; padding: 2px;}  
table#physicians td{
	text-align: left; vertical-align: top;
  margin: 0px; padding-top: 4px; padding-right: 6px; padding-bottom: 5px; padding-left: 2px;
	border-style: solid; border-color: #778e1d; 
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;}  
table#physicians a:link {color: white;}
table#physicians a:visited {color: white;}
table#physicians a:hover {color: black;}
table#physicians a:active {color: white;}

/* Table of Participating Physicians. New version with typed data rather than retrieved from database. */
table.doctors{
  font-size: 1em; color: black; 
  table-layout: fixed; empty-cells: show; border-style: none; border-collapse: collapse;
  width: 785px; height: auto;
  margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; padding: 0px;}    	
table.doctors th{
  border-style: none;
  text-align: left; font-weight: bold;
  color: white; background-color: #778e1d;
  margin: 0px; padding: 2px;}  
table.doctors th.docname{
 width: 25%;}
table.doctors th.docspecialty{
 width: 25%;}
table.doctors th.dochospital{
 width: 50%;}
table.doctors td{
	text-align: left; vertical-align: top;
  margin: 0px; padding-top: 4px; padding-right: 0px; padding-bottom: 5px; padding-left: 2px;
	border-style: solid; border-color: #778e1d; 
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;}  

/* Table of CCRP Available Trials. Width of cols set in GridView control Columns/BoundField/HeaderStyle properties.
   To make links show up, Set GridView control Columns/BoundField/HtmlEncode False. */
table#trials{
  font-size: 1em; color: black; 
  table-layout: fixed; empty-cells: show; border-style: none; border-collapse: collapse;
  width: 785px; height: auto;
  margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; padding: 0px;}    	
table#trials th{
  border-style: none;
  text-align: left; font-weight: bold;
  color: white; background-color: #778e1d;
  margin: 0px; padding: 2px;}  
table#trials td{
	text-align: left; vertical-align: top;
  margin: 0px; padding-top: 4px; padding-right: 6px; padding-bottom: 5px; padding-left: 2px;
	border-style: solid; border-color: #778e1d; 
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;}  
table#trials th a:link {color: white;}
table#trials th a:visited {color: white;}
table#trials th a:hover {color: black;}
table#trials th a:active {color: white;}

/* Table of single selected Trial. In Gridview control / FieldHeaderStyle, CssClass is 
    set to "head" and Width to 30%.
   To make links show up, Set GridView control Columns/BoundField/HtmlEncode False. */
table#trial{
  font-size: 1em; color: black; 
  table-layout: fixed; empty-cells: show; border-style: none; border-collapse: collapse;
  width: 785px; height: auto;
  margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; padding: 0px;}    	
table#trial tr td.head{
	text-align: left; vertical-align: top;
  margin: 0px; padding-top: 4px; padding-right: 6px; padding-bottom: 5px; padding-left: 2px;
	border-style: solid; border-color: #778e1d; 
	border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;  
  color: #778e1d; font-weight:bold;}
table#trial tr td{
	text-align: left; vertical-align: top;
  margin: 0px; padding-top: 4px; padding-right: 6px; padding-bottom: 5px; padding-left: 2px;
	border-style: solid; border-color: #778e1d; 
	border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;}  

/* Form for physicians to log in. */
form#login{
  font-size: 1em; color: black; 
  width: 785px; height: auto;
  margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; padding: 0px;}  
#cmdLogin{
	margin-left: -15px; padding: 0px; }