/* Glucose Buddy 2009, 2010 */

/*
##################################################################
BASE & RESET
##################################################################
*/

* { margin: 0; padding: 0; }
body { background-color: #E5ECF3; font: normal 0.75em/145% 'Arial', 'Tahoma', sans-serif; padding: 0 20px; color: #33393C; text-align: left; }
body#subpage { background-color: #E5ECF3; font: normal 0.75em/145% 'Arial', 'Tahoma', sans-serif; padding: 0 20px; color: #33393C; text-align: left; }
#wrapper { max-width: 990px; min-width: 980px; margin: auto; }
p { margin: 0 0 10px 0; line-height: 140%; font-size: 14px; color: #33393C; }
a, a:visited, a:active { outline: none; text-decoration: none; color: #1B5790; }
a:hover { text-decoration: underline; color: #1B5790; }
.hide { display: none; }
img { border: 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Arial', 'Tahoma', sans-serif;
  font-weight: normal;
  color: #33393C;
}

form fieldset,
form div.submit {
  border: none;
  margin: 1em 2em;
}

form div.submit {
  clear: both;
}

form div.submit.flush {
  text-align: right;
  margin-right: 0;
}

form fieldset.columns {
  padding-top: 1em;
  float: left;
}

form fieldset.columns.personal {
  width: 35%;
}

form fieldset.columns.target {
  width: 20%;
}

form fieldset.columns.contact {
  width: 25%;
}

form fieldset legend {
  font-size: 16px;
  padding: 0;
  color: #333;
}

form label,
form span.label {
  font-weight: bold;
  display: block;
  font-size: 11px;
}

form p.checkboxes label {
  display: inline;
  margin-right: 10px;
}

form input.text {
  border: 1px solid #999;
  padding: 2px 3px;
}

form span.text {
  color: black;
  font-family: 'Lucida Grande';
  font-size: 11px;
  padding: 3px 4px;
}

/*** begin signup/settings page styles ***/
h2.signup {
  border-top: solid thin #CCC;
  border-bottom: solid thin #CCC;
  padding: 0.5em 0 0.5em 0;
}
form fieldset.signup {
  float: left;
  margin: 0 0 0 10%;
  padding: 1px;
}
form fieldset.signup.outer { width: 90%; }
form fieldset.signup.left, form fieldset.signup.right { width: 40%; }
form fieldset.signup.left  { margin: 0; }
form fieldset.signup.right { margin: 0 0 0 2%; }
td.signup.percent25 { width: 25%; }
td.signup.percent50 { width: 50%; }
td.signup.percent75 { width: 75%; }
/*** end signup/settings page styles ***/

.medicine_graph
{
  position: relative;
}

.medicine_graph form
{
  position: absolute;
  right: 60px;
  top: 0;
}

.blue {  color: blue !important; text-decoration: underline; }
.green { color: green !important; text-decoration: underline; }
.orange { color: orange !important; text-decoration: underline; }
.purple { color: purple !important; text-decoration: underline; }
.red {  color: red !important; text-decoration: underline; }


/*
##################################################################
  PAGE CLEARFIX
##################################################################
*/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/*
##################################################################
  BRANDING / HEADER
##################################################################
*/

#branding { background-color: #E5ECF3; position: relative; }
#branding a { color: #FFF; text-decoration: none; }
#branding a:hover { color: #1B5790; text-decoration: underline; }
#logo { margin: 0; padding: 5px 0 1px 10px; }

#login-box {
  color: #1B5790;
  font: normal 100% 'Arial','Tahoma', sans-serif;
  font-size: 13px;
  height: 30px; /* 60px */
  line-height: 30px; /* 60px */
  position: absolute;
  right: 10px;
  top: 0;
  width: auto;
}

#login-box span {
  border-left: 1px solid #1B5790;
  padding-right: 3px;
}

#login-box span.new {
  border: none;
  color: red;
}

#login-box a {
  margin: 0 5px;
  color: #1B5790;
}


/*
##################################################################
  PAGE NAVIGATION
##################################################################
*/

