@charset "UTF-8";
/* Meaningful Health - CSS Document */
/* Clear all default styles */
@import url("cssreset.css");

/*  Website defaults - all pages   */

body {
    background: white url('images/bodybkgr.jpg') 0 0 repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: white;}
a:link {color: #993333;}
a:visited {color: #993333;}
a:hover {color: #cc0000;}

/*  Basic structure - all pages   */


h2 {font-weight: bold;
	color: #993333;
	padding: 15px 5px 10px 10px;
	margin: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 1.5em;}
h3 {color:#663333;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 5px 0 10px;
	margin: 5px;}
h4 {color: #666;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 5px 0 10px;
	margin: 5px;}
	
ul {margin-left: 10px; font-family: Arial, Helvetica, sans-serif;}
ul li {padding: 3px;
	list-style: circle;}
p {padding: 5px 5px 5px 10px; line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;}


	
div#mainwrap {margin-right: auto; margin-left: auto;
	width: 887px;
	margin-top: 35px;
	position: relative;
	}

	
div#header { position:relative;
    background: transparent url('images/header.jpg') 0 0 no-repeat;
    width: 887px;
	height: 229px;
	margin: 0; padding: 0;}
	
div#header h1 { position: absolute; 
    top:125px;
	left: 165px;
    font-size: 1.5em;
	color: #666;
	width: 600px;}
	
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.required {color:#663333;
	font-weight:bold;}
.code {font-weight:bold; font-size:36px; color:#666666; padding:0; margin:0;}	
.gray {color: #996666;}

	
/*  Top link Boxes  */
div#top_links { position:absolute;
	top:170px;
	left:55px;
	width:500px;
	height:31px;}
div#top_links a { float:left;
     display: block;
	 margin:0;
	 background: white url('images/smallbutton.jpg') 0 0 no-repeat;
	 width:140px;
	 height:31px;
     text-decoration: none;
	 text-align:center;
	 font-size: 1.25em;}	 
div#top_links a#followlink {padding:7px 0 0 0;}
div#top_links a#feedlink {padding:7px 0 0 0;}
div#top_links a#twitterlink {padding:7px 0 0 0;}

div#top_links a:link {color: #996666;}
div#top_links a:hover {text-decoration: underline;}
div#top_links a:visited {color: #996666;}


	
	
div#mainnav {
	width: 230px;
	text-align: right;
	margin:50px 0 0 0; 
	padding: 0;
	color:#666666;}
div#mainnav a {display: block;
	text-decoration: none;
	padding: 5px;
	font-size: 1.1em;}
div#mainnav a:link {color: #666;}
div#mainnav a:hover {text-decoration: underline;}
div#mainnav a:visited {color: #666;}

/*  Main Content area  */

div#contentwrapper {
   clear:both;
   background: white url('images/contentbkgr.jpg') 0 0 repeat-y;  
   position:relative;
   margin:0;
   width:885px;}

div#sidebar { float:left;
   width:250px;}
   
div.adds { position:relative;
   margin:10px 0 0 50px;}
	
div#content { float:left;
    margin: 35px 0 0 0;
	padding:0 0 20px 0;
	width: 590px;}
	
div#content ul { 
    padding: 10px 0 0 10px;
	margin-left: 15px;}
div#content ol {
    list-style: decimal;
    padding: 20px 0 0 60px;}
div#content p { padding:5px 0 0 25px;}
div#content h2.questions { padding:0 0 10px 20px;}
p#loading { text-align:center;
   font-size:3em;
   color:#666666;
   font-style:italic;
   font-weight:bold;
   margin:100px 0 100px 0;}
	
div#tweetinput {
    background: white url('images/boxbkgr.jpg') 0 0 no-repeat;
	margin:0 0 0 10px;
    width:580;
	height:141px;}

div#microsample {margin:5px 0 5px 100px;}	
div#verticalsample {margin:5px 0 5px 150px;}
div#horizonalsample {margin:5px 0 5px 25px;}

/*  Footer area  */

div#footer {
    clear:both;
	background-color:#999999;
	height: 33px; width: 834px;
	margin:50px 0 0 17px; padding: 10px 0 0 0;}
div#footer p#copyright {margin-left: 240px;
	padding-top: 3px;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;}



/*  JSP Dynamic Error and Info divs  */

div#error {position: absolute;
	top: 100px; left: 200px;
	font-size: 1.1em;
	text-align:center;
	font-weight: bold;
	color:#666;
	border: 2px solid #993333;
	margin: 5px;
	padding: 5px;
	width: 300px;}
div#info {position: absolute;
	top: 100px; left: 200px;
	font-size: 1.1em;
	text-align:center;
	font-weight: bold;
	color:#666;
	border: 2px solid #999;
	margin: 5px;
	padding: 5px;
	width: 300px;}


/*  Input box Style and character counter  */

#content #theForm .counter {
  line-height:1.9em;
  padding:20px 10px;
  position:relative;
}

#content #theForm .counter span {
  display:block;
  font-size:0.92em;
  position:absolute;
  left:500px;
  top:10pt;
}

#content #theForm .info {
   background:#FFFFFF none repeat scroll 0%;
   padding-top:3px;
   text-align:center;
   margin:0 0 0 30px;
   width:500px;
}
#content #theForm textarea {
   font-family:'Lucida Grande',sans-serif;
   font-size:1.15em;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   height:2.5em;
   line-height:1.1;
   overflow:auto;
   padding:5px;
   width:500px;
}


.update-button button, .update-button input[type="submit"], input.update-button[type="button"] {
   background: white url('images/smallbutton.jpg') 0 0 no-repeat;
   width:140px;
   height:31px;
   border:none;
   cursor:pointer;
   color: #996666;
   font-size:1em;
   font-weight:bold;
   margin-top:5px;
}

.numeric {
  font-family:'Georgia','Serif';
}

#chars_left_notice {
  color:#CCCCCC;
  font-size:22pt !important;
}

/*  Feed Tabler  */

.datatable {width: 90%; margin: 15px 0 5px 20px;}

.datatable tr {
     border-color:#ccc;
	 border-width: 0 0 1px 0;
	 border-style: solid;}

.datatable tr td { padding:10px 0 10px 0;}