i {
    font-style: normal;
}

/* ========================================================= */
/*   Main elements                                           */
/* ========================================================= */
html,body {
  margin:0;
  padding:0;
  height:100%;
}

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#3F1D07;
  background-color:#EBFBEB;
}

/* Typography - headings */
h1,h2,h3,h4 {
  font-family: Palatino,Georgia,"Times New Roman",serif;
}

h1 {
  /*
  margin:0;
  padding:0;
  font-weight:normal;
  font-family: "Trebuchet MS", arial, helvetica, sans-serif;*/
  /*color:#635D5A;  */
}

h2 {
  margin: 1em 0 0 0;
  padding:0;
  font-weight:normal;
}

h2.intro,
body.single div#content h2.intro {
  line-height:1.4em;
  border-bottom: 1px dashed #905A36;
  background-color:#F7F7BD;

  margin: 0 -30px;
  padding: 0.8em 30px 1em 30px;

}

ul.intro {
  line-height:1.4em;
  border-bottom: 1px dashed #905A36;
  background-color:#F7F7BD;

  margin: 0 -30px;
  padding: 1px 30px 1em 30px;

  list-style:none;
}

ul.intro li {

}

ul.intro li h2.selected span {
  font-weight:normal;
  background-color:#F7CE25;

  padding:3px;
  margin-right:-3px;
  margin-left:-3px;
}

ul.intro li h2 b {
  display:none;
}

ul.intro li h2.selected b {
  display:inline;
  color:#897450;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:70%;
}

ul.intro li h2 a {
  width:100%;
}

h3 {
  margin: 1em 0 0 0;
  padding: 0;
  font-weight:normal;
  line-height:1em;
}

h4 {
  margin: 1em 0 0 0;
  padding: 0;
  font-weight:normal;
  line-height:1em;
}

p {
  line-height: 1.5em;
}

div.calc p#results {
  margin-top:1em;
  margin-bottom:1em;
}

ul li {
  margin:0.6em;
}

span.clear {
  display:block;
  width:100%;
  clear:both;
}

.clear {
  clear:both;
}

.hidden {
  display:none;
}

/* ========================================================= */
/*   Layout                                                  */
/* ========================================================= */

div#wrapper {
  position:relative;
  margin:0 auto;
  width:960px;

  height:auto !important;
  height:100%;
  min-height:100%;

  background:transparent url(/images/bg-body-2008-10-16.png) repeat top center;
}

body.single div#wrapper,
body.twocol div#wrapper  {
  background:transparent url(/images/bg-body-single-2008-10-16.png) repeat top center;
}

div#container {
  width:900px;
  margin-left:30px;
  position:relative;

  padding: 0 0 14em 0;
}

div#header {
  border-top:10px solid #94C64A;
  background:#BCDA78 url(/images/header-2009-06-14-01.gif) no-repeat 490px -90px;
}

div#header div#tag {
  border-top:1px solid #A0CC58;
  border-bottom:1px solid #A0CC58;
  padding: 10px 10px 20px 30px;
}

div#header a {
  margin:0;
  color:#5E6D3C;
  text-decoration:none;
  display:block;
}

div#header span {
  color:#5E6D3C;
}

div#header h1 {
  margin:0;
  padding:0;
  font-weight:normal;
  letter-spacing: 0.1em;
  color:#5E6D3C;
}

div#header p {
  margin:0;
  padding:0;
  color:#5E6D3C;
}

div.topspacer {
  height:20px;
}

div#nav {
  background:#94C64A;
  float:left;
  width:100%;
}

div#nav ul {    
  margin:0;
  padding:0;
  float:left;
  margin-left:30px;
  display:inline;
  font-size: 0.9em;
  

}

div#nav ul li {
  float:left;
  margin:10px 20px 0 0;
  padding:0;
  list-style-type:none;
  background:#F7F7BD;
}

div#nav ul li a,
div#nav ul li span {
  background:#3285C4;
  display:block;
  text-align:center;
  padding: 5px 20px;
  border-top: 3px solid #6CA4D7;
  color:#D6E7F3;
  text-decoration:none;
}

div#nav ul li a:hover,
div#nav ul li a.focused {
  background:#6CA4D7;
  border-color:#98BFE4;
  color:#E2EDF7;
  text-decoration:none;
}

div#nav ul li span {
  background:#1A62A3;
  cursor:default;
  text-decoration:none;
  color:#E9F0F6;
  border-color: #3285C4;
}

div#nav ul li a.selected {
  background:#1A62A3;
  text-decoration:underline;
  color:#E9F0F6;
  border-color: #3285C4;
  text-decoration:none;
}

div#breadcrumb {
  background:#1A62A3;
  float:left;
  width:100%;
  /*height:2.6em;*/
  height: 38px;
/*  border-bottom: 3px solid #3285C4;*/
  font-size: 0.9em;
}

div#breadcrumb ol {
  margin:0 0 0 30px;
  padding:0;
  float:left;
  display:inline;
  font-size:90%;
  height:38px;
}

div#breadcrumb ol li {
  float:left;
  margin:0 0.8em 0 0;
  padding:12px 0 0 0;
  list-style-type:none;
  color:#D1E0ED;

}

