/****** Colours ******/
/* White blue: #ecf4f8
 * Light blue: #afd2e2
 * Dark blue: #008aac
 * Heading blue: #026f88
 * Form fields blue: #7cb9d0
 * Orange: #df771c
 * Calendar blue: #3e9dbd */


/* Layout */
html {
  background: none;
}
body { 
  background: #008aac;
  text-align: center;
  font-family: arial;
}
#header {
  margin: 0px;
/*  padding-right: 1px;*/ /*MC - removed this looked wrong*/
  height: 155px;
}
#sidebar {
  float: left;
  margin: 0 0 0 10px;
  padding: 0 0px 2em 0px
}
#content {
  padding: 10px 10px 10px 10px;
  min-height: 20em;
}
#footer {
  clear: both;
}
#doc {
  margin:auto;text-align:left; /* leave unchanged */
  width:76em;/* non-IE */
  *width:74.168em;/* IE */
  min-width:1000px;/* optional but recommended */
  background: white;
}


#header #logo {
  height: 134px;
  width: 130px;
}
#header #logo a {
  background: url("/images/interface/new_logo.gif") left top;
  height:100%;
  display:block;
}

#header #userinfo {
  padding: 20px;
  text-align:right;
  color: #008aac;
}

#header #userinfo #display_name {
  font-size: 123.1%;
  font-weight: bold;
}


#header #userinfo #logout {
  font-size: 85%;
  padding: 0.2em 0;
}
#header #userinfo #logout, #header #userinfo #logout a {
  color: #999;

}

#header #menu {
  display:none;
  margin: 0 0 0 130px;
  height: 50px;
  width: 870px;
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
}

#header #submenu {
  height: 20px;
  width: 1000px;
}


/****** Generic Styles ******/

a {
  text-decoration: none;
}

a {color:#008AAC;}
a:hover {
  text-decoration: underline;
}
a img {
  border:none;
}

h1 {
  color: #35579F;
  font-size: 182%;
  margin: 0.4em 0 1.1em 0;
  font-weight: normal;
}

h2 {
  margin: 10px 0 0 0;
  color: #df771c;
  font-family: Georgia, serif;
  font-size: 161.6%;
  font-weight: normal;
}

h2 img {
  vertical-align: middle;
  margin: 0 20px;
  width: 20px;
}

h2 img.icon {
  vertical-align: top;
  width: inherit;
}

h3 {
  margin: 0.3em 0em 0.5em 0em;
  font-family: Georgia, serif;
  color: #008aac;
  font-size: 116%;
  font-weight: bold;
}

h4 {
  color: #464644;
  font-size: 108%;
  margin: 0.6em 0 0.2em 0;
}

strong {
  font-weight: bold;
}

/* Page Elements*/
/****************/
img.icon {
/*  position: relative;*/
  top: 3px;
}
span.icon-link img.icon {
  margin: 0 3px 0 0;
}

img.datepicker {
  margin: 1px;
}
img.datepicker:hover {
  border: 1px outset;
  margin: 0;
  cursor: pointer;
}

ul li {
  margin-left: 1em;
}

/* Navigation */
#menu ul li a {
  font-size: 116%;
}

#submenu ul { 
  text-align: left; /* set to left, right or center */
  margin: 0em 0 1em 0px; /* set margins as desired */
  font-size: 93%;
  font-weight: bold;
  list-style-type: none;
  padding: 6px 10px 6px 4px; /* THIRD number must change with respect to padding-top (X) below */
  background: #e69f5f;
}

#submenu ul li { /* do not change */
  display: inline;
  margin: 0;
  padding: 0;
  margin-left: 0px;
}

#submenu ul li a { /* settings for all tab links */
  margin: 0;
  padding: 4px 12px 4px 12px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
  color: white; /* set unselected tab link color as desired */
  margin-right: 0px; /* set additional spacing between tabs as desired */
  text-decoration: none;
  border-bottom: none;
  position: relative;
  top:2px;
}

