body {
font-size: 90%;
margin: 0;
background-color: #cfd0d0;
}

/* begin header bar definition */

div#header_bar {
margin-top: 0px;
padding:0px;
background-color:#333;
background-image: url("/public/images/ui/bg-header.png");
color: #aaa;
border: none;
width:100%;
text-align: right;
height: 32px;
max-height:32px;
padding-top: 2px;
min-width: 960px;
font-size:12px;
font-weight: bold;
}

div#link-apps{
background-image: url("/public/images/ui/icon-apps.png");
float:left;
background-position:left; 
background-repeat:no-repeat;
padding-left:20px;
padding-right:15px;
}

div#link-community{
background-image: url("/public/images/ui/icon-community.png");
float:left;
background-position:left; 
background-repeat:no-repeat;
padding-left:15px;
padding-right:15px;
}

div#link-blog{
background-image: url("/public/images/ui/icon-blog.png");
float:left;
background-position:left; 
background-repeat:no-repeat;
padding-left:20px;
padding-right:15px;
}

div#link-pachube{
background-image: url("/public/images/ui/icon-pachube.png");
float:left;
background-position:left; 
background-repeat:no-repeat;
padding-left:20px;
padding-right:15px;
}

div.api_key_container {
font-weight:normal;
padding:10px;
background-color:#ebebeb;
margin-right: 6px;
}

div#header_bar a {
color:#FFF;
text-decoration:none;
}

div#header_bar a:hover {
color:#999;
}

div#signup_box {
float:left;
margin-left:4px;
background-image:url("/public/images/ui/btn_signup.png");
width:80px;
height:24px;
background-position:0px 0px;
}

div#textHeader {
float:left;
}

div#textfix {
float:left;
}
div#signup_box:hover {
cursor:pointer;
background-position:0px 24px;
}

div#header-wrapper {
float:left; 
}

div#header-left {
padding-top:5px;
font-size:13px;
text-align:left;
float:left;
padding-left:5px;
}

div#header-right {
padding-top:5px;
text-align:right;
float:right;
padding-right:5px;
margin:0px;
}

div#header_bar label {
font-weight: normal;
margin:0px;
padding:0px;
}

div#header_bar fieldset {
margin:0;
padding:0;
}

.loginbutton {
cursor:pointer; 
color: #fff;
border: 1px #F06;
background-color: #F06;
height: 18px;
font-size:1em;
vertical-align:middle;
padding-bottom:4px;
background-image:url(/public/images/ui/btn-login-bg.png);
}

.loginbutton:hover {
background-color: #000;
background-image:url(/public/images/ui/btn-login-bg-o.png);
}

.loginbutton:active {
background-color: #F69;
background-image:url(/public/images/ui/btn-login-bg.png);
}

.forgot_password {
font-size:0.9em;
}

/* end header bar definitions */

div#header {
padding-top:10px;
}

/* begin map definitions */

div#map {
overflow:hidden;
height:420px;
clear:both;
position: absolute;
z-index: 1;
}

div#message-form-box {
float:left; 

}
div.map-browse {
border-left:1px solid #F06;
border-right:1px solid #F06;
border-bottom:1px solid #F06;
margin:0;
width: 708px;
max-width: 720px;
}

div#map_container {
height:421px;
margin:0px;
padding:0px;
}


div#usermap {
overflow:hidden;
height:270px;
width:685px;
clear:both;
border:1px solid #F06;
margin:0;
}

hr.usermap-line {
background: #F06;
padding:0px;
margin:0px;
margin-top:10px;
height:1px;
}

/* end map definitions */

div.map-add {
border-top:1px solid #FC6;
border-left:1px solid #FC6;
border-right:1px solid #FC6;
margin:0;
}

div#admin-view div#list-view {
width: 100%;
}

div#list-view {
width: 708px;
border:1px solid #ff4992;
clear:both;
margin:0;
background-color: #f9f9f9;
}

div#list-view p {
margin-bottom: 0.1em;
}

div.general {
padding:20px;
}

div.pagination_container {
height:1.8em;
background-color: #eae9e9;
font-size: 0.8em;
border-bottom: 1px solid #eae9e9;
}

div.pagination_header {
font-size:0.8em;
padding: 5px 0px 5px 0px;
background-color: #eae9e9;
}

div.pagination {
text-align: right;
float: right;
padding:2px 5px 2px 3px;
}

div.pagination_entries_info {
float: left;
padding: 2px 3px 2px 5px;
font-size: 0.95em;
}

.enabled,.disabled,.current,.page {
padding:3px;
}

.live {
color:#00cb03;
}

.frozen {
color:#00a4cb;
}

#list-description {
  font-size:21px;
  line-height:20px;
}

div#description {
float: left;
margin-top:1em;
clear:both;
margin-bottom:1.2em;
color:#6d6e72;
font-size: 1.2em;
}

div#main-buttons {
clear:both;
line-height:0;
}

div#input-button {
text-align:left;
}

div#output-button {
text-align:right;
}

/* begin view */

div.view {
font-size:0.9em;
background-color:#FCC;
border-left:1px solid #F06;
border-right:1px solid #F06;
}

div.view a:focus { color:black; }

div.view a:hover { color:black; }

div.view a { color:white; text-decoration:none; }

div#view-top {
background-image:url(/public/images/ui/top_view.png);  
background-color:#ff004c;
border-top:1px solid #F06;
border-bottom:1px solid #F06;
height:36px;
}
div#view-top-cats {
height: 25px;
background: #000;
color: #999;
font-size:0.7em;
}

div#view-top-cats a{
color: #fff;
}

div#view-top-cats a:hover {
color: #666;
}

div#view-top-cats img{
vertical-align: middle;
}

div#view-bottom {
background-image:url(/public/images/ui/bottom_view.png); 
width:708px;
margin-bottom:10px;
border-bottom:1px solid #F06;
background-color: #ff1a5e;
}

div.view-left { 
color:black;
padding-top:8px;
font-size:1.2em;
line-height:20px;
text-align:left;
float:left;
padding-left:8px;
}

div.view-left-cats {  
color:black;
padding-top:3px;
font-size:1.2em;
line-height:20px;
text-align:left;
float:left;
padding-left:8px;
}

div.option {
float:left;
text-align:right;
padding-right:10px;
}

div.expandable {
  background-color:#f5f5f5;
  background-repeat:repeat-x;
  margin-top:5px;
  padding:10px;
}

div.option img {
float:left;
}

/* footer */
div.view-left-footer {  
color:#a8a8a8;
width:430px;
font-size:0.9em;
text-align:left;
float:left;
padding-top:10px;
padding-left:15px;
}

div.view-col-footer {
margin-top:20px;
font-size:13px;
line-height:23px;
text-align: left;
float:left;
width:160px;
height:90px;
padding-left:10px;
border-left:2px solid #484848;
}

div.view-col-footer img {
padding-left:5px;
/*  border:1px solid white;*/
}

div#copyright {
font-size:12px;
float:left;
padding-top:28px;
}

div#footer {
margin:0 auto;
color: #aaaaaa;
width:970px;
}

div#footer_container {
height:140px;
width:970px;
margin:0 auto;
background-color: #333333;
}

div#footer a { color:white; text-decoration:none; }
div#footer a:hover { color:#a8a8a8; text-decoration:none; }

div#text-follow {
float:left;
padding-top:5px;
padding-left:35px;  
}

div.view-right-footer {
padding-right:15px;
padding-top:30px;
width:220px;
font-size:0.9em;
text-align:right;
float:left;
color:#a8a8a8;
}

div.view-left-bottom {  
font-size:1.1em;
padding-top:1px;
text-align:left;
float:left;
padding-left:8px;
}

div.view-right {
padding-top:4px;
text-align:right;
float:right;
padding-right:5px;
vertical-align:middle;
color:white;
}

