/*
*  Taken from cake.generic css
*  Last Modified: Simon Dee 2008.04.10
*/

/*
*  General Style Info
*/
a img{
border:none;
}

h3 {font-family: times}
p {font-family: sans-serif}




/*
*  Layout
*/


#never_been_pregnant_yes {
background-color: #DBDBDB; 
padding-left: 1em;

}


#container{
text-align:left;
}

#header{
  
        margin:0 auto;
		background-image:url('images/header-logo.gif');
		background-repeat:no-repeat; 
        padding-top:55px; */
                     
}



#content{ 
      
clear:both;
padding: 10px 40px;  
background-color: #fff;
color: #333; 
line-height: 18px;
font-size:85%;

}
#footer{   
clear:both;
padding: 6px 10px;
text-align: center;
}

/* tables */
table {
  width: 100%;
 /* border-top: 1px solid #ccc; */
 /* border-left: 1px solid #ccc; */
 /* border-bottom: 1px solid #ccc; */
  color:#333;
  background-color: #fff;
  clear:both;
  padding: 0;
  margin: 0 0 2em 0;
  white-space: normal;
}
th {
  background:#fff url('images/gradient-blue.gif') top left repeat-x; 
  /*background-color: #FFFFCC;*/
 /* #00CCCC
 /* border-top: 1px solid #fff; */
 /* border-left: 1px solid #fff; */
 /* border-right: 1px solid #003d4c; */
 /* border-bottom: 1px solid #003d4c; */
  text-align: center;
  padding:1px;
  /* Added by sdee */  
 /* width: 140px;
*/
}
table tr td {
/* border-right: 1px solid #ddd; */
  padding:4px 4px; 
  vertical-align:top;
  text-align: left;  
 /* border-top: 1px solid #ddd; */
 /* border-left: 1px solid #ddd; */
 /* border-bottom: 1px solid #ddd; */ 
}
table tr.altRow td {
  /* background: #f4f4f4; */
  /* background: #FAEBD7; */
  /*background: #e2e2e2;*/ 
  /* background:   #DBDBDB; */
  /* background:   #FCC; */
  background: #FAF0E6;
 
}

/* tables.group added by sdee */
table.group {
  width: 50%;
 /* border-top: 1px solid #ccc; */
 /* border-left: 1px solid #ccc; */
 /* border-bottom: 1px solid #ccc; */
  color:#333;
  background-color: #fff; 
  clear:both;
  padding: 0;
  margin: 0 0 2em 0;
  white-space: normal;

}

/* tr.group added by sdee */
table tr.group td {
  /* background: #e2e2e2; */
  background:  #DBDBDB; 
 
}


/* tables.group added by sdee */
table.toggle {
  width: 100%;
  border-top: 1px solid #ccc; 
  border-left: 1px solid #ccc; 
  border-bottom: 1px solid #ccc;
  color:#333;
  background-color: #fff;
  clear:both;
  padding: 0;
  margin: 0 0 2em 0;
  white-space: normal;

}

table.toggle th{
  background:#fff url('images/gradient-blue.gif') top left repeat-x; 
 /* #FFFFCC; */
 /* #00CCCC */
  border-top: 1px solid #fff; 
  border-left: 1px solid #fff; 
  border-right: 1px solid #003d4c; 
  border-bottom: 1px solid #003d4c; 
  text-align: center;
  padding:1px;
  /* Added by sdee */  
 /* width: 140px;
*/
}

table.toggle tr td {
  border-right: 1px solid #ddd; 
  padding:4px 4px; 
  vertical-align:top;
  text-align: left;  
  border-top: 1px solid #ddd; 
  border-left: 1px solid #ddd; 
  border-bottom: 1px solid #ddd;  
}  
  

#cakeSqlLog td { 
 text-align: left;
 padding: 4px 8px;
 background: #fff;
 border-bottom: 2px solid #ccc;   
}

/* scaffold show */


div.related {
  clear:both;
  display:block;
}
dl {
  line-height:2em;
  margin:0em 1em;
  float:left;
  width: 400px;
}
dt {
  font-weight: bold;
  vertical-align:top;
}
dd {
  margin-left:10em;
  margin-top:-2em;
  vertical-align:top;
}