#page-navigation { background-color: #B2D281; padding: 1px 0 0 10px; }
#page-navigation ul { margin: 0; padding: 0; list-style: none; }
#page-navigation ul li { float: left; margin: 0 75px 0 0; }
#page-navigation ul li a { position: relative; font: bold 1em 'Arial', 'Tahoma', sans-serif; color: #2E4C0B; text-decoration: none; display: block; text-align: center; padding: 0 10px 0 10px; display: block; height: 23px; line-height: 23px; }
#page-navigation ul li a:hover,
#page-navigation ul li.current a { color: #2E4C0B; background-image: url(/images/button_left.gif); background-repeat: no-repeat; }
#page-navigation ul li a:hover span,
#page-navigation ul li.current a span { position: absolute; top: 0; right: -3px; background-image: url(/images/button_right.gif); background-repeat: no-repeat; width: 4px; height: 23px; }

/* Rounded corners for navbar */
.roundnav b.rtop, .roundnav b.rbottom { display: block; background: #E5ECF3; }
.roundnav b.rtop b, .roundnav b.rbottom b { display: block; height: 1px; overflow: hidden; background: #B2D281; }
.roundnav b.r1 { margin: 0 5px; }
.roundnav b.r2 { margin: 0 3px; }
.roundnav b.r3 { margin: 0 2px; }
.roundnav b.rtop b.r4, .roundnav b.rbottom b.r4 { margin: 0 1px; height: 2px; }


/*
##################################################################
  SUB NAVIGATION
##################################################################
*/

.sub-navigation { clear: both; margin: auto; width: 100%; height: 23px; border-bottom: 1px solid #333; }
.sub-navigation ul { padding: 0; margin: 0; }
.sub-navigation ul.upper li,
.sub-navigation ul.lower li { float: right; list-style-type: none; display: inline; line-height: 25px; margin: 0 10px 0 2px; }
.sub-navigation ul.lower li { float: left; }
.sub-navigation ul li a,
.sub-navigation ul li a:link,
.sub-navigation ul li a:visited {
  color: #325B0A;
  text-decoration: none;
  line-height: 25px;
}
.sub-navigation ul li a.current,
.sub-navigation ul li a.current:link,
.sub-navigation ul li a.current:visited {
  color: #325B0A;
  text-decoration: none;
  font-weight: bold;
}
.sub-navigation ul li a:hover,
.sub-navigation ul li a.current:hover {
  text-decoration: underline;
}
.sub-navigation p.alert { font-size: 12px; line-height: 25px; float: left; color: #F39000; }


/*
##################################################################
  MAIN PAGE CONTENT
##################################################################
*/

#page-content { background-color: #FFF; min-height: 600px; }
#subpage #page-content { background-color: #FFF; min-height: 600px; padding: 5px 20px; }
#subpage #page-content h1 { padding: 0; margin: 20px 0 20px 0; }
#page-content .margin-top { margin-top: 10px; }
#page-content .mainbox { margin: auto; width: 957px; /* border: 1px solid #CCC; */ }
#page-content .simplebox-container { margin: auto; width: 960px; height: auto; }
#page-content .simplebox { float: left; padding: 3px 15px 27px 15px; margin: 10px 10px 0 0; width: 202px; height: 125px; background-image: url(/images/simplebox.png); background-repeat: no-repeat; }
#page-content .simplebox.last { margin: 10px 0 0 2px; }
#page-content .simplebox h3,
#page-content .simplebox a,
#page-content .simplebox a:visited,
#page-content .simplebox a:active,
#page-content .simplebox a:hover {
   border-bottom: 0px solid #33393C;
   color: #33393C;
   font: bold 1em 'Arial', 'Tahoma', sans-serif;
   margin: 0;
   padding: 8px 0 8px 0;
   text-align: center;
   text-decoration: none;
}
#page-content .simplebox div { font-size: 12px; }
#page-content .box1 img { margin: -8px 0 0 0; }
#page-content .box2 img { margin: 15px 0 0 0; }
#page-content .box3 img { margin: 15px 0 0 0; }
#page-content .box4 img { margin: 25px 0 0 0; }

#page-content h1 { background-color: #FFF; margin: 0; padding: 20px; }
#page-content h2 { font-size: 1.5em; margin: 1em 0; }
#page-content h3 { font-size: 1em; font-weight: bold; margin: 1em 0; }
#page-content .inner-box { background-color: #FFF; padding: 30px; }
#page-content .margin-top { margin-top: 10px; }

/* Rounded corners for content */
.round-page-content b.rtop, .round-page-content b.rbottom { display: block; background: #E5ECF3; }
.round-page-content b.rtop b, .round-page-content b.rbottom b { display: block; height: 1px; overflow: hidden; background: #FFF; }
.round-page-content b.r1 { margin: 0 5px; }
.round-page-content b.r2 { margin: 0 3px; }
.round-page-content b.r3 { margin: 0 2px; }
.round-page-content b.rtop b.r4, .round-page-content b.rbottom b.r4 { margin: 0 1px; height: 2px; }

/*** begin home page styles ***/
div.mainbox h1.hpromote, div.mainbox h1.hpromote span.hpromote {background-color:#FFF;color:#349;font-weight:normal;line-height:1em;margin:0;padding:0;text-align:center;}
div.mainbox h1.hpromote {font-size:400%;}
div.mainbox h1.hpromote span.hpromote {font-size:60%;}
table tr td.hstatsmain {background-color:#FFF;color:#349;font-size:2.6em;text-align:center;}
table tr td.hstatsmain1, table tr td.hstatsmainsub, table tr td.hstatsmainsubleft, table tr td.hstatsmainsubright, table tr td.hfollowleft, table tr td.hfollowright {background-color:#FFF;color:#444;font-size:1.6em;padding:0.25em;}
div.hstatsbox {margin:4em 0 0 0;padding:0;float:right;width:30%;}
table.hzerobound {margin:0;padding:0;}
table tr td.hstatsmain {padding:0.25em;}
table tr td.hstatsmain1 {text-align:center;}
table tr td.hstatsmainsubleft {text-align:left;}
table tr td.hstatsmainsubright {text-align:right;}
table tr td.hfollowleft {font-size:1.2em;text-align:right;}
table tr td.hfollowright {font-size:1.2em;text-align:left;}
.tapLink,
.tapLink a,
.tapLink a:visited,
.tapLink a:active,
.tapLink a:hover {
   background-color:#FFF;
   color:#349;
   font-family:'Dakota','Papyrus','Arial','Tahoma',sans-serif;
   font-weight:bold;
   outline:none;
   text-align:right;
   text-decoration:none;
}
/*** end home page styles ***/

ul.unorderedList {margin:0 3em 1em 3em;}
ul.unorderedList li.unorderedList {font-size:14px;line-height:140%;margin:0;}

/*
##################################################################
  FLASH ALERTS & ERROR MESSAGES
##################################################################
*/

#page-content .success,
#page-content .error {
  border: 1px solid #CCC;
  font: bold 1.1em 'Arial', 'Tahoma', sans-serif;
  margin: 0 5px 10px;
  padding: 10px 15px;
}
#page-content .success {
  background-color: #DFF2D9;
  border-color: #84CD6E;
  color: #249901;
}
#page-content .error {
  background-color: #FAD3C5;
  border-color: #F03A31;
  color: #F03A31;
}

div.errorExplanation {
  background-color: #FAD3C5;
  border: 1px solid #F03A31;
  color: #F03A31;
  font: bold 1.1em 'Arial', 'Tahoma', sans-serif;
  margin: 0 0 10px;
  padding: 10px 15px;
}
div.errorExplanation ul {
  margin-left: 2em;
}

div.fieldWithErrors label {
  color: #F03A31;
}


/*
##################################################################
  FORM BLOCK
##################################################################
*/

#form-block { position: relative; margin-right: 270px; }
#form-block em { color: #5c6163; display: block; margin: -17px 0 12px 0; }


/*
##################################################################
  TABLE-BLOCK
##################################################################
*/

p.add-log-heading,
p.add-log {
  color: #1B5790;
  font-size: 12px;
  margin: 0;
  padding: 0;
  width: 50%;
}
p.add-log-heading {
  float: left;
}
p.add-log {
  float: right;
  text-align: right;
}
p.add-log a { margin: 0 5px; }

.pagination {
  float: right;
  text-align: right;
  width: 250px;
}
.pagination a,
.pagination span {
  margin: 0 5px;
  font-size: 12px;
}
.pagination div.date {
  float: left;
  text-align: left;
}
.pagination span.dp-applied {
  margin: 0;
}

a.actions, a.actions-cancel { font-weight: bold; text-decoration: none; margin-right: 5px; }
a.actions:hover, a.actions-cancel:hover { text-decoration: underline; }
a.actions-cancel { color: #333; }

#filter-navigation {
  float: left;
  width: 70%; 
}
#filter-navigation a {
  color: #1B5790;
  margin-right: 10px;
  text-decoration: none;
}
#filter-navigation a.current,
#filter-navigation a:hover {
  text-decoration: underline;
}

.four-cols { width: 100%; }
.four-cols .header-block {
  clear: both;
  margin: auto;
  width: 100%;
  height: auto;
  padding: 2px 0 2px 0;
  background-color: #1B5790;
}
.four-cols .header-block .th1,
.four-cols .header-block .th2,
.four-cols .header-block .th3,
.four-cols .header-block .th4 {
  float: left;
  color: #FFF;
  width: 22%;
  padding: 4px 0 0 10px;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
}
.four-cols .header-block .th1 { width: 35%; }
.four-cols .header-block .th2 { width: 25%; }
.four-cols .header-block .th3 { width: 25%; }
.four-cols .header-block .th4 { width: 10%; }

.four-cols .data-block-odd, .four-cols .data-block-even {
  clear: both;
  margin: auto;
  width: 100%;
  height: auto;
  background-color: #EEE;
}
.four-cols .data-block-even { background-color: #CCC; }

.four-cols .data-block-odd .td1, .four-cols .data-block-even .td1,
.four-cols .data-block-odd .td2, .four-cols .data-block-even .td2,
.four-cols .data-block-odd .td3, .four-cols .data-block-even .td3,
.four-cols .data-block-odd .td4, .four-cols .data-block-even .td4 {
  float: left;
  color: #333;
  background-color: inherit;
  width: 22%;
  height: 25px;
  padding: 4px 0 0 10px;
  font-size: 12px;
  font-weight: normal;
  overflow: hidden;
}

.four-cols .data-block-odd .td1, .four-cols .data-block-even .td1 { width: 35%; }
.four-cols .data-block-odd .td2, .four-cols .data-block-even .td2 { width: 25%; }
.four-cols .data-block-odd .td3, .four-cols .data-block-even .td3 { width: 25%; }
.four-cols .data-block-odd .td4, .four-cols .data-block-even .td4 { width: 10%; }


/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1em;
  width: 100%;
}

table tr.row1 {
  background-color: #EEE;
}

table tr.row2 {
  background-color: #CCC;
}

table tr th,
table tr td {
  padding: 4px 10px;
}

table tr th {
  background-color: #6CA6DD;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
}

table tr td {
  color: #333;
  font-size: 12px;
}

table tr td input {
  padding: 2px;
  margin: 0 0 4px 0;
  border: 1px solid #999;
}

table tr td input.value {
  width: 4em;
}

table tr td input.name {
  width: 6em;
}

table tr td input.notes {
  width: 15em;
}


/*
##################################################################
  TABLE-BLOCK
##################################################################
*/

#table-block { position: relative; }
#table-block.wide { position: relative; margin: -30px; }
#table-block table { width: 99%; position: relative; }
#table-block.wide table { width: 100%; }
#table-block table tr td { padding: 5px 6px 5px 6px; border-bottom: 1px solid #CDCDCD; }
#table-block table tr.header td { font: bold 1.1em 'Arial', 'Tahoma', sans-serif; color: #FFF; padding: 7px 6px 7px 6px; background-color: #4A5154; }
#table-block table tr.alternate { background-color: #F5F5ED; }
#table-block table td.true { color: #093; }
#table-block table td.false { color: #900; }
#table-block table td.actions { color: #CCC; }
#table-block table tr:hover { background-color: #FFFFD4; }
#table-block table td.actions a { font: bold 0.9em 'Arial', 'Tahoma', sans-serif; color: #09f; text-decoration: none; padding: 0 2px 0 2px; text-transform: uppercase; }
#table-block table td.actions a.delete { color: #999; }
#table-block table td.actions a:hover { color: #F60; }


/*
##################################################################
  STATS
##################################################################
*/

dl.stats {
  font-size: 12px;
  margin-bottom: 0.5em;
  text-align: center;
}

dl.stats dt,
dl.stats dd {
  display: inline;
}

dl.stats dt {
  margin-left: 0.5em;
}

dl.stats dd {
  font-weight: bold;
  margin-right: 0.5em;
}

dl.stats dd.below_target,
dl.stats dd span.below_target {
  color: #39F;
}

dl.stats dd.above_target,
dl.stats dd span.above_target {
  color: #C30;
}

dl.stats dd.difference_negative,
dl.stats dd span.difference_negative {
  color: #3C3;
}

dl.stats dd.difference_positive,
dl.stats dd span.difference_positive {
  color: #C30;
}

dl.stats dt.name,
dl.stats dd.in_range,
dl.stats dd span.in_range {
  color: #33F;
}

dl.stats dt.name {
  font-weight: bold;
}

dl.stats dd span.unit {
  font-weight: normal;
}


/*
##################################################################
  BLOG POSTS
##################################################################
*/

.blog-post {
  border-bottom: 1px dotted #999;
  margin-bottom: 20px;
}
.blog-post h1 {
  padding: 0;
  font-size: 21px;
  margin: 0;
  font-weight: normal;
}
.blog-post p.byline { padding: 0; margin: -10px 0 0 0; font-size: 12px; color: #666; }
.blog-post a {
  color: #036;
}


/*
##################################################################
  FOOTER
##################################################################
*/

#page-footer { text-align: center; padding: 15px; }
#page-footer div { font: normal 0.9em/150% 'Arial', 'Tahoma', sans-serif; color: #333; }
#page-footer strong { color: #69A2C8; }
#page-footer a { color: #FFF; }
#page-footer ul li { display: inline; color: #333; margin: 10px; }
#page-footer ul li a { color: #666; text-decoration: none; }
#page-footer ul li a:hover { color: #666; text-decoration: underline; }


/*
##################################################################
  MISC FUNCTIONALITY
##################################################################
*/

.spacer5 { clear: both; width: 100%; height: 5px; }
.spacer10 { clear: both; width: 100%; height: 10px; }
.spacer15 { clear: both; width: 100%; height: 15px; }
.spacer20 { clear: both; width: 100%; height: 20px; }
.center { float: none; margin: auto; text-align: center; }

.with-border { border: 1px solid #CCC; }




div#advancedsearch div.floatleft
{
   float: left;
   padding: 10px;
}

div#advancedsearch label
{
  display: inline;
  font-weight: normal;
  margin-left: 3px;
}

div#advancedsearch span.searchheader
{
  font-weight: bold;
}

div#advancedsearch input.short
{
  width: 30px;
}
div#advancedsearch input.medium
{
  width: 60px;
}


div.floatleft
{
  float: left;
}

div.floatright
{
  float: right;
}

div.clear
{
   clear: both;
}

div.admin_header_link
{
   padding-left: 5px;
   padding-top:5px;
}

div#gb_matching_records
{
   font-weight: bold;
   padding-left: 50px;
}

div.version {background-color:#FFF;color:#999;font-size:0.9em;text-align:right;}

span.log_filter_checkbox input
{
  padding-top: 3px;
  margin: 5px;

  vertical-align: middle;
}