div.view-right-bottom {
padding-top:2px;
text-align:right;
float:right;
padding-right:5px;
vertical-align:middle;
color:white;
}
/* end view */

/* start environment list definitions */

div.environment-title {
font-weight:700;
font-size:1.6em;
}

div.environment-description {
margin-top: 10px;
font-size: .9em;
}

.environment-info {
font-size:.7em;
color:#6d6e72;
}

/* start environment list definitions */
div#form-input {
  float:left; 
}

div.form-container {
margin:1em;
}

div.form-container table {
margin-left:0em;
}

div.popup table {
width:400px;
}

div.form-container table.subsiduary-table {
margin:1em 0;
padding:0;
}

div.form-container table.subsiduary-table td {
border:0;
}

div.form-container table.subsiduary-table input.text {
width:250px;
}

input.small_field {
border:1px solid #6c6c6c;
background:#f9f9f9;
padding:2px;
margin-left: 5px;
width: 80px;
vertical-align:middle;
}

div.form-container table.subsiduary-table input[readonly] {
color:#F06;
background-color:#FFF;
border-color:#999;
}

div.form-container table.subsiduary-table label {
width:8em;
}

div.form-container label {
display:block;
margin-top:.1em;
text-align:left;
}

div.form-container tr.buttonrow button {
margin:.5em 0;
float:right;
}

div.form-container tr.controlset input {
margin:.5em .5em 0 0;
}

div.form-container tr.controlset label {
font-weight:400;
display:inline;
margin:0;
}

div.form-container div.fieldWithErrors input,div.form-container div.fieldWithErrors textarea {
background:#FBE3E4;
}

div.form-container p.description {
font-size:.9em;
margin:0;
padding:0px 0;
}

div.form-container ul.description li {
font-size:.9em;
}

div.form-container fieldset {
margin-right:1.5em;
}

input.text,input.title,input.date-text,input.small-date-text {
border:1px solid #F06;
background:#f9f9f9;
margin:0px;
}

input.cvv {
width: 80px !important;
}

.email-addr {
border:1px #ff0066 solid;
height:20px;
width:200px;  
}

textarea {
width:400px;
height:50px;
border:1px solid #F06;
background:#f9f9f9;
margin:.5em .5em .5em 0;
padding:5px;
}

/* link definitions */

a:focus,a:hover {
color:#222;
}

a {
color:#F06;
text-decoration:none;
}

.error {
border: 1px solid #ff4992;
font-size:small;
color:#C9003C;
background-color: #f9f9f9;

}

.errorMsg {
float:left;
background-color:#FBE3E4;
border:1px solid #FBC2C4;
font-weight:700;
color:#c9003c;
margin:10px 0 10px;
text-align:left;
width:650px;
padding:15px;

}

.error a{
text-decoration:underline;
}

.error ul {
margin-bottom:0;
}

a.button,button {
margin:.47em;
}

/* contact definitions */

div#contact-view {
border:1px solid #ff4992;
clear:both;
margin:0;
background-color: #f9f9f9;
}

.contact_title a {
padding-left:5px; 
line-height:35px;
text-decoration: none;
color:#FFF;
font-size:1.2em;
}

.contact_title a:hover {
text-decoration: none;
color:black;
}

.contact_title {
background-image:url("/public/images/ui/top_view.png");  
background-color:#ff004c;
color: white;
height: 36px;
padding-left: 6px;
border-bottom:1px solid #ff4992;
margin:0px;
line-height:3em;
}

div#contact-container-int {
padding:20px;
}

div#contact-container h1{
font-size:1.4em;
font-weight:bold; 
}

div#contact-container h2{
padding-top:10px;
font-size:1.4em;
font-weight:bold; 
}

/* tos definitions */

div#tos-view {
border:1px solid #ff4992;
clear:both;
margin:0;
background-color: #f9f9f9;
}

.tos_title a {
padding-left:5px; 
line-height:35px;
text-decoration: none;
color:#FFF;
font-size:1.2em;
}

.tos_title a:hover {
text-decoration: none;
color:black;
}

.tos_title {
background-image:url("/public/images/ui/top_view.png");  
background-color:#ff004c;
color: white;
height: 36px;
padding-left: 6px;
border-bottom:1px solid #ff4992;
margin:0px;
line-height:3em;
}

div#tos-container-int {
padding:20px;
}

div#tos-container h1{
font-size:1.4em;
font-weight:bold; 
}

div#tos-container h2{
padding-top:10px;
font-size:1.4em;
font-weight:bold; 
}

/* end tos */

/* privacy definitions */

div#privacy-view {
border:1px solid #ff4992;
clear:both;
margin:0;
background-color: #f9f9f9;
}

.privacy_title a {
padding-left:5px; 
line-height:35px;
text-decoration: none;
color:#FFF;
font-size:1.2em;
}

.privacy_title a:hover {
text-decoration: none;
color:black;
}

.privacy_title {
background-image:url("/public/images/ui/top_view.png");  
background-color:#ff004c;
color: white;
height: 36px;
padding-left: 6px;
border-bottom:1px solid #ff4992;
margin:0px;
line-height:3em;

}

div#privacy-container {
padding:20px;
}
div#privacy-container h1{
font-size:1.4em;
font-weight:bold; 
}

div#privacy-container h2{
padding-top:10px;
font-size:1.4em;
font-weight:bold; 
}

/* end privacy */

/* end link definitions */

#tag-cloud {
padding-top: 10px;
padding-bottom: 20px;
text-align:center;
font-size: 0.4em;
}

.tag-cloud {
text-align:center;
margin-bottom: 2em;
margin-top: 1em;
}

#tag-cloud ul, .tag-cloud ul {
list-style-type:none;
margin:0;
padding:0;
}

#tag-cloud ul li a, .tag-cloud ul li a {
padding:.2em 1em;
}

div.notice {
float:left;
border:1px solid #ffd98d;
background-color: #ffffef;  
text-align:center;
color:#2a2a2a;
font-weight:700;
font-size:14px;
padding-top:15px;
padding-bottom:15px;
width:925px;
}

div.notice-query {
float:left;
width:950px;
text-align:center;
font-weight:bold;
border:solid 1px #98cc98;
background:#ebffeb;
padding-top:15px;
padding-bottom:15px;
margin-bottom:10px;
}


div.error-password {
float:left;
width:680px;
background-color:#FBE3E4;
border:1px solid #FBC2C4;
font-weight:700;
margin:10px 0 10px;
text-align:center;
}

div.error {
float:left;
width:926px;
background-color:#FBE3E4;
border:1px solid #FBC2C4;
font-weight:700;
margin:10px 0 10px;
text-align:center;
font-size: 14px;
}

div.form-error {
background-color:#FBE3E4;
border:1px solid #FBC2C4;
font-weight: 700;
}

div.form-error p {
  padding:0;
  margin:0.5em 0 0.5em 0;
}

div.form-error-internal {
  background-color:#FBE3E4;
  border:1px solid #FBC2C4;
  font-weight: 700;
  width:920px;
  
}
div#errorExplanation {
margin:0 auto;
text-align:left;
}

div#errorExplanation h2 {
font-size:1.1em;
font-weight:700;
}

div#errorExplanation ul,div#errorExplanation p {
padding-left:2em;
}

.modal-error {
background-color:#b00;
border:solid 1px #fff;
color:#fff;
text-align:left;
padding:30px;
}

.modal-error p {
text-align:center;
padding:4px;
}

.modal-error button {
margin-left:85px;
}

#control_overlay {  
background-color:#000;  
} 
 
.modal {  
background-color:#fff;  
padding:30px;  
border: 2px solid #ff0c54;  
color:#333;
}

button.disabled {
color:#ddd;
background-color:#eee;
}

img.loading {
margin:5px 20px;
}

div.inputs-container {
height:150px;
width:500px;
overflow-x:hidden;
overflow-y:auto;
}