div#breadcrumb ol li a {
  color:#D1E0ED;
}

div#breadcrumb div#loggedin {
  padding-top:0.6em;
  background-color:#FF0000;
  float:right;
}

div#breadcrumb div#loggedin p {
  display:inline;
}

div#breadcrumb div#loggedin form {
  display:inline;
}

div#breadcrumb div.submenu {
    color:#BBD0E4;
    font-size:90%;
    float:left;
    margin: 0 -30px 0 30px;
}

div#breadcrumb div.submenu .divider {
    float:left;
    height:26px;
/*    background:#0ff;*/
    margin: 0 0.2em;
    padding: 12px 0 0 0;
}

div#breadcrumb div.submenu a,
div#breadcrumb div.submenu span.selected {
    color:#BBD0E4;
    text-decoration:none;
    float:left;
    height:26px;
    margin: 6px 0 0 0;
    padding: 6px 0.6em 0 0.6em;
}

div#breadcrumb div.submenu a:hover {
    color:#fff;
    background: transparent url(/images/submenu.gif) no-repeat 50% -76px;
}

div#breadcrumb div.submenu a.selected,
div#breadcrumb div.submenu span.selected {  
    background: transparent url(/images/submenu.gif) no-repeat 50% 24px;
    color:#fff;
}

div#notification {
  background:#94C64A;
  float:left;
  width:100%;
  height:2.6em;
  border-bottom: 3px solid #71A02E;
  font-size: 0.9em;
}

div#notification p {
  margin:0 0 0 70px;
  padding:0;
  display:inline;
}

div#notification form {
  margin:0;
  padding:0;
  width:auto;
  display:inline;
}

div#notification form p {
  margin:0;
}

div#notification ol li {
  float:left;
  margin:0 0.8em 0 0;
  padding:0.6em 0 0 0;
  list-style-type:none;
  color:#D1E0ED;
}

div#notification ol li a {
  color:#D1E0ED;
}


div#container div#content {
  margin: 0 30px;
  padding: 0 0 6em 0;
  clear:both;
}

div#container div#content div#main {
  float:left;
  width:540px;
  padding-top:1px;
}

body.twocol div#container div#content div#main {
    float:left;
/*    border: 1px solid #000;*/
    width:400px;
}

body.twocol div#container div#content div#supplemental {
    float:right;
/*    border: 1px solid #000;*/
    width:400px;
}

div#container div#content div#supplemental {
  float:right;
  width:280px;
}

div#container div#content.threecol div#main {
  /*background-color:#FF0000;*/
  width:280px;
}

div#container div#content.threecol div#secondary {
  float:left;
  /*background-color:#0000FF;*/
  width:260px;
  margin-left:10px;
}

div#container div#content div#supplemental p,
div#container div#content div#supplemental li,
div#container div#content div#supplemental label {
  font-size:0.9em;
}

/* Main content link styles */
div#content a,
span.selectedLink {
  color:#175289;
  text-decoration:underline;
  padding:3px;       /* Gives breathing room round text when :hover background colour is applied */
  margin-right:-3px; /* Removes unwanted spacing introduced by above padding e.g. word followed ... */
  margin-left:-3px;  /* ... by punctuation mark would otherwise have [word<3px gap>punctuation - not good! */
}

div#content a:link {

}

div#content a:visited {

}

div#content a:hover,
div#content a:focus,
div#content a.focused,
span.selectedLink
{
  text-decoration:none;
  background-color:#175289;
  color:#F7F7BD;
}

div#content a:active {

}

body#pricing div#content a.bigarrow {
  margin:0;
  padding:0;
}

div#content p {
  margin: 0.4em 0 1em 0;
}

div#page-clear {
  clear:both;
}

div.content-clear {
    width:100%;
    clear:both;
    height:1px;
}

div#footer {
  width:900px;
  margin-left:30px;
  /*background:#29A500;*/
  /*background:#94C64A;*/
  background:#BCDA78;
  clear:both;
  border-top: 10px solid #94C64A;
  /*border-top: 10px solid #94C64A;4A6325
  border-top: 10px solid #4A6325;*/
  /*border-bottom: 10px solid #94C64A;*/
  position:absolute;
  bottom:0;
  font-size:90%;

  color:#4A6325;  
}

div#footer a {
    color:#4A6325;
    text-decoration:none;
}

div#footer a:hover {
    color:#263313;
    text-decoration:underline;
}

div#footer .twitterStatus {
  margin:1em 0;
  border-bottom: 1px solid #94C64A;
  padding: 0 0 0.6em 0;
  float:left;
  width:100%;

}

#footer .twitterStatus h3 {
    float:left;
    width:6em;
    text-align: right;
}

#footer .twitterStatus div.container {
    float:left;
    width:80%;
    margin-left: 0.6em;
}

#footer .twitterStatus h4 {
    font-size:110%;
}

#footer .twitterStatus div.content {
    font-size:90%;
    margin-left:0;
}

#twitterStatus {
  font-style:italic;
}

#footer .categories {
    float:left;
    list-style:none;
    padding:0;
    margin: 0 0 2em 6em;
}

#footer .categories .category {
  float:left;
  margin:0;
  padding:0 2em 0 1em;
}

