body {
    margin: 0;
    padding: 0;
    font-family: "Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size: 13px;
    color: #000000;
    text-align:left;
}

html {
    font-size: 100%;
}

p {
    margin:0px;
}

pre.pretyprint {
    border: 1px;
    border-style: solid;
    border-color: gray;
    border-radius: 5px 5px 0 0 0 0 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    font-size:11px;
    color: #0000FF;
}

code {
    color:#0000FF;
}


td {

}

h1 {
    font-size: 22px;
    color: #555;
}

h2 {
    font-size: 16px;
    color: #FF4900;
}

h3, .h3 {
    font-size: 14px;
    color: black;
    font-weight: bold;
}

legend {
    font-size: 16px;
    color: #FF4900;
    font-weight: bold;
}

img {
    margin: 0;
    padding: 0;
    border: 0;
}

img.index {
    width: 80px;
    height: 80px;
}

img.features {
    width: 150px;
    height: 186px;
}

table.indexTable {
    width: 535px;
}

a:link, a:visited {
    color: #FF4900;
}

a:hover {
    color: #000000;
}

body.home a#homeNav,
body.news a#newsNav,
body.setup a#setupNav,
body.features a#featuresNav,
body.pricing a#pricingNav,
body.company a#companyNav {
    font-weight:bold;
    padding: 0.5em 0.5em;
    display: inline-block;
    background-color: #eee;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

fieldset {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

form {
    font-size: 16px;
}
.form {
    font-size: 16px;
}

label {
    color: #666666;
}

input, textarea, select, button {
    font-size: 16px;
    margin: 5px;
    padding: 5px;
    border: 1px solid #5DB30A;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0 0 0 0 5px 5px;
}

input[type=text] {
    width: 224px;
}

input[type=password] {
    width: 224px;
}

input.image {
    border: none;
}

input#recaptcha_response_field {
    font-size: 16px !important;
    margin: 0.3em !important;
    padding: 0.3em !important;
    border: 1px solid #5DB30A !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}
table#recaptcha_table {
    border:none !important;
}
table#recaptcha_table td {
    padding-left: 0px !important;
}

.hidden {
    display:none;
}
.center {
    text-align:center;
}

.validationMsg {
    display: none;
    color: #666;
    border: 1px solid #E0E0E0;
    background-color: #F2F2F2;
    font-size: 11px;
    line-height: 2.75em;
    vertical-align: middle;
    padding: 0 0.5em 0 0.5em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.validationMsg img {
    padding-right: 0.5em;
    vertical-align: middle;
}

.formHidingHint {
    display: none;
    float:left;
    width: 20em;
    color: #666;
    border: 1px solid #E0E0E0;
    background-color: #F2F2F2;
    font-size: 11px;
    line-height: 2.75em;
    vertical-align: middle;
    padding: 0 0.5em 0 0.5em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.formHidingHint img {
    padding-right: 0.5em;
    vertical-align: middle;
}

select.language {
    width: 100px;
}

input.checkbox {
    border: none;
}

#submit {
    text-align: justify;
}

span#topMenuItem {
    margin-left: 0px;
}

div#header_pane {
    background-color: #FFFFFF;
}

div#account a {
    font-size: 12px;
    color: #787878;
    text-decoration: underline;
    padding-left: 3px;
    padding-right: 3px;
}

div#account span {
    font-size: 13px;
    font-weight:bold;
    padding-left: 3px;
    padding-right: 3px;
}

div#topMenu a {
    padding-right: 10px;
    padding-left: 10px;
    text-decoration: none;
    font-size: 16px;
    color: #787878;
}

div#topMenu .active a {
    color: #FF4900;
    font-weight: bold;
}

div#colorPreview {
    height: 25px;
    width: 25px;
    float: left;
    margin-left:9px;
    /*    position: absolute;*/
    /*    top: 225px;*/
    /*    left: 15px;*/
    border: 1px solid black;
}

#sub-menu a {
    font-weight:bold;
    text-decoration: none;
    color: #FFFFFF;
}

#sub-menu ul {
    list-style-type: none;
    color: #FFFFFF;
    float: right;
    margin-top: 17px;
    padding-left: 20px;
    padding-right: 20px;
}

#sub-menu li {
    padding-right: 13px;
    padding-left: 13px;
    float: left;
}