div.small-tab-content {
width:300px;
height:90px;
overflow:auto;
font-size:0.8em;
}

div.tab-content {
width:300px;
height:140px;
overflow:auto;
font-size:0.8em;
}

div.tab-content h3 {
font-size:1.2em;
font-weight:700;
margin:0 0 3px;
padding:0;
}

div.tab-content table td {
vertical-align:middle;
}

div.tab-content table img {
margin:3px 0 0;
padding:0;
}

div.description-box {
color:#666;
padding:10px 0 10px 10px;
}

div.description-box p {
margin:0 0 .5em;
}

div#input-bar {
background-image:url("/public/images/ui/top-input-bg.png");
background-repeat: repeat-x;  
background-color:#ffcf6e;
color: #fff;
height: 36px;
font-size: 1.4em;
font-weight: bold;
background-position: 0px 0px;
}

div#input-bar:hover {
cursor:pointer;
background-position: 0px -36px; 
}

div#input-bar a{
color: #fff;
}

div#input-bar a:hover{
color: #F06;
}



.btn_register_box {
margin-top:30px;
width:198px;
height:30px;
background-image:url("/public/images/ui/btn_register_box.png");
background-position:0px 30px;
}


.btn_use_box:hover {
cursor:pointer;
background-position:0px 0px;
}

.btn_use_box {
margin-top:30px;
width:198px;
height:30px;
background-image:url("/public/images/ui/btn_use_box.png");
background-position:0px 30px;
}

.btn_register_box:hover {
cursor:pointer;
background-position:0px 0px;
}

div#output-bar {
background-image:url("/public/images/ui/top-output-bg.png");
background-repeat: repeat-x;  
background-color:#a8d4a8;
height: 36px;
font-size: 1.4em;
font-weight: bold;
}

div#output-bar:hover {
background-position:0px -36px;
cursor: pointer;
}


#output_bar_image {
padding-left: 3px;
padding-top: 3px;
vertical-align: text-top;
}
#input_bar_image {
padding-top:1px;
padding-left: 3px;
vertical-align: text-top;
}

div#output-bar a{
color: #fff;
}

div#output-bar a:hover {
color: #F06;
}

div#output-description {
float:left;
border:solid 1px #98cc98;
background-color:#EBFFEB;
/*padding-right:10px; */
color: #6d6e72;
font-size: 1em;
}

div#output_title {
font-size: 1.6em;
font-weight:bold;
padding-bottom:8px; 
  
}

/* widget bars css */

.widget-bar {
float:left;
width:822px;
padding-right:3px;
padding-left:3px;
margin-bottom:30px;
background-image: url("/public/images/ui/bg-shadow.png");
}

.bar-top h1 {
font-weight:bold;
padding-top:16px;
color:black;
font-family: Arial, Helvetica;
padding-left:20px;
padding-right:20px;
text-shadow:0 1px 0 white;
font-size: 20px;
}

.bar-top h2{
font-weight:bold;
padding-top:20px;
color:black;
font-family: Arial, Helvetica;
padding-left:20px;
padding-right:20px;
text-shadow:0 1px 0 white;
font-size: 20px;
}



.bar-top {
float:left;
border-top:1px solid #c4d5c4;
background-image: url("/public/images/ui/bar-bg-top.png");
width:823px;
height:70px;
}

.bar-body {
float:left;
background-image: url("/public/images/ui/bg-bar-body.png");
width:813px;
padding-bottom:10px;
padding-left:10px;
border-bottom:2px solid #c3d5c4;
}

div#img_output_embed {
padding-left:90px;
padding-top:10px;
}

div#img_output {
padding-top:10px;
}

.bar-content {
float:left;
background-image:url("/public/images/ui/bar-content-bg.png");
width:763px;
padding:20px;
}

/* apps section */



div#text-apps {
float:left;
padding-bottom:10px;
}

div#blog_gadget {
padding-left:60px;
float:left;
width:240px;
height:250px
}

div#carbon_footprint {
width:390px;
height:270px;
padding-left:40px;
float:left;
}

div#google_graph {
float:left;
width:540px;
height:340px;
padding-left:60px;
padding-top:20px;
padding-bottom:20px;
}

div#stream_dashboard {
padding-top:20px;
padding-left:60px;
width:230px;
height:380px;
padding-left:40px;
float:left;
}

div#feed_tracker {
padding-top:20px;
width:340px;
padding-left:50px;
float:left;
}

div#sms_sender {
padding-top:20px;
width:340px;
padding-left:50px;
float:left;
}

/* end widget bar css */

#sublist_outputs {

border:1px solid black;
list-style-type:none;
width:330px;
height:300px;

}

#sublist_outputs_graph {
float:left;
list-style-type:none;
width:800px;
}

div#output-description li{
list-style-type:none;
/*background-color:#dfffdf;*/
margin-bottom: 16px;
}

.arrow-list {
margin-top:10px;
margin-left:10px;
list-style-type:none;
list-style-image:url("/public/images/ui/arrow-small.png");
/*background-color:#dfffdf;*/
margin-bottom: 16px;
}

div#output-description ol{
font-size:.9em;
margin-left: 55px;
}


div#navigation {
color:#aaa;
text-align:right;
overflow:hidden;
margin-top:25px;
vertical-align:middle;
}

div#user_nav {
text-align:left;
overflow:hidden;
margin-top:28px;
font-size:.6em;
}

div#navigation ul {
list-style:none;
float:right;
margin:0;
padding:0;
}

div#navigation li {

float:left;
overflow:hidden;
}

div#navigation li a {
display:block;
padding:0 10px;
}

div#navigation li input.text {
width:140px;
font-size:.8em;
margin:0 0 8px;
padding:2px;
}

/* begin search view */

.search_box {
border:1px solid #ff88b6;
background:#f9f9f9;
margin-top:2px;
width:120px;
height: 20px;
font-size:11px;
padding-top:2px;
vertical-align:middle;
}

div#input-container {
float:left;
padding:0px 0px 0px 0px;
height:20px;
}

.searchbutton {
background-image:url(/public/images/ui/btn-search-bg.png);
cursor:pointer; 
color: #FFF;
font-size:0.9em; 
border: solid 1px black;
background-color: black;
height:24px;
margin-top:2px;
padding-bottom:2px;
vertical-align:middle;
}
div#input-container fieldset {
margin: 0;
padding: 0;
}
/* end search view */

div#feed {
padding:10px;
}

div#centre-frame {
padding-top:10px;
}

table.additional-info {
white-space:nowrap;
margin-top:10px;
}


div#small-map {
width:240px;
height:150px;
border:solid 1px #9C9;
float:right;
margin-left:15px;
}

.hidden {
display:none;
visibility:hidden;
}

.streams-info td {
padding-left:10px;
padding-right: 10px;
padding-top:5px;
padding-bottom:0;
}

tr.feed_additional_fields td {
  text-align:left;
}

tr.use_datastream_row td {
border-bottom:solid 1px #9C9;

}

tr.use_datastream_row td table td {
border: none;
}

div.environment-listing,div.user-listing {
padding:10px;
width: 688px;
border-bottom:solid 1px #e9e9e9;
background-color: #f9f9f9;
}

div.user-listing td {
border-bottom:dotted 1px #eee;
padding:0;
}

div#right-frame-top-active {
background-position:top right;
background-repeat:no-repeat;
height:45px;
}

div#left-frame-top-active {
background-position:top left;
background-repeat:no-repeat;
height:45px;
}

div#streams {
clear:both;
margin-top:10px;
background-color:#ebffeb; 
}

.stream-image {
border:solid 1px #9C9;
width:240px;
height:60px;
}

div.tabs-table {
border:solid 1px #9C9;
width:95%;
background-color:#DFD;
font-size:0.9em;
}

div.tabs-table tr {
background-color:#DFD;
}

div.tabs-table td {
word-wrap:break-word;
border-bottom:1px solid #9C9;
}