#footer .categories .category ul {
  list-style:none;
  margin:1em 0 0 0;
  padding:0;
}

#footer .categories .category ul li {
  margin:0.4em 0 1em 0;
  padding:0;
  color:#4A6325;
  font-size:95%;
  
}

/* ========================================================= */
/*   Typoggraphy - specific                                  */
/* ========================================================= */

div#content div.calc em {
  font-size:1.2em;
  font-style:normal;
}

body.single div#container div#content div#main,
body.single div#container div#content div.main {
  float:none;
  width:auto;
  margin-left: 4em;
  margin-right:3em;
}


/* ========================================================= */
/*   Forms - generic                                         */
/* ========================================================= */
form input {
  overflow:visible; /* Fixes IE super wide button bug */
}

form input,
form textarea {
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

form input,
form textarea {
  padding: 3px 3px 5px 3px;
  margin: 0 0 0 0;
}

form input {
  font-size: 0.8em;
}

form textarea {
  font-size: 0.8em;
}

form select {
  padding-top: 2px;
}

form select option {
  padding: 3px 3px 1px 3px;
}

form label {
  display:block;
  margin: 0.6em 0 0.4em 0;
  font-weight:bold;
  font-size:0.8em;
}

form fieldset {
  margin: 1em 0;
  padding: 0 0.6em 0.6em 0.6em;
  background-color:#F7EC9E;
  border: 2px solid #F7CE25;
  width:90%;
  display:block;
}

form input.standout {
  font-size:120%;
  padding: 0.4em;
}

/* IE doesn't always get the margin right when a fieldset is the first element in a 'main' div */
/* The following hack lets a paragraph be placed before a fieldset to act as something for the fieldset's margin to 'push' against */
/* The paragraph is not normally displayed expect for IE through a custom style sheet */
p#ieFormSpacer {
  display:none;
}

form fieldset.submit {
  margin: 0 0 1em 0;
  padding:0;
  background-color:transparent;
  border: none;
}

form fieldset.secondary {
 margin-top:1.6em;
 padding-top:0.6em;
 border-top:1px solid #CCCCCC;
}

form fieldset fieldset {
  border:none;
}

body.single form.fieldset {
  width:100%;
}

form fieldset legend {
  background-color:#F7CE25;
  padding: 0.4em;
}

form fieldset fieldset legend {
  background-color:transparent;
}

fieldset.radioset label {
}


fieldset.radioset input {
  margin: 0 0.6em 0 0;
}

form fieldset.forValidation {
  margin:0;
  padding:0;
  border:none;
  background-color:transparent;
}

form .standby {
  background-color:#fff;
  border-top: 2px solid #848284;
  border-left: 2px solid #848284;
  border-right: 2px solid #D6D3CE;
  border-bottom: 2px solid #D6D3CE;
}

form input.focused,
form select.focused,
form textarea.focused
{
  background-color:#EFEBDE;
  border-top: 2px solid #577927;
  border-left: 2px solid #577927;
  border-right: 2px solid #94C74A;
  border-bottom: 2px solid #94C74A;
}

form#contact textarea,
form#contact input#subject {
  width:760px;
}

form textarea#rootkey {
  font-family:"Courier New", Courier, monospace;
}

form ul.checklist {
  list-style: none;
  padding-left:0;
  margin-left:0;
}

form ul.checklist li {
  list-style-type: none;
  padding:0;
}

form ul.checklist li label {
  padding: 0.8em;
  margin:0;
}

form ul.checklist li label.state-new {
  background-color:#CBEBA9;
  border: 1px solid #94C64A;
}

form ul.checklist li label.state-modified {
  background-color:#A8C9E8;
  border: 1px solid #1A62A3;
}

form ul.checklist li label.selectedChecklist {
  background-color:#FCDB94;
  border: 1px solid #C18A07;
}

form ul.checklist li {
  float:left;
}

form ul.checklist-fullwidth {

}

form ul.checklist-fullwidth li {
  width:100%;
}

form ul.checklist li div.checklist-item {
  float:left;
  display:block;
  width:100%;
  height:100%;
  padding: 5px 0;
}

form ul.checklist li div.checklist-selected {
  background-color:#F7E06E;
}

form ul.checklist li div.checklist-focused {
  background-color:#F7E686;
}

form ul.checklist li input {
  margin: 0 0 0 0.6em;
}

form ul.checklist-inline li label {
  margin: -0.8em 0 0 0;
  padding: 0.8em 0 0.8em 0.6em;
}

form ul.checklist-inline li input {
  margin-right:0;
  float:left;
}

form ul.checklist-inline li div {
  float:left;
}

form ul.threeitems-inline li {
  float:left;
  width:30%;
}

form ul.fouritems-inline li {
  float:left;
  width:20%;
}

div#content form p.formhint,
p.formhint {
  font-size:80%;
  color:#606060;
  line-height:100%;
  margin: -0.2em 0 0.4em 0;
  padding:0;
}



div#content form fieldset.radioset p.formhint {
  margin-left: 1.6em;
}

form fieldset.fieldset-inline {
  width:100%;
}

div#content div.main form ul.checklist-inline li p.formhint {
  margin: 0.1em 0 0 0;
}

div#usageWarningAlert p {
  padding:0;
  margin:0;
}