#submenu ul a:hover { /* settings for hover effect */
  color: #df771c;
  /*background: #fff; /* set desired hover color */
}


/* Info Boxes*/
div.infobox {
  background: #79C3F4;
  margin: 10px 0;
  padding: 5px;
}

div.infobox p {
  color: #000;
  margin: 0.5em 0;
}

div.infobox table {
  color: #000;
  margin: 0.5em 0;
}

div.infobox h3  {
  margin: 0px;
  color: #333;
  text-align: left;
  font-weight: bold;
}

div.infobox h4  {
  color: #000;
  text-align: left;
  font-weight: normal;
}

div.infobox ul {
  margin: 5px 0 5px 30px;
  padding: 0;
}

div.infobox li {
  list-style: none;
  margin-bottom: 0.25em;
}

div.firstuse {
  padding: 0.5em;
  margin: 0 0 1em 0;
  border-style: dashed;
  border-width: 1px;
  border-color: #afd2e2;
}

div.firstuse h3 {
  margin-top: 0;
}
div.firstuse p {
  margin: 0.5em 0;
}

/* Medical Info */
div.medical-info-doctor {
  float:left;
  width:30%;
  border-right:1px dotted #ccc;
  padding:0.3em 0.3em 0.3em 0em;
  margin-right: 0.9em;
}

div.medical-info-doctor p {
  margin: 0em;
  padding: 0em 0em 0.7em 0em;
}




/* Calendar */

.yellow {
  background-color: #F3B137;
  color: #F3B137;
}

.brown {
  background-color: #C6674F;
  color: #C6674F;
}

.green {
  background-color: #5FEA68;
  color: #5FEA68;
}

.show-title {
  color: #000;
}

.light {
  color: #ccc;
}

span.spinner {
  width: 25px;
}

ul.horizontal, ul.horizontal-wide {
  margin: 0.3em 0em 0.3em 0em;
  padding: 0;
}

ul.horizontal li, ul.horizontal-wide li {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  display: block;
  height: 1.2em;
}

ul.horizontal:after, ul.horizontal-wide:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}

table.columns-three, table.columns-two {
  width: 100%;
  padding: 0;
  margin: 0;
}

table.columns-three td {
  width: 33%;
}

.center {
  text-align: center;
}
.right {
  text-align: right;
}



ul.horizontal-wide li {
  padding: 0em 1em 0em 0em;
}

table.calendar td div.vevent {
  height: auto;
  margin: 0;
  position: absolute;
  left: 0;
  margin: 0;
  top: 45px;
  width: 100%;
  background-color: transparent !important;
  background-image: none !important;
  padding-left: 1px;
}

table.calendar td div.vevent.partday {
  top: 30px;
}

table.calendar td div.more {
  height: auto;
  margin: 0;
  position: absolute;
  left: 0;
  margin: 0;
  top: 75px;
  width: 100%;
  background-color: transparent !important;
  background-image: none !important;
  padding-left: 1px;
}

table.calendar td div.vevent.top {
  top: 0;
}

/* Footer */
#footer {
  margin: 0em;
  padding: 0.2em 0 0.2em 120px;
  background: #7cb9d0;
}

#footer p {
  margin: 0em;
  color: white;
  font-size: 85%;
  text-align:center;
}

#footer p a {
  color: white;
  font-weight:bold;
  text-decoration: none;
}

#footer p a:hover {
  text-decoration: underline;
}

/****** Forms ******/

fieldset {
  background-color: #eee;
  border: 1px solid #666;
  margin: 0 0 0.5em 0;
}

fieldset h3 {
  margin-bottom: 5px;
  border-bottom: 1px solid #666;
  padding: 2px 0px 2px 2px;
}

fieldset fieldset {
  border-style: dotted;
  margin: 0;
  width: 97%;
  border-color: #bbb;
}