#sub-menu li.active a {
    color: #FF4900;
}

#sub-menu h1 {
    margin-top:0px;
    margin-bottom:0px;
    text-align:left;
    color:white;
    padding-top:11px;
    padding-left:20px;
}

div#holder {
}

div#main_pane {
    width: 950px;
    clear: both;
}

div#body_pane {
    padding-top:15px;
    padding-right:15px;
    padding-bottom:15px;
    padding-left:25px;
    float:left;
    width:710px;
    height: auto !important;
}

div#right_pane {
    float:left;
}

div#adsense {
    padding-top:50px;
}

td#right_pane h1 {
    font-size: 12px;
    color: #5DB30A;
}

div#copyright, div#icon_label, div#required_note, div#chat-icon, .paymentNote, .note {
    font-size: 11px;
    color: #666666;
}

div#microlinks a:link, div#microlinks a:visited {
    font-size: 12px;
    color: #666666;
    padding-left: 10px;
}

label.required {
    font-weight:bold;
}

div#footer_pane {
    clear:both;
    background-color: #F2F2F2;
}

div#header_pane {
    width: 950px;
    height: 115px;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

div#logo_pane {
    width: 200px;
    height: 115px;
    float: left;
    margin: 0;
    padding: 0;
}

div#logo_pane img {
    padding: 0;
    margin: 0;
    border: 0;
    margin:10px 6pt 0pt;
}

div#chat_icon {
    padding-left:21px;
    padding-bottom:6px;
    padding-top:20px;
    width: 160px;
}


div#run_console {
    padding-top: 15px;
}

div#topMenu {
    float:right;
    position:relative;
    text-align:right;
    margin-top:47px;
    width:480px;
}

div#topMenu span {
    padding-right: 15px;
    padding-left: 15px;
}

div#middle_pane {
    width: 100%;
    height: 55px;
    background: transparent url(../images/green_bg_small.png) repeat-x;
    padding: 0;
    margin: 0;
    clear:both;
}

div#index_headline_wrapper {
    width: 950px;
    height: 247px !important;
    margin: 0;
    padding: 0;
}

div#index_headline {
    float:left;
    width: 380px;
    height: 249px;
    text-align: left;
    padding-left: 25px;
}

div#index_screencast {
    float: left;
    padding-top: 6px;
    padding-bottom: 6px;
}

div#index_middle_pane {
    width: 100%;
    height: 249px;
    background: transparent url(../images/green_bg_large.png) repeat-x;
    padding: 0;
    margin: 0;
    clear:both;
}

div#index_middle_pane h1 {
    font-size: 33px;
    font-weight: normal;
    color: #fff;
    letter-spacing: -1px;
    margin-top: 6px;
}

div#index_middle_pane h2 {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    letter-spacing: -1px;
    margin-bottom:0px;
    margin-top:0px;
}

div#index_middle_pane h3 {
    font-size: 14px;
    font-weight: normal;
    color: #2A2A2A;
    letter-spacing: -1px;
    margin-bottom:8px;
}

div#sub-menu {
    width: 950px;
    height: 55px;
    text-align: right;
    vertical-align: middle;
}

div#footer_pane {
    width: 100%;
    height: 120px;
}

div#footer_wrapper {
    width: 950px;
    height: 120px;
}

div#copyright {
    float: left;
    text-align: left;
    padding: 10px;
    padding-left: 20px;
}

div#microlinks {
    float: right;
    padding:10px;
    padding-left:20px;
}

div#account {
    z-index:10000;
    height:19px;
    margin-right:6px;
    text-align:right;
    padding-top:4px;
}


div#languageSelector {
    visibility:hidden;
    padding-left:250px;
    padding-top:26px;
    float:left;
}

div#languageSelector select {
    font-size:10px;
}

form {
    padding: 0;
    margin: 0;
}

div.error-messages {    
    border: 1px solid red;
    color: #555555;
    font-weight: bold;
    margin-bottom: 15px;
    background-color: #FFCCCC;
}

.bullet {
    display: inline-block;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    background-color: #BBB;
    padding: 0 0.4em 0 0.4em;
    color: #FFF;
}

.code, .inline-code {
    font-family: 'Courier New', Courier, monospace;
}

