body {
    font-size: 87.5%; /* base of 10px */
    line-height: 1.5;
    color: #222;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    background: #fff;
}

h1 {
    margin: 18px 0;
    font-size: 2em;
}

h1.primary {
    margin: 0 0 18px 0;
    text-align: center;
    font-size: 4em;
}

h2 {
    margin: 18px 0;
    font-size: 1.6em;
}

p {
    margin: 9px 0 0 0;
}

p:first-child {
    margin: 0;
}

p.context {
    font-size: 2em;
/*    color: #830808;*/
    color: #c0272d;
}

a, a:link, a:visited {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.focus {
    background: #ffff99;
}

a.button {
    float: left;
    display: block;
    margin: 0 9px 9px 0;
    padding: 9px 18px;
    border: 2px solid #ccc;
    background: #666;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

a.button:hover {
  background: #c1272d;
}

input {
    margin: 9px 0;
	padding: 3px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 1.6em;
	font-weight: bold;
}

select {
    margin: 9px 0;
    font-size: .9em;
}

ul.inline {
    overflow: hidden;
}

ul.inline li {
    padding: 4.5px 18px;
    display: inline;
    font-size: 1.2em;
    border-right: 2px solid #ebebeb;
}

ul.inline li.first {
    padding-left: 0;
}

ul.inline li.last {
    padding-right: 0;
    border: none;
}

ul.inline li.only {
    padding-right: 0;
    padding-left: 0;
    border: none;
}

ul.inline li.selected {
    font-weight: bold;
}

ul.tabs {
    overflow: hidden;
}

ul.tabs li {
    float: left;
    margin: 0 18px 0 0;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    border-left: 2px solid #666;
}

ul.tabs li.selected {
    background: #666;
}

ul.tabs li.last {
    margin: 0;
}

ul.tabs li a {
    display: block;
    padding: 9px 18px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;    
}

ul.tabs li a:hover {
    color: #fff;
    background: #666;
}

ul.tabs li.selected a {
    color: #fff;
}

span.highlight {
    color: #ef7919;
}

#banner {
    padding: 18px;
}

#header {     
    overflow: hidden;
    background: #fff url(../images/header_back.png) repeat-x bottom left;
    border-bottom: 2px solid #666;
}

#header_left {    
    width: 18%;
    height: 60px;
    float: left;
    padding: 9px 0 9px 18px;
}

#header_center {
    width: 49%;
    height: 78px;
    float: left;
    vertical-align: bottom;
}

#header_center p {
    color: #666;
    font-weight: bold;
}

#header_right {
    width: 24%;
    height: 60px;
    float: right;
    padding: 9px 18px 9px 0;
    text-align: right;
}

#header_right li {
    text-transform: uppercase;
}

#header_right li a {
    color: #666;
    text-decoration: none;
}

#header_right li a:hover {
    text-decoration: underline;
}

#content hr {
    margin: 18px 0;
    background: #666;
    color: #666;
    clear: both;
    float: none;
    width: 100%;
    height: .1em;
    border: none;
}   

#content table {
    margin: 18px;
    width: 702px;
    clear: both;
}

#content table th {
    padding: 9px;
    font-size: 1.5em;
}

#content table td {
    padding: 9px;
}

#content table td p.small {
    margin: 4px 0;
    font-size: .8em;
    font-weight: normal;
    color: #999;
}

#content table td form {
    float: left;
    margin: 0 9px 0 0;
}

#content table td.label {
    font-size: 1.1em;
    font-weight: bold;
    width: 30%;
    text-align: right;
}

#content table td.value {
    width: 70%;
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
}

#content table td.value input {
    margin-bottom: 3px;
    padding: 3px;
    font-size: 1.2em;
    font-weight: bold;
    width: 250px;
}

#worlds {
    overflow: hidden;
}

#worlds ul {
    margin: 37px 0 0 0;
}

#content_container {
    overflow: hidden;
}

#content {
    float: left;
    width: 100%;
    border-right: 2px solid #ebebeb;
    overflow: auto;
}

#content_header {
    padding: 0 18px 0 18px;
    overflow: auto;
    border-bottom: 2px solid #666;
}

#content_header_left {
    float: left;
    width: 29%;    
}

#content_header_left ul {
    margin: 9px 0;
}

#content_header_left li {
    font-size: 1.4em;
    text-transform: uppercase;
}