fieldset fieldset table th, fieldset fieldset table td {
  padding: 0.1em;
}

legend {
  padding: 0.1em;
}

fieldset p {
  margin: 0.2em 0em 0.2em 0em;
  padding: 0 0 0 0;
}

fieldset p small {
  font-size: 85%;
}

form p {
  margin: 0.2em 0 0.5em 0;
}

form label {
  margin-top: 2px; /* this forces labels to vertically align with input fields more cleanly */
  padding: 0em;
  margin: 0em;
  font-size: 100%;
  color: #026f88;
}

th label {
  font-weight: bold;
}

form label.spacer {
  font-weight: bold;
  float: left;
  width: 10em;
}

form label.minor {
  font-weight: normal;
}

form label.follows { /* Follows form element */
  margin-left: 0.5em;
}

table tr th {
  vertical-align: top;
}

input, textarea, select {
  border: 1px solid #7cb9d0;
  font-size: 107%;
  color: #026f88;
  font-family: Arial, Verdana, sans-serif;
  padding: 0;
}
input, textarea {
  padding: 0.1em;
}

input.checkbox, input.radio {
  border: none;
}

input.disabled, textarea.disabled, select.disabled {
  color: #999;
  border-color: #ccc;
}

textarea {
  width: 100%;
  height: 5em;
}

#sidebar fieldset {
  border-style: none;
  border-bottom: 1px dotted #3E8CA7;
  border-top: 1px dotted #3E8CA7;
  background-color: #99dbe3;
  margin: 0px;
}

#sidebar ul.actions li {
  list-style-image: url('/images/interface/bullet_arrow.gif');
  list-style-position: inside;
  margin: 0.4em 0 0.2em 5px;
}

#sidebar ul.actions.noicon li {
  list-style-image: none;
}
#sidebar ul.actions {
  margin: 0.5em 0 1em 0em;
  border: 1px dashed #7cb9d0;
  border-left: none;
  border-right: none;
  padding: 0.5em 0 0.5em 0;
}

#sidebar ul.no_border_top {
	padding-top: 0px !important;
	border-top:0 !important;
}

#sidebar input[type=text] {
  width: 120px;
}
#sidebar input.search {
  width: 50%;
  float: left;
  margin: 0.5em 0 0.5em 0;
}
#sidebar div.button {
  display: inline-block;
  float: left;
  margin: 0.5em;
}
#sidebar div.button input {
  padding-left: 0 !important;
  padding-right: 25px;
  text-align:left;
}
#sidebar input.button_search {
}


input.button {
  width: auto !important;
}

a.cancel, a.editor_cancel {
  color: #ee0000;
  padding: 2px;
}

a.editor_cancel {
  margin-left: 5px;
}

a.delete {
  color: #990000;
}

a.delete:hover {
  background: transparent;
/*  color: white;*/
}

a.cancel:hover, a.editor_cancel:hover {
  background-color: #ee0000;
  color: #fff;
}

ul.association {
  margin: 0;
}

ul.association li {
  height: 1.4em;
  white-space: nowrap;
}

ul.association li input {
  margin-right: 0.5em;
}

/****** Rails Errors ******/

.errorExplanation {
  margin: 10px;
  border: 1px solid red;
  padding: 5px 10px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #ff8282;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 150%;
  background-color: #c00;
  color: #eee;
  margin-left: -10px;
  margin-top: -5px;
}

#errorExplanation p {
  color: #000;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul {
	padding-top: 5px;
}

#errorExplanation ul li {
  list-style: square;
  font-size: 120%;
}

.remote_errors {
  padding: 0px;
  margin: 0px;
}

.remote_errors .errorExplanation {
  margin: 0px 0px 5px 0px;
  border: none;
  border-top: 1px dotted red;
  border-bottom: 1px dotted red;
  padding: 5px 10px;
  background-color: #ff8282;
}