form.standalone fieldset {
  margin: 2em 0;
  padding:0;
  border:none;
  background-color:transparent;
}

form.standalone fieldset legend {
  display:none;
}

form.standalone fieldset label {
  font-size:1em;
}

form.standalone fieldset input,
form.standalone fieldset textarea {
  font-size:1em;
  padding:8px;
}

form.standalone fieldset input.button {
  font-size:0.9em;
  padding: 0.4em;
  width:auto;
  overflow:visible;
}

/* ========================================================= */
/*   Forms - specific                                        */
/* ========================================================= */

form.calc select {
  margin-left:0.6em;
}

form.calc p.button {
  display:block;
  text-align:center;
}

form.calc p.button input {
  padding-left:2em;
  padding-right:2em;
}

form.calc fieldset {
  width:42%;
  display:block;
  float:left;
}

form.calc fieldset.second {
  float:right;
  margin-right:0.6em;
}

form.calc2 {

}

form.calc2 div {
  float:left;
  margin-right:1.6em;
}

form.calc2 fieldset#calcPeriod legend {
  margin-bottom:0.6em;
}

form.calc2 div#calcSubmit {
  margin-top:4.4em;
  margin-left:1em;
}

form.calc2 fieldset {
  border:none;
  background:transparent;
  float:left;
  width:auto;
}

form.calc2 div#results {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;

  width:100%;
}

form.calc2 div#results em {

}

/* ========================================================= */
/*   Forms - specific - purchase credit, amount selector     */
/* ========================================================= */

form fieldset#creditPurchaseAmount {

}

form fieldset#creditPurchaseAmount label {

  background-color:#F7CE25;
  text-align:center;
  font-weight:normal;
  font-size:1.6em;

  margin: -3.2em 0 0 0;
  padding: 0.8em 0 1.6em 0;
  cursor:pointer;
  border: 5px solid #F7CE25;

  width:100%;
  height:100%;

}

form fieldset#creditPurchaseAmount label.selected {

}

form fieldset#creditPurchaseAmount span {
  width:20%;
  float:left;
  margin: 1em 3% 1em 1%;

}
form fieldset#creditPurchaseAmount span.firstBox {
  margin: 1em 3% 0 4%;
}

form fieldset#creditPurchaseAmount input {
  margin-left:50%;
  margin-top:5em;
  padding:0;
}

/* ========================================================= */
/*   Tickets                                                 */
/* ========================================================= */

body.ticket ol#entries {
  list-style:none;
}

body.ticket ol#entries {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

body.ticket ol#entries li.entry {
  border-left: 10px solid #94C64A;

  margin:1em 0 2em 0;
  padding: 0.1em 0 0 0.6em;

  overflow:auto;
}

body.ticket ol#entries li.entry p {
  line-height:1.2em;
}

body.ticket ol#entries li.adminEntry {
  border-left: 10px solid #3285C4;
}

body.ticket ol#entries li.previewEntry {
  border-left: 10px solid #F8BF24;
}

ul#messageList {
  margin-right:3em;
}

body.ticket ol#entries li.entry ul.entryDetails,
div#recentMessages ul#recentMessageList ul.recentMessage-details,
ul#messageList ul.message-details
{
  list-style:none;
  font-size:0.8em;
  margin: 0 0 0 1em;
  padding:0;
}

ul#messageList a {
  display:block;
  width:100%;
}

ul#messageList li {
  /*border-bottom: 1px solid #AF8A71;*/
  padding-bottom: 0.8em;
}

body.ticket ol#entries li.entry ul.entryDetails li,
div#recentMessages ul#recentMessageList ul.recentMessage-details li,
ul#messageList ul.message-details li
{
  margin: 0;
  padding:0;
  color:#79604F;
  border-bottom:none;
}

body.ticket ol#entries li.entry ul.attachments {
  margin:0 0 0 1em;
  padding:0;
  font-size:0.8em;
}


body.ticket ul#details {
  list-style:none;
  margin:0;
  padding:0;
}

body.ticket ul#details li h4,
body.ticket ul#details li p {
  display:inline;
  margin:0 0.4em 0 0;
  padding:0;
}

body.ticket ul#details h4 {
  font-size:1em;
}

body.ticket div#details p {

}

body.ticket #responseForm {
    margin: 4em 0 0 0;
}

body.ticket #responseForm textarea {
    width:500px;
}

/* ========================================================= */
/*   Tables                                                  */
/* ========================================================= */
table {
  margin: 1em 0 1em 1em;
  padding: 0;
  font-size:0.8em;
}

table th {
  /*font-size:1.2em;*/
  border-bottom: 2px solid #C7C1B1;
  padding:5px 5px 5px 5px;
  font-family: Palatino,Georgia,"Times New Roman",serif;
  text-align:left;
}

table td {
  padding: 3px 5px 3px 5px;
  border-bottom: 1px solid #C7C1B1;
}

table .dataRight {
  text-align:right;
}

table.full {
  width:94%;
}

table.half {
  width:44%;
}

div.table-half table {
  float:left;
}

table.col-12 th {
  width:100%;
}

table.col-12 td,
table.col-24 th {
  width:50%;
}

table.col-24 td {
  width:10%;
}