#content_header_middle {
    float: left;
    width: 29%;
    padding: 9px 0  ;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
}

#content_header_right {
    float: right;
    width: 40%;
    margin: 9px 0 0 0;
    text-align: right;
}

#content_header_right ul.tabs {
    float: right;
}

#ops {
    padding: 9px 18px;
    border-bottom: 2px solid #666;
    overflow: hidden;
}

#ops a {
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

#ops_left {
    width: 30%;
    float: left;
}

#ops_middle {
    width: 39%;
    float: left;
    text-align: center;
}

#ops_right {
    width: 30%;
    float: right;
    text-align: right;
}

#search {
    clear: both;
    padding: 18px;
    border-bottom: 2px solid #666;
    overflow: hidden;
}

#search h2 {
    margin: 0;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

#search_go img {
    cursor: pointer;
}

#slider {
    margin: 9px 0;
    clear: both;
}

#slider .ui-slider-range {
    background: #f4cfcf;
}

#from_date {
    width: 180px;
    float: left;
    color: #666;
    text-align: left;
    font-weight: bold;
}

#to_date {
    width: 180px;
    float: right;
    color: #666;
    text-align: right;
    font-weight: bold;
}

#context {
    padding: 18px;
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
}

#categories {
    clear: both;
    width: 234px;
    float: left;
    margin: 0 18px 0 0;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
}

#categories li {
    border-bottom: 2px solid #fff;
}

#categories li a.selected {
    font-weight: bold;
    background: #666;
    color: #fff;
}

#categories li.last {
    border: none;
}

#categories li a {
    display: block;
    padding: 9px;
    text-decoration: none;
}

#categories li a:hover {
    background: #666;
    color: #fff;
}

#cloud {
    padding: 9px 18px;
    line-height: 2.5em;
    text-align: center;
}

#cloud a {
    padding: 0 9px;
}

#cloud span.s1 {
    font-size: .8em;
    font-weight: lighter;
}

#cloud span.s2 {
    font-size: 1.4em;
}

#cloud span.s3 {
    font-size: 2em;
}

#cloud span.s4 {
    font-size: 2.6em;
    font-weight: bold;
}

#cloud span.s5 {
    font-size: 3.2em;
    font-weight: bold;
}

#tweets a {
/*    color: #830808;*/
    color: #c0272d;
}

#tweets a.username {
    font-weight: bold;
}

#tweets ul {
    margin: 18px 18px 0 0;
}

#tweets li {
    padding: 9px;
    overflow: hidden;
    border-bottom: 2px solid #ebebeb;
}

#tweets li:hover {
    background: #ebebeb;
}

#tweets li img.avatar {
    margin: 0 9px 0 0;
    height: 48px;
    width: 48px;    
    float: left;
}

.tweet_info {
    clear: both;
    margin: 9px 0 0 0;
    overflow: hidden;
}

.tweet_meta {    
    float: left;
}

.tweet_labels {
    float: right;
    display: none;
}

.tweet_labels img {
    margin: 0 4.5px 0 0;
    vertical-align: middle;
}

#sidebar {
    float: right;
    width: 25%;
    overflow-y: auto;
}

#explore {
    padding: 18px;
    color: #666;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
}

#explore a {
    margin: 18px 0 0 0;
}

#explore img {
    margin: 0 0 0 9px;
}

#privacy {
    margin: 18px;
}

#privacy li {
    margin: 9px 0;
}

#footer {
    padding: 18px;
    color: #666;
    font-size: .8em;
    text-align: center;
    background: #fff;
    border-top: 2px solid #ebebeb;
    background: #fff url(../images/header_back.png) repeat-x bottom left;
}

#footer ul {
    margin: 0;
}

.paging {
    margin: 18px 0;
    text-align: center;
}

.currentStep {
    margin: 0 9px;
}

.step {
    margin: 0 9px;
}

.nextLink {
    margin: 0 9px;
}

.loading {
    padding: 9px;
    font-size: 4em;
    font-weight: bold;
    background: #ffff99;
}

.message {
    margin: 18px;
    padding: 9px;
    background: #fc6;
    border: 1px solid #960;
}

.errors {
    margin: 18px;
    padding: 9px;
    color: #c1272e;
    background: #f4cfcf;
    border: 1px solid #c1272e;
}

.box {
    padding: 18px;
}

.sparklines {
    vertical-align: bottom;
}

.debug {
    border: 1px solid red;
}