.remote_errors #errorExplanation h2 {
  margin: -5px -10px; 
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  background-color: #c00;
  color: #eee;
}

.remote_errors #errorExplanation p {
  color: #000;
  margin-bottom: 0;
  padding: 5px;
}

.remote_errors #errorExplanation ul {
	padding-top: 0px;
	margin: 5px 0px;
}

.remote_errors #errorExplanation ul li {
}

/****** Login Screen ******/

.login {
  background-color: #fff;
  font-size: 11px;
	color:#026278;
	font-family:Arial,san-serif;

}
.login hr {
	border-color:#AFD2E2 -moz-use-text-color -moz-use-text-color;
	border-style:dashed none none;
	border-width:1px 0 0;
	height:1px;
	width:100%;
}
.login input {
	font-size: 10px;
	background-color:#FFFFFF;
	border:2px solid #7CB8D0;
	color:#026278;
	font-family:arial,Helvetica,sans-serif;
	font-size:10px;
	width: 85%;
}

.login input[type='checkbox'] {
	width:20px;
}
.login table {
	  text-align: left;
}
.login label {
  font-size: 12px;
  font-weight: bold;
}
.login .button {
	background-color:#008EAF;
	border:1px solid #7CB8D0;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:1px;
}
.mainNavs a:hover, .mainBody a:hover {
	color:#FF9900 !important;
	text-decoration: none!important;
}
.mainNavs a:link {
	color:#FFFFFF;
	text-decoration:none;
}
.mainNavs {
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}

.mainBody a:link, .mainBody a:visited {
	color:#026278;
	text-decoration:underline;
}

.mainBody {
	color:#026278;
	font-family:Arial,san-serif;
	font-size:12px;
	line-height:17px;
	background-color: #fff;
}

.bodyText {
	color:#026278;
	font-family:Arial,san-serif;
	font-size:11px;
}

.always_white {
	color:#FFFFFF!important;
	text-decoration:none;
}
/****** Settings Screen ******/
table.steps {
  width: 90%;
  margin: 0 0 1em 0;
  padding: 0;
}

table.steps th {
  font-family: Georgia;
  font-size: 260%;
  font-weight: normal;
  width: 5%;
  color: #df771c;
  vertical-align: top;
}

table.steps td {
  border: 2px solid #afd2e2;
  padding: 0;
  margin: 0;
}

table.steps td.heading {
  border-right: none;
  width: 100%;
}

table.steps td.heading a {
  display: block;
  color: #008aac;
  font-weight: bold;
  margin: 0.2em 0 0.2em 0.5em;
}

table.steps td.text {
  border-top: none;
}

table.steps td.text p {
  margin: 0.2em 0 0.2em 0.5em;
}

table.steps td.right {
  width: 1.6em;
  text-align: center;
  background: #df771c;
  padding: 0.1em;
}
table.steps td.right a {
  display: block;
  color: white;
  font-weight: bold;
  font-size: 155%;
}
table.steps td.right a:hover {
  text-decoration: none;
}

/****** Hints ******/
div.hints {
  border: 1px solid #EFCF8F;
  background: #F8E8C8;
  color: #7F7547;
  margin: 0 0 0.5em 0;
  padding: 0.3em;
}

div.hints div.instructions {
  margin: 0em;
  width: 83%;
}

div.hints p {
  line-height: 130%;
}

div.hints div.toggle {
  font-size: 85%;
  text-align: right;
  margin: -0.3em;
  width: 15%;
}

div.hints div.toggle a {
  color: #7F7547;
}

div.hints img.icon {
  padding: 0em 0em 0em 0.5em;
}

/************************ Calendar Key ******************************/

#calendar-users ul {
  list-style-type:  none;
}

#calendar-users ul li span.swatch {
  width:  15px;
  display:  block;
  float:  left;
  margin-right: 10px;
}

#calendar-users ul li {
  margin-bottom: 5px;
}