table.col-24 td.label {
  width:40%;
}

table.half td {
  /*width:30%;*/
}

table.half td.value {
  width:30%;
  text-align:right;
  padding-right:1em;
}

table.half td.value-aligned {
  width:70%;
  text-align:left;
  padding-left:1em;
}

table.half td.label {
  width:70%;
  text-align:left;
  padding-left:1em;
}

table.half td.label-aligned {
  width:30%;
  text-align:left;
  padding-left:1em;
}

table.half td.total {
  border-top: 1px solid #C7C1B1;
  border-bottom: 2px solid #C7C1B1;
}

table.half td.label a {
  display:block;
  width:100%;
}

table.listed {
  border:none;
  font-size: 1em;
  margin: 1em 5% 1em 5%;
  background-color:#D2D2A1;
  padding:0.4em;
  width:90%;
}

table.listed td,
table.listed th {
  border:none;
}

table.listed th {
  text-align:right;
  width:35%;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  vertical-align:bottom;
}

table.listed td {
  text-align:left;
  padding-left:0.6em;
  width:65%;
}

table.listed tr.spaced td {
  padding-top: 1.4em;
}

body.transaction div#main h2 {
    margin-bottom:1em;
}

body.transaction div#details table.listed {
    margin:1em 0 0 0;
    font-size:90%;
}

table.stat {

}

table.stat td,
table.stat td {
  padding: 0.6em 1em;
}

table.stat tr.total td {
  border-top: 1px solid #C7C1B1;
}

table.serviceSummary {
  /*width:500px;
  width:90%;*/
}

table tr.highlightedRow {
  background-color:#F7EC9E;
}

table.messageList {
  float:none;
  margin:1em 0;
}

body.single table.messageList {
  width:100%;
}

div#content table.messageList a {
  font-size:1.2em;
  display:block;
  margin: 0;
  padding:0.6em;
}

div#content table.messageList a {
  font-size:1.2em;
  display:block;
  margin: 0;
  padding:0.6em;
}

.arrow {
  display:block;
  width:8px;
  height:4px;
  float:left;
  margin-top:-25px;
  background-color:transparent;
  background-image:url(/images/arrow.gif);
  background-repeat:no-repeat;
  background-position:-10px -10px;
}

th a.desc span {
  background-position: 0px 0px;
}

th a.asc span {
  background-position: 0px -4px;
}

th a.desc-over span {
  background-position: 0px -8px;
}

th a.asc-over span {
  background-position: 0px -12px;
}

table.messageList th.messageSubject {
  width:60%;
}

table.messageList th.messageLastUpdated {
  width:20%;
}

table.messageList th.messageStatus {
  width:20%;
}

/* ========================================================= */
/*   Dialog boxes                                            */
/* ========================================================= */
div.dialog {
  z-index:200;
  position:absolute;
  top:0;

  background:transparent url(/images/trans60.png);

  padding:1em;
}

div.dialog div.dialogWrapper {
  background-color:#F7EC9E;
  padding: 1em;
  border: 2px solid #F8BF24;
}

div.dialog div.dialogWrapper div.dialogBody {

}

div.dialog div.dialogWrapper div.dialogBody h2 {
  padding:0;
  margin-top:0;
  margin-bottom:0.8em;
  text-align:left;
}

div.dialog div.dialogWrapper div.dialogBody p {
  text-align:left;
  font-size: 0.9em;
}

div.dialog div.dialogWrapper div.dialogBody form {

}

div.dialog div.dialogWrapper div.dialogBody form input.button {
  margin-left:1.4em;
}

div.dialog div.dialogBody img#indicator {
  margin-bottom:1em;
}

/* ========================================================= */
/*   User account features                                   */
/* ========================================================= */

body.account ul#contactDetails {
  list-style:none;
  margin:0;
  padding:0;
}

div#container div#content div#supplemental div#creditContainer p#creditDisplay {
  font-size: 2em;
  margin-left:0.3em;
  margin-top:0.1em;
}

.creditOverdrawn,
div#container div#content div#supplemental div#creditContainer p.creditOverdrawn {
  color:#f00;
}

/* ========================================================= */
/*   Admin features (might still be moved to separate file   */
/* ========================================================= */

form#filterform {
  width:100%;
}

form#filterForm fieldset {
  width: 25%;
  float:left;
  margin-right:3%;
}

form#filterForm fieldset input {
  margin-right: 0.6em;
  margin-left:0.4em;
}

form#filterForm fieldset.fieldset-inline {
  width:96%;
}

form#filterForm fieldset.fieldset-inline div {
  float:left;
  margin-top:0.8em;
  margin-left:1em;
}

form#filterForm fieldset.fieldset-inline div label,
form#filterForm fieldset.fieldset-inline div input {
  display:inline;
}

form p {
  clear:both;
}

form fieldset.stacked label,
form fieldset.stacked input {
  float:left;
}

form fieldset.stacked span {
  float:left;
  width:100%;
  display:block;
  margin-bottom:0.6em;
}

form fieldset#clusterManagementProperties {
  width:50%;
}

form fieldset#clusterManagementProperties label {
  width:7em;
  text-align:right;
}

form#filterForm fieldset ul.prefilter {
  clear:both;
  list-style:none;
  margin: 0 0 0 0;
  padding: 1em 0 0 0;
}