.code {
    font-size: 11px;
    background-color: #F5F5FF;
    color: #00F;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}


div#free_badge {
    float:left;
    width:113px;
    height:92px;
    position: relative;
    left: 10em;
    top: 10em;
    z-index: 10000;
}
div#button {
    padding-top:13px;
    float:left;
}

div#best_choice_badge {
    position: relative;
    left: 16.6em;
    top: 1.5em;
    z-index: 10000;
}

table#pricing {
    width: 710px;
}

table#pricing thead th {
    color: #0050e6;
    font-size: 20px;
    text-align: center;
    padding: 0.5em;
    vertical-align: bottom;
    width: 139px;
}

table#pricing tbody td {
    padding: 0.5em;
    background-color: #F5F5F5;
    width: 139px;
}

table#pricing tbody th {
    text-align: right;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0.4em;
    vertical-align: baseline;
    line-height:25px;
}

table#pricing tbody .tl {
    -moz-border-radius-topleft: 1em;
    -webkit-border-top-left-radius: 1em;
}

table#pricing tbody .tr {
    -moz-border-radius-topright: 1em;
    -webkit-border-top-right-radius: 1em;
}

table#pricing tbody .bl {
    -moz-border-radius-bottomleft: 1em;
    -webkit-border-bottom-left-radius: 1em;
}

table#pricing tbody .br {
    -moz-border-radius-bottomright: 1em;
    -webkit-border-bottom-right-radius: 1em;
}

table#pricing td {
    vertical-align: baseline;
    text-align: center;
}

table#pricing .space {
    width: 3px;
    font-size: 0;
    background-color: transparent;
}

table#pricing .price {
    color: red;
    font-size: 15px;
    font-weight: bold;
}

table#pricing .free {
    background-color: #dbfe97;
}

table#pricing .paid {
    background-color: #bae7fc;
}

.lightBlue {
}

.lightGreen {
    background-color: #b5f5b2;
}

div#newFaqEntry {
    padding:10px;
}
.blueDiv {
    background:#BAE7FC;
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    padding:10px;
    margin:10px;
}
.rank {
    font-weight: bold;
    padding-right: 3px;
    float:left;
}
.faqAnswer {
    padding:2px;
}

/* ---- Index page ---- */
div.overview {
    clear: both;
    display: table;
    font-size: 18px;
    color: #555;
}

div.overview .icon {
    display: table-cell;
    width: 150px;
    vertical-align: top;
    text-align: center;
    padding-top: 30px;
    float: left;
}

div.overview .description {
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    color: #555;
    line-height: 145%;
    margin-left: 150px;
    font-size: 14px;
}

div.overview strong, div.overview b {
    color: #444;
}

div.overview .description h2 {
    margin-bottom: 5px;
}

div.overview .description p {
    margin: 2px;
}


/* ---- Features page ---- */
div.overview-features {
    float: left;
    display: table;
    font-size: 18px;
    color: #555;
    margin-bottom: 5px;
}

div.overview-features h3 {
    margin-bottom: 3px;
}

div.overview-features .icon {
    display: table-cell;
    width: 45px;
    height: 45px;
    vertical-align: top;
    text-align: center;
    padding-top: 5px;
    float: left;
}

div.overview-features .splash {
    display: table-cell;
    width: 420px;
    height: 235px;
    vertical-align: top;
    text-align: center;
    padding-top: 5px;
    float: left;
}


div.overview-features .description {
    display: table-cell;
    vertical-align: top;
    color: #555;
    line-height: 135%;
    margin-left: 7px;
    font-size: 13px;
    width: 300px;
    float: left;
}

div.overview-features strong, div.overview b {
    color: #444;
}

div.overview-features .description h2 {
    margin-bottom: 5px;
}

div.overview-features .description p {
    margin: 2px;
}

div.hint {
    font-size: 12px;
    color: #00F;
    padding-top: 1em;
}

div.li .bullet {
    margin-right: 0.2em;
    cursor: pointer;
}

div.li .bullet:hover {
    background-color: #ff8959;
}

img.features {
    width: 45px;
    height: 45px;
}

div.clear {
    clear: both;
}

/* ----- Setup page & Tutorial pages ----- */
div.guide {
    clear: both;
}

div.guide .platform {
    float: left;
    width: 60px;
    height: 60px;
    text-align: center;
}

div.guide .platform img {
    margin-top: 15px;
}