/************************** Messages ********************************/
table#contact-list {
  width: 100%;
}

table#contact-list td a {
  color: #026f88;

}

table#contact-list td {
  border: 1px solid #afd2e2;
  padding: 0.6em;
  vertical-align: top;
  color: #026f88;
}
table#contact-list th {
  padding: 0.2em 0.6em;
}

/*********************** Holiday Profiles ****************************/

#sidebar dl.holiday_periods dt {
  font-weight: bold;
  color: #008aac;
  font-size: 90%;
}
#sidebar dl.holiday_periods dd {
  color: #008aac;
  font-size: 85%;
  margin-bottom: 0.3em;
}

#sidebar ul.visit_exceptions li {
  margin: 0 0 0.5em 0;
  padding: 0 0 0 20px;
  _list-style-image: url('/images/icons/calendar.png');
  background: url('/images/icons/calendar.png') no-repeat 0 1px;

}

/*************************** Input **************************************/
input#holiday_period_description {
  width: 195px;
}

/****** Flash ******/
.flash {
  margin: 0 0 0.5em 0;
  padding: 0.5em;
}

.flash p {
  margin: 0 0 0.2em auto;
}
.flash ul {
  margin: auto 1em;
}

.flash ul li {
  list-style-image: url("/images/icons/bullet_red.png");
}

.flash-notice, .flash-info {
  border: 1px solid #488F3E;
  background: #D7EFD4;
}

.flash-info {
  font-size: 92%;
}

.flash-error {
  border: 1px solid red;
  background-color: #ff8282;
}


div.visits_during_holiday_period {
  background-color: #eee;
  border: 1px solid #666;
  margin: 10px;
  padding: 5px;
}

div.visits_during_holiday_period p {
  margin-top: 5px;
}

div.visits_during_holiday_period h3 {
  margin-bottom: 5px;
  border-bottom: 1px solid #666;
  padding: 2px 0px 2px 2px;
}

/* noticeboard info boxes */
table.infoboxes {
  width: 100%;
  border-spacing: 5px;
  margin-left: -5px;
}

table.infoboxes td {
  background-color: #4fafc6;
  width: 32%;
  height: 200px;
  vertical-align: top;
}

table.infoboxes td h3 {
  margin: 5px;
  font-size: 108%;
  text-align: center;
  color: #444;
}

table.infoboxes td h4 {
  margin: 5px;
  font-size: 108%;
  color: #444;
}


/* Admin Tables */

table.admin {
  width: 100%;
}
table.admin th, table.admin td {
  text-align: left;
  padding: 0.1em;
}
table.admin th {
  font-weight: bold;
  border-bottom: 1px dotted #666;
  color: #333;
}
table.admin td {
  border-bottom: 1px dotted #ddd;
}

table.admin td a {
  color: #3C4FB9;
}

table.admin .center {
  text-align: center;
}

/*************************  Contact Search  *************************/




/***************************  Forums  *******************************/

div.messages .reply {
  float: right;
}

div.message {
  padding: 0.5em 1.5em;
  margin: 0 0 0.3em 0;
  border-bottom: 1px dashed #ccc;
}

div.message.first {
  background: #FEF0C8;
  margin-left: 0em;
  padding: 1em;
  border-bottom: none;
}

div.message_body {
  margin: 0.5em 0 0.6em 0em;
  margin: 0;
}

input.topic-subject {
  font-size: 150%;
  width: 100%;
}

.two-column {
  float: left;
  width: 48%;
  margin-right: 1%;
}

.three-column {
  float: left;
  width: 31%;
  margin-right: 1%;
}

.new-items {
  float: right;
  color: #8FBE6E;
  font-weight: bold;
  padding-right: 0.5em;
}

.messages p {
  margin: 0.3em 0 0.3em 0.3em;
}
.messages ul {
  margin: 0.3em 0 0 23px;
  padding: 0;
}