form#filterForm fieldset ul.prefilter li {
  display:inline;
  list-style-type:none;
  padding: 0;
  font-size:80%;
}

/* ========================================================= */
/*   Article list (support)                                  */
/* ========================================================= */

body#article-listing {

}

body#article-listing div#main ul {
  list-style-type:none;
}

body#article-listing div#main ul li {
    margin:1em 0;
}

body#article-listing div#main ul li a {
    text-decoration: none;
}

body.article-summary-listing div#main ol.index {
  font-family: Palatino,Georgia,"Times New Roman",serif;
  margin:2em 0 4em 0;
  padding:0;
  font-size:120%;
}

body.article-summary-listing div#main ol.index li {
    margin:1em 0;
}

body.article-summary-listing div#main ol.index li a {
    text-decoration: none;
}

body.article-summary-listing div#main ol.entries {
    list-style: decimal;
    margin:0;
    padding:0;
    font-family: Palatino,Georgia,"Times New Roman",serif;
    font-size:180%;
}

body.article-summary-listing div#main ol.entries li {
/*    margin:1em 0;*/

}

body.article-summary-listing div#main ol.entries li div.entry-asset {
    font-size:55%;
}

body.article-summary-listing div#main .asset-header {
    margin-top:4em;
}

body.article-summary-listing div#main ol.entries li h1 {
  margin: 1em 0 0 0px;
  padding:0;
  font-weight:normal;
  font-size:1.5em;
}

body.article-summary-listing div#main ol.entries li h2 {
  margin: 1em 0 0 0;
  padding: 0;
  font-weight:normal;
  line-height:1em;
  font-size:1.3em;
}

body.article-summary-listing div#main ol.entries li h3 {
  margin: 1em 0 0 0;
  padding: 0;
  font-weight:normal;
  line-height:1em;
  font-size:1.1em;
}

body.article-summary-listing div#main ol.entries li p,
body.article-summary-listing div#main ol.entries li a,
body.article-summary-listing div#main ol.entries li ul li {
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

body.article-summary-listing div#main div.faq-listing div.asset-body {

}

div#main ul.entry-stats {
    list-style:none;
    font-size:80%;
    color:#9B8A62;
    margin:0.6em 0 2em -70px;
    padding:0;
}

div#main ul.entry-stats li span.label {
  float:left;
  width:8em;
}

div#main ul.entry-stats li span.data {

}

div#main p.entry-categories {
    color:#9B8A62;
    font-size:80%;
    margin: 0.6em 0 2em -60px;
}

body.articleList div#main ul {
  list-style: none;
  margin:0;
  padding:0;
}

body.articleList div#main ul {
  list-style: none;
  margin:0;
  padding:0;
}


body.articleList div#main h2 {
  border-top: 1px dashed #000;
  padding-top:0.8em;
}

body.articleList div#main h2.first {
  border-top: none;
  padding-top:0.8em;
}

body.articleList div#main ul li h3 a {
  display:block;
  width: 100%;
  padding: 0.6em 0.6em 0.6em 0.6em;
  margin: -0.6em -0.6em -0.4em -0.6em;
}

body.articleList div#main ul li p {
  color:#666666;
  font-size:80%;
}

body.articleList div#supplemental ul {
  padding-left:0.8em;
}

body.articleList div#supplemental ul li {
  font-size:80%;
}

body#category-list div.figure {
    margin: 1em 0 2em 0;
}

body#category-list div.figure img {

}

body#category-list div.figure p {
    font-style:italic;
    font-size:90%;
}

div#main-search {
  line-height:1.4em;
  border-bottom: 1px dashed #905A36;
  background-color:#F7F7BD;

  margin: 0 -30px;
  padding: 0.8em 30px 1em 30px;
}

div#main-search form {
  padding: 0.8em 0;
}

div#main-search form fieldset {
  margin:0;
  padding:0;
  border:none;
  background:transparent;
}

div#main-search form input {
  font-size:1.0em;
}

div#main-search form input#search {
  padding:7px;
}

div#main-search form input.button {

}

.asset-header .byline {
  font-size: 80%;
  color:#64492B;
}

body.articles div#main div.hentry  .vcard a.email {
  text-decoration:none;
}

.asset-header .byline abbr {
  border:none;
}

/* archive-content */
.archive-content ul {
  list-style:none;
  margin: 2em 0;
  padding:0;
  float:left;
}

.archive-content ul li {
  margin:0.2em 0;
  padding:0;
  float:left;
  width:100%;
}

.archive-content ul li .published {
  float:left;
  width:16%;
}

.archive-content ul li .date {
  font-size: 80%;
  color:#64492B;
  margin-top:3px;
}

#content .archive-content ul li a {
  float:left;
  text-decoration:none;
  width:80%;
}




/* ========================================================= */
/*   Service management                                      */
/* ========================================================= */

div#services {
    padding-top:1em;
}

div#container div#content div#supplemental div#accountBalance p,
div#container div#content div#supplemental div#serviceCost p  {
  font-size:280%;
  margin:0;
  padding:0;
}

div#accountBalance a,
div#serviceCost a {
  font-size:80%;
}