.half-size-image img {
width:120px;
height:40px;
}

div.dialog {
margin:2em;
}

div#not-found {
margin:2em 0;
}

div#not-found-header {
font-size:1.4em;
font-weight:700;
margin-bottom:5px;
}

div#not-found ul {
margin-left:3em;
}

div#not-found input.text {
width:180px;
margin:0;
padding:2px;
}

.new-feed-table td {
margin:0;
padding:0;
}

td.dataID {
text-align:right;
padding-top:.8em;
padding-right:.5em;
}

select.text {
border:1px solid #F06;
width:282px;
padding:5px;
background-color: #f9f9f9;
}

select.date-text,select.small-date-text {
border: 1px solid #F06;
padding: 5px;
background-color: #f9f9f9;
margin: 0;
}

select.date-text {
width: 120px;
}

select.text:focus {
background-color: #fff;
}

textarea#message-body {
height:10em;
}

div#user_title {
background-image:url("/public/images/ui/bg-usertitle.png");  
background-color:#F06;
margin-bottom:20px;
width: 708px;
}

div#user_title h2 {
line-height:1em;
color:#fff;
margin:5px 0 0 10px;
padding:0;
}

div.user_joined {
font-size:.8em;
color:#fff;
margin:0 0 5px 10px;
padding:0;
}

span.pro {
padding-right:22px;
background-image:url("/public/images/ui/pro.png");
background-repeat:no-repeat;
background-position:right center;
}

ul#user_content_tabs {
list-style:none;
clear:both;
width: 685px;
border-bottom:solid 1px #bbb;
height:23px;
margin:0 10px 20px;
padding:0;
font-size: 0.9em;
}

ul#user_content_tabs li {
float:left;
margin-right:7px;
text-align:center;
}

ul#user_content_tabs li a {
display:block;
height:20px;
width:90px;
background-color:#fff;
padding:3px 6px 0;
}

ul#user_content_tabs li a:hover, ul#user_edit_options a:hover {
background-color:#EEE;
color:#F06;
}

div#user_content {
width:708px;
padding: 0;
color: #333;
font-size: 0.9em;
}

div#user_info {
border:1px solid #F06;
margin-bottom: 0;
width: 708px;
}

div.user_content_item {
margin: 0 10px;
}

span.search-term {
padding:4px;
}

span.remove-term a {
color:#999;
margin-left:0;
padding:0 4px;
}

span.remove-term a:hover {
background-color:#ff004c;
color:#FFF;
}

div.item_heading {
font-weight:700;
font-size:larger;
border-bottom:solid 1px #bbb;
color:#999;
margin:0 0 5px;
padding:0;
}

.current,#view a,div.description-box a,.live,.hidden {
font-weight:700;
}

div.form-container table td,div.feed-listing td {
padding:10px;
vertical-align:top;
}

div.form-container p.note,div.environment-csv-url {
width:300px;
font-size:x-small;
font-weight: bold;
}

div.environment-url {
font-weight: bold;
}



div.environment-sharelink {
margin-top: 20px;
margin-left: -1px
}

input.text:focus,input.title:focus,textarea:focus {
background:#fff;
border:1px solid #F06;
}

#tag-cloud ul li,.tag-cloud ul li,div#navigation li div,div#not-found li form {
display:inline;
}

div#input-description,div.tab-input {
  border:1px solid #ffd98d ;
  background:#ffffef;
  float:left;

}

div#centre-frame h1,div.dialog h1 {
font-size:2em;
}

input.button {
background-image:url(/public/images/ui/input-btn-bg.png);
font-weight:700;
background-color:#ff0066;
color:#fff;
height:25px;
border:none;
}

div#signup-btn a {
color:white;
}

input.button:disabled {
height:26px;
background-color:#eee;
color:white;
}

div#send-topbar{
width:400px;
float:left; 
}

input.button:hover {
background-color:#FF73AF;
cursor:pointer;
}

input.button:disabled:hover {
background-color:#ededed;
cursor:default;
}

ul#activity_list {
list-style:none;
margin-left:0;
margin-right:0;
}

ul#activity_list li {
margin-bottom:4px;
border-bottom:solid 1px #eee;
padding:4px 0;
}

ul#user_edit_options {
list-style:none;
margin:12px 0 0;
}

ul#user_edit_options a {
display:block;
border-bottom:solid 1px #eee;
padding:5px 10px;
}

input.list_input {
margin:0;
}

ul#user_content_tabs li a.selected,ul#user_edit_options a.selected {
background-color:#DDD;
}

div#invitation_header img {
margin-bottom: -8px;
}

div#invitation_header span {
margin-left: 10px;
margin-bottom:20px;
font-size:1.2em;
font-weight:bold;
color: #ff0066;
}

div#contact_header span {
margin-left: 10px;
margin-bottom:10px;
font-size:1.2em;
font-weight:bold;
color: #ff0066;
}

span.close_link {
font-size: 3em;
line-height: 1em;
position: absolute;
top: 0;
right: 10px;
}

div#invitation_notification div.error {
border: solid 1px;
padding: 2px;
background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;
}

div#settings_form_container label {
width: 165px;
padding-left: 0;
}

div#settings_form_container table {
width: auto;
}

div#sidebar_container {
padding-top: 20px;
width: 180px;
}

div.environment-favourite {
margin-top: 10px;
font-size: 0.8em;
line-height: 0.6em;
}

div.environment-favourite img {
vertical-align: middle;
padding-bottom: 2px;
}

table#messages th {
background-color: #f0f0f0;
color: #666;
border-bottom: solid 1px #bbb;
}

span.message_extract {
color: #999;
}

tr.message_row td {
border-bottom: solid 1px #bbb;
}

tr.unread td {
background-color: #dfd;
}

tr.message_row a {
display: block;
}

div#message_button_bar {
margin-bottom: 10px;
padding-left:10px;
}

div#message_button_bar input {
font-size: 0.8em;
}

div#message_subject {
font-weight: bold;
border-bottom: solid 1px #bbb;
background-color: #f0f0f0;
padding: 4px 0 2px 10px;
}

div#message_sender {
margin-left: 4px;
border-bottom: solid 1px #eee;
}

div#message_body {
padding: 10px 10px 20px 10px;
}

#message-form-container table {
margin-bottom: -1em;
}

textarea#message_body_contact {
height: 80px;
width:300px;
}

textarea#message_body {
height: 200px;
}

form#new_message input.text, form#new_message textarea.text {
width: 400px;
}

div.user_listing {
border-bottom: dotted 1px #f06;
margin-bottom: 10px;
padding: 5px;
}

div.user_listing div.user_login {
font-size: larger;
}

div#login_features {
padding-bottom: 10px;
}

div.left-side {
padding-top: 8px;
float: left;
}

div.right-side {
float: right;
}

.login_button {
width: 60px;
cursor:pointer; 
color: #ff0066;
border: solid 1px #ff0066;
background-color: #ffcccc;
}

div.user_listing div.user_joined {
color: #999;
margin: 0;
padding: 0;
}

div#user_bar {
font-size: 0.9em;
text-align: right;
}

input.text:disabled, textarea:disabled {
background-color: #FFD;
border-color: #FC6;
}

td.message_date {
white-space: nowrap;
}

input.radio {
vertical-align: top;
}

#feed_form input.radio {
width: 15px;
}

div.form-container td.input {
vertical-align: middle;
}

input.state_button {
font-size: 0.7em;
background-color: #ff73af;
padding-top: 2px;
color: #fff;
font-weight: bold;
}

div.environment-location {
font-size: smaller;
}

div.environment-location p {
margin: 0;
padding: 0;
font-style: italic;
}

div.location_fields table {
margin: 5px 0 0 0;
padding: 0;
}

div.location_fields input.text {
width: 170px;
}