.messages ul li {
  list-style-image: url('/images/interface/bullet_arrow.gif');
  margin: 0 0 0.2em 0;
  padding: 0;
}
.messages ul li a {
  color: #026f88;
}
.messages ul li p {
  margin: 0;
}

.messages ul li p small {
  font-size: 87%;
  color: #7cb9d0;
}

.messages p.more {
  text-align: right;
  margin: 1em 1.5em;
  font-size: 85%;
}
.messages p.more a {
  color: #026f88;
}

ul.requests {
  margin-left: 0.5em;
}
ul.requests li {
  background: url(/images/icons/error.png) no-repeat right top;
  list-style: none;
  margin: 0 0.5em 0.5em 0;
}
ul.requests li.confirmed {
  background: url(/images/icons/tick.png) no-repeat right top;
}
ul.requests li.confirmed * {
  color: #bbb;
}

table.index {
  width: 100%;
}
table.index th {
  color: #026f88;
  background: #afd2e2;
  font-weight: normal;

}

table.index th, table.index td {
  padding: 0.2em 0.5em;
  margin: 0em;
  vertical-align: top;
}
.messages table.index td {
  color: #026f88;
  border-bottom: 1px solid #afd2e2;
}
table.index td a {
  color: #026f88;
}

/************************  Forms  ************************************/

table.fieldset {
  width: 100%;
}

table.fieldset th.vertical {
  width: 8em;
  text-align: left;
}

table.fieldset td {
  text-align: left;
}

table.fieldset p {
  margin-left: 0;
}

.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select {
  border: 1px solid #df771c;
}

/************************* Pagination *******************************/
.pagination {
  margin: 0 0 0 0;
  font-weight: normal;
}

.pagination .current {
  font-weight: bold;
}

/*** Overnight Calculator ***/
table#overnight {
  width: 100%;
}
table#overnight th {
  font-weight: bold;
  width: 0;
}
table#overnight th, table#overnight td {
  text-align: left;
  padding: 0.2em;
}

/************************** Misc *************************************/

.hidden {
  display: none;
}

th.vertical {
  text-align: left;
}

table.details th, table.details td {
  color: #026f88;
  padding: 0 0 0.8em 0;
  vertical-align: top;
}

table.details th {
  text-align: left;
  font-weight: bold;
  width: 20em !important;
}

table.details td {
}

.float-right {
  float: right;
}

.right {
  text-align: right;
}

.top {
  vertical-align: top;
}

pre.debug {
  font-size: 100%;
  line-height: 100%;
  border: 1px dashed #ddd;
  background: white;
  padding: 0.5em;
}


/************************** Print *************************************/

body.print {
  background: white;
  border: none;
  text-align: left;
}
div.print {
  margin: 1.5em;
}

div.print .print_hide {
  display: none;
}

div.print h2 {
  padding: 0em 0em 0em 0em;
  margin: 0em 0em 0.6em 0em;
  font-size: 116%;
  font-weight: bold;
}

div.print h1#top {
  padding: 0em;
  margin: 0em 0em 1em 0em;
}

div.print img { display: none; }

div#print_head {
  border-bottom: 1px solid #777;
  background: #eee;
  margin: 0em;
  padding: 0.4em 1em 0.4em 0.4em;
}

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

div#print_head p {
  margin: 0;
  padding: 0em;
  display: inline;
} 

div#print_head p a {
  font-weight: bold;
  color: #444;
}

/********************** Setup *****************************/

#sidebar ul.routines {
  margin: 0em 0em 0em 0em;
  padding: 0 0 0 25px;
}
#sidebar ul.routines li {
  list-style-image: url(/images/icons/calendar_edit.png);
  vertical-align: top;
  padding: 0em;
}

#sidebar ul.users {
}
#sidebar ul.users li {
  vertical-align: top;
  padding: 0em;
}