/* ========================================================= */
/*   Sidebar item boxes                                      */
/* ========================================================= */

div.sideItem {
  margin: 1em 0;
  width:100%;
  background-color:#FCF7D8;
  padding: 10px;
}

div.sideItem h3 {
  margin:0;
  padding:0;
}

/* ========================================================= */
/*   Usage bars                                              */
/* ========================================================= */

div.usage {
/*
  margin: 1em 0;
  width:100%;
  background-color:#FCF7D8;
  padding: 10px;
*/
}



div.usage .detail {
  font-size:80%;
  color:#666;
}

div.usage p.detail {
  margin:0;
  padding:0;
  display:inline;
}

div.usage div.bar {
  margin-top:0.5em;
  margin-bottom:0.2em;
}

div.usage form input {
  vertical-align:bottom;
}

div.usage div.bar span.free,
div.usage div.bar span.used {
  float:left;
  height:1.6em;
}

div.usageFine div.bar span.used {
  background-color:#4AA338;
  width:20%;
}

div.usageFine div.bar span.free {
  background-color:#ACD384;
  width:80%;
}

div.usageNotice div.bar span.used {
  background-color:#F8CC48;
  width:20%;
}

div.usageNotice div.bar span.free {
  background-color:#F7DE79;
  width:80%;
}

div.usageWarning div.bar span.used {
  background-color:#E3523D;
  width:20%;
}

div.usageWarning div.bar span.free {
  background-color:#F1C899;
  width:80%;
}

div.usageUnlimited div.bar span.used {
  background-color:transparent;
  width:0;
}

div.usageUnlimited div.bar span.free {
  background-color:#ACD384;
  width:100%;
}

/* ========================================================= */
/*   Manage hosting account - layout                         */
/* ========================================================= */

div#serviceSummary ul {
  font-size:1em;
  list-style:none;
  padding:0.2em;
  margin:0;
  background-color:#D2D2A1;
}

div#serviceSummary ul li {

}

div#serviceSummary ul li h3 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:90%;
  font-weight:bold;
  margin:0;
  padding:0;
}

div#serviceSummary ul li p {
  margin:0;
  padding:0;
  font-size:80%;
}

div.grouped {
  border-left: 5px solid #F8BF24;
  padding: 0.4em 0 0.4em 1.4em;
  margin: 1em 0 1.8em 0;
}

div.grouped h2 {
  margin:0;
  padding:0;
}

/* ========================================================= */
/*   Support page                                            */
/* ========================================================= */

div.support-splashblock {
  background-color:transparent;
  background-image:url(/images/support-sprites-256-2008-10-16.png);
  background-repeat:no-repeat;

  min-height:180px;
}

div.support-splashblock div.support-text {
  margin-left:190px;
}

div#support-contact {

}

div#support-articles {
  background-position: 0px -500px;
}

/* ========================================================= */
/*   Suspension/termination notification                     */
/* ========================================================= */

div#actionWarning {
  float:left;
  width:50%;
}

fieldset#actionReason {
  float:right;
  width:48%;
}

/* ========================================================= */
/*   Columing experiments                                    */
/* ========================================================= */

div.fw {
  /*background-color:#ff0;*/

  margin: 0 -30px;
  padding: 0 30px;

  display:inline;
}

div.fw div.col {
  width:45%;
}

dv.fw div.left {
  float:left;
}

div.fw div.right {
  float:right;
}

/* ========================================================= */
/*   Pricing (calculator)                                    */
/* ========================================================= */

body#pricing {

}

body#pricing div.fw {
  /*background-color:#ff0;*/
  float:left;
  width:100%;
}

body#pricing div#calculator {
  /*background-color:#0f0;*/

}

body#pricing div#calculator form {
  /*background-color:#ff0;*/
  float:left;
  width:420px;
  border-right: 1px solid #905A36;
  /*margin: 1em 0 1em 0;  */
  padding: 1em 0;
}

body#pricing div#calculator form p {
  padding: 0 0.8em;
}

body#pricing div#calculator form fieldset {
  /*display:inline;*/
  /*background-color:#0f0;*/
  width:auto;
  margin:0;
}

body#pricing div#calculator form fieldset#calculator-input {
  /*border: 1px solid #ff0;
  float:left;*/
  /*width:320px;*/
  padding: 0 0 1em 0;
}

body#pricing div#calculator form fieldset#submission {
  /*border: 1px solid #000;
  float:left;*/
  margin: 0 0 0 1em;
}

body#pricing div#calculator form fieldset#submission input {
  margin: 0 0 0 12em;
  font-size:1em;

}

body#pricing div#calculator form fieldset#calculator-input div.calculator-field {
  float:left;
  width:100%;
}

body#pricing div#calculator form fieldset#calculator-input div#storageinput {
  margin:1em 0 0 0;
}

body#pricing div#calculator form fieldset#calculator-input div#bandwidthinput {
  margin:0.8em 0 0 0;
}

body#pricing div#calculator form label {
  float:left;
  text-align:right;
  /*background-color:#f0f;*/
  width:12em;
  /*border: 1px solid #000;*/
}

body#pricing div#calculator form span.text {
  margin: 0 0 0 1em;
  float:left;
}