/* notices and errors */

#flashMessage123{
color:#300;
background:#ffe;
/*background:#fff url('images/fade-yellow.gif') top left repeat-x;*/
/*border:1px solid #060;*/
margin:10px;
padding:10px;
}

.error, error_message {
  color:#900; 
  font-size: 12px;
  background-color: #fff; 
  margin: 8px 4px; 
}
.error em {
  font-size: 18px;
  color: #003d4c;
}   

.notice { 
  color: #656565;
  font-size: 14px;
  background-color: #f4f4f4;  
  padding: 4px;
  display:block;
}

.tip {
  color: #e32000;
  background-color: #ddd;
} 
 
form div{ 
vertical-align: text-top; 
margin-left: 1em;
margin-bottom:1em;
} 
label { 
display: block; 
float:left;
width: 180px;
font-weight: bold;
}

input,textarea {
clear: both;
display:block;

}

select {
vertical-align: text-top;
}
.required{
color:#222;
font-weight:bold;
}

.optional{
color:#666;
}
 
.submit {   
  clear: both;
  margin-top: 18px;
  margin-left: 140px;   
}

/* .center added by sdee */
.section_heading {   
  margin-top: 18px;
  margin-left: 40px;
  color:#222;
  font-weight:bold;  
  
}


/* action links */
ul.actions {
  float:left;
  margin-left: 10px;
  width: 200px;
} 
ul.actions li {
  margin-top: 4px;
}

/* ----- ADDED BY SDEE ON April 10, 2008 ----- */
span.ethnicities{
	background-color: #ffffcc;
    font-size:85%;
	font-weight:bold;
	
}
span.display_block{
    display: block;
	
}
i.comments {
   font-weight:normal;
}

i.diets {
   font-weight:normal;
   font-size:75%;
}

h3.padleft {
  border-left: 20px solid #fff; 
}


span.consentID {
  color: grey;
}

span.diets{
	font-size:95%;
	font-weight:normal;
	
}

span.general_info{
	font-size:110%;
	font-weight:normal;
	background-color: #DBDBDB;
   
}

span.projectname{
	font-size:100%;
	font-weight:bold;
    color: gray;  
    /* color: #dda0dd;  */  
    padding-top:50px;
    padding-left: 65px;	
    font-family: sans-serif;
   	
}

span.logout{
	font-size:100%;
	font-weight:normal;
    /*padding-left:300px;	*/
    float: right;
    padding-right:100px;
   	
}

span.comic{
	font-size:100%;
	font-weight:normal;
    /*padding-left:300px;	*/
    font-family: cursive;
   	
}

div.container {
    padding-left: 1em; background: #EFF; border-left: 3px solid lightblue; 
  }
  
div.container.blue {
    background: #EEF; border-color: blue; 
  }
  
div.container.gold {
     background: #FFC; border-color: gold;  
  }
  
div.container.red {
     background: #FCC; /*border-color: red; */   
  }
  
div.spacer {
    clear: both;
  }
  
div.float {
      float: left;
    }

div.floatright {
      float: right;
      width: 300px;
    }

  
div.float p {
   text-align: right;
   }

div.floatradio {
      float: left;
      width: 60px;
  }
  
div.floatbullet {
      float: left;
      width: 6px;
      margin: 0 1px 0 0;
  }  

.clearboth { clear: both; }

.subheader {font-size:15px; color:#666; letter-spacing:0.5px; font-weight:bold;}

#fade-yellow {background:#fff url('images/fade-yellow.gif') top left repeat-x;}

#fade-lightorange {background:#fff url('images/fade-lightorange.jpg') top left repeat-x;}

#gradient-blue {padding-left: 0.5em; background:#fff url('images/gradient-blue.gif') top left repeat-x;}

#gradient-lightgreen {background:#fff url('images/gradient-lightgreen.png') top left repeat-x;}

#gradient-bluebox {padding-left: 1em;  background:#fff url('images/BlueGradientLiq2.gif') top left no-repeat;}