/* FIXME (rc): Hack to position images. */
#sidebar ul.routines li a {
  position: relative;
  top: -0.5em;
}

table.setup-navigation td {
}

.setup-navigation input {
/*  font-weight: bold;*/
  font-size: 93%;
}

fieldset.boxes {
  border: 2px solid #afd2e2;
  margin: 0 0 1em 0;
  padding: 0 0 0 0;
}

fieldset.boxes h3, fieldset.boxes div.h3 {
  display: block;
  border-bottom: 2px solid #afd2e2;
  background: #ecf4f8;
  font-size: 100%;
  font-weight: bold;
  color: #026f88;
  font-family: Verdana;

  margin: 0 0 0 0;
  padding: 0.2em 0.5em;
}

fieldset.boxes h4 {
  display: block;
  color: #026f88;
  background: #afd2e2;
  font-size: 100%;
  font-weight: normal;
  padding: 0.1em 0 0.1em 0.5em;
}

fieldset.boxes h5 {
  color: #026f88;
  display: block;
  border-bottom: 1px dotted #026f88;
  font-size: 87%;
  font-weight: bold;
  margin: 1em 0 0 0;
}

fieldset.boxes fieldset {
  border: none;
  padding: 0.5em;
  _padding: 0;
}

fieldset.boxes table th {
  width: 25%;
  font-size: 100%;
}

fieldset.boxes .requiredField {
  font-weight: bold;
  color: #df771c;
  vertical-align: top;
}


fieldset.boxes table.full-width {
  margin: 0;
  padding: 0;
  border-spacing: 0;
  width: 100%;
}

fieldset.boxes table.setup-list th {
  color: #026f88;
  background: #afd2e2;
  padding: 0.2em;
  margin: 0em;
  font-weight: normal;
}

fieldset.boxes table.setup-list td {
  padding: 0.3em 0em 0.3em 0.5em;
  font-size: 90%;
}
fieldset.boxes table.setup-list tr {
  border-bottom: 1px dotted #afd2e2;
}
fieldset.boxes table.setup-list tr:first-child,
fieldset.boxes table.setup-list tr:last-child
{
  border-bottom: none;
}

fieldset.boxes div.flash {
  margin: 0.5em;
}


fieldset.boxes.admin {
  padding: 1em;
  background: #eff2ff;
}
fieldset.boxes.admin legend {
  font-weight: bold;
  font-size: 108%;
  letter-spacing: -1px;
  padding: 0.3em;
  color: #026f88;
}


table.full-width {
  width: 100%;
}
/****** Setup Navigation Buttons ******/

div.button {
  float:left;
  padding: 0;
  margin: -3px 2px 0 0;
  background:url("/images/interface/b1-left.gif") no-repeat left top;
}

div.button div {
  margin: 0 0 0 7px;
  background:url("/images/interface/b1-right.gif") no-repeat right top;
}

div.button input {
  border: none;
  background: none;
  color: white;
  padding: 0 30px 0.3em 8px;
  margin: 0;
  width: 16em;
  cursor: pointer;
  font-size: 100%;
  font-family: Verdana;
}

div.button_save input {
  width: 6em;
}

div.button_add {
  background:url("/images/interface/b2-left.gif") no-repeat left top;
}
div.button_add div {
  background:url("/images/interface/b2-right.gif") no-repeat right top;
}
div.button_next, div.button_save {
  float: right;
}
div.button_next div, div.button_save div {
}

div.button_exit {
}
div.button_exit div {
}

.clear:after, .break:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: inline-block;
  clear: both;
}

.vsplit {
  display: inline-block;
  width: 1px;
  content: "";
}

body.waiting {
  cursor: progress;
}

ul#child_legend {
  float: right;
}
ul#child_legend li {
  padding: 0.6em;
  margin-right: 0.1em;
}

#signup table tr th {
	width: 120px;
}

#help_faq p {
	padding: 5px;
}