body#pricing div#calculator div#output {
  /*background-color:#fff;*/
  float:right;
  width:340px;
  margin: 1em 0 0 0;
}

body#pricing div#calculator div#output em {
  font-style:normal;
}

body#pricing div#calculator div#output ul {
  list-style:none;
  margin:0;
  padding:0;
}

body#pricing div#calculator div#output ul li {
  margin:1em 0;
  padding:0;
}

body#pricing div#calculator div#output ul li b {
  font-weight:normal;
  font-size:300%;
}

body#pricing div#calculator div#output ul li span {
 font-size:90%;
}

body#pricing div#calculator div#output ul li#monthly span {
 font-weight: bold;
}

body#pricing div#calculator div#output ul li#yearly {
 color: #ADA074;
}

body#pricing div#calculator div#output ul li#yearly b {
 font-size:150%;
}

body#pricing table tr td {
  vertical-align:middle;
  padding-top:1em;
}

body#pricing table h3 {
  margin: 0;
  padding: 0;
}

body#pricing table p {
  font-size:90%;
  color:#513219;
}

body#pricing table a {
  text-decoration:none;
}

body#pricing table th#pricingDescription {
  width:60%;
}

.bigarrows {
  float:left;
  margin: 0 0 0 0.6em;
}

.bigarrow {
  display:block;
  width:32px;
  height:18px;
  background:transparent url(/images/arrows.png) no-repeat 0 0;
}

.bigarrow-up {
  background-position: 0 -36px;
}

.bigarrow-down {
  background-position: 0 -54px;
}

.bigarrow-up:hover,
.bigarrow-up:focus {
  background-position: 0 0;
}

.bigarrow-down:hover,
.bigarrow-down:focus {
  background-position: 0 -18px;
}

/*
.bigarrow-up:active,
.bigarrow-up-acitve {
  background-position: 0 -72px;
}

.bigarrow-down:active,
.bigarrow-down-active {
  background-position: 0 -90px;
}
*/

/* ========================================================= */
/*   About us page                                           */
/* ========================================================= */

body#about div#hrvcard {
  margin:1em 0 2em 2em;
  color:#64482A;
}

body#about div.vcard {
  font-family: Palatino,Georgia,"Times New Roman",serif;
  font-size: 1.2em;
  margin:0;
  padding:0;
}

body#about div.vcard span {
  display:block;
  margin: 0 0 0.2em 0;
}

/* ========================================================= */
/*   API access                                              */
/* ========================================================= */

.apiKey {
  display:block;
  font-family: Palatino,Georgia,"Times New Roman",serif;
  font-size: 1.4em;
  color:#8C7853;
  margin: 1em 0 1em 0;
}

#primaryKey {
  margin-bottom:2em;
}

/* ========================================================= */
/* Log in / register / reset password                        */
/* ========================================================= */

/* Log in / register / reset password */
form.login input.button {
    margin-top:2em;
}

/* ========================================================= */
/*   Errors, warnings and confirmations                      */
/* ========================================================= */

.highlight {
    background-color:#F7CE25;
}

.downplay {
    color:#9B8A62;
}

div.grouped h2.highlight,
h2.highlight {
    padding: 5px 10px;
}

em.normal,
em.positive,
em.notice,
em.warning {
  padding: 3px;
  font-style:normal;
}

p.noticeFollowup {
  margin-top:100px;
}

em.positive {
  background-color:#4AA338;
  color:#FFF;
}

em.notice {
  background-color:#F8BF24;
}

em.warning {
  background-color:#DB0C07;
  color:#FFF;
}

p.note,
div.note {
  padding: 0.6em;
  background-color:#F7EC9E;
  border: 2px solid #F7CE25;
}

div.note {
  margin-top:1em;
}

div.note h2 {
  margin:0;
}

div#main div.note p {
  margin:0.6em 1.4em;
}

p.noteError {
  border-color: #DB0C07;
  background-color:#FDD9D9;
}

p.noteConfirm {
  /*border-color: #DB0C07;*/
  border-color:#008000;
}

div.error,
div.confirm {
  margin: 1em 0;
  padding: 1em;
  border: 5px solid #000;
}

div.error {
  border-color: #DB0C07;
  background-color:#F7F7BD;
}

div.confirm {
  border-color:#008000;
}

div.confirmLight {
  border-width:2px;
}

div.noteLight {
  background-color:transparent;
}

div.errorLight {
  border-width:2px;
  background-color:transparent;
}

div.confirm-graphic {

}

div.closedalert {
  background-color:#F7F7BD;
  margin: 0 -30px;
  padding: 0.8em 30px 1em 30px;
}

div.intro {
  border-bottom: 1px dashed #905A36;
}

div.error h2,
div.confirm h2 {
  margin-top: -0.3em;
}

div.error h2 {
  color:#DB0C07;
}

div.error input {
  margin: 0 0.4em 0.1em 1em;
}

form input.error,
form textarea.error,
form select.error {
  border-top: 2px solid #F02200;
  border-left: 2px solid #F02200;
  border-bottom: 2px solid #FFA191;
  border-right: 2px solid #FFA191;
  background-color: #ffcece;
}

h2.error {
  color:#DB0C07;
}

span.success {
  color:#003300;
}

span.fail {
  color:#990000;
}