/* Copyright (c) 2008 Genseq Co. Uk. All rights reserved. *//* This rule was originally intended to remove the vertical scrollbar
* in IE when the page does not need to be scrolled.
*
* But it ended up introducing lots of bugs related to mysterious
* horizontal/vertical scrollbar behavior.
*
* So don't do this.
*
* And don't remove this comment to warn others in the future who
* might come up with the idea that it would be nifty if we could
* remove the vertical scrollbar in IE.
*
* -- Adly
*
html {
overflow: auto;
}
*/
/*
The following fixes horizontal scrollbar issue for IE7.
(and any other browser implementing this CSS3 property)
Because I can't figure out what is causing the horizontal
scrollbar. -- Adly
*/
html {
overflow-x: visible;
}
body { font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif; line-height:1.5;
/* Unitless for proper inheritance */
/* background-color:#f6fbff; */
background-color:#fff;
/* do not change condition please,only this way work */ background:white url(/skins/healthiercompany/images/bg_line.gif) repeat-x;
/* you realise of course that min-width DOES NOT WORK IN IE --Adly */
min-width:963px; font-size:75%;
}
/*
* Basic site layout. The site was abusing YUI grid, having two divs
* with the same id, etc. Don't use YUI grid, it makes it harder to
* customise, override, understand and debug -- Adly
*/
#mgeno_header,
#mgeno_body {
width : 100%;
text-align : left;
padding : 0;
}
#mgeno_body div.content,
#mgeno_header div.content { width : 955px; margin-left : auto;
margin-right : auto;
}
#mgeno_body div.fullwidth {
width : 100% !important;
}
#mgeno_header {
height : 133px;
}
#mgeno_footer {
width : 100%;
height : 60px;
}
#mgeno_footer div.content {
border : none;
border-top : #ccc solid 1px;
text-align : center;
color : #16B;
bottom : 0px;
margin : 0;
width : 100%;
}
#mgeno_footer div.content a {
margin : 5px;
text-decoration : none;
}
#mgeno_body .page_title {
margin-left : 0;
}
/* IE */
html > body {
font-size:12px;
height:100%;
background-color:white;
}
html{
background-color:white;
color:#333;
}
strong {
font-style:normal;
font-weight:700;
}
/* Other browsers */
p {
margin:0 0 1em;
text-align:left;
}
/* Use this to create a horizontal ruler across a column. */
hr {
background:#000;
color:#000;
clear:both;
float:none;
width:100%;
height:0.1em;
margin:0 0 1.4em;
border:none;
}
* html hr {
margin:0 0 1.2em;
}
/* IE6 fix */
h2 {
font-size:2em;
}
h3 {
font-size:1.2em;
font-size:small;
color:#666;
}
h6 {
color:#090;
font-size:8pt;
display:inline;
}
h5 {
color:#555666;
font-size:7pt;
display:inline;
}
th {
font-weight:700;
text-align:left;
}
td {
font-size:0.8em;
}
img {
margin:0;
}
ol,ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
a:link,a:visited,a:active {
color:#81923b;
outline-style:none;
outline-width:medium;
}
a:hover {
text-decoration:none;
}
tr.rowodd {
background-color:#e3e3e3;
}
tr.roweven {
background-color:#fff;
}
div.header {
margin-top:10px;
}
table {
font-size:14px;
}
a.header {
color:#9CF;
}
#notification_box img {
vertical-align:top;
}
/* =logo */
#logo {
top:0;
border:0;
}
/* =logo */
/* =hd =ft =bd
header,body and footer styles
*/
#hd {
border-top:#fff solid 1px;
height:143px;
}
#iframe_hd {
height:40px;
border-bottom: 1px solid #ccc;
}
#bd {
margin:auto 10px; /* min-height:620px; */ height:auto;
}
#ft a {
margin:5px;
text-decoration:none;
color:#fff;
}
#tree-members-tabview {
height:575px;
width:545px;
overflow:auto;
}
.profileitem {
margin-bottom:10px;
}
#register_form div.password input,
#register_form div.text input,
#register_form_home div.password input,
#register_form_home div.text input
{
width:195px;
}
#edituserform label,
#adduserform label{
font-weight:700;
color:#444;
width:90px;
float:left;
text-align:left;
padding-right:0px;
padding-left:0px;
margin-top:5px;
}
#adduserform label {
width:70px;
}
.customlabel /* used in edit user form, at "OR Death Date" */ {
font-weight:700;
color:#444;
}
/*
* Styles for family tree AJAX app:
*/
.input_edit_profile
{
width:300px;
}
form#edituserform fieldset div,
form#edituserform div,
form#adduserform fieldset div,
form#adduserform div
{
clear:both;
}
.user_description {
display:block;
font-size:10px;
font-weight:400;
}
.button_table {
width:100px;
height:40px;
font-weight:700;
}
.relationship_button_table {
width:330px;
height:40px;
font-weight:700;
}
#adduser {
margin:0;
padding:0;
}
#adduser div {
margin:3px;
}
span.name {
font-size:12px;
font-weight:700;
}
div.addemail,
div.send_poke_message,
div.send_message {
margin: 0;
padding: 3px;
padding-bottom: 0;
border: 1px solid #999;
border-top: none;
border-left: 1px solid #fff;
cursor:pointer;
cursor:hand;
}
span.editlink {
padding-left:10px;
color:#16B;
text-decoration:underline;
}
span.editable {
padding:3px;
/*background:#f8f8f8;
border:1px #ccc solid;*/
}
#gedcomlist {
overflow:auto;
height:140px;
border:thin solid #000;
background:#fff;
}
#gedcomselectuser {
text-align:left;
}
#gedcombuttons {
text-align:right;
}
.gedcomodd {
/*
* Copied form yui-skin-sam datatable.css
* There must be a better way to do this.
*/
background:#edf5ff;
}
.gedcomodd,.gedcomeven {
padding:1px 10px;
}
div.gedcomselected {
/*
* colors copied form yui-skin-sam datatable.css
*/
background:#426fd9;
color:#fff;
font-weight:700;
}
#gedcomuser,#gedcomlist {
text-transform:capitalize;
margin:10px;
}
.title {
padding-left:10px;
width:90%;
background:#edf5ff;
border:#9CF solid 1px;
color:#444;
font-weight:700;
margin-bottom:10px;
}
.invite,.hide {
display:none !important;
}
.clear {
clear:both;
height:0;
overflow:hidden;
font-size: 0; /* IE6 */
}
.clear_float{
clear:both;
height: 0px;
}
.icon {
margin-right:1px;
vertical-align:middle;
}
.link,.link a {
text-decoration:none;
border:none;
}
a.link {
margin-left:3px;
}
/*
* Override margins for YUI
*/
#doc3 {
margin:0;
}
/* utilities:start */
#utilities,
#utilities_iframe,
#utilities_left,
#header_menu
{
z-index:11;/*to come over slider of tree*/
margin:0;
padding:0;
}
#utilities,
#utilities_iframe,
#header_menu
{
float:right;
text-align:right;
}
#utilities{
right:5px;
top:5px;
margin-top: 2px;
display:inline;
list-style:none;
}
#utilities_iframe{
position:absolute;
right:51px;
top:5px;
}
#utilities_left {
float:left;
position:absolute;
left:10px;
top:5px;
text-align:left;
}
#header_menu {
position:absolute;
right:10px;
top:12px;
}
#header_menu a
{
text-decoration:none;
}
#utilities_iframe li,#utilities_left li {
display:inline;
float:left;
margin:0 4px 0 0;
padding:7px 0 5px;
}
#utilities li{ display:block; margin:0 4px 0 0;
padding: 5px 0px 5px 0px;
}
#utilities li a,
#sharetop a{
text-decoration:none;
}
/* utilities:end */
/* =tabs */
#tabs {
float:left;
}
#tabs span {
display:block;
float:left;
height:32px;
}
#tabs span a:hover {
text-decoration:underline;
}
/* =submenu */
#subtabs{
clear:both;
}
#subtabs span{
margin-left:15px;
float:left;
}
#subtabs span a{
color:#fff;
font-family:verdana;
text-decoration:none;
font-weight: bold;
}
#subtabs span a.active{
color:#FD3;
font-weight:bolder;
}
#subtabs span.divider{
color:#0095FF;
}
#submenu_iframe {
margin-bottom:20px;
padding:6px 0;
position:absolute;
text-align:center;
width:100%;
}
#submenu_iframe span {
padding:10px;
}
#submenu_iframe span a.active {
color:#000;
font-weight:700;
text-decoration:none;
}
#iframe-header {
/* header have background because of menu bar bottom line */
height:145px;
}
#iframe-header {
height:40px;
}
.content_box h5{
font-size:15px;
font-weight:bold;
padding:0px;
}
/* validation pass/failed css */
.validation-failed {
/* for textboxes, textareas, passwords */
background:#FFEDED url(/images/icons/cross.gif) no-repeat right;
background-repeat:no-repeat;
background-position:right;
}
/* validation pass/failed css */
#tree-members table th {
background:none;
border:none;
}
#tree-members table {
border:none;
border-collapse:separate;
}
/* Standardized error message css */
#someWindow div.bd,
#errWindow div.bd,
#confirmWindow div.bd {
text-align:left;
}
/*
* FAKE LINK:
* I need this to prevent tab navigation
* from screwing up the layout
*/
span.link {
text-decoration:underline;
color:#00C;
cursor:pointer;
cursor:hand;
}
span.linkarrow {
color:#00C;
}
/* I think we don't need this one */
span.link-hover, span.linkarrow-hover {
text-decoration:none;
cursor:pointer;
cursor:hand;
}
span.namelink {
text-decoration:none;
cursor:pointer;
cursor:hand;
}
/* I think we don't need this one */
span.namelink-hover {
text-decoration:underline;
cursor:pointer;
cursor:hand;
}
#map {
height:548px;
margin-top:2px;
width:100%;
}
/* new look */
.message_box {
background:#edf5ff url(/images/gradient90_edf5ff.gif) repeat-x;
border:2px solid #ccc;
margin-top:10px; /*maybe we don't need it */
margin:auto; /*make it centered*/
padding-left:10px;
padding-right:10px;
width:80%; /* it's too big with 100%*/
}
.message_page{
margin:50px;
}
.message_box h2 {
border-bottom:1px solid #ccc;
margin-bottom:10px;
float:none;
font-size:130%;
text-align:left;
}
.message_box p {
margin:20px 0;
text-align:center;
}
.ok {
background:#eeffee url(/images/gradient90_eeffee.gif) repeat-x;
color:#008000;
border-color:#01B807;
padding:5px 20px;
}
.error {
background:#FFEDED url(/images/gradient90_ffeded.gif) repeat-x;
color:#B60E0E;
border-color:#F58A8A;
padding:5px 20px;
margin-bottom: 10px;
}
.info {
background: url(/images/gradient90_fcfc37.gif) repeat-x;
border-color:#FD3;
margin-left:73px;
padding:5px 0px;
text-align:center;
width:805px;
}
.chart_box {
background-color:#def1ff;
border:1px solid #ccc;
display:block;
margin:20px auto;
padding-left:10px;
padding-right:10px;
width:auto;
}
.chart_box {
background:#eeffee url(/images/gradient90_eeffee.gif) repeat-x;
}
.chart_box h2 {
border-bottom:1px solid #ccc;
float:none;
font-size:130%;
margin-bottom:10px;
}
.content_box {
text-align:left;
font-size:small;
display:block;
/*margin:20px auto;*/
padding:10px;
width:95%;
color: #444;
}
.content_box h2 {
border-bottom:1px solid #ccc;
color:#0095FF;
font-weight:bold;
margin-bottom:15px;
padding-left:10px;
font-size:large;
margin-top:10px;
}
.content_box div,.content_box p {
font-size:13px;
}
.content_box p {
margin:20px 10px;
}
.content_box img {
margin-top:0px;
}
.content_box ul {
margin:20px 25px;
}
.content_box ul li {
background: url(/images/services/bullet.gif) no-repeat 0 5px;
list-style-position: outside;
list-style-type: none;
padding-left:15px;
margin-bottom: 0.5em;
}
.content_box .intro {
color: #015294;
}
.content_box img.left,
.learnmore_left_images {
float: left;
clear: none;
margin-right: 20px;
}
.content_box img.right,
.learnmore_right_images {
float: right;
clear: none;
margin-left: 20px;
}
.content_box img#learnmore_consultation {
margin-left: -40px;
}
.content_box img.center_block {
display: block;
position: relative;
top: 1px;
margin-left: auto;
margin-right: auto;
}
.content_box h2 span.sub,
.content_box p span.sub
{
color: #66cc66;
}
.content_box h2 span.sub {
font-style: italic;
}
.content_box p span.sub{
font-weight:bold;
}
.lite_box {
background:#edf5ff url(/images/gradient90_edf5ff.gif) repeat-x;
text-align:left;
font-size:small;
border:1px solid #ccc;
display:block;
margin:20px auto;
/* padding-left:10px; */
width:auto;
}
.lite_box h2,
.lite_box div h3
{
border-bottom:1px solid #ccc;
}
.lite_box h2 {
margin-bottom:20px;
float:none;
font-size:130%;
}
.lite_box div h3 {
margin:20px auto;
float:none;
font-size:14px;
}
.lite_box div,.lite_box p {
margin:0;
}
.lite_box div ul li {
list-style:disc inside;
}
/* =input_form */
.input_form fieldset {
padding:0px;
display:block;
}
.input_form fieldset legend{
color:#1166BB;
font-size:14px;
margin-left:inherit;
}
.input_form fieldset div{
padding:5px;
margin-top:10px;
overflow:hidden;
/*display:inline-block;*/
}
#set_password_form,
#set_password_form fieldset,
#set_password_form fieldset div {
width: 200px;
}
#set_password_form fieldset div{
margin-top:5px;
padding:0px;
padding-left:40px;
padding-right:40px;
}
.input_form label {
color:#444;
margin-right:5px;
float:left;
font-weight:bold;
text-align:right;
width:10em;
display: inline-block;
line-height: 1.2;
vertical-align: top;
}
#set_password_form input,
#set_password_form label{
text-align:left;
margin-bottom: 3px;
width: 100%;
}
.input_form div.radio input {
margin-left:0px;
}
.input_form div.checkbox input {
margin-left:133px;
}
.input_form div.checkbox span {
margin-left:3px;
color:#444;
}
.input_form div textarea {
width:60%;
}
.input_form div.radio span {
margin-left:3px;
color:#444;
}
.input_form p.submit{
padding:0px;
display:inline-block;
width: 100%;
text-align: center;
}
.input_form div.form_footer{
padding:5px;
text-align:center;
}
.input_form div.textarea textarea,
.input_form div.select select,
.input_form div.password input,
.input_form div.text input{
border:1px solid #ccc;
font-size:12px;
padding:3px;
}
.input_form div.select select{
width:61%;
font-size:12px;
}
.input_form div.select select option{
}
.search_form span.submit button {
cursor:pointer;
padding:2px 5px;
margin:2px;
padding:3px;
margin-left:10.7em;
}
form#register_form_home label{
width:6em;
}
form#register_form_home p.submit button{
margin-left:7.4em;
padding:8px;
font-weight:bold;
}
form#register_form_home p.submit {
margin-left:auto;
}
form#login_form input{
width:200px;
}
/* =input_box */
.input_box {
text-align:left;
font-size:small;
border:5px solid #e3e3e3;
display:block;
margin:20px auto;
padding:20px;
min-width:450px;
}
.input_box_small,
.input_box
{
background:#edf5ff url(/images/gradient90_edf5ff.gif) repeat-x;
}
.input_box_small {
text-align:left;
font-size:small;
border:2px solid #86A3C1;
display:block;
margin:10px auto;
padding:10px;
width:400px;
}
.input_box h2 {
border-bottom:1px solid #ccc;
float:none;
font-size:130%;
}
.input_box p {
margin:20px 0;
}
/* =picture box*/
.picture_box div.first{
width:20%;
margin-top:20px;
}
.picture_box h2{
color:#6bbb72;
}
.picture_box{
height:200px;
width:900px;
left: 0;
}
/* =qube_box */
.qube_box {
background:#edf5ff url(/images/gradient90_edf5ff.gif) repeat-x;
text-align:left;
font-size:small;
border:2px solid #e3e3e3;
padding:0;
min-height:270px;
height:auto;
margin-bottom:20px;
}
.qube_box div.flash {
margin:15px 0px 15px 15px;
}
.qube_box p {
margin:20px;
}
/*
.qube_box a {
margin:20px;
}*/
.qube_box a.box:visited,
.qube_box a.box {
margin:15px;
padding:20px;
display:block;
text-align:center;
background:#edf5ff url(/images/gradient90_edf5ff.gif) repeat-x;
color:#444;
font-size:large;
text-decoration:none;
border:4px solid #fff;
}
.larger {
height:400px;
}
.qube_box h3,
.qube_box h2 {
margin:20px 0 0 20px;
}
.qube_box h3 {
font-size:medium;
}
.qube_box ul {
margin:10px 20px;
}
/* =page_title */
h1.page_title, .contact_us_title
{
font-size:150%;
margin-top:20px;
margin-bottom:20px;
color:#1166BB;
font-weight:700;
/*letter-spacing:-0.04em;*/
}
.contact_us_title
{
margin-bottom:0px;
}
.alter_content_box
{
padding-bottom:0px;
padding-top:0px;
}
h3.page_title {
font-size:small;
margin-top:10px;
margin-bottom:10px;
color:#666;
font-weight:bold;
/*letter-spacing:-0.04em;*/
}
/* =page_title */
.barchart table thead tr td,.barchart table tbody tr td {
margin-left:0;
}
.barchart table thead tr th,.barchart table tbody tr th {
text-align:left;
font-weight:400;
padding:5px 10px 5px 5px;
width:130px;
}
.barchart table tbody tr td {
overflow:hidden;
line-height:0;
}
.barchart table tbody tr td div {
border:1px solid #ccc;
padding:2px;
background:#fff;
text-align:left;
margin-top:0;
margin-bottom:0;
}
.barchart table tbody tr td div div {
border:hidden;
padding-left:7px;
}
.barchart table tbody tr td img {
height:18px;
margin:0;
padding:0;
border:0;
}
.barchart table thead tr td div {
padding:0px 0px 1px 0px;
float:left;
}
/* new look end */
/* scroll down widget */
.scroll_down_item {
border-bottom:1px solid #ccc;
padding : 2px;
cursor:pointer;
cursor:hand;
background:#eeffee;
}
.scroll_down_item_selected {
cursor:default;
background-color:#86A3C1;
border:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #def1ff;
}
.scroll_down_item_hover {
cursor:pointer;
cursor:hand;
background-color:#DEE6EF;
border:1px solid #C8D9EA;
border-left:1px solid #C8D9EA;
border-right:1px solid #C8D9EA;
border-bottom:1px solid #C8D9EA;
border-top:1px solid #def1ff;
}
.scroll_down_item_content {
cursor:default;
background-color:#edf5ff;
background-image:none;
}
.scroll_down_container {
padding-right:20px;
border-top:1px solid #ccc;
}
/* scroll down widget */
/* START - CSS for Indicator component. */
.indicator_container {
border:1px solid #ccc;
height:45px;
padding:0;
margin:0;
margin-bottom:5px;
cursor: pointer;
cursor: hand;
}
.indicator_label {
color:#0000ff;
padding:3px;
padding-left:12px;
}
.indicator_bar_container,
.indicator_container,
.indicator_value_text_container
{
background-color:#f8f8f8;
}
.indicator_bar_container {
float:left;
width:75%;
height:15px;
padding-top:0;
padding-left:10px;
padding-right:10px;
}
.indicator_value_text_container {
text-align:center;
float:right;
width:12%;
height:15px;
padding:3px;
}
.indicator_bar {
border:1px solid #999;
height:15px;
}
.indicator_link {
cursor:pointer;
cursor:hand;
}
/* END - CSS for Indicator component. */
#status {
float:right;
padding:0;
margin:0;
color:green;
margin-left:20px;
}
/* I think we don't need it */
img.link {
margin-left:5px;
padding-bottom:7px;
margin-bottom:3px;
}
/*
* CSS for profiles/client_records.html
*/
.client_records_form table
{
border-collapse: separate;
border-spacing: 3px;
}
ul#record_details{
margin-bottom:20px;
}
ul#record_details li{
width:220px;
text-align:left;
}
ul#record_details li div.label{
font-weight:bold;
padding-right:20px;
float:left;
width:5em;
}
ul#record_details li div.value{
}
/* I think we don't need it */
#record_detail_column {
width:60%;
}
/* I think we don't need it */
#health_record_header {
height:23px;
border-top:0px;
}
#download_button{
float:right;
}
.health_record_details div#footer {
width:550px;
}
.health_record_details textarea {
width:450px;
}
/*
* CSS for home/home.html
* CSS for profiles/home.html
*/
#home_tree_block
{
background: url(/images/tree.gif) no-repeat bottom;
height:360px;
padding:20px 0px 0px 0px;
}
#home_step_one_block
{
padding:27px 0px 0px 0px;
}
div.home_steps{
margin-top:15px;
}
div#second_block{
background-color:#fff;
border-top:2px solid #e3e3e3;
margin-top:0px;
display:none;
}
div#features_block{
height:280px;
padding:2em 2em;
margin:-5px;
}
div#features_block h3{
padding-top:20px;
font-size:1.3em;
}
div#features_block h3 a{
font-weight:bold;
text-decoration:none;
}
h3#features_header{
font-weight:bolder;
color:#666;
font-size:1.3em;
}
div#home_qoute{
height:170px;
text-align:center;
/* border-top:2px solid ; */
}
/*
* for messaging/compose.html
*/
.compose_window,
.compose_window fieldset
{
padding:0px;
}
.compose_window fieldset {
display:block;
}
.compose_window fieldset div{
padding-bottom:10px;
overflow:hidden;
display:inline-block;
}
.compose_window textarea{
padding:5px;
overflow:auto;
}
.compose_window input,
.compose_window textarea
{
width: 300px;
}
.compose_window input{
padding:5px;
}
.compose_window label{
color:#666;
float:left;
font-weight:bold;
width:5em;
display: inline-block;
line-height: 1.2;
vertical-align: top;
}
#to_ac_container div
{
margin:0;
}
.subject
{
width:60%;
}
div#inbox_block,
div#compose_block
{
width:80%;
margin:auto;
}
div#compose_block{
margin-top:30px;
}
div#inbox_block h1,
div#compose_block h1{
margin-left:0px;
}
div#send_mail_block{
width:80%;
margin-left:auto;
margin-right:auto;
margin-top:40px;
}
#message_list{
width:100%;
}
#compose_email_form input#subject{
width:418px;
}
#compose_email_form input#to{
border:none;
}
form.compose_window input#subject{
width:388px;
}
form.compose_window textarea#message{
width:388px;
}
#compose_email_form button{
margin:2px 2px 2px 2px;
}
#compose_email_form textarea#message{
width:385px;
overflow:auto;
}
div#recipient_container{
margin:0px;
border:1px solid #ccc;
padding:2px;
width:420px;
}
ul#recipient_list{
border: medium none ;
padding: 0pt;
margin:0px;
width: 99%;
}
ul#recipient_list li {
float:left;
margin:1px 1px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
background:#DEE7F8 none repeat scroll 0%;
border:1px solid #CAD8F3;
padding:1px 20px 2px 5px;
position:relative;
white-space:nowrap;
}
ul#recipient_list li a.close {
background:transparent url(/images/close_btn.gif) no-repeat scroll 0%;
cursor:pointer;
display:block;
height:11px;
line-height:1px;
position:absolute;
right:5px;
top:3px;
width:11px;
}
form#compose_email_form label{
width:5em;
float:none;
margin-bottom:3px;
text-align:left;
display:block;
}
form#compose_email_form p.submit input{
margin-left:10px;
}
div#to_container input {
border:none;
}
img.recipient_photo{
width:20px;
height:20px;
margin-right:3px;
}
div#to_ac_container{
left:140px;
top:29px;
}
div#compose_notice{
background-color:#f8f8f8;
border:1px solid #ccc;
margin-top:-3px;
font-size:86%;
width:414px;
}
/* =photo */
img.photo{
border:1px solid #ccc;
margin:15px 5px 15px 15px;
}
/* =photo */
.display_message_photo,
div.message_header,
div#message_body
{
border:1px solid #ccc;
}
.display_message_photo
{
height:50px;
float:right;
}
div.message_header{
background:#def1ff;
border-bottom:0px;
padding:10px 20px;
}
div#message_body{
padding:20px 20px;
background:#fff;
}
h1#message_subject{
font-size:14px;
font-weight:bold;
}
div#message_actions{
padding:5px;
}
div#compose_actions{
margin-left:5.5em;
}
div#message_container{
display:none;
margin-top:29px;
}
div.message_id{
display:none; /* we dont show message id to user */
}
#message_header p#message_sender{
padding:3px;
}
div.message_actions{
margin:10px;
}
div.message_action{
margin:10px 0px;
height:20px;
}
div.message_action button{
float:left;
}
div#message_list_actions {
float:right;
margin:-10px 0px;
}
span#message_loading{
display:none;
position:absolute;
}
div.bold{
font-weight:bold; /* we use it for unread messages to show them bolded */
}
span#folder_name{
display:none;
}
/*
* end of compose
*/
/*
* for about/job
*/
.job_page_listitem_custom {
list-style:circle;
list-style-position:outside;
text-align:justify;
}
.job_page_table {
border-color:#ccc;
font-size:12px;
width:100%;
}
.job_page_table_title,
.job_page_table_content,
.ja_table_title,
.ja_table_content
{
text-indent:10px;
height:25px;
}
.job_page_table_title {
width:140px;
}
.job_page_table_content {
font-size:12px;
width:300px;
}
.job_page_table_title,
.ja_table_title
{
font-size:14px;
font-weight:700;
color:#86A3C1;
}
.ja_table_title {
width:200px;
}
.ja_table_content {
font-size:12px;
width:140px;
}
/*
* end job
*/
/*
* profiles/photo_upload_form.html
*/
.photo_upload_form,
.photo_upload,
.photo_upload_con
{
padding: 0px;
}
.photo_upload_form
{
text-align:left;
width: 90%;
}
.photo_upload{
height:165px;
}
.photo_delete{
text-align:center;
}
.photo_photo_upload{
text-align:center;
padding-top:0px;
}
.photo_upload_con{
margin:0px;
}
.photo_upload_elements{
padding:9px 0px 0px 8px;
}
/*
* end photo_upload_form.html
*/
/*
* header.html
*/
div#header_left{
padding:0px;
margin:0px;
height:92px;
}
img#tag_line{
margin-top:55px;
}
/*
* register/home.html
*/
.register_submit_div
{
padding: 15px 0px 0 180px;
}
/*
* end home.html
*/
/* qunatcast.com tracker image */
#qunat_cast{
display: none;
width:1px;
}
/*
* end home.html
*/
/* contact.html */
#contact_form #dateOfBirth label,
#contact_form #budget_field_container label{
text-align:left;
color:#A3D063;
font-weight:bold;
}
div#emails_block{
margin-left:10px;
padding-top:20px;
border-width:1px;
font-size:small;
}
/* =chart_legend*/
dl.chart_legend{
border:0px;
width:15%;
padding:0px;
float:right;
margin-top:-7px;
}
.health_report_legend{
width:55px;
padding-top:0px;
padding-right : 35px;
float:right;
margin-top:15px;
}
dl.chart_legend dt {
width:70%;
}
dl.chart_legend dd {
width:10px;
height:10px;
}
div#affected{
background: #1166BB;
margin:-8px 0px 0px -8px;
}
div#affected,
div#carrier
{
height : 15px;
width : 15px;
padding:0;
}
.affected-name{
margin:-14px 0px 0px 20px;
}
div#carrier{
background: #6495ED;
margin:-8px 0px 0px -8px;
}
.carrier-name{
margin:-14px 0px 0px 20px;
}
/* =chart_legend*/
/* profiles/personal_info.html */
.profile_photo
{
border:2px solid;
}
/* end personal_info.html */
.editform {
display: inline;
}
/*
* developer.developer.html
*/
.developer_head{
display:block;
margin-top:10px;
padding:15px;
width:100%;
}
.disease_concerned{
padding-left:5px;
color:#444;
font-weight:bold;
width:70%;
}
.disease_concerned span{
font-weight:100;
padding:5px;
}
.display_iframe{
overflow:auto;
}
.developer_ac{
padding-left:7px;
display:block;
}
#developer-input {
width:100%;
}
.partner_logo{
float:right;
margin-right:20px;
}
.partner_logo span img{
border:1px solid ;
cursor:pointer;
}
.iframe_code{
width:100%;
height:150px;
}
.service_details{
min-width: 350px;
min-height: 230px;
}
.disease_list{
min-width: 300px;
margin-top:50px;
}
#developer-iframe-disp-panel{
width: 100%;
/* max-height: 425px; */
text-align: center;
overflow: auto;
}
#disease_name_container{
float: left;
}
#disease_name{
width: 50%;
}
#auto_comp_container
{
width:200px;
}
#auto_comp_container div
{
margin:0;
}
.footer_pager{
cursor: pointer;
}
.footer_current_pager{
font-weight:bold;
}
.footer_current_pager,
.footer_pager
{
background:#ccc;
border:1px solid #fff;
width:20px;
height:20px;
float:left;
text-align:center;
}
.hide_span{
display: none;
}
.show_span{
display: inline;
}
/* =friends tab*/
/*delete_from_friends_container*/
#doc2
{
min-width:1px;
width:90%;
}
img.userphoto{
cursor:pointer;
cursor:hand;
width:100%;
}
img.userphoto_home{
width:50px;
}
img.userphoto_home,
img.userphoto
{
border:1px solid #666;
}
img.panelphoto {
cursor:pointer;
cursor:hand;
width:60px;
height:60px;
}
/*Contact form.*/
#contact_form {
margin-bottom: 2em;
color:#747671;
}
#contact_form label{
font-weight:normal;
}
#contact_form legend span{
font-weight:normal;
color:#747671;
}
#contact_form .input-edit{
width: 350px;
}
.input_form fieldset.side_by_side div {
width:450px;
}
div#address{
width:45%;
padding-left:15px;
margin-bottom:5px;
font-size:small;
}
/*Questionare*/
.year_select
{
width:55px;
}
.day_select
{
width:48px;
}
.month_select
{
width:60px;
}
.dateonset
{
width:20px;
}
/*This is the Client Panel settings*/
#panel_container {
display:block;
visibility:hidden;
position:absolute;
background:#fff;
border-right:2px solid #9CF;
z-index: 34; top: 133px; left:0px;
/**
** Don't specify height, it will screw up the family tree layout in IE.
**
*
* height:100%;
*/
width:295px;
overflow:hidden;
}
#draw_mode_panel_container {
display: none;
padding: 2px;
visibility:hidden;
border:2px solid #9CF;
z-index: 35;
}
.panel_name {
position: relative;
left:10px;
}
.panel {
display:inline;
/**
** Don't specify height, it will screw up the family tree layout in IE.
**
*
* height:100%;
*/
float:left;
padding-left:20px;
margin-top: 10px;
}
.close_tab
{
position:absolute;
right:0px;
text-align:right;
top:0px;
width: 35px;
height: 35px;
display: block;
}
.panel_close_button{
background-image: url(/images/sprite.gif);
background-repeat: no-repeat;
background-position: 0px -400px;
position:absolute;
left:290px;
width: 15px;
height: 15px;
}
.menu_panel{
margin-left:-16px;
margin-right:-33px;
display:block;
}
.title_image
{
font-size:14pt;
font-weight:bold;
text-transform:capitalize;
text-align:left;
}
#q{
display:none;
}
.age_panel,
.gender_panel,
.ethnicity_panel
{
font-size:12pt;
}
.small_panel_txt
{
font-size:8pt;
font-weight:normal;
text-decoration:none;
margin-left:10px;
margin-top:10px;
width: 12em;
}
.panel_desc
{
padding-left:3px;
}
.td_panel{
padding-left:3px;
height: 35px;
width: 35px;
}
.tr_panel_form{
height:25px;
}
.td_panel_form{
font-weight:bold;
text-align:left;
}
.td_panel_save{
text-align:right;
}
.td_panel_title{
padding-left:3px;
font-size:11pt;
font-weight:bold;
padding-top:3px;
text-align:left;
}
.td_panel_title_iframe{
padding-left:2px;
color:blue;
font-size:9pt;
font-weight:bold;
padding-top:2px;
text-align:left;
}
.close_tab,
.small_panel_txt,
.td_panel,
.td_panel_title_iframe,
.td_panel_title
{
cursor:pointer;
cursor:hand;
}
.td_panel_desc
{
color:#666;
font-weight:normal;
font-size:8pt;
text-decoration:none;
}
.panel_calendar
{
display:none;
position:absolute;
background:white;
/*border:1px solid;*/
}
.panel_input
{
width:150px;
}
.userphoto_panel {
cursor:pointer;
cursor:hand;
border:1px solid blue;
}
.panel_profile
{
background: url(/images/profile.gif) no-repeat;
}
.panel_disease
{
background: url(/images/add_remove_disease.gif) no-repeat;
}
.panel_questionnaire
{
background: url(/images/health_questionare.gif) no-repeat;
}
.panel_health_report
{
background: url(/images/health_report.gif) no-repeat;
}
.panel_upload_health_records
{
background: url(/images/upload_health_records.gif) no-repeat;
}
.panel_dna_report
{
background: url(/images/dna_report.gif) no-repeat;
}
.panel_ethnicity_report
{
background: url(/images/ethicity_report.gif) no-repeat;
}
.panel_send_message
{
background: url(/images/send_message.gif) no-repeat;
}
.userBox,
.shadowBox
{
cursor:pointer;
cursor:hand;
}
.panel_td_width
{
width :10px;
}
#disese_name_container{
margin:0px;
padding:0px;
}
#draw_mode_panel_container {
background: #fff;
width: 159px;
padding-right:0px;
padding:3px;
font-weight:bold;
}
.draw_mode_button {
padding-right:0px;
padding: 2px;
text-align: center;
margin-top:1px;
}
.img_email{
height:14px;
float:left;
padding-left:5px;
}
#search_show_option a{
text-decoration:none;
}
#search_hide_option a{
text-decoration:none;
}
.friends_invitation textarea{
margin-right:15px;
padding:1px;
}
.friends_invitation label{
font-weight:700;
font-size:small;
color:#666;
font-weight:bold;
}
.friends_invitation textarea,
.friends_invitation label
{
margin-left:7px;
}
.next_btn_wizard{
margin-left:auto;
margin-right:auto;
width:100%;
text-align:center;
margin: 5px;
}
.userBox
{
cursor:pointer;
cursor:hand;
}
.user_name
{
text-transform:capitalize;
}
.user_box_hilight
{
background-color : yellow
}
.user_box_shared_disease
{
background-color : black
}
/* please change the name pict!! is not good name */
#hint_pict img {
border : 2px solid #ccc;
width : 276px;
height : 170px;
margin-left : 56px;
margin-bottom:-43px;
}
#hint_pict {
position : absolute;
bottom : 50px;
left : 0;
}
.showerror_text {
padding:10px;
margin-left:50px;
}
/* fullwidth yahoo data table */
.yui-dt-bd table{
width:100%;
}
.yui-skin-sam .yui-dt-liner
{
padding:3px 4px;
}
#service_smaller_text{
color:#444;
font-size:15px;
font-weight:normal;
}
#service_headers_text {
font-size:25px;
color:#6bbb72;
margin:0pt 0pt 0.1em;
}
/*==START Get widget input_form==*/
#disease_name_widget{
width: 280px;
margin-top:5px;
font-weight:normal;
}
#auto_comp_container_widget .yui-ac-content{
width:284px;
}
.widget_input_form div#group fieldset.group div.text input,
.widget_input_form div.text input
{
border:1px solid #ccc;
font-size:12px;
padding:3px;
}
.widget_input_form div.text input
{
width:280px;
}
.widget_input_form fieldset
{
padding:0px;
display:block;
}
.widget_input_form fieldset div
{
padding:5px;
overflow:hidden;
display:inline-block;
}
.widget_input_form fieldset div div
{
margin-top:0;
}
.widget_input_form label, .disease_concerned label
{
color:#444;
margin-right:16px;
float:left;
font-weight:bold;
text-align:right;
width:18em;
/*display: inline-block;*/
line-height: 1.2;
vertical-align: top;
}
.developer_page_group,
.widget_input_form div#group fieldset.group
{
display:block;
border:1px solid #ccc;
width:645px;
}
.developer_page_group legend,
.widget_input_form div#group fieldset.group legend
{
float:left;
width:14em;
margin-left:10px;
font-weight:normal;
color:#444;
}
.widget_input_form .radio label
{
float:none;
}
.widget_input_form div#group fieldset.group div.radio input
{
margin-left:5px;
}
.widget_input_form div#group fieldset.group div.radio span
{
margin-left:3px;
color:#444;
}
.widget_input_form div#group fieldset.group div.text
{
float:left;
}
.widget_input_form div#group fieldset.group div.text span
{
margin-left:3px;
color:#444;
}
.widget_input_form div textarea {
width:60%;
}
.widget_input_form p.submit{
padding:0px;
display:inline-block;
}
.widget_input_form div.form_footer{
padding:5px;
text-align:center;
}
.widget_input_form div.textarea textarea,
.widget_input_form div.password input,
.search_form span.submit input,
.widget_input_form p.submit input{
color:#333;
background:#e0e8f1 url(/images/button_bg2.gif) repeat-x scroll 0% 0%;
cursor:pointer;
border:1px solid #86A3C1;
padding:2px 5px;
font-size:12px;
font-weight:bold;
margin:2px;
margin-left:10em;
line-height:1;
display:block;
}
button#generate_code_button{
margin-bottom:5px;
}
.new-user-textbox{
width:190px;
}
.profile_popup_dropdown{
width:312px;
}
/*==END Get widget input_form==*/
.profile_info_content_div p{
font-weight:bold;
}
#medication_data_table,
#disease_data_table,
#allergy_data_table,
#procedure_data_table{
margin-top:10px;
}
/* disease panel*/
form#assign_disease label#disease_search,
form#assign_medication label#medication_search,
form#assign_procedure label#procedure_search,
form#assign_allergy label#allergy_search
{
display:block;
float:none;
line-height:normal;
text-align:left;
width:auto;
font-weight:normal;
}
form#assign_disease #on_set,
form#assign_procedure #on_set,
form#assign_allergy #on_set
{
border:0px none;
width:170px;
}
form#assign_disease #on_set input,
form#assign_procedure #on_set input,
form#assign_allergy #on_set input
{
width:20px;
margin-bottom:0px;
}
form#assign_disease #on_set button,
form#assign_medication #on_set button,
form#assign_procedure #on_set button,
form#assign_allergy #on_set button
{
margin-bottom:0px;
}
form#assign_disease #on_set tr,
form#assign_procedure #on_set tr,
form#assign_medication #on_set tr,
form#assign_allergy #on_set tr
{
vertical-align:middle;
}
form#assign_disease #on_set td,
form#assign_medication #on_set td,
form#assign_procedure #on_set td,
form#assign_allergy #on_set td
{
border:none;
}
form#assign_disease #on_set #years_old,
form#assign_allergy #on_set #years_old,
form#assign_medication #on_set #years_old,
form#assign_procedure #on_set #years_old
{
font-size:11px;
width:55px;
}
span#diseaseButtons,
span#procedureButtons,
span#medicationButtons,
span#allergyButtons
{
margin-top:5px;
}
/* disease panel end */
#listdisease button,
#listmedication button,
#listallergy button {
vertical-align: top;
}
.form_requirement {
color: #666;
text-align:center;
}
.google_health_label{
display: inline-block;
width:100px;
}
#home_step_one_block .form_requirement{
width:63%;
}
/* Services Pages tabs */
ul.image_list li{
margin-bottom:30pt;
margin-top:0pt;
}
ul.image_list li img{
margin-top:3px;
}
div.steps_content_a{
width:56%;
float:right;
}
div.steps_content_b{
width:73%;
float:right;
}
div.steps_content_a h3,
div.steps_content_b h3
{
color:#1166BB;
font-weight:bold;
margin-bottom:4px;
margin-top:3px;
}
div.steps_content_a div,
div.steps_content_b div
{
margin-top:5px;
background-color:#4F91CD;
color:#fff;
font-weight:bold;
padding-left:3px;
}
div.steps_content_a p,
div.steps_content_b p
{
color:#666;
text-align:left;
}
/* for patients and physicians tab */
#yui_first_width{
width:35%;
}
#yui_u_width{
width:60%;
float:right;
}
div.page_heading h4{
color: #1166BB;
font-size:large;
font-weight:bold;
text-align:left;
}
ul.service_list li {
list-style-position: outside;
list-style-image: url(/images/services/bullet.gif);
list-style-type: square;
margin-bottom:5px;
margin-top:10px;
margin-left: 8px;
}
#service_text{
color:#444;
font-size:15px;
font-weight:normal;
margin:0pt 0px 0px 10px;
}
#order_button{
/* color:#4F91CD;*/
font-size:large;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
padding-top:8px;
margin-top:22px;
margin-bottom:10px;
}
/* services web wedgit */
#yui_first_column_width{
width:21%;
}
#yui_second_column_width{
width:25%;
}
#yui_third_column_width{
width:25%;
}
#yui_forth_column_width{
width:23%;
float:right;
}
div.service_widget_steps_content {
width:70%;
float:right;
}
div.service_widget_steps_content h3{
color:#1166BB;
font-weight:bold;
margin-bottom:4px;
margin-top:3px;
}
div.service_widget_steps_content dt{
float:right;
margin:0pt 0pt 1em;
text-align:left;
width:100%;
background-color:#4F91CD;
color:#fff;
font-weight:bold;
padding-left:3px;
}
.steps_images{
float:left;
margin-top:15px;
}
div.service_widget_steps_content p{
color:#666;
text-align:left;
font-weight: normal;
}
.service_wedget_steps_heading{
background-color:#4F91CD;
color:#fff;
font-weight:bold;
padding-left:3px;
}
.side_box{
position: relative;
height: 14em;
}
#page_heading2{
float:right;
margin-top:-51pt;
}
.organisations .right{
background:transparent url(/images/services/organisation_background.gif) no-repeat;
padding-top: 12px;
position: relative;
left: 28px;
width: 190px;
height: 42px;
margin-bottom:15px;
}
.organisations .left{
background:transparent url(/images/services/organisation_background.gif) no-repeat;
padding-top: 12px;
position: relative;
width: 190px;
height: 42px;
margin-bottom:15px;
}
.organisations {
margin-top:39px;
font-size:11px;
font-weight:bold;
text-align: center;
}
#alkaptonuria_image_align{
position: relative;
top: 180px;
left: 225px;
float:right;
}
#service_rationale{/* service webwidget page contents*/
margin:-101px 0px 0px 6px;
padding-bottom: 60px;
float:left;
width:568px;
}
#service_get_webwidget_button{
/* color:#4F91CD;*/
font-size:medium;
margin-top:-1px;
}
#service_contactus_button{
margin-top:-9px;
margin-top:0px;
/* color:#4F91CD;*/
font-size:medium;
}
.service_page_title_bold
{
font-size:150%;
color:#1166BB;
font-weight:700;
}
.service_page_title_nonbold
{
font-size:150%;
color:#1166BB;
font-weight:normal;
}
.service_title{
margin-top:20px;
margin-bottom:20px;
}
#page_title{ /* moving page title to left in services except webwidget*/
margin-left:15px;
}
/* panels */
div.password_message_box,
div.window_message_box{
border:1px solid #9CF;
padding:10px;
margin-bottom:10px;
background-color:#edf5ff;
text-align:justify;
}
/* panels */
.edit_user_select{
width:312px;
}
/* slider */
.slider_box_value{
position:relative;
top:5px;
right:130px;
font-size:14px;
font-weight:bold;
}
.slider_value_label{
font-size:14px;
font-weight:bold;
padding-left:10px;
position:absolute;
right:200px;
top:5px;
width:160px;
}
.slider_container{
background: #edf5ff url(/images/slider/slider_bg.png) no-repeat 3px 0;
cursor: pointer;
height: 240px;
margin-right: 5px;
padding: 1px;
right: 0px;
top: 4px;
width: 24px;
z-index: 10;
}
#slider_thumb {
position: absolute;
left:3px;
}
/*end of slider*/
/*
* Page links.. used to list links within the page:
*/
ul.page_links li {
background: url(/images/icons/bullet_go.gif) no-repeat 0px 3px;
padding: 3px;
padding-left: 18px;
margin-bottom: 2px;
border-bottom: 1px solid #ccc;
}
ul.page_links li.last {
border-bottom: none;
}
ul.page_links li a {
text-decoration: none;
}
ul.page_links li a:hover {
color: #015294;
text-decoration: underline;
}
h1.page_links {
color:#fff;
/* background: #015294; */
background: #0095FF;
font-size: 1.1em;
font-weight: bold;
padding: 3px;
padding-left: 10px;
margin-top: 24px;
margin-bottom: 0.5em;
}
ul.page_links li,
h1.page_links {
margin-right: 42px;
}
/*
* End of page links
*/
a#learnmore_create_tree_button{
position: relative;
margin-left: -10px;
top: 2em;
/* color:#4F91CD;*/
font-size:large;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
padding-top:8px;
}
.info_button{
color:#0000ff;
text-decoration:none;
text-align:center;
font-weight:bold;
}
.learn_more
{
padding: 5px ;
width:90% ;
font-size: 9pt;
background-color:#fff ;
margin-left:20px;
}
.learn_more_top
{
height:360px;
overflow:auto;
width:577px;
background-color:#fff;
border: 1px solid #ccc;
}
.learn_more h4
{
font-style:italic;
margin-bottom:10px;
}
.learn_more li
{
list-style:square;
margin-left:20px;
}
.learn_more ul
{
margin-bottom:20px;
}
.learn_more h3
{
font-size:larger;
border-bottom:1px solid #ccc;
color:#0095FF;
font-weight:700;
margin-bottom:15px;
font-size:large;
}
.external_link{
background-color:transparent;
background:url(/images/external_link.gif) no-repeat right;
padding-right:23px;
}
#lock_status
{
height:20px;
margin-top:5px;
text-align:left;
}
.content_box h3 {
font-size:x-large;
font-weight:bolder;
padding-top:10px;
}
#tour_purchase_box,
#purchase_box,
#signup_box {
font-family: Verdana;
width: 420px;
height: 59px;
background: #ebd88b;
color:#1f365a;
margin-top:25px;
margin-left: 10px;
border:1px solid #ccc;
}
#purchase_box {
margin-top:56px;
margin-left:2px;
}
#tour_purchase_box{
height:82px;
margin-left:60px;
width:545px;
margin-bottom:20px;
}
#tour_purchase_box div#tour_link,
#purchase_box div#purchase_or_tour_link,
#signup_box div#sign_up_or_tour_link {
font-size: 21px;
text-align: center;
margin-top:0px;
padding-left:0px;
}
#purchase_box div#purchase_or_tour_link{
margin-top: 9px;
}
#tour_purchase_box div#tour_link
{
margin-bottom:5px;
}
#tour_purchase_box div#tour_purchase_text,
#signup_box div#login_link {
font-size: 12px;
text-align: center;
}
#tour_purchase_box div#tour_purchase_text
{
padding-left:0px;
}
#purchase_link {
float:right;
position:relative;
right:-82px;
margin-top:-305px;
}
#purchase_image {
padding-top:78px;
}
.purchase_report_container
{
width:840px;
}
#tour_purchase_text {
margin-left:0px;
}
#tour_purchase_box,
#purchase_box{
font-family: Verdana;
width: 420px;
margin-top:56px;
height: 59px;
background: #ebd88b;
color:#1f365a;
border:1px solid #ccc;
margin-left:2px;
}
#tour_purchase_box {
height:82px;
margin-bottom:20px;
margin-left:60px;
width:545px;
}
#tour_purchase_box div#tour_link,
#purchase_box div#purchase_or_tour_link{
font-size: 21px;
text-align: center;
}
#tour_purchase_box div#tour_link
{
margin-bottom:5px;
}
#tour_purchase_box div#tour_purchase_text{
font-size: 12px;
text-align: center;
padding-left:10px;
}
#tour_pricetag,
#pricetag {
margin-left:-244px;
margin-top:-30px;
position:absolute;
}
#tour_pricetag
{
margin-left:-30px;
}
#purchase_or_tour_link{
padding-top:10px;
}
#links {
padding-top:2px;
}
#tour_page p {
margin-left:0px
}
#lockmsg,
#warning_msg{
text-align:center;
width:98%;
border:2px solid #ccc;
margin:auto;
background: #FFEDED url(/images/gradient90_ffeded.gif) repeat-x scroll 0%;
border-color: #F58A8A;
color: #B60E0E;
margin-bottom:10px;
padding:5px 0px;
}
#lock_image{
height:16px;
margin-right:5px;
vertical-align:-4px;
width:16px;
}
.purchase_text_wait{
width : 546px;
}
#purchase_wait{
margin-top : 43px;
padding : 9px;
}
#confirmation_display {
margin-top:40px;
text-align:left;
}
#confirmation_display p{
text-align:left;
padding-left: 5px;
}
#confirmation_display h2{
font-size:190%;
}
#store_health_report_text {
width: 566px;
color: #1f365a;
font-size: 13.2pt;
font-weight: bold;
}
/* Log window */
.log_window{
text-align:left;
}
.log_window div{
font-size:smaller;
}
.loading_log{
background:transparent url(/images/spinner1.gif) no-repeat scroll 0pt 5px;
padding:5px 0 0px 20px;
}
/* END */
/* TOUR PAGE START*/
#tour_page h3,
#tour_page p{
margin-left:143px;
width:570px;
}
#tour_page p{
color:#7b7b7b;
font-size:15px;
margin:5px 0px 10px 143px;
}
/* END */
#back_to_health{
margin-top:5px;
position:absolute;
right:350px;
z-index:10;
}
#delete_disease_button,
#delete_allergy_button{
cursor:pointer;
cursor:hand;
}
/* secure login */
#login_form #secure_label_field_container span{
padding-top:5px;
}
#report_over{
position:absolute;
width:955px;
z-index:5;
}
/* shre this */
#colophon{
display:none;
}
#reports_profile_picture #pic{
height:100px;
width:100px;
}
#pic_tooltip_target {
position: relative;
top: -30px;
}
#language_option #lang_selector{
padding:1px 2px;
margin:0px;
border:none;
}
/* Flag css */
#utilities li form select{
border:1px solid #e1e1e1;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
}
.en_US{
background:transparent url(/images/sysicons/flags/us.gif) no-repeat scroll 5% 60%;
padding-left:25px;
}
.ms_MY{
background:transparent url(/images/sysicons/flags/my.gif) no-repeat scroll 5% 60%;
padding-left:25px;
}
.generate_pdf_box{
height:158px;
padding:20px;
text-align:center;
}
.generate_pdf_box input{
margin:10px;
}
.generate_pdf_box .button_row{
margin-top: 50px;
}
/* By default we do not show the remember me checkbox and recover password link.
* Skins can 'enable' this by changing its display to block, etc.
*/
#login_form #forgot_link,
#login_form #rememberme,
#login_form #label_rememberme {
display: none;
}
.backoffice_text {
font-size:14px;
text-align:center;
}
/* for coach report */
.coach_table_header_contents a.coach_view_report_link {
font-size: 14px;
}
.subcategories_header_closed{
background: url(/images/group/sub_category_header_closed.gif) no-repeat;
height:40px;
cursor:pointer;
/*width:661px;*/
}
.subcategory_name_display
{
color:grey;
font-size:13px;
padding-top:8px;
font-weight:bold;
padding-left:12px;
}
.subcategories_div, .categories_div{
width:90%;
margin-right:auto;
margin-left:auto;
}
.categories_div
{
background:white;
}
.category_name_container
{
padding:4px;
}
.div_th, .div_td
{
width:242px;
padding-left:11px;
margin-right:2px;
font-size:12px;
float:left;
background:#F6F6F6;
}
.div_th
{
background:#E3E3E3;
font-weight:bold;
height:20px;
min-height: 40px;
text-align: center;
}
.div_td
{
height:35px;
}
.subcategories_header_opened{
background: url(/images/group/sub_category_header_opened.gif) no-repeat;
height:32px;
/*width:661px;*/
cursor:pointer;
}
.coach_header_closed{ background: url(/images/group/header_closed.gif) no-repeat;
height:50px;
cursor:pointer;
width:862px;
}
.coach_header_opened{
background: url(/images/group/header_opened.gif) no-repeat;
height:42px;
width:861px;
cursor:pointer;
}
.coach_subsection_top
{
height:20px;
background: url(/images/group/subsection_top.gif) no-repeat;
}
.coach_subsection_content table{
width:90%;
clear:both;
}
.coach_subsection_content table tr td{
width:200px;
padding:5px;
}
.coach_subsection_content table tr{
height:50px;
background:#cde192;
width:150px;
}
.coach_subsection_content table th{
background:#82933d ;
height:50px;
color:white;
line-height:18px;
text-align:center;
}
.coach_subsection_content .xxx{
background:#82933d ;
height:50px;
color:white;
line-height:18px;
text-align:center; } .coach_todo_body .coach_subsection_content{ margin-bottom:0; margin-top:0;
}
.coach_subsection_content
{
background: #E9F2D0;
width: 860px;
margin-bottom: 10px;
margin-top: 5px;
}
.coach_subsection_content>table{
background: #E9F2D0;
border-collapse:separate;
border-spacing:2px;
}
.coach_subsection_bottom
{
height:23px;
background: url(/images/group/subsection_bottom.gif) no-repeat;
}
.coach_todo_body{
width:860px;
}
.coachview_container {
background:#e9f2d0;
}
.coachview_container .healthdrive .widget_container
{
height:253px;
min-height:253px;
background-color:#F7FCEB;
border: 2px solid #82933D;
}
.coachview_container .healthdrive .hra_widget_report_container
{
float:left;
margin-right:100px;
background-color:#F7FCEB;
border: 2px solid #82933D;
}
.coachview_container .healthdrive #reports_profile_form
{
width:auto !important;
}
.riskfactor_header,
.user_summary_header{
font-weight:bold;
font-size:20px;
padding:7px 0px 0px 30px;
text-align:left;
color:#82933A;
}
.centered{
margin-left:auto;
margin-right:auto;
}
.subcategory_question_save_button {
padding-left:20px;
padding-top:10px;
}
.subcategory_question_label {
padding-left:10px;
padding-bottom:10px;
font-weight:bold;
}
.subcategory_question_container{
padding-bottom:20px;
padding-top:10px;
}
#group_list_header {
width: 861px;
height: 25px;
font-size:12px;
color: grey;
}
#group_list_header .glh_completed {
margin-right: 20px;
}
#group_list_header .glh_completed,
#group_list_header .glh_registered,
#group_list_header .glh_purchased {
width: 70px;
}
.glh_purchased,
.glh_registered,
.glh_completed {
float: right;
width: 50px;
text-align: right;
}
.glh_registered {
color: #56c;
}
.glh_completed {
color: green;
}
.member_details {
margin-top:10px;
}
.member_count_display {
color:grey;
font-size:17px;
padding-top:3px;
margin-right: 50px;
float: right;
}
.group_name_display {
float:left;
}
.coach_subsection_content table tr {
background:#CDE192 none repeat scroll 0%;
height:50px;
width:150px;
}
.completion_bar_text,
.user_summary_name,
.completion_bar_img{
float:left;
}
.user_summary_name{
width:670px;
}
.completion_bar_text{
font-size:11px;
margin-left:-25px;
position:relative;
padding-top:6px;
}
.riskfactor_header{
border-bottom:1px solid #999;
margin: 0 47px;
padding:0pt;
}
.risks_plan_table tbody tr th{
background:#cde192;
color:#686868;
}
.risks_plan_table .even td,
.coach_subsection_content table tr td{
background:#d4e6a4;
text-align:center;
}
.coach_table_header{
font-size:16px;
font-weight:bold;
padding:10px;
text-align:center;
}
.coach_table_header_contents{
font-size:33px;
font-weight:bold;
padding:10px;
text-align:center;
color:#686868;
}
/*risks planning subreport*/
.risk .risks_plan_table
{
border-spacing: 0;
}
.risk .risks_plan_table th
{
background-color:#cde192;
text-align:center;
border: 1px solid #fff;
border-top: none 0;
font-weight:normal;
padding:5px 10px;
}
.risk .risks_plan_table tr.even td
{
background-color:#e9f3d8;
text-align:center;
border: solid #fff 1px;
padding:10px;
color:#686868;
}
.risk .risks_plan_table tr.odd td
{
background-color:#d4e6a4;
text-align:center;
border: solid #fff 1px;
padding:10px;
color:#686868;
}
.risk .last_row td{
border-bottom: none 0;
}
.risk .left_cell{
border-left: none 0;
}
.risk .right_cell{
border-right: none 0;
}
.risks_plan_table{
width:100%
}
.risk .subsection_content{
background: #e9f2d0;
}
.risk {
margin-left:auto;
margin-right:auto;
padding-top:10px;
width:90%;
}
#reports_profile_picture {
float: left;
}
#profile_first_part {
float: left;
width: 272px;
}
#profile_second_part {
float: left;
width: 300px;
}
/* End of coach report */
/* context help styles */
.context_help_link{
background:transparent url(/images/info-icon.png) no-repeat scroll 0px 0px;
display:inline;
outline-style:none;
outline-width:medium;
padding-left:17px;
margin-left:2px;
cursor: pointer;
text-decoration:none;
}
.context_help_link:hover{
color:#26A9E0;
text-decoration:none;
}
.context_help_link img{
margin:0 3px -3px;
}
/* end of context help */
.google_health_label{
display: inline-block;
width:100px;
}
/* medication autocomplete */
.start_stop_onset_input{
width:70px;
}
.stop_date,
.start_date,
form#assign_medication #stop_date,
form#assign_medication #start_date{
border:0px none;
width:70px;
}
form#assign_medication #on_set input{
width:66px;
margin-bottom:0px;
}
#busy_message{
font-size:18px;
}
/*
* IE6 not supported message:
*/
.ie6 {
margin-top: 4em;
line-height: 2em;
}
.widget_coach_background
{
background-color: #E9F2D0;
}
.widget_background_color
{
background-color: #F7FcEB;
}
#demo_product_tour{
margin:10px 0px;
}
#privacy_checkbox_login_field_container{
margin:5px 0 15px 45px !important;
}
#privacy_checkbox_login{
vertical-align:middle;
}
#submit_login {
margin-top: 5px;
}
#language_label {
vertical-align: text-bottom;
font-weight: bold;
}
#has_group_access div, #has_individual_access div {
margin: 0;
width: 155px;
}
#forgot_password {
text-align: center;
}
.custom_login_register #login_authen_password {
border: 1px solid #CCCCCC;
margin-bottom: 3px;
padding: 5px;
}
#register_title {
margin-top: 10px;
color: #6C863B;
font-size: 20px;
text-align: center;
}
body{
background:none;
}
.navigation_tab{
padding:3px 10px 1px;
font-size:14px;
}
.navigation_tab:hover{
background:#badb8a;
}
.navigation_tab a:hover{
text-decoration:none !important;
color:#fff !important;
}
.navigation_tab a{
color:#6c863b !important;
text-decoration:none;
}
.content_box h2
{
border-bottom-width:1px;
border-color: #bbd76a;
color : #bbd76a;
}
#mgeno_navigation{
margin-top:0px;
width: 955px;
}
#mgeno_body {
min-height: 600px; /* This value should exceed the Signup box */
height: auto !important;
height: 600px;
}
#mgeno_header {
height:110px;
}
#mgeno_header div.content {
width: 100%;
}
#header {
width: 955px; /* Width of tour body? */
margin-left: auto;
margin-right: auto;
}
div#header_left{
padding:0px;
margin:0px;
height:70px;
width: 330px;
}
#header_left #custom_logo {
margin-top: 9px;
}
#tabs{
float:none !important;
clear:both;
}
#mgeno_footer div.content
{
width:955px;
margin-right:auto;
margin-left:auto;
padding-top:10px;
}
#mgeno_footer,#mgeno_footer div.content, #mgeno_footer div.content a {
background:none;
color: #949599;
font-size:12px;
border:none;
}
#mgeno_footer a {
color: #949599 !important;
}
#subtabs{
margin-right:5px;
}
#subtabs span{
margin-left:0;
margin-right:3px;
float:right;
}
#tabs span{
height:22px;
}
#subtabs span a {
color: #86963F;
}
#subtabs span a.active{
color:#bcd867;
}
#logo {
margin-top: 12px;
margin-left:11px;
}
#mgeno_body div.content, #mgeno_header div.content{
width:955px;
}
#utilities {
height:51px;
margin-right:0px;
color: #58595b;
line-height: 1.5pt;
padding:2px 0px;
}
#utilities a {
font-weight: normal;
color:#a3d063;
text-decoration:underline;
}
a:link, a:visited, a:active {
color:#81923b;
/* ** THIS IS BAD DESIGN -- Adly **
text-decoration:none;
*/
}
#links {
padding-top: 2px;
}
a.link_at_home, a:visited.link_at_home, a:active.link_at_home {
color:#BED86D;
font-weight: bold;
text-decoration: underline;
}
#purchase_or_tour_link .link_at_home {
color: #8a983b;
}
.divider, #subtabs span.divider
{
color: #949599;
}
#mgeno_footer {
height: 60px;
border-top:1px solid #A7D46F;
}
#main_content_container {
width: 955px;
float: none;
}
#notification_box {
color:#b03060;
font-weight:bold;
float:right !important;
}
.content_box {
width: 100%;
}
.contact_us_title{
margin-top:0px;
}
.learn_more h3,
.purchase_package h2{
color:#fff;
}
h1.page_title, .contact_us_title
{
color:#BED86D;
}
/*--*/
img#tag{
margin-top:20px;
margin-bottom:5px;
margin-left:3px;
}
div#tag1{
font-size:18px;
color:#21355a;
padding:35px 0px 0px;
padding-left:10px;
width:49%;
font-weight:bold;
}
#pricetag{
position: absolute;
margin-left: -30px;
margin-top: -30px;
}
#option1{
margin-top:10px;
padding-left:11px;
}
#option2{
margin-top:5px;
padding-left:11px;
}
#dna{
padding-left:65px;
}
img#diet{
margin-right:10px;
}
img#health{
margin-right:11px;
}
.option ul li img{
vertical-align:middle;
margin-bottom:5px;
}
.content_box h3{
color:;
font-size:x-large;
font-weight:bolder;
padding-top:10px;
}
.content_box img#last{
border-bottom:0;
padding-bottom:15px;
}
.input_box_small {
background: #F7FBF1;
border-color: #BED86D ;
}
.float_chart{
float:left;
}
.current{
font-weight:bolder;
background:#a3d063 !important;
}
.current a{
color: #fff !important;
}
/* Services Page */
#service_container #container_left{
display:inline;
float:left;
margin-right: 0px;
padding-right: 0px;
/* width: 694px; */
}
#service_container #container_right{
float:left;
height:203px;
margin-left:5px;
width:157px;
}
#container_left .lm_left{
display:inline;
float:left;
}
#container_left .box_contents{
display:inline;
float:left;
}
#container_left .lm_right{
float:left;
width:10px;
}
#container_left #lm_lefttop_corner {
background: url(/skins/healthiercompany/images/stl_corner.png) no-repeat left top;
}
#container_left #lm_righttop_corner {
background:#f6f9e4 url(/skins/healthiercompany/images/str_corner.png) no-repeat scroll right top;
}
#container_left #lm_leftbot_corner {
background: url(/skins/healthiercompany/images/sbl_corner.png) no-repeat left bottom;
}
#container_left #lm_rightbot_corner {
background:#f6f9e4 url(/skins/healthiercompany/images/sbr_corner.png) no-repeat scroll right bottom;
}
#container_left #lm_rightmid_corner,
#container_left #lm_leftmid_corner {
background: url(/skins/healthiercompany/images/container_left_bg.png) repeat-x;
height:124px;
width:6px;
}
#container_left #lm_leftmid_corner {
border-left:1px solid #C2E098;
}
#container_left #lm_rightmid_corner {
border-right:1px solid #C2E098;
}
#container_left #lm_righttop_corner,
#container_left #lm_lefttop_corner {
height:7px;
font-size:0px;
width:7px;
}
#container_left #lm_leftbot_corner,
#container_left #lm_rightbot_corner {
height:7px;
font-size:0px;
width:7px;
}
#lm_rightmid2_corner,
#lm_leftmid2_corner {
width: 6px;
height: 68px;
background: #e0eeca;
}
#lm_leftmid2_corner {
border-left:1px solid #C2E098;
}
#lm_rightmid2_corner {
border-right:1px solid #C2E098;
}
#container_left #lm_righttop_corner{
width:7px;
}
.box_contents{
border-top:1px solid #C2E098;
background: url(/skins/healthiercompany/images/container_left_bg.png) repeat-x;
border-bottom:1px solid #C2E098;
height:204px;
width: 645px;
}
#Send_links,
#home_contact_at,
#purchase{
width:75px;
float:left;
}
.sto_rc, .sto_lc {
font-size: 0;
}
.sto_lc_mid, .sto_rc_mid {
height: 7px;
/* -2 px for top and bottom borders */
width: 63px;
}
.sto_lc_top,
.sto_rc_top,
.sto_lc_bottom,
.sto_rc_bottom
{
float: left;
}
.sto_lc_top,
.sto_rc_top {
height: 8px;
width: 8px;
}
.sto_lc_bottom,
.sto_rc_bottom {
height: 8px;
width: 8px;
}
.sto_lc_mid,
.sto_rc_mid {
float: left;
}
.sto_lc_mid {
border-top: 1px solid #C2E098;
}
.sto_rc_mid {
border-bottom: 1px solid #C2E098;
}
.sto_lc_top { background: url("/skins/healthiercompany/images/stooges-corner-0.gif") no-repeat top left; }
.sto_lc_bottom { background: url("/skins/healthiercompany/images/stooges-corner-1.gif") no-repeat top right; }
#sto_rc_top1 {
background: url("/skins/healthiercompany/images/stooges-corner-2-1.gif") no-repeat bottom left;
}
#sto_rc_mid1 {
background: #c7de96;
}
#sto_rc_bottom1 {
background: url("/skins/healthiercompany/images/stooges-corner-3-1.gif") no-repeat bottom right;
}
#sto_rc_top2 {
background: url("/skins/healthiercompany/images/stooges-corner-2-2.gif") no-repeat bottom left;
}
#sto_rc_mid2 {
background: #bcd867 ;
}
#sto_rc_bottom2 {
background: url("/skins/healthiercompany/images/stooges-corner-3-2.gif") no-repeat bottom right;
}
#sto_rc_top3 {
background: url("/skins/healthiercompany/images/stooges-corner-2-3.gif") no-repeat bottom left;
}
#sto_rc_mid3 {
background: #82953c;
}
#sto_rc_bottom3 {
background: url("/skins/healthiercompany/images/stooges-corner-3-3.gif") no-repeat bottom right #c5df96 ;
}
.clear_both {
clear: both;
font-size: 0;
}
.sto_mid,
#lower_half_1,
#lower_half_2,
#lower_half_3 {
height: 104px;
width: 79px;
}
#lower_half_1 {
background: #c7de96;
}
#lower_half_2 {
background: #bcd867;
}
#lower_half_3 {
background: #82953c;
width: 77px;
border-left: 1px solid #c7de96;
border-right: 1px solid #c7de96;
}
/* Upper half images */
#sto_uhi1,
#sto_uhi2,
#sto_uhi3 {
width: 77px;
border-left: 1px solid #c7de96;
border-right: 1px solid #c7de96;
}
.stooges_image_container {
width: 77px;
height: 118px;
}
.stooges_text {
color: #82953b;
padding-left: 13px;
padding-right: 0px;
padding-top:16px;
}
.stooges_top_text {
font-weight: bold;
font-size: 12px;
line-height: 1em;
}
.stooges_bottom_text {
line-height: 1em;
font-size: 11px;
padding-top: 6px;
}
.threeboxes {
width: 80px; /* Needed for ie */
float: left;
margin-left: 8px;
}
#threeboxes1 {
margin-left: 0px;
}
#tour_page h3{
border-bottom:2px solid #b7d96b;
color:#b7d96b;
}
div.message_header {
background:#ecf3c9 none repeat scroll 0% 50%;
}
#service_contact_us_address, #service_contact_us {
width: 50%;
float:left;
}
#contact_comments_ta {
width: 380px;
}
#contact_comments {
margin-top: 15px;
}
#contact_button {
margin-top: 36px;
margin-left:33%;
}
#contact_form {
margin-top:30px;
}
.service_hover{
background:transparent url(/skins/healthiercompany/images/sales_sprite.gif) no-repeat scroll 0pt 100%;
cursor:pointer;
float:left;
height:203px;
margin-left:7px;
width:157px;
}
/* tour */
#tour_menu {
height: 55px;
margin: 20px 0px 0px 345px;
padding: 0;
position: relative;
}
button.tour_button{
background:#e3f1d0;
color:#6C863B ;
float: left;
width: 123px;
height: 40px;
border:1px solid #a3d063;
}
button.tour_button:hover{
background:#a3d063;
border:1px solid #a3d063;
}
button.buttonselected{
background:#a3d063;
color:#fff;
}
#tour_menu a{
text-align:center;
color:#fff;
text-decoration:none;
font-size:15px;
width:83px;
}
#employee_number {
color:#7B7B7B;
font-size:15px;
text-align:center;
margin-top:15px;
margin-bottom:40px;
}
#button_personal {
margin-right:1px;
}
#contact_sales_button {
cursor: pointer;
}
#pha_button {
margin-top: 8px;
}
#report_timestamp {
float: right;
}
.header_quicktour{
color:#747671;
font-size:30px;
font-weight:bold;
margin:10px 0px 5px 0px;
}
.tour_content .image_left{
float:left;
margin-right:20px;
}
.tour_content .image_right{
float:right;
margin-left:20px;
}
#quick_guide_main{
border:1px solid #A7D46F;
}
#left_pane
{
float: left;
width: 255px;
height:370px;
padding-top:15px;
}
#left_pane #left_pane_title {
font-weight: bold;
text-align: center;
font-size:15px;
background:#E3F1D0;
color:#6C863B ;
padding:5px 0px;
}
.quick_tour_left_pane{
padding-top:10px;
}
.quick_tour_left_pane li.selected{
background: transparent url(/images/report/lite-gradient.png) repeat-y scroll 100% 0% !important;
}
.quick_tour_left_pane li
{
color:#83933B;
font-size:13px;
margin-bottom:5px;
}
.quick_tour_left_pane li a{
margin-left:24px;
margin-right:24px;
padding:5px 0px;
display:block;
}
.quick_tour_caption
{
font-size:20px;
font-weight:bold;
margin-top:13px;
color:#747671;
}
#right_pane
{
background: #EBF4DE;
height: 385px;
float:left;
}
.tour_content
{
color:#444545;
font-size:13px;
height:310px;
padding:20px 25px 0px;
width:647px;
}
.each_sub_tour
{
float:left;
text-align:center;
width:139px;
margin-right:12px;
}
.each_sub_tour_text
{
width:130px;
}
#bottom_sub_tour_text
{
clear:both;
font-size:11px;
padding-top:24px;
padding-left:21px;
}
#product_numbers
{
margin-left:366px;
}
#tour_doctor{
margin-top:65px;
}
.number_class
{
margin-top:13px;
padding-top:2px;
padding-left:25px;
}
#number_1
{
background: transparent url(/skins/healthiercompany/images/product_tour/1.gif) no-repeat scroll 0% 0%;
}
#number_2
{
background:url(/skins/healthiercompany/images/product_tour/2.gif) no-repeat scroll left top;
}
#number_3
{
background:url(/skins/healthiercompany/images/product_tour/3.gif) no-repeat scroll left top;
}
#medical_ps
{
font-size:10px;
margin-top:13px;
padding-left:28px;
}
#header_button
{
text-align: center;
}
#header_button ul li
{
display: inline;
}
#privacy_login {
background:#EEEEEE none repeat scroll 0% 0%;
height:125px;
margin-top:10px;
width:393px;
}
#activation_link,
#lock_reports {
margin-left:50px;
margin-top:13px;
}
#healthier_company_register {
width:410px;
}
#privacy_checkbox_login_field_container {
margin-bottom:10px;
margin-top:-5px;
}
#privacy_checkbox_login_field_container #privacy_checkbox_login {
margin-left:0px;
}
#privacy_login_field_container label {
text-align: left;
}
.subsection_description {
padding-left:20px;
}
/*END of risks planning subreport*/
#login_link,
#register_link
{
border:1px solid;
font-size:13px;
margin-left:3px;
line-height:10pt;
}
a#login_link,
a#register_link
{
padding:2px 5px;
}
a:hover#login_link,
a:hover#register_link
{
color:#6C863B;
}
#utiliti{
height:70px;
}
#company_register_link{
margin-left:0px;
}
.tour_navigation
{
border-top:1px solid #BBCC88;
margin-left:30px;
margin-right:30px;
padding:10px 10px 10px 130px;
text-align:left;
}
#next_only{
padding-left:244px;
}
#back_only{
margin-left:20px;
}
.tour_navigation div.start,
.tour_navigation div.start:hover{
height:25px;
cursor:pointer;
width:165px;
float:left;
margin-left:45px;
color: white;
}
.tour_navigation div.start{
background:transparent url(/skins/healthiercompany/images/product_tour/startnow-01.gif) no-repeat;
padding-left:10px;
}
.tour_navigation div.start:hover{
background:transparent url(/skins/healthiercompany/images/product_tour/startnow-02.gif) no-repeat;
}
.tour_navigation div.previous{
background:transparent url(/skins/healthiercompany/images/product_tour/back-01.gif) no-repeat;
}
.tour_navigation div.previous:hover{
background:transparent url(/skins/healthiercompany/images/product_tour/back-02.gif) no-repeat;
}
.tour_navigation div.next{
background:transparent url(/skins/healthiercompany/images/product_tour/next-01.gif) no-repeat scroll 100% 0%;
}
.tour_navigation div.next:hover{
background:transparent url(/skins/healthiercompany/images/product_tour/next-02.gif) no-repeat scroll 100% 0%;
}
.tour_navigation .next,
.tour_navigation .start,
.tour_navigation .previous{
color:#A7ACAE;
cursor:pointer;
float:left;
font-size:17px;
font-weight:bold;
height:27px;
width:95px;
}
.tour_navigation .next{
padding-right:19px;
text-align:right;
}
.tour_navigation .previous{
padding-left:19px;
text-align:left;
}
.tour_navigation span div.start:hover,
.tour_navigation span div.start{
width:150px;
}
form#reports_profile div#profile_second_part div label {
width: 80px;
}
#reports_profile fieldset {
width: auto;
}
#reports_profile fieldset div {
margin-top:0px;
padding:3px;
display: block;
}
#reports_profile_form {
width : 600px;
float : left;
}
#reports_profile #age {
width:27px;
}
#reports_profile #first_name,
#reports_profile #last_name,
#reports_profile #address {
width:190px;
}
#reports_profile label {
text-align:right;
width:130px;
line-height:normal;
margin-right:10px;
}
#reports_profile p {
margin:0px;
}
#reports_profile_picture{
text-align: center;
width: 100px;
margin-right: 25px;
}
#reports_profile_picture a{
margin-left:11px;
float:left;
}
#reports_profile_picture img{
border:1px solid #e7e7e7;
}
#voucher_activation_link{
margin-left:50px;
margin-top:13px;
}
#voucher_image{
margin-left:20px;
margin-top:25px;
}
#freescale #healthier_company_register{
float:left;
}
#freescale #voucher_image_arrow{
margin-left:-75px;
position:absolute;
}
#freescale #tos_label_field_container span{
margin-left:160px;
}
#freescale #privacy_login{
height:70px;
}
#freescale .yui-g{
margin-left:100px;
}
#freescale .message_box{
margin:0px;
}
/*Header*/
#mgeno_header{
background:transparent url(/skins/healthiercompany/images/header_background.gif) repeat-x scroll 0% 0%;
}
/*Home page*/
#home_column1,
#home_column2,
#home_column3{
float:left;
width:320px;
}
#home_column2{
margin-left:10px;
padding:0px 0pt 0px 20px;
width:290px;
border-left:1px dotted #c8c9cb;
height:275px
}
#home_column3{
margin-left:20px;
width:290px;
border:1px solid #c8c9cb;
}
#home_column3 .header_info{
font-weight:bold;
background:#929497;
color:#fff;
}
#homepagecontent{
color:#929497;
}
.header_desc{
margin-bottom:20px;
font-size:14px;
}
.header_info{
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}
#home_column2 ul li{
margin-bottom:5px;
padding-left:15px;
background: transparent url(/skins/healthiercompany/images/round_bullet.gif) no-repeat scroll 0% 50%;
}
.image_left{
float:left;
margin-right:10px;
}
.get_started{
padding-top:18px;
margin-top:30px;
}
#get_started_home_button{
background: transparent url(/skins/healthiercompany/images/home/get_started_button.png) no-repeat scroll 0% 0%;
border:medium none;
color:#58595B;
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
font-size:17px;
height:60px;
margin-top:5px;
padding-left:48px;
width:217px;
padding-top:6px;
}
#get_started_home_button:hover{
background-position:0px -61px;
}
.login{
padding:12px;
}
#banner{
background:transparent url(/skins/healthiercompany/images/home/banner.jpg) no-repeat scroll 0% 0%;
height:270px;
padding:51px 25px 0px 600px;
color:#fff;
}
#banner .header_info strong{
font-size:23px;
font-weight:bold;
line-height:33px;
line-height:26px;
}
#banner .header_desc{
font-size:19px;
line-height:20px;
margin-top:30px;
margin-bottom:6px;
}
#banner .header_info{
font-weight:normal !important;
}
#homepagecontent{
padding:30px 0px 20px;
}
.divider_line{
margin:5px 2px 0px;
color:#a3d063;
}
.login span{
font-size:11px;
color:#999;
float:right;
}
.login span{
float:left;
}
.login .navigation_tab a,
.login a:link, .login a:visited, .login a:active{
font-size:11px;
color:#999;
}
.login form#login_form input{
width:135px;
height:20px;
border:1px solid #c8c9cb;
margin-bottom:10px;
float:right;
}
.login .input_form label{
float:left;
font-weight:normal;
color:#999;
width:115px;
font-size:14px;
}
.login .input_form fieldset div{
padding:0;
margin:0px;
}
.input_form div.password input,
.input_form div.text input {
border:1px solid #dbedc3;
}
.login #login_form{
padding-top:5px;
}
.login .input_form p.submit button {
cursor:pointer;
padding:5px 15px;
}
.login .input_form p{
margin:10px 0 35px;
}
/* our technology page */
#technology{
text-align:center;
color:#929497;
}
#technology .headline{
font-weight:bold;
}
#sub_heading{
font-size:25px;
line-height:26px;
margin-top:-5px;
padding-right:10px;
}
#sub_heading_text{
line-height:20px;
margin-top:10px;
}
.spacer{
width:200px;
}
#technology .image_right{
float:right;
padding-left:10px;
padding-top:15px;
}
#technology .image_left{
float:left;
padding-right:10px;
padding-top:15px;
}
#technology #technology_header{
font-size:18px;
padding:40px 30px 10px 30px;
text-align:left;
background:transparent url(/skins/healthiercompany/images/technology/technology_bckground.gif) repeat-x scroll 0% 50%;
margin-bottom:15px;
}
#technology_header #computer_text,
#technology_header #computer{
float:left;
}
#technology_header #computer_text{
margin-left:50px;
margin-top:60px;
width:450px;
}
#technology #technology_header span{
font-weight:bolder;
}
.technology_left{
padding-right:50px;
}
.technology_left,
.technology_right{
float:left;
width:440px;
}
.technology_right{
text-align:left;
}
#technology h1{
font-size:17px;
font-weight:bold;
color:#a3d063;
padding-top:10px;
text-align:left;
}
#technology p{
font-size:15px;
padding-top:5px;
padding-bottom:20px;
text-align:left;
color:#767778;
}
#technology #middle_line{
margin:0px 30px 40px 30px;
border-bottom:1px dotted;
}
#technology #diet_pyramid{
background:transparent url(/skins/healthiercompany/images/technology/diet_pyramid.gif) no-repeat scroll 0% 25%;
height:220px;
padding:25px 25px 30px 490px;
}
/* Customer Page */
#customer_page{
margin:20px 0px;
}
.selected{
background:#A3D063 !important;
}
/* contact_page */
#contact_form label {
width: 150px;
}
#telephone_field_container {
width: 366px;
float: left;
}
#contact_form #telephone {
width: 200px;
float: left;
}
#contact_form #telephone_ext {
width: 89px;
}
#telephone_ext_field_container {
width: 170px;
}
#telephone_ext_field_container label {
width: 34px;
}
#emails_block {
border-top: 2px dotted gray;
margin-left: 5px;
}
.input_form fieldset.side_by_side div {
width: 400px;
float: left;
}
.input_form fieldset.side_by_side div.checkbox input {
margin-left: 20px;
}
div#decision_maker label,
div#plan label,
div#budget label {
float: none;
text-align: left;
}
.input_form fieldset legend,
span#label_confirm_representative,
div#plan>label,
div#decision_maker>label,
div#budget>label,
div#attachment_field_container label,
div#comment_field_container label,
label#benefit_renewal_date_label {
color: #a3d063;
font-weight: bold;
text-align: left;
width: 600px;
}
div#attachment_field_container label,
span#label_confirm_representative {
font-weight: normal;
color: #444444;
}
div#plan>label,
div#decision_maker>label,
div#budget>label {
width: 680px;
float: none;
}
div#attachment_field_container>label {
width: 500px;
}
div#comment_field_container textarea {
display: block;
clear: both;
}
div#plan span,
div#decision_maker span,
div#budget span {
display: block;
float: left;
width: 360px;
}
div#decision_maker span {
float: none;
}
div#plan span label,
div#decision_maker span label,
div#budget span label {
width: 250px;
font-weight: normal;
text-align: left;
}
input#confirm_representative {
margin-left: 0px;
}
div#decision_maker div span,
div#plan div span {
margin-left: 20px;
}
/* End contact_page */
/* About US page */
.about_us{
color:#747671;
margin-bottom:40px;
}
div.about_us {
width: 99%;
margin-left: auto;
margin-right: auto;
}
div.about_us div.not_people,
div.about_us div.people {
width: 48%;
float: left;
}
div.about_us div.people {
margin-left: 3%;
}
.about_us h1 {
font-size: 28px;
font-weight: bold;
margin-top:15px;
}
.about_us h2 {
border-bottom: 1px dotted #e4e5e5 !important;
font-size: 16px;
font-weight: bold;
color: #a3d063;
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 20px;
}
.about_us h2.core_value {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
color: gray;
}
div.individual {
margin-bottom: 33px;
}
div.individual .i_header {
padding-bottom: 20px;
border-bottom: 1px solid #c9eaf7;
height: 45px;
}
div.individual .i_name_title_c {
width: 290px;
float: left;
}
div.individual .i_name,
div.individual .i_title {
font-size: 16px;
}
div.individual .i_name {
color: #4fb9e6;
font-weight: bold;
}
div.individual .i_body {
display: none;
}
div.individual .i_shot {
text-align: left;
float: left;
margin-right: 10px;
margin-bottom: 5px;
}
div.about_us {
font-size: 14px;
}
button.biography_button {
font-size: 10px;
font-weight: bold;
margin: 5px 3px 5px 3px;
}
div.about_us p {
margin-top: 10px;
}
div.about_us h1 {
color: gray;
}
/* End About US page */
/*for employers*/
.dark_gray{
color:#747671;
}
.heading{
font-size:30px;
font-weight:bold;
}
.heading_desc{
font-size:16px;
font-weight:bold;
margin-bottom:20px;
}
#for_employers{
color:#929497;
font-size:13px;
margin:15px 0px;
}
.MT10{
margin-top:10px;
}
.BM30{
margin-bottom:30px;
}
#for_employers .right,
#for_employers .left{
float:left;
width:480px;
}
#for_employers .right{
width:420px;
}
#for_employers .left{
margin-right:50px;
}
#for_employers h2 {
color:#a3d063;
margin:30px 0px 10px;
font-size: 18px;
font-weight: bold;
}
#for_employers .divider{
height:1px;
border-top:1px dotted;
margin:15px 5px;
clear:both;
}
#for_employers #beyond_health_img{
width:235px;
}
#for_employers #beyond_health_txt{
width:645px;
}
#for_employers #making_effective_hra{
margin:25px 0px;
}
#for_employers p{
text-align:justify;
}
.no_border_margin_right{
margin-right:0px;
border:none !important;
background:none;
}
#for_employers button{
background: transparent url(/skins/healthiercompany/images/customer/for_employers/big_button.gif) no-repeat scroll 0% 0% !important;
width:254px;
height:62px;
border:none;
padding:0px 5px;
font-size:19px;
}
#for_employers .image_right{
float:right;
margin-left:20px;
}
#for_employers .image_left{
float:left;
margin-right:20px;
}
#for_employers #right_buttons{
margin-top:50px;
}
#for_employers #right_buttons p{
background: transparent url(/skins/healthiercompany/images/customer/button_text.gif) no-repeat scroll 0% 0% !important;
margin-bottom:10px;
height:45px;
padding-top:5px;
}
#for_employers #promoting{
margin-bottom:25px;
}
#for_employers #hra_features{
float:left;
width:340px;
}
#for_employers #key_of_benefits p{
text-align:center;
}
#for_employers #key_of_benefits{
float:left;
font-size:12px;
height:130px;
padding:10px 20px;
width:93px;
background:transparent url(/skins/healthiercompany/images/customer/key_of_benefits.png) no-repeat scroll 0 0;
}
#for_employers .odd{
background: transparent url(/skins/healthiercompany/images/customer/for_employers/gradient.png) repeat-y scroll 0% 0%;
}
#compare_table .right,
#compare_table .left{
margin-right:0;
width:470px;
}
#for_employers #results_of_study .s_text span{
font-weight:bold;
font-style:italic;
color:#747671;
}
#compare_table .left ul{
background:#f4f4f5;
padding:20px;
}
#compare_table .right ul{
background:#fbfbfb;
padding:20px;
}
#for_employers .receives_table .each_receives{
font-size:22px;
font-weight:bold;
margin-bottom:10px;
color:#747671;
}
#for_employers .receives_table ul li{
height:40px;
font-size:13px;
}
#for_employers .evidence .left span{
font-family:Arial;
font-size:28px;
font-weight:bolder;
color:#747671;
}
#for_employers .evidence .left{
width:340px;
text-align:justify;
}
#for_employers .evidence .right{
width:560px;
}
#for_employers .evidence ol{
list-style-type:lower-roman;
}
#for_employers .evidence #results_of_study .s_no{
color:#A3D063;
float:left;
font-size:50px;
font-weight:bold;
margin-right:16px;
margin-top:-14px;
padding-bottom:14px;
}
#for_employers .evidence #results_of_study .s_text{
text-align:justify;
}
.compare_table{
padding:2px;
margin-bottom:20px;
}
.compare_table ul li{
background: transparent url(/skins/healthiercompany/images/customer/green_bullet.png) no-repeat scroll 0 4px !important;
font-size:13px !important;
height:60px;
margin-bottom:10px !important;
}
.compare_table ul li.no_border{
border-bottom:none;
}
.conculsion_for_employees{
background:#b5d982;
font-size:14px;
color:#fff;
padding:10px 15px;
font-size:21px;
}
.conculsion_for_employers{
background:#e3f1d0;
font-size:14px;
color:#a3d063;
padding:10px 15px;
font-size:21px;
}
.conculsion_for_employees p,
.conculsion_for_employers p{
margin:0px;
display:inline;
}
.conculsion_for_employees p.heading,
.conculsion_for_employers p.heading{
font-weight:bold;
font-size:22px;
}
#for_employers .name{
margin-left:117px;
margin-top:-71px;
position:relative;
text-align:center;
font-size:18px;
}
.other_hra_name{
font-weight:bolder;
margin-bottom:0pt;
margin-left:70px;
}
#our_hra_name{
margin-top:-44px !important;
}
#other_hra .e{
border-top:none;
background:#daecc1;
}
.circle_bullet ul li,
.health_drive ul li,
#for_employers ul li{
font-size:15px;
margin-bottom:5px;
background: transparent url(/skins/healthiercompany/images/customer/for_employers/mark.gif) no-repeat scroll 0 4px;
padding-left:25px;
}
.circle_bullet ul li{
background: transparent url(/skins/healthiercompany/images/customer/for_employers/mark.gif) no-repeat scroll 0 4px !important;
}
#for_employers ol li{
list-style-type:decimal;
list-style-position:inside;
margin-bottom:10px;
font-size:15px;
font-weight:bold;
}
#for_employers .box_heading{
font-size:15px;
font-weight:bold;
margin-bottom:5px;
}
#for_employers ol li span.desc{
font-weight:normal;
font-size:13px;
}
#for_employers #facts_box{
margin-top:20px;
margin-bottom:10px;
}
#for_employers #fact_title{
background:#929497 none repeat scroll 0% 0%;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
padding:6px 20px;
}
#for_employers #doc_n_patient,
#for_employers #dimension{
margin-top:20px;
}
#for_employers #facts_content{
background:#f1f1f2;
height:135px;
padding:20px;
}
#facts_content .right,
#facts_content .left{
width:40px;
margin:0px;
padding-top:10%;
cursor:pointer;
}
#facts_content .middle{
float:left;
margin-right:10px;
padding:0px 10px;
width:298px;
}
#facts_text span{
display:block;
font-size:19px;
font-weight:bold;
margin-bottom:5px;
}
#for_employers #right_buttons{
width:270px;
margin-left:100px;
}
#for_employers #right_buttons p{
text-align:center;
}
#for_employers #individual_company_table{
margin:30px 0px;
}
#for_employers #individual_company_table tr td{
font-size:14px;
border :1px solid #a7bb85;
}
#for_employers #individual_company_table tr td.header{
font-size:20px;
font-weight:bolder;
text-align:center;
}
.no_top_left_border{
border-left:none !important;
border-top:none !important;
background:none !important;
}
#for_employers #evidence_button{
background: transparent url(/skins/healthiercompany/images/customer/for_employers/evidence_buttons.png) no-repeat scroll 0px 0px;
font-size:15px;
height:12px;
margin:20px 0px;
padding:21px 0px 20px 58px;
width:160px;
}
#for_employers #evidence_button:hover{
background-position: 0px -54px;
}
.health_drive_button{
margin-left:60px;
}
.customer_page_buttons{
background: transparent url(/skins/healthiercompany/images/customer/buttons.png) no-repeat scroll 0px 0px;
line-height:18px;
padding:30px 0px 0px 30px;
color:#6d6e70;
cursor:pointer;
font-size:20px;
font-weight:bold;
height:65px;
width:305px;
}
.customer_page_buttons span{
font-size:13px;
font-style:italic;
font-weight:normal;
}
#health_drive_desc #started_button{
background-position:0pt -393px;
}
#health_drive_desc #started_button:hover{
background-position:0pt -492px;
}
#technology_button{
background-position:0pt -200px;
}
#started_button{
background-position:0pt -400px;
}
#employers_button{
background-position:0pt -600px;
}
#product_button:hover{
background-position:0pt -99px;
}
#technology_button:hover{
background-position:0pt -299px;
}
#started_button:hover{
background-position:0pt -499px;
}
#employers_button:hover{
background-position:0pt -699px;
}
#for_employers #individual_company_table .table_column0{
padding:0px 0px 0px 15px;
width:40px;
}
#for_employers #individual_company_table .table_column2,
#for_employers #individual_company_table .table_column1{
padding:20px;
width:178px;
}
#for_employers #individual_company_table .table_column1{
background:#daecc1;
}
#for_employers #individual_company_table .table_column2{
background:#e3f1d0;
}
.right_choice_table{
padding:15px;
border:1px solid #d1e8b1;
}
.right_choice_table #left_pane ul.quick_tour_left_pane li{
background:none;
padding-left:0px;
}
.right_choice_table #left_pane{
height:auto;
}
.right_choice_table #right_pane{
width:668px;
height:455px;
}
.right_choice_table .row_heading{
color:#a3d063;
font-size:25px;
padding:5px 20px;
margin-top:2px;
}
.right_choice_table .choice_contents{
background:#EBF4DE none repeat scroll 0% 0%
}
.right_choice_table .row_desc{
padding:10px 20px;
overflow:hidden;
}
.right_choice_table .row_desc .quest{
font-weight:bold;
margin-bottom:5px;
font-style:italic;
color:#666;
}
.right_choice_table .row_desc ul{
margin-bottom:10px;
}
.right_choice_table .row_desc ul li{
font-size:12px !important;
background: transparent url(/skins/healthiercompany/images/round_bullet.gif) no-repeat scroll 5pt 5pt !important;
display:block;
width:270px;
vertical-align:top;
float:left;
}
.right_choice_table #left_pane ul li:hover{
background:#f9fcf4;
}
/* .login_image .message_box,
.register_image .message_box{
width:100%;
margin-left:10px;
border-width:1px;
}
.login_image .error,
.register_image .error{
padding:0px 20px;
} */
.register_image{
margin-bottom:30px;
}
.content_box h1,
.register_image .page_title,
.login_image .page_title{
font-size:30px;
font-weight:bold;
color: #747671;
}
/* .register_image .input_box_small,
.login_image .input_box_small{
margin:0 0 0 10px;
}
.register_image .content_box p{
margin:0px 0px 10px;
} */
.register_image h1,
.login_image h1{
margin-bottom:0px;
}
.hc .share_toolbar{
background:none;
border:none;
float:none;
padding:0;
}
#utilities {
line-height: 20px;
}
#utilities li {
padding: 0;
}
body {
margin:0;
padding:0;
}
input[type="text"], textarea, select {
border:1px solid #ccc;
margin-bottom:3px;
padding:5px;
}
select {
padding-left:2px;
padding-right:3px;
}
img#logo {
/*position:absolute;*/
float:left;
z-index:2;
}
.footer_div {
/*border-top:1px solid #999;*/
text-align:center;
margin-top:5px;
padding-top:8px;
clear:both;
overflow:hidden;
}
.child_window_button_div {
border-top:1px solid #999;
text-align:center;
margin-top:5px;
padding-top:8px;
clear:both;
}
.child_window_icon {
float:left;
margin-right:10px;
}
.coachmark_top_left {
position: absolute;
top:0;
left:0;
width:60px;
height:20px;
background:url(/images/circle_hilight_stretch.gif) no-repeat 0px 0px;
}
.coachmark_bottom_left {
position: absolute;
top:100px;
left:0;
width:60px;
height:20px;
background:url(/images/circle_hilight_stretch.gif) no-repeat 0px -100px;
}
.coachmark_left {
position: absolute;
top:20px;
left:0;
width:20px;
height:80px;
background:url(/images/circle_hilight_stretch.gif) no-repeat 0px -20px;
}
.coachmark_inner_top_left {
position: absolute;
top:20px;
left:20px;
width:20px;
height:17px;
background:url(/images/circle_hilight_stretch.gif) no-repeat -20px -20px;
}
.coachmark_inner_bottom_left {
position: absolute;
top:78px;
left:20px;
width:20px;
height:22px;
background:url(/images/circle_hilight_stretch.gif) no-repeat -20px -78px;
}
.coachmark_top {
position: absolute;
top:0;
left:60px;
width:100px;
height:20px;
background:url(/images/circle_hilight_stretch.gif) no-repeat -60px 0px;
}
.coachmark_bottom {
position: absolute;
top:100px;
left:60px;
width:100px;
height:20px;
background:url(/images/circle_hilight_stretch.gif) no-repeat -60px -100px;
}
.coachmark_top_right {
position: absolute;
top:0;
left:60px;
width:80px;
height:20px;
background:url(/images/circle_hilight_stretch.gif) no-repeat -260px 0px;
}
.coachmark_bottom_right {
position: absolute;
top:100px;
left:60px;
width:80px;
height:20px;
background:url(/images/circle_hilight_stretch.gif) no-repeat -260px -100px;
}
.coachmark_right {
position: absolute;
top:20px;
left:102px;
width:38px;
height:80px;
background:url(/images/circle_hilight_stretch.gif) no-repeat -302px -20px;
}
.coachmark_inner_bottom_right {
position: absolute;
top:90px;
left:86px;
width:16px;
height:10px;
background:url(/images/circle_hilight_stretch.gif) no-repeat -286px -90px;
}
/*
* Bubble tip
*/
.bubbletip_tl_spacer,
.bubbletip_tl,
.bubbletip_ti,
.bubbletip_tr_spacer,
.bubbletip_tr,
.bubbletip_bl_spacer,
.bubbletip_bl,
.bubbletip_bi,
.bubbletip_br_spacer,
.bubbletip_br {
background:url(/images/bubble.png) no-repeat;
}
.bubbletip_tl_spacer {
width:200px;
height:10px;
background-position:-400px 0%;
}
.bubbletip_tl,
.bubbletip_ti {
width:200px;
padding-bottom:30px;
background-position:-400px 100%;
}
.bubbletip_tr_spacer {
width:200px;
height:10px;
background-position:-600px 0%;
}
.bubbletip_tr {
width:200px;
padding-bottom:30px;
background-position:-600px 100%;
}
.bubbletip_bl_spacer {
width:200px;
height:10px;
background-position:0px 100%;
}
.bubbletip_bl,
.bubbletip_bi {
width:200px;
padding-top:30px;
background-position:0px 0%;
}
.bubbletip_br_spacer {
width:200px;
height:10px;
background-position:-200px 100%;
}
.bubbletip_br {
width:200px;
padding-top:30px;
background-position:-200px 0%;
}
.bubbletip_tl div,.bubbletip_tr div,.bubbletip_bl div,.bubbletip_br div {
padding:10px;
padding-top:5px;
padding-bottom:5px;
}
/*
* tour tip
*/
.tourhint_ti,
.tourhint_tl,
.tourhint_tl_spacer,
.tourhint_tr,
.tourhint_tr_spacer,
.tourhint_bi,
.tourhint_br,
.tourhint_br_spacer,
.tourhint_bl,
.tourhint_bl_spacer {
filter:alpha(opacity=85);
opacity:0.85;
}
.tourhint_ti,
.tourhint_tl,
.tourhint_tl_spacer,
.tourhint_tr,
.tourhint_tr_spacer {
position:relative;
top: 30px;
right:100px;
}
.tourhint_tl,
.tourhint_ti,
.tourhint_tl_spacer{
right:-9px;
}
.tourhint_bi,
.tourhint_br,
.tourhint_br_spacer,
.tourhint_bl,
.tourhint_bl_spacer {
position:relative;
top: -30px;
}
.tourhint_tl_spacer {
width:261px;
height:10px;
background:url(/images/tour_hint_top_left.gif) no-repeat top;
}
.tourhint_tl {
width:261px;
padding-bottom:5px;
background:url(/images/tour_hint_top_left.gif) no-repeat bottom;
}
.tourhint_ti {
width:261px;
padding-bottom:5px;
background:url(/images/tour_hint_top_inside_left.gif) no-repeat bottom;
}
.tourhint_tr_spacer {
width:261px;
height:10px;
background:url(/images/tour_hint_top_right.gif) no-repeat top;
}
.tourhint_tr {
width:261px;
padding-bottom:5px;
background:url(/images/tour_hint_top_right.gif) no-repeat bottom;
}
.tourhint_bl_spacer {
width:261px;
height:10px;
background:url(/images/tour_hint_bottom_left.gif) no-repeat bottom;
}
.tourhint_bl {
width:261px;
padding-top:5px;
background:url(/images/tour_hint_bottom_left.gif) no-repeat top;
}
.tourhint_bi {
width:261px;
padding-top:5px;
background:url(/images/tour_hint_bottom_inside_left.gif) no-repeat top;
}
.tourhint_br_spacer {
width:261px;
height:10px;
background:url(/images/tour_hint_bottom_right.gif) no-repeat bottom;
}
.tourhint_br {
width:261px;
padding-top:5px;
background:url(/images/tour_hint_bottom_right.gif) no-repeat top;
}
.tourhint_tl div,
.tourhint_ti div,
.tourhint_tr div,
.tourhint_bl div,
.tourhint_bi div,
.tourhint_br div {
padding:20px;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
color:white;
font-size:16px;
}
/* For Hints:
*/
.hint_ti,
.hint_tl,
.hint_tl_spacer,
.hint_tr,
.hint_tr_spacer {
position:relative;
top: 25px;
width:300px;
}
.hint_ti,
.hint_tl,
.hint_tr {
padding-bottom: 8px;
}
.hint_br,
.hint_br_spacer,
.hint_bl,
.hint_bi,
.hint_bl_spacer {
position:relative;
top: -25px;
width:300px;
}
.hint_bi,
.hint_bl,
.hint_br {
padding-top: 8px;
}
.hint_tl_spacer {
height:10px;
background:url(/images/hint_top_left.gif) no-repeat top;
}
.hint_ti,
.hint_tl {
background:url(/images/hint_top_left.gif) no-repeat bottom;
}
.hint_tr_spacer {
height:10px;
background:url(/images/hint_top_right.gif) no-repeat top;
}
.hint_tr {
background:url(/images/hint_top_right.gif) no-repeat bottom;
}
.hint_bl_spacer {
height:10px;
background:url(/images/hint_bottom_left.gif) no-repeat bottom;
}
.hint_bi,
.hint_bl {
background:url(/images/hint_bottom_left.gif) no-repeat top;
}
.hint_br_spacer {
height:10px;
background:url(/images/hint_bottom_right.gif) no-repeat bottom;
}
.hint_br {
background:url(/images/hint_bottom_right.gif) no-repeat top;
}
.hint_tr div,
.hint_br div {
padding:5px;
padding-left:38px;
padding-right:12px;
text-align:left;
}
.hint_ti div,
.hint_bi div,
.hint_tl div,
.hint_bl div {
padding:5px;
padding-left:12px;
padding-right:38px;
text-align:left;
}
.hint_ti div p,
.hint_bi div p,
.hint_tr div p,
.hint_br div p,
.hint_tl div p,
.hint_bl div p {
text-align: left;
}
.hint_ti div p.action,
.hint_bi div p.action,
.hint_tr div p.action,
.hint_br div p.action,
.hint_tl div p.action,
.hint_bl div p.action {
font-weight: bold;
}
/*
* end of tourhint
*/
#busyWait,
#busyWait .bd {
background: transparent;
border: none;
color:#fff;
font-weight: bold;
/* padding: 20px;*/
}/* Tabs:
* Based on A-List-Apart's horizontal tabs.
* Uses the sliding doors trick with a single image.
* Tested in Firefox, IE and Safari - works in both quirks mode and strict.
*
* Tabs are defined as:
*
*
*
* The currently selected tab is defined as:
*
*
*/
.tab,.tab li,.tab li a,.tab li.on,.tab li.on a {
padding:0;
margin:0;
height:28px;
/* This is tab height.
* This is one of the parameters that
* defines the tab size.
*/
}
.main_menu,.main_menu li,.main_menu li a,.main_menu li.on,.main_menu li.on a {
height:40px;
/* This is tab height.
* This is one of the parameters that
* defines the tab size.
*/
}
.tab,.submenu {
/*
* Font declarations should be in here.
*/
list-style:none;
position:relative;
font-family:arial, verdana, sans-serif;
font-weight:700;
font-size:14px;
}
.tab li,.tab li a,.tab li a span,.tab li.on,.tab li.on a,.tab li.on a span,.submenu li {
float:left;
display:block;
}
.tab li,.tab li.on {
margin-right:1px;
/* This defines space between tabs.
*/
}
.main_menu li,.main_menu li.on {
margin-right:3px;
/* This defines space between tabs.
*/
}
.tab li a,.tab li.on a,.tab li a:visited {
color:#fff;
text-decoration:none;
text-align:center;
padding-left:5px;
/* Distance from left border to text.
* This is another parameter that defines
* the tab size.
*/
cursor:pointer;
background:url(/images/tab.png) no-repeat left top;
}
.main_menu li a,.main_menu li.on a,.main_menu li a:visited {
padding-left:12px;
/* Distance from left border to text.
* This is another parameter that defines
* the tab size.
*/
}
.tab li a span,.tab li.on a span {
padding-right:5px;
/* Distance from right border to text.
* This is another parameter that defines
* the tab size.
*/
padding-top:6px;
height:22px;
/* Must be = tab height - padding-top
*/
background:url(/images/tab.png) no-repeat right top;
}
.main_menu li a span,.main_menu li.on a span {
padding-right:12px;
/* Distance from right border to text.
* This is another parameter that defines
* the tab size.
*/
padding-top:10px;
height:30px;
/* Must be = tab height - padding-top
*/
}
.tab li a:hover {
background:url(/images/tab_hilight.png) no-repeat;
}
.tab li a:hover span {
background:url(/images/tab_hilight.png) no-repeat right top;
color:#fff;
}
/* Overrides for currently selected tab:
* These must include the :hover selector to get rid of the roll-overs
* that would be otherwise inherited from .tab li a
*/
.tab li.on a,.tab li.on a:hover {
position:relative;
bottom:-1px;
/* Shift the selected tab down by 1 pixel so as to appear
* to seamlessly merge with the pane below. We use positioning
* rather than padding to do this to avoid having to deal with
* IE's broken box model.
*/
color:#000;
background:url(/images/tab_on.png) no-repeat left top;
}
.tab li.on a span,.tab li.on a:hover span {
color:#000;
background:url(/images/tab_on.png) no-repeat right top;
}
/* Overrides for main menu selected tab:
*/
.tab li.main_menu a,.tab li.main_menu a:hover {
background:url(/images/tab_main.png) no-repeat left top;
}
.tab li.main_menu a span,.tab li.main_menu a:hover span {
color:#FF9;
background:url(/images/tab_main.png) no-repeat right top;
}
/* Submenu */
.submenu {
background:none;
margin:0;
padding:0;
height:30px;
overflow:hidden;
}
.submenu li,.submenu li a,.submenu li.on a {
padding-top:10px;
padding-left:1px;
height:30px;
font-size:12px;
}
.submenu li a,.submenu li.on a {
padding:15px;
color:#fff;
text-decoration:none;
}
.submenu li a:hover {
color:blue;
text-decoration:underline;
}
.submenu li.on a,.submenu li.on a:hover {
color:blue;
background:#FF9;
text-decoration:none;
}
/* END OF Tab related styles */
/* LinkButton ********************************************************************/
a.linkbutton,a.linkbutton:visited {
margin:2px;
border:1px solid #666;
background:url(/images/button_back.gif) repeat-x #333;
padding:5px;
font-family:sans-serif;
font-size:12px;
font-weight:700;
text-decoration:none;
text-align:center;
color:#fff;
cursor:pointer;
}
a.fixedwidth {
display:block;
float:left;
width:78px;
}
a.doublewidth {
display:block;
float:left;
width:172px;
}/* =purchase_progress */
div.purchase_progress {
border:none;
margin-top:35px;
margin-bottom:35px;
height: 20px;
}
.purchase_progress span {
margin: 0;
font-weight: bold;
padding: 4px;
padding-left: 40px;
padding-right:60px;
color:white;
float: left;
}
.purchase_progress span.next {
background:#e3e3e3 url(/skins/healthiercompany/images/store/store_next_step.gif) no-repeat scroll right center;
}
.purchase_progress span.current {
background:#1F365A url(/skins/healthiercompany/images/store/store_steps_on.gif) no-repeat scroll right center;
}
.purchase_progress span.previous {
background:#e3e3e3 url(/skins/healthiercompany/images/store/forward_step.gif) no-repeat scroll right center;
color:#1166BB;
}
.purchase_progress span.last {
background-image:none;
padding-right:30px;
}
.purchase_progress span.current last {
background-image:none;
padding-right:15px;
}
div.purchase_progress label {
padding-right: 1em;
}
/* =purchase_progress */
.purchase_image {
float:left;
margin-left:20px;
margin-right:30px;
margin-bottom:20px;
padding:0;
}
.purchase_package {
margin-top: 50px;
margin-bottom: 70px;
}
.purchase_package h2 {
font-weight:bold;
margin-bottom:15px;
}
.purchase_text {
padding-bottom:15px;
}
.purchase_package li {
margin-bottom:10px;
}
.purchase_order {
float:right;
text-align:center;
}
.purchase_order p {
text-align:center;
font-size:13px;
font-weight:bold;
}
.store_order_confirmation
{
clear:none;
float:left;
margin-right:27px;
padding-top:20px;
}
.shipping_image
{
position:relative;
top:-450px;
left: 450px;
}
.billing_image{
left:537px;
position:relative;
top:-240px;
}
#backtostore_button{
margin-bottom:20px;
}
#bill_country,
#ship_country
{
width : 210px;
}
#client_details_form label,
#billingdata label
{
width:11em;
}
#billingdata div
{
display:block;
}
#billingdata .text input,
#client_details_form .text input
{
width : 200px;
}
#client_details_form button,
#billingdata button
{
padding: 5px 10px;
}
#copy_field_container
{
margin-left:1em;
}
/* Remove row striping, column borders, and sort highlighting */
.yui-skin-sam div#someWindow div.bd div.yui-navset ul.yui-nav,
.yui-skin-sam div#someWindow div.bd div.yui-navset ul.yui-nav li,
.yui-skin-sam div#someWindow div.bd div.yui-navset ul.yui-nav li a {
margin: 0;
padding: 0;
top:0;
}
.yui-skin-sam div#someWindow div.bd div.yui-navset ul.yui-nav {
position: relative;
top: 1px;
border-bottom: none;
}
.yui-skin-sam div#someWindow div.bd div.yui-navset form div.yui-content {
border-top: 1px solid #999;
background: #f8f8f8;
padding: 10px;
padding-top: 15px;
padding-right: 2px;
}
.yui-skin-sam div#someWindow div.bd div.yui-navset ul.yui-nav li a em {
padding: 1px;
padding-left: 10px;
padding-right: 10px;
}
.yui-skin-sam div#someWindow div.bd div.yui-navset ul.yui-nav li a {
border-top: 1px solid #999;
}
.yui-skin-sam div#someWindow div.bd div.yui-navset ul.yui-nav li {
margin-right: 2px;
border-bottom: 1px solid #999;
}
.yui-skin-sam div#someWindow div.bd div.yui-navset ul.yui-nav li.selected,
.yui-skin-sam div#someWindow div.bd div.yui-navset ul.yui-nav li.selected a,
.yui-skin-sam div#someWindow div.bd div.yui-navset ul.yui-nav li.selected a em {
background: #f8f8f8 url(/images/sprite.gif) repeat-x 0px -2100px;
color:#000;
border-color: #999;
border-bottom: none;
}
.yui-skin-sam div#someWindow div.bd div.yui-navset ul.yui-nav li.selected a em {
padding-bottom: 2px;
}
.yui-skin-sam tr.yui-dt-odd,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc,
.yui-skin-sam tr.yui-dt-even td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-even td.yui-dt-desc {
background-color: #fff;
}
.yui-skin-sam .yui-dt tbody td {
border-bottom: 1px solid #ccc;
}
.yui-skin-sam .yui-dt thead th {
border-bottom: 1px solid #7f7f7f;
}
.yui-skin-sam .yui-dt tr.yui-dt-last td,
.yui-skin-sam .yui-dt th,
.yui-skin-sam .yui-dt td {
border:2px solid #fff;
background-color:#f6f6f6;
}
.yui-skin-sam .yui-dt-bd table {
border:1px solid #ccc;
}
/*To overwrite YUI style for Inbox*/
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
background:#005295; /* selected tab background */
color:#fff;
}
.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
background:#2647a0 url(/images/sprite.png) repeat-x left -100px; /* selected tab background */
outline:0;
}
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
border:solid #005295; /* color between tab list and content */
border-width:0 0 5px;
position:relative;
zoom:1; /* to force IE to have layout */
}
/* =yui-x
* all yui-x stuff that we override them
*/
/*.yui-u {
margin:-5px;
padding: 20px 0;
}
.yui-main {
margin:0;
}
.yui-ge .yui-gf .yui-u {
width:73.5%;
}
.yui-ge .yui-gf div.first {
width:24%;
overflow:hidden;
}
.yui-ge .yui-gd .yui-u {
width:59%;
}
.yui-ge .yui-gd div.first {
width:38%;
overflow:hidden;
}*/
/* =yui-x */
.yui-skin-sam .yui-button,.yui-skin-sam .yui-button a {
/* button
font-size:93%; This is from button css. This is really
* annoying since it makes button text have
* different sizes inside panels! We don't
* want this!
*/
font-size:8pt;
}
/* override yui sams skin */
.yui-skin-sam .yui-dt-header {
padding:5px;
font-size:13px;
font-weight:bolder;
}
.yui-skin-sam .yui-dt-table th {
background:#e3e3e3;
}
/*.yui-skin-sam tr.yui-dt-even td,.yui-skin-sam tr.yui-dt-odd td {
background:#f8f8f8;
color:#0f0f0f;
padding:8px;
border-bottom:none;
border:1px solid #ccc;
font-size:12px;
cursor:pointer;
cursor:hand;
}
*/
.yui-skin-sam span.yui-dt-selected {
font-weight:bolder;
color:#16B;
}
/*.yui-skin-sam .yui-dt-table tr.yui-dt-selected td.yui-dt-first {
background:#fff url(/images/nav_pointer.gif) no-repeat scroll right center;
border-right:2px solid #fff;
position:relative;
color:#000;
cursor:pointer;
cursor:hand;
}
.yui-skin-sam tr.yui-dt-selected td,.yui-skin-sam tr.yui-dt-selected {
background:#fff;
color:#16B;
font-weight:700;
}
*/
.yui-skin-sam .yui-panel {
background-color:#f8f8f8;
}
.yui-skin-sam .yui-panel .hd,
.yui-skin-sam .yui-panel .bd,
.yui-skin-sam .yui-panel .ft{
border-width:1px 1px;
}
/* override yui sams skin */
/* START - AutoComplete page related css. */
.yui-ac-content {
z-index: 200;
}
.yui-skin-sam .disease-ac,
.yui-skin-sam .medication-ac
.yui-skin-sam .allergy-ac
{
position:relative;
font-family:arial;
font-size:100%;
z-index:20;
}
.yui-skin-sam #DiseaseInput ,
.yui-skin-sam #AllergyInput,
.yui-skin-sam #MedicationInput,
.yui-skin-sam #ProceduresInput
{
position:absolute;
width:65%;
}
.yui-skin-sam #DiseaseAcContainer
{
position:absolute;
top:3em;
width: 100% !important;
}
.yui-skin-sam #conditions_autocomplete_container,
.yui-skin-sam #medications_autocomplete_container,
.yui-skin-sam #procedures_autocomplete_container,
.yui-skin-sam #immunizations_autocomplete_container,
.yui-skin-sam #allergies_autocomplete_container
{
position:absolute;
top:3em;
width:65%;
}
#DiseaseAcContainer div.yui-ac-bd,
#conditions_autocomplete_container div.yui-ac-bd,
#conditions_autocomplete_container div.yui-ac-bd,
#medications_autocomplete_container div.yui-ac-bd ,
#procedures_autocomplete_container div.yui-ac-bd ,
#immunizations_autocomplete_container div.yui-ac-bd ,
#allergies_autocomplete_container div.yui-ac-bd
{
width:100%;
overflow:auto;
max-height:9em;
height:9em; /* max-height for ie6! */
}
#conditions_autocomplete_container ul,
#medications_autocomplete_container ul,
#procedures_autocomplete_container ul,
#immunizations_autocomplete_container ul,
#allergies_autocomplete_container ul
{
width:97%;
}
/*.yui-skin-sam tr.yui-dt-highlighted td,*/
div#disease-list table tbody tr.yui-dt-selected td,
div#medication-list table tbody tr.yui-dt-selected td,
div#allergy-list table tbody tr.yui-dt-selected td
{
background:#edf5ff;
border-right:1px solid #ccc;
position:static;
}
.yui-skin-sam .yui-ac-input {
position:relative;
width:99%;
}
.yui-skin-sam .yui-ac-container
{
position:absolute;
top:1.6em;
width:25.4%;
}
div.yui-ac-bd ul li{
/* Does not look nice - Adly
border-bottom:1px solid #ccc;
*/
background-image:none;
}
.yui-skin-sam .yui-ac-content li.yui-ac-highlight {
background:#a3d063;
color:white;
}
.yui-skin-sam .yui-dt th
{
padding-right:16px; /*I Don't know why we need it,if you know let me know --Mohsen */
background:#e3e3e3 /*url(/images/yui_datatable_header_bg.gif) repeat-x 0 0; /* header gradient */
}
.yui-skin-sam .yui-dt th,
.yui-skin-sam .yui-dt th a {
font-weight:bold;
text-decoration:none;color:#58595b; /* header text */
vertical-align:bottom;
}
.yui-skin-sam .yui-dt tr td div{
font-size:12px;
padding:5px;
}
/* make modal mask slightly darker: */
.yui-skin-sam .mask {
filter:alpha(opacity=50); /* for IE */
opacity:.50;
}
/* look nicer for the datatable where padding is set to 0px */
.yui-skin-sam tr.yui-dt-even td, .yui-skin-sam tr.yui-dt-odd td {
padding:0;
}
/* this is for paginator numbers box */
.yui-skin-sam .yui-pg-current-page, .yui-skin-sam .yui-dt-selected {
border:1px solid #1166BB;
}
/* fix overriden autocomplete stuff */
/* commented: makes lot's of bugs
.yui-skin-sam .yui-ac,
.yui-skin-sam .yui-ac-bd,
.yui-skin-sam .yui-ac-content,
.yui-skin-sam .yui-ac-container {
overflow: visible !important;
margin: 0 !important;
padding: 0 !important;
width: inherit !important;
}
.yui-skin-sam .yui-ac-container ul li {
background-image: none !important;
}*/
/* BUTTONS */
button,
a.button,
button.button,
input.button{
margin:0 7px 0 0;
background-color:#1166BB;
border:1px solid #1166BB;
border-top:1px solid #1166BB;
border-left:1px solid #1166BB;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:100%;
line-height:130%;
text-decoration:none;
text-align:center;
font-weight:bold;
color:#fff;
cursor:pointer;
display:inline-block;
padding:5px 10px 6px 7px; /* Links */
}
a.button,
button,
button.button{
width:auto;
overflow:visible;
padding:4px 10px 4px 10px; /* IE6 */
}
button[type],
button[type].button{
padding:5px 10px 5px 10px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child+html button[type]{
padding:4px 10px 3px 7px; /* IE7 */
}
button img,
a.button img{
margin:0 3px -3px 0;
padding:0;
border:none;
width:16px;
height:16px;
}
/* STANDARD */
button:hover,
button.button:hover,
a.button:hover,
input.button:hover{
background-color:#148ef3;
border:1px solid #c2e1ef;
color:#fff;
}
a.button:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
.paypal_button
{
margin-right:7px;
cursor:pointer;
}
button.big_button{
height:60px;
margin:auto;
padding-left:35px;
padding-right:35px;
text-align:center;
background-color:#FFEDED;
}
button.disabled,
button.disabled:hover {
cursor: auto;
background: gray;
border: 1px solid gray;
}
#whole_report button:hover,
button:hover,
a.button:hover,
button.button:hover,
input.button:hover {
background-color:#6c863b;
border:1px solid #6c863b;
border-top:1px solid #6c863b;
border-left:1px solid #6c863b}
button,
#whole_report button,
a.button,
button.button,
input.button {
background-color:#A3D063;
color:#fff;
margin-bottom:5px;
border:1px solid #A3D063;
border-top:1px solid #A3D063;
border-left:1px solid #A3D063}