div.location_fields th {
background: none;
color: #6d6e72;
text-align: left;
padding-left: 0;
border-bottom: solid 1px #FC6;
padding-bottom: 0;
font-size: smaller;
font-weight: normal;
}

td.radio_button_cell label {
font-weight: normal;
display: inline;
float: left;
text-align:left;
vertical-align:middle;
font-size: small;
padding-right: 10px;
}

div#medium_map {
/*background-color: black;*/
width: 425px;
height: 340px;
overflow:hidden;
border: solid 1px #ff0066;
margin-top: 5px;
margin-left: 5px;
}

div.environment-favourite a {
margin-right: 1em;
}

div.coloured-box {
font-size: 1em;
}

div.coloured-box div.form-container {
  margin: 0;
}

div#form-new-feed {
  float:left;
}
div.coloured-box fieldset {
border: none;
margin: 0;
padding: 0;
}

div#ajax-error-container {
  float:left;
  margin-bottom:10px;
}
div.coloured-box div#errorExplanation {
margin: 10px;
}

div#contextMenu a {
font-size: 0.9em;
font-weight: normal;
}

div.contextItem {
border-bottom: 1px solid;
}

div#contextMenu #last {
border-bottom: none;
}

.datastream_link_cell a {
display: block;
}

.datastream_link_cell img {
float: left;
margin: 4px 6px 0 0;
}

.datastream_link_cell {
width: 65px;
padding: 0;
font-size: x-small;
}

div.form-container td.datastream_link_cell {
vertical-align: middle;
}

th.datastream_link_cell a {
margin-left: 10px;
}

div#working_indicator {
position: absolute;
height: 420px;
width: 708px;
background: #666666;
left: 1px;
margin:0;
z-index: 99;
text-align: center;
opacity: .7;
filter: alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

div#working_indicator h1 {
font-size: 3em;
margin-top: 150px;
color: #fff;
}

div#contact {
position: absolute;
top: -36px;
left: 50%;
margin-left: -35px; 
}

div#contact:hover {
top: -18px
}

div#javascript_warning div.error {
text-align: left;
}

div#javascript_warning div.error p {
margin-bottom: 0.8em;
}

/**
 * Show feed styles.
 */

div#feed_details {
}

div#feed_details td {
vertical-align: top;

}

div#feed_details td label {
width: 7em;
display: block;
}

div#feed_details td.feed_description {
width: 440px

}

.new_environment {
color: #6d6e72;
}

/* newsblock definitions */


.info_item_news {
padding:10px;
border-top:solid 1px #e9e9e9;
line-height:1.3em;
}

.info_title_news {
font-weight: bold;
}

.info_text_news {
color:#535353;    
font-size:0.9em;
}

/* newsblock definitions */

/* info begin */

.info_block {
border:1px solid #c5c5c5;
clear:both;
margin-bottom: 10px;
background-color: #f9f9f9;
}

.info_title {
background-image:url("/public/images/ui/top_view.png");  
background-color:#ff004c;
color: white;
height: 36px;
padding-left: 6px;
border-bottom:1px solid #ff4992;
margin:0px;
line-height:1.8em;
}

.info_item {
margin-left: 5px;
margin-right: 5px;
border-top:solid 1px #e9e9e9;
margin-bottom: 5px;
line-height:1.3em;
}

.info_text {
font-size:0.9em;
}

.info_text_outputs {
padding:20px;
}

.info_title a {
padding-left:5px; 
line-height:35px;
text-decoration: none;
color:#FFF;
font-size:1.2em;
}

.info_title a:hover {
text-decoration: none;
color:black;
}

/* info ends */

/* news begin */

.news_block {
border:1px solid #c5c5c5;
clear:both;
margin:0;
margin-bottom: 10px;
background-color: #f9f9f9;
}

.news_title {
background-image:url(/public/images/ui/top-info-bg.png); 
background-color:#7f7f7f;
color: #FFF;
height: 36px;
border-bottom:1px solid #7f7f7f;
margin:0px;
line-height:1.8em;
}

/* news end */

/* input block */
.input_block {
color:#535353;  
width:228px;  
float:left;
border:1px solid #ffd98d ;
background:#ffffef;
}

.input_title {
background-image:url(/public/images/ui/top-input-bg.png);  
background-color:#ffcf6e;
color: #FFF;
height: 36px;
border-bottom:1px solid #ffcf6e;
margin:0px;
line-height:1.8em;
}

.input_title a, .output_title a {
text-decoration: none;
color:#FFF;
}

.input_title a:hover, .output_title a:hover {
text-decoration: none;
color:#F06;
}
#info-icon {
  padding-top:4px;
  
}
#input-icon {

vertical-align:middle;
margin-left:-7px;
margin-top:-2px;
}

.input_item {
border:0px;
margin: 15px 15px 15px 15px;
padding-top:5px;
font-size:0.80em;
line-height:1.6em;
}

.input_item a {
font-weight: bold;
}
  
/* input block ends */

.output_block {
color:#535353;  
width:228px;  
float:left;
border:1px solid #98cc98;
background:#ebffeb;
}

.output_title {
background-image:url(/public/images/ui/top-output-bg.png); 
background-color:#98cc98;
height: 36px;

border-bottom:1px solid #98cc98;
margin:0px;
line-height:1.8em;
}

#output-icon {
margin-left:-7px;
margin-top:-2px;
vertical-align:middle;
padding-right: 20px;
}

.output_item {
border:0px;
margin: 15px 15px 15px 15px;
padding-top:5px;
font-size:0.80em;
line-height:1.6em;
}

.output_item a {
font-weight: bold;
}

button[disabled], a.disabled {
color: #ddd;
}

button:hover[disabled], a.disabled:hover {
background-color: #f5f5f5;
color: #ddd;
border-color: #eee #dedede #dedede #eee;
}

div.user_deleted a {
text-decoration: line-through;
}

div.description-box {
height: 340px;
}

div#admin-view div#feeds_title {
width: 100%;
}

/* begin feeds definition */

div#feeds_title {
font-size:0.9em;
background-image:url(/public/images/ui/top_view.png);  
border-top:1px solid #F06;
border-bottom:1px solid #F06;
background-color:#ff004c;
height:36px;
}

div#feeds_title a:focus { color:black; }

div#feeds_title a:hover { color:black; }

div#feeds_title a { color:white; text-decoration:none; }

div#showdiv a:hover { color:white; }

div#showdiv a { color:black; text-decoration:underline; }

div#showdiv a:focus { color:black; text-decoration:none;}

div#showdiv {
float:left;
padding-top:1px;
padding-left:10px;
font-size:0.8em;
}

/* end feeds definition */

div#title-left {
color:black;
font-size:1.2em;
padding-top:8px;
text-align:left;
float:left;
padding-left:8px;
line-height:20px;
}

div#title-right {
text-align:right;
float:right;
padding-right:5px;
padding-top:6px;
}

#export_link {
padding:5px;
}

div#error-info {
padding: 1em;
}

div#error-info ul {
margin-top: 0.4em;
}

div#error-info li {
margin-bottom: 0.2em;
}

.left_graph {
float:left;
}

.right_graph {
float:right;
}

div.datastream_graph  {
font-size:.7em;
float:right;
width: 240px;
padding: 0px 0px 5px 0px;
}

div.widget  {
font-size: 0.8em;
line-height: 2.0em;
padding: 4px;
background: #efe;
border: 1px solid #99cc99;
margin-bottom: 3px;
}

.widget label {
float: left;
}

.widget input {
float: right;
}

div.widget input.use_datastream_input {
font-size: 0.8em;
width: 400px;
}

div.widget div.notification input, div.widget div.notification select {
font-size: 0.8em;
margin: 1px;
float: none;
}

div.widget div.notification input.notification_url {
width: 230px;
}

div.notification input.notification_threshold {
width: 80px;
}

div.widget div.notification td, div.widget div.notification th {
margin: 0;
padding: 1px 2px;
}