div.guide .client {
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 3px;
    margin: 3px;
    border: 3px solid #DDD;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

div.guide .client:hover {
    border-color: #5f92ef;
}

div.guide .client .name {
    font-size: 10px;
}

div.guide .client .logo {

}

div.guide-page .row {
    clear: both;
}

div.guide-page .screenshot {
    float: left;
    width: 460px;
}

div.guide-page .description {
    float: left;
    padding-top: 35px;
    width: 210px;
}

div.hinted {
    float: left;
}

div.tooltip {
    display: none;
}

div.tooltip-arrow-right {
    width: 0;
    height: 0;
}

html>body div.tooltip-arrow-right {
    background: transparent url(../images/setup/hint_arrow.png) no-repeat 0 20px;
    width: 10px;
    height: 35px;
    display: table-cell;
}

div.tooltip-content {
    display: table-cell;
    background-color: #fff;
    border: 3px solid #a1bdef;
    padding: 10px 15px;
    width: 200px;
    color: #666;
    text-align: left;
    font-size: 12px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

div.tooltip-content ul {
    margin: 0;
    padding-left: 15px;
}

.advancedIcon {
    vertical-align: middle;
    padding-right:2px;
}

/*---- Stay connected (Social) ----*/
#stay_connected {
    width: 160px;
    height: 124px;
    padding-left: 21px;
    margin-top: 2em;
}

#stay_connected .header {
    border-bottom: 1px solid #DDD;
    font-weight: bold;
    color: #FF4900;
}

#stay_connected .icon {
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
}

/*---- Twitter feed ----*/
#twitter_container #loading {
    color: #DDD;
}

.twit {
    color: #555;
}

.twitHeader {
    display: none;
}

.twitLabel {
    font-weight: bold;
    font-size: 1.2em;
    color: #33ccff;
}

.twitTitle {
    font-weight: bold;
}

.twitUser {
    background-color: #fff;
    border-bottom: none;
    font-size:160%;
    padding: 7px;
}

.twitUser a{
    color:#222;
    font-weight:bold;
    text-decoration: none;
}

.twitBody {
    padding: 0 7px 7px 7px;
    margin: 0;
    list-style: none;
}

.twitEntry {
    font-size: 14px;
    padding: 6px 8px;
    margin: 0;
    border-bottom: 2px dotted #DDD;
    height: auto !important;
}

.twitBody > .twitEntry:first-child {
    font-size: 1.5em;
    margin-bottom: 1em;
    border-bottom: none;
    background-color: #cbf2ff;
    padding: 0.5em;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.twitNavi {
    clear: both;
    text-align: center;
    margin-top: 0;
    padding: 5px;
    background-color: #ffffff;
}

.createdAt {
    font-size: .8em;
    color: #CCC;
    display: table-cell;
}

#twitter_div ul#twitter_update_list li a:hover {
}

#twitter_div p {
    text-align: right;
}

twitter_div #twitter-link {
    display: none;
}


/* Tag cloud */

#tags .header {
    border-bottom: 1px solid #DDD;
    font-weight: bold;
    color: #FF4900;
}

.tags ul{
    margin:1em 0;
    padding:.5em 10px;
    text-align:center;
    /*background:#71b5e9 url(bg_tags.gif) repeat-x;*/
}
.tags li{
    margin:0;
    padding:0;
    list-style:none;
    display:inline;
}
.tags li a{
    text-decoration:none;
    /*color:#fff;*/
    color:gray;
    padding:0 2px;
}
.tags li a:hover{
    color:#cff400;
}

.tag1{font-size:100%;}
.tag2{font-size:120%;}
.tag3{font-size:140%;}
.tag4{font-size:160%;}
.tag5{font-size:180%;}

/* alternative layout */

.tags .alt{
    text-align:left;
    padding:0;
    background:none;
}
.tags .alt li{
    padding:2px 10px;
    background:#efefef;
    display:block;
}
.tags .alt .tag1,
.tags .alt .tag2,
.tags .alt .tag3,
.tags .alt .tag4,
.tags .alt .tag5{font-size:100%;}
.tags .alt .tag1{background:#7cc0f4;}
.tags .alt .tag2{background:#67abe0;}
.tags .alt .tag3{background:#4d92c7;}
.tags .alt .tag4{background:#3277ad;}
.tags .alt .tag5{background:#266ca2;}

/* // Tag cloud */