/* table creation http://www.eggheadcafe.com/community/javascript/3/83650/dynamic-creation--of-html-table.aspx */


table.results_table {
    width: 90%;
    border: 0px;
}
th {    
		font-family: Tahoma;
		font-size: 10pt;
}
td.table_title {
		font-family: Tahoma;
		font-size: 14pt;
    font-weight: bold;
    background-color: #F1F1F1;
}
td.input_text {
    width: 493px;
		font-family: Tahoma;
		font-size: 11pt;
    background-color: #F1F1F1;
    text-indent: 0px;
    padding-left: 15px;
}
td.input_value {
    width: 87px;;
		font-family: Tahoma;
		font-size: 11pt;
    background-color: #F1F1F1;
}
input.input_field {
    font-family: Tahoma;
		font-size: 11pt;
		width: 87px;
}
td.results_text {
		font-family: Tahoma;
		font-size: 11pt;
}
td.results_left {
    width: 493px;
}    
td.results_right {
    width: 87px;
}    
td.small_text {
		font-family: Tahoma;
		font-size: 9pt;
}
p.small_para {
		font-family: Tahoma;
		font-size: 9pt;
}
input.means6_input_field {
    font-family: Tahoma;
		font-size: 10pt;
		width: 120px;
}
p.plain_text {
		font-family: Tahoma;
		font-size: 11pt;
}    
p.tiny_text {
		font-family: Tahoma;
		font-size: 9pt;
}    
/*
table.two_buttons {
		width: 154;
		margin: auto;
		display: inline-block;
}
*/
hr {
		border: 0;
    color: #D42D00;
    background-color: #D42D00;
    height: 1px;
    width: 100%;
    text-align: left;		
}


.relative { position:relative; }

/* ---------- Grey Oval Button ---------- */
/* http://www.dynamicdrive.com/style/csslibrary/item/css_oval_buttons/  */

a.ovalbutton {
		background: transparent url('images/oval-gray-left.gif') no-repeat top left;
		display: block;
		width: 60px;
		float: left;
		text-align: center;
		font: normal 13px Tahoma; /* Change 13px as desired */
		line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
		height: 24px; /* Height of button background height */
		padding-left: 11px; /* Width of left menu image */
		text-decoration: none;
}

a.ovalbutton span {
		background: transparent url('images/oval-gray-right.gif') no-repeat top right;
		display: block;
		padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {
		color: #494949; /*button text color*/
}

a.ovalbutton:hover{ /* Hover state CSS */
		background-position: bottom left;
}

a.ovalbutton:hover span { /* Hover state CSS */
		background-position: bottom right;
		color: black;
}

.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
		overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
		width: 100%;
}

/* ---------- Green Oval Button ---------- */


a.greenovalbutton {
		background: transparent url('images/oval-green-left.gif') no-repeat top left;
		display: block;
		width: 60px;
		float: left;
		text-align: center;
		font: normal 13px Tahoma; /* Change 13px as desired */
		line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
		height: 24px; /* Height of button background height */
		padding-left: 11px; /* Width of left menu image */
		text-decoration: none;
}

a.greenovalbutton span {
		background: transparent url('images/oval-green-right.gif') no-repeat top right;
		display: block;
		padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}


a:link.greenovalbutton, a:visited.greenovalbutton, a:active.greenovalbutton {
		color: #494949; /*button text color*/
}


a.greenovalbutton:hover { /* Hover state CSS */
		background-position: bottom left;
}

a.greenovalbutton:hover span { /* Hover state CSS */
		background-position: bottom right;
		color: black;
}

/* ---------- Blue Oval Button ---------- */

a.blueovalbutton {
		background: transparent url('images/oval-blue-left.gif') no-repeat top left;
		display: block;
		width: 60px;
		float: left;
		text-align: center;
		font: normal 13px Tahoma; /* Change 13px as desired */
		line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
		height: 24px; /* Height of button background height */
		padding-left: 11px; /* Width of left menu image */
		text-decoration: none;
}

a.blueovalbutton span {
		background: transparent url('images/oval-blue-right.gif') no-repeat top right;
		display: block;
		padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}


a:link.blueovalbutton, a:visited.blueovalbutton, a:active.blueovalbutton {
		color: #494949; /*button text color*/
}


a.blueovalbutton:hover { /* Hover state CSS */
		background-position: bottom left;
}

a.blueovalbutton:hover span { /* Hover state CSS */
		background-position: bottom right;
		color: black;
}

/* ---------- Red Oval Button ---------- */

a.redovalbutton {
		background: transparent url('images/oval-red-left.gif') no-repeat top left;
		display: block;
		width: 60px;
		float: left;
		text-align: center;
		font: normal 13px Tahoma; /* Change 13px as desired */
		line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
		height: 24px; /* Height of button background height */
		padding-left: 11px; /* Width of left menu image */
		text-decoration: none;
}

a.redovalbutton span {
		background: transparent url('images/oval-red-right.gif') no-repeat top right;
		display: block;
		padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a:link.redovalbutton, a:visited.redovalbutton, a:active.redovalbutton {
		color: #494949; /*button text color*/
}

a.redovalbutton:hover { /* Hover state CSS */
		background-position: bottom left;
}

a.redovalbutton:hover span { /* Hover state CSS */
		background-position: bottom right;
		color: black;
}





/* ----- Rounded corners container ----- */
/* http://webdesign.about.com/od/css/a/aa072406.htm */

.container {background:#F1F1F1; color:#fff; margin:0 0px; width:600px;}
.rtop, .rbottom {
		display:block;
		background:#fff;
}
.rtop *, .rbottom *{
		display: block;
		height: 1px;
		overflow: hidden;
		background:#F1F1F1;
}
.r1 {margin: 0 5px}
.r2 {margin: 0 3px}
.r3 {margin: 0 2px}
.r4 {
		margin: 0 1px;
		height: 2px;
}

.results_container {background:#FFFFFF; color:#000000; margin:0 15px; width:90%;}
.results_rtop, .results_rbottom {
		display:block;
		background:#F1F1F1;
}
.results_rtop *, .results_rbottom * {
		display: block;
		height: 1px;
		overflow: hidden;
		background:#FFFFFF;
}
.results_r1 {margin: 0 5px}
.results_r2 {margin: 0 3px}
.results_r3 {margin: 0 2px}
.results_r4 {
		margin: 0 1px;
		height: 2px;
}