div.widget div.notification td input, div.widget div.notification td select {
  margin: 0;
}

.notification {
padding: 6px;
background: #99cc99;
margin-bottom: 4px;
color: #000;
}

div.notification label {
}

div.notification table {
margin: 0;
}

td.url_cell, th.url_cell {
width: 235px;
}

td.condition_cell, th.condition_cell {
width: 200px;
}

td.threshold_cell, th.threshold_cell {
width: 120px;
}

div.notification p {
margin: 4px 0 -5px 2px;
padding: 0;
}

span.syndication_link img {
padding: 2px;
vertical-align: text-top;
}

/* big explanation begins */

#flash {
  padding-bottom:30px;
  padding-left:20px;
}

#explanation {  
color:#777;
background-image: url("/public/images/ui/bg_explanation.png");
font-size:1.2em;
background-repeat:repeat-x;
}

#explanation_col1 {
font-size: 14px;
color:#777777;
width: 550px;
}


#explanation_col1 a {
font-size: 14px;
font-weight:bold;
color:#FF0066;
}

#explanation_col1 a:hover {
color:black;
}

.toggle_link a {
  font-size:12px !important;  
}

.toggle_link a:hover {
  font-size:12px !important;  
}

#explanation_col1 h1 {
padding-bottom:0px;
color:#FF0066;
font-weight:bold;
font-size: 21px;
}


#explanation ul{
margin: 0;
list-style-type: none;

}
#explanation li{
color: #6d6e72;
padding-bottom: 20px;
background-image: url("/public/images/ui/arrow-li.png");
background-repeat: no-repeat;
background-position: 0 .3em; 
padding-left: 2em;
}

#explanation h2{
color:#777;
font-weight: bold;
margin-bottom: 15px; 
padding-bottom: 0; 
}

#explanation h3{
color:#777;
font-weight: bold;
}

div.big_explanation {
padding-left:30px;
padding-top:20px;
padding-right:30px;
}


/* big explanation ends */
#terms_of_use {
color:#777;
font-size:0.9em;
}

#terms_of_use h2{
color:#777;
font-weight: bold;
margin-bottom: 7px; 
padding-bottom: 0; 
}

div#all-tags-link {
background-color: #e9e9e9;
text-align: right;
padding-bottom: 10px;
padding-right: 8px;
font-size: 2em;
}

div#all-tags-link a {
border:1px solid black;
padding-top: 20px;
color: #ff004c;
font-weight: bold;
}

div#all-tags-link a:hover {
color: #000;
}

a.next_page, span.next_page {
padding-left: 1em;
}

a.prev_page, span.prev_page {
padding-right: 1em;
}

/* increase container size. Hack to make IE6 happy.*/
div#container {
width: 950px;
}

#fetch_feed_link {
position:relative;
top:2px;
}

a#fetch_feed_link {
padding: 2px;
color: #FFF;
background: #F06;
}

textarea#email-message {
width: 390px;
height: 100px;
border: 1px #ff0c54 solid;
}

#email_link label {
padding: 0;
display: inline;
}

span.link-error {
font-size: x-small;
color: red;
}

div#email_link img#ajax-loading {
padding: 0;
margin: 0 5px 0;
float: right;
}

div#email_link_errors {
margin: 10px 0 0;
text-align: center;
padding: 5px;
color: red;
background-color: #fcc;
border: solid 1px;
}

#feed_form label{
width:7.2em;
}

#feed_form input.text {
width:300px;
}

#datastreams_table input {
width:150px;
vertical-align: middle;
}

#datastreams_table input[type=checkbox] {
width:15px;
vertical-align: middle;
display:inline;
}

#datastreams_table label.remove_datastream_label {
color:#f06;
font-size: 0.8em;
display:inline;
}

#location_table input.text {
width:180px;
}

table#location_table{
}

table.create_notification_table {
width: 682px
}

div.notification div.error {
clear: both;
padding: 0 0 5px 0;
background-color: #f9f9f9;
border-color: #ff4992;
font-weight: normal;
color: #666;
width: 400px;
margin-left: 160px;
}

div.notification div.error p {
font-weight: bold;
padding: 5px 0;
display: block;
}

div.notification div.error ul {
margin: 0;
padding: 0;
}

div#output-description div.notification div.error ul li {

margin: 0 0 0 10px;
padding: 2px 5px;
text-align: left;
}

span.close_notification {
text-align: right;
display:block;
margin-right: 5px;
}

span.close_notification img {
margin: 0 0 -1px 0;
}

#datastreams_table th {
padding-left: 5px;
}

#datastreams_table th.datastream_link_cell {
padding-left: 0;
}

#datastreams_table select, #datastreams_table input {
background-color:#F9F9F9;
border:1px solid #FFCCCC;
font-size:smaller;
margin:0;
padding:2px;
}

a.selected-resolution {
background-color:#ff0066;
color:white;  
font-weight: bold;
}

div#api_key {
font-weight: bold;
font-style: italic;
text-align: center;
margin-top: 1em;
}

div#update_api_key {
font-size:smaller;
text-align: center;
margin-top: 10px;
}

div#change_password_link {
margin: 10px;
}

div#unsubscribe-container p {
margin: 0.8em 0;
}

div#unsubscribe-container table {
margin-left: 90px;
}

div#unsubscribe-container td {
padding: 0.2em;
}

div#unsubscribe-container input {
float: left;
}

div#unsubscribe-container p.clear {
padding-top: 1.5em;
}

div#unsubscribe-container label {
display: inline;
text-align: left;
}

div.info-container {
padding: 1em 2em;
}

div.user-form-container label {
width: 10em;
}

div.roles-list {
padding: 10px;
}

div.roles-list table {
border-collapse: collapse;
}

div.roles-list th {
background-color: #eee;
color: black;
font-size: 0.8em;
vertical-align: middle;
text-align: center;
border: 1px solid;
}

div#roles-show th {
width: 10em;
}

div.roles-list td {
text-align: center;
border: 1px solid;
text-align: left;
padding: 0 4px;
}

div.roles-list thead th {
  font-size: 1.1em;
  font-weight: bold;
}

div.roles-list thead td {
  font-style: italic;
  font-size: 0.9em;
}

div#role-form-container label {
width: 100%;
}

div#role-form-container th {
vertical-align: middle;
}

div#role-form-container td {
text-align: left;
}

div.roles-list div.pagination_header {
border: none;
}

ul#admin-menu {
display: block;
text-align: center;
}

ul#admin-menu li {
display: inline;
list-style: none;
}

ul#admin-menu li a {
border: solid 1px #AAA;
padding: 5px 15px;
font-size: larger;
}

ul#admin-menu li a:hover {
background-color: #eee;
}

tr.superuser, table.superuser {
background-color: #AACDF8;
}

input#user-state {
color: black;
font-weight: bold;
background-color: #f9f9f9;
border: 1px solid #f06;
}

p.warning {
padding: 1em;
font-style: italic;
}

/* The future of plan styles */

div.plan-summary {

}

  div.plan-summary ul {
    list-style-type: none;
    font-weight: bold;
    color: #333;
  }

    div.plan-summary a.option_link {
      color: #0995B2;
      border-bottom: 1px dotted #666;
    }

div#plans-signup, div#all-plans, p#enterprise-plan {
width: 800px;
margin: 10px auto;
display: block;
}

div#plans-signup {
  margin: 10px auto 30px auto;
}

  p#enterprise-plan {
    text-align: center;
    color: #666;
  }

  div#all-plans {
    margin: 30px auto;
    padding: 10px;
    border: 1px dotted #ccc;
    background-color: #ffffef;
  }
    
    div#all-plans dl dt {
      color: #333;
      background: url("/public/images/ui/arrow-li.png") no-repeat 0.1em .9em;
      padding: 0.6em 0 0 2em;
      font-size: 1.2em;
    }

    div#all-plans dl dd {
      padding: 0 0 0 1.6em;
    }

  div#all-plans h2, div#all-plans h3 {
    text-align: center;
    margin: 0;
    padding: 0;
  }

  div.plan-choice:last-child, div.plan-choice.last {
    border-bottom: 2px solid #aaa;
    border-top: 2px solid #aaa;
    border-right: 2px solid #aaa;
    border-left: none;
    min-height: 300px;
    margin: 30px 0;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #333;
  }

  div.plan-choice:first-child {
    border-bottom: 2px solid #aaa;
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
    border-right: none;
    min-height: 300px;
    margin: 30px 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #333;
  }

  div.plan-choice {
    min-height: 350px;
    position: relative;
    float: left;
    width: 250px;
    padding: 10px 5px;
    text-align: center;
    border: 4px solid #f06;
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  }

    div.plan-choice h2 {
      margin: 0;
      font-size: 1.6em;
      font-weight: bold;
    }

    div.plan-choice h3 {
      font-size: 1.2em;
      font-weight: bold;
      margin: 0;
      padding: 0;
      margin: 10px 0;
    }

    div.plan-choice h3.recommended-plan {
      color: #0995B2;
    }

    div.plan-choice h3 span.annual-plan-price {
      font-weight: normal;
      font-size: 0.7em;
    }

    div.plan-choice h4 {
      font-size: 0.8em;
      font-weight: normal;
      margin: 0;
      padding: 0;
      margin: 10px 0 0 0;
    }

    div.plan-choice a.option_link:first-child, 
    div.plan-choice a.option_link:last-child {
      color: #333;
    }
    div.plan-choice a.option_link {
      text-decoration: none;
      border-bottom: 1px black dotted;
    }

    div.plan-choice ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      min-height: 120px;
    }

    div.plan-choice p.buynow {
      margin: 1.5em 0;
    }

    div.plan-choice p.buynow a {
      padding: 8px;
      background-color: #f06;
      color: white;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
      box-shadow: 0 1px 3px rgba(0,0,0,0.6);
      -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f06), to(#FF004C));
      background-image: -moz-linear-gradient(0 100%, 90deg, #f06, #FF004C);
      text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    }

    div.plan-choice p.buynow a:hover {
      background-color: black;
      color: white;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#000));
      background-image: -moz-linear-gradient(0 100%, 90deg, #666, #000);
    }




/* Plan styles */

#plans-table td {
padding: 0 5px;
width: 174px;
}

#plans-table-large td {
width: 220px;
padding: 0 5px;
}

.plans-td {
vertical-align: top;
}

.plans-description-table {
font-size: 11px;
margin-top: 10px;
width: 174px;
}

#plans-table-large .plans-description-table {
width: 220px;
}

.plans-description-table th {
padding: 5px 2px 0;
width: 174px;
background: none;
color: #ff0066;
}

#plans-table-large .plans-description-table th {
width: 220px;
}

#plans-table td.plans-description-label, #plans-table-large td.plans-description-label {
white-space: nowrap;
padding: 5px 2px 0;
}

#plans-table td.plans-description-value, #plans-table-large td.plans-description-value {
width: 75px;
background-image: url("/public/images/ui/plans-bgcell.png");
background-repeat: repeat-x;
text-align: center;
padding: 5px 0 0;
white-space: nowrap;
background-position: 0 5px;
font-weight: bold;
}

td.plan-signup a {
text-shadow:0 1px 0 #343434;
color:white;
font-size:20px;
}

td.plan-signup a:hover {
color:white;
text-shadow:0 1px 0 #343434;
height:46px;
text-decoration:underline;
font-size:20px;
}

#plan-title {
font-size: 1.1em;
font-weight: bold;
margin: 10px;
}

#plans-table .inner-plan-col, #plans-table-large .inner-plan-col {
width:174px;
height:438px;
background-color:#f5f5f5;
}

#plans-table-large .inner-plan-col {
width: 220px;
}

/* list item colors */

.plan-pink {
  background-image:url("/public/images/ui/plans-pink.png");
} 

#plans-table-large .plan-pink {
  background-image:url("/public/images/ui/plans-pink-large.png");
} 

.plan-green {
  background-image:url("/public/images/ui/plans-green.png");
}

#plans-table-large .plan-green {
  background-image:url("/public/images/ui/plans-green-large.png");
}

.plan-yellow {
  background-image:url("/public/images/ui/plans-yellow.png");
}

#plans-table-large .plan-yellow {
  background-image:url("/public/images/ui/plans-yellow-large.png");
}

.plan-purple {
  background-image:url("/public/images/ui/plans-purple.png");
}

#plans-table-large .plan-purple {
  background-image:url("/public/images/ui/plans-purple-large.png");
}

.plan-blue {
  background-image:url("/public/images/ui/plans-blue.png");
}

#plans-table-large .plan-blue {
  background-image:url("/public/images/ui/plans-blue-large.png");
}

.plan-pink-subscribed, .plan-green-subscribed, .plan-yellow-subscribed, .plan-purple-subscribed, .plan-blue-subscribed {
  background-image: url("/public/images/ui/plans-desaturated.png");
}

#plans-table-large .plan-pink-subscribed, #plans-table-large .plan-green-subscribed, #plans-table-large .plan-yellow-subscribed, #plans-table-large .plan-purple-subscribed, #plans-table-large .plan-blue-subscribed {
  background-image: url("/public/images/ui/plans-desaturated-large.png");
}

/* Signup page styles */
.payment-method-image {
margin-right: 2px;
margin-bottom: -4px;
}

div.user-form-container h3 {
margin-bottom: 0.2em;
}

/* map link */

div#link-container {
width: 350px;
position: absolute; 
z-index:9999; 
border: 1px #ff004c solid; 
background-color:white;
top: 280px;
height:60px;
right: 180px;
padding:10px;
}

a#close-link-container {
position: absolute;
top: 3px;
right: 3px;
}

#link-container input {
margin-top:10px;
height:20px;
border:1px solid #ff88b6;
width: 345px;
}

/*
 * Cancellation and subscription styles - all to be revised by Joao
 */
#cancellation_container {
padding: 0.5em 0.5em 3.6em;
}

#cancellation_warning {
margin: 0.5em 0.5em 1em 0.5em;
background-color: #fbe3e4;
border: 1px solid #fbc2c4;
padding: 1em;
color: #ff004c;
}

#cancellation_warning h1 {
font-size:18px;
color: #ff004c;
}

/* Subscription page styles */
tr.subscribed, #subscriptions-table tr.subscribed th {
background-color: yellow;
}

#subscriptions-table th {
width:688px;
text-shadow: 0 1px 0 #595959;
background-image:url("/public/images/ui/bg-subs.png");
background-color: #eee;
color: white;
font-size:13px;
padding: 0.5em;
}

#subscriptions-table td {
vertical-align: middle;
background-color:#e3e3e3;
color:#313131;
}

#subscriptions-table h3 {
margin-bottom: 0;
}

#subscriptions-table tbody th {
border: none;
background-color: transparent;
}

td.change-plan {
text-align: center;
font-size: larger;
}

.plan-col-header {
width:174px;
height:37px;
background-image:url("/public/images/ui/plans-head.png");
}

#plans-table-large .plan-col-header {
width: 220px;
background-image: url("/public/images/ui/plans-head-large.png");
}

.plan-col-bottom, .plan-col-bottom-subscribed, .plan-col-bottom-large, .plan-col-bottom-subscribed-large {
width:174px;
height:95px;
background-image:url("/public/images/ui/plans-bottom.png");
} 

#plans-table-large .plan-col-bottom, #plans-table-large .plan-col-bottom-subscribed {
width: 220px;
background-image:url("/public/images/ui/plans-bottom-large.png");
}

.plan-col-bottom-subscribed {
background-image: url("/public/images/ui/plans-bottom-desaturated.png");
}

#plans-table-large .plan-col-bottom-subscribed {
background-image: url("/public/images/ui/plans-bottom-desaturated-large.png");
}

.promo_code_enabled .plan-price {
  padding-top: 3px;
}

.promo_code_enabled .plan-signup {
  padding-top: 2px;
}

#discount_percentage {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
}

.plan-list {
margin:0;
padding:0;
line-height:25px;
list-style:none;
text-align:center;
float:left;
width:174px;
color:#222222;
font-family: Arial;
font-size:11px;
font-weight:bold; 
}

#plans-table-large .plan-list {
width: 220px;
}

#plans-table-large .plan-list-large {
width: 220px;
}

.plan-list-subscribed {
  color: #999999;
}

/** Reduced width option matrix for the subscriptions tab*/

#subscriptions-tab-matrix .plan-list {
font-size: 10px;
width: 122px;
}

#subscriptions-tab-matrix .details-list-col1 {
font-size: 10px;
width: 104px;
}

#subscriptions-tab-matrix .details-item-col2 {
width: 44px;
}

#subscriptions-tab-matrix .plan-pink {
  background-image:url("/public/images/ui/plans-pink-small.png");
} 

#subscriptions-tab-matrix .plan-yellow {
  background-image:url("/public/images/ui/plans-yellow-small.png");
} 

#subscriptions-tab-matrix .plan-purple {
  background-image:url("/public/images/ui/plans-purple-small.png");
} 

#subscriptions-tab-matrix .plan-green {
  background-image:url("/public/images/ui/plans-green-small.png");
} 

#subscriptions-tab-matrix .plan-detail-signup {
margin-right: 34px;
}

.desc-details {
}

ul.plan-list-subscribed a.option_link {
color: #999999;
}

a.option_link {
color: black;
}

/* plans typography */

.details-list-col1 {
  float:left;
  width:115px;
  line-height:20px;
  margin:0;
  padding:0;
  list-style:none;
  font-family:Arial;
  font-size:11px;
  padding-left:5px;
}

.details-list-col2 {
  float:left; 
  width:20px;
  line-height:20px;
  margin:0;
  padding:0;
  list-style:none;
  font-family:Arial;
  font-size:11px;
  padding-left:5px; 
}

.details-title{
  font-weight:bold; 
  color:#ff145a;  
}

.details-item {
  font-weight:normal; 
  color:#464646;  
}

.details-item-col2 {
  background-image:url("/public/images/ui/plans-bgcell.png");
  text-align:center;
  width:50px;

  font-weight:bold; 
  color:#464646;  
}

.desc-body {
padding:5px;
font-family:Arial;
font-size:12px;
color:#464646;
margin-top:15px;
background-image:url("/public/images/ui/bg_explanation.png");
}

.plan-title a {
color:white;
}

.plan-title {
text-align:center;
color:white;
line-height:40px; 
font-family: Arial;
font-size:17px;
font-weight:bold; 
text-shadow: #616161 1px 1px 0px; 
}

.plan-contact {
text-align:center;
}

.plan-contact a{
text-align:center;
color:white;
line-height:35px; 
font-family: Arial;
font-size:17px;
font-weight:bold; 
text-shadow: #616161 1px 1px 0px; 
}

.plan-contact a:hover {
color:#e3e3e3;
}

.plan-annual {
font-size:12px; 
}

.plan-price {
line-height:18px;
padding-top:15px;
padding-bottom:5px;
text-align:center;
color:white;
font-family: Arial;
font-size:19px;
font-weight:bold; 
text-shadow: #616161 1px 1px 0px;
}

.plan-signup a {
color:white;
}

.plan-signup a:hover {
color:#e3e3e3;
}

.plan-signup{
padding-top:5px;
padding-bottom:5px;
text-align:center;
color:white;
font-family: Arial;
font-size:19px;
font-weight:bold; 
text-shadow: #616161 1px 1px 0px;
}

#title_plans {
  padding-top:20px;
  font-size:22px;
  color:#696969;
  font-weight:bold; 
}

#desc_plans {
  font-size:1.0em;
  color:#6D6E72;
  padding-bottom:10px;  
}

.plan-list-signup {
margin-left:1px;
margin-right:10px;
}

.plan-detail-signup {
margin-right:50px;
}

#notes-title {
  color:#666;
  font-size:18px;
  font-weight:bold; 
  margin: 0;
  padding: 0;
}

#notes {
  color:#696969;
  font-family: Arial;
  font-size:11px;
}

.payment_supplement {
}

.upgrade_label_cell {
width: 120px;
}

#subscriptions-table tr.subscribed td {
  background-color: #efefef;
}

#subscriptions-table .plan-label {
  white-space: nowrap;
}

#subscriptions-table .plan-features {
  font-size: 0.9em;
  width: 60%;
  vertical-align: top;
  padding-top: 1.1em;
}

.nowrap {
white-space: nowrap;
}

#settings_left_column {
  padding-left: 0.5em;
}

#settings_left_column p {
margin-top: 0.9em;
}

p#plans-link {
  margin: 0 1em;
}

p.payment_warning {
margin-top: 1em;
padding: 1.5em;
color: white;
background-color: #a00;
}

p.payment_warning a {
color: white;
text-decoration: underline;
}

/**
 * API Key interface stuff
 */
.api_keys_table {
  width: 670px;
}

.api_keys_table, .api_keys_form {
  border: solid 1px #000;
  border-collapse: collapse;
  font-size: .9em;
}

.api_keys_form dd {
  float: left;
  width: 60%;
  margin: 0 0 0.5em 0.25em;
}

.api_keys_form dt {
  clear:both;
  width: 30%;
  float: left;
  text-align:right;
}

.api_keys_form dd input#create_api_key {
  float: right;
  clear:both;
}
.api_keys_table td, .api_keys_form dt, .api_keys_form dd {
  padding: 3px 5px;
}

.api_keys_table thead {
  background-color: #a9a9a9;
  color: white;
  font-weight: normal;
  border-bottom: solid 1px #a9a9a9;
}

.api_keys_table .key_odd {
  background-color: #ddd;
}

.api_keys_table .api_key {
text-align: center;
background-color: white;
padding: 7px;
font-weight: bold;
}

#api_keys_input {
margin-top: 0.3em;
}

#api_keys_input td {
vertical-align: top;
}

#api_keys_input input.text {
width: 150px;
}

.api_key_input {
width: 500px;
font-weight: bold;
border:1px solid #F06;
background:#f9f9f9;
text-align: center;
}

.api_key_row a {
font-weight: normal;
font-size: 0.9em;
}

.hide_key {
margin-left: 10px;
}

.regenerate_key {
margin-right: 10px;
}

#new_api_key_container {
  display: none;
}

#new_api_key {
text-align: right;
font-size: 0.9em;
font-weight: normal;
margin-bottom: 0;
}

#settings_left_column fieldset {
margin: 1em 0;
padding: 0.2em;
}

#create_api_key {
font-size: 0.8em;
}

.api_key_error {
border: 1px solid #ff4992;
font-size:small;
color:#C9003C;
background-color: #f9f9f9;
padding: 10px 10px 10px 0;
margin: 1em 0;
}

.api_key_error ul {
margin: 0 3em;
}

tr.expired td {
text-decoration: line-through;
}

#activate_promo_code {
float: none;
display: inline;
margin-left: 20px;
}

div.user_content_items table th {
  padding: 0;
  color: #333;
  background: none;
  width: 30%;
  font-weight: normal;
}

ul.checklist{
  margin:0 0 1.5em 0;
}

ul.checklist li.checked-true {
  list-style-type:none;
  background:url('/public/images/ui/tick.png') no-repeat left top;
  padding: 0 0 0 20px;
}

ul.checklist li.checked-false {
  list-style-type:none;
  background:url('/public/images/ui/cross.png') no-repeat left top;
  padding: 0 0 0 20px;
}