html {
    /*background: url('/stripe.png') repeat-x repeat-y gray;*/
    font-family: 'Verdana', 'Helvetica', 'Sans', sans-serif;
}

body {
    margin: 0;
    padding: 0;
    margin: auto;
    /*margin-top: 1em;*/
    /*max-width: 1280px;*/
    /*max-width: 900px;*/
    background: url('/stripe.png') repeat gray;
    text-align: center;

    /*background: black;*/

    font-size: 10pt; /*.75em;*/
}

.ieboxhack {
    background: white;
    width: 900px;
    /*width: 790px;*/
    margin: auto;
}
.boxhack {
    background: white;
    max-width: 900px;
    text-align: left;
    margin: auto;
    margin-top: 1em;
    padding: 0;
    border: 1px solid silver;
}


a {
    color: black;
    border: 0;
}
img { border: 0; }

.adboxes {
    margin: 1em;
    float: left;
    /*width: 294px;*/
    width: 40%;
}
.adboxes img {
    display: block;
}
.adboxes .navigation {
    margin-top: .5em;
    text-align: center;
}
.boxhack > .navigation {
    margin-left: 2em;
    margin-bottom: 1em;
}
.leaderbox {
    /*float: right;*/
    /*width: 392px;
    margin-right: 1.5em;*/
    /*background: url('/kingcastle.png');*/
    background: url('/villageheader3-top.png');
    /*background: url('/kingcastle-grokcloud.png');*/
    text-align: right;
    margin: auto;
    height: 400px;
}

#header {
    /*margin-bottom: 1em;*/
    /*margin-bottom: 1.5em;*/
    width: 100%;
    /*height: 105px;*/
}
#header img {
    margin-top: 1em;
    margin-left: 1em;
}
#footer {
    display: block;
    clear: both;
}
#footertext {
    /*max-width: 800px;*/
    /*background: black;
    color: white;*/
    color: black;
    text-align: right;
    margin: auto;
    clear: both;
    padding: 1em .5em 1em 0;
}
#footertext a {
    color: #5050ff; 
    text-decoration: none;
}

.leftcol {
    width: 48%;
    float: left;
    /*margin-left: 2%;*/
}

.rightcol {
    width: 48%;
    float: right;
    /*margin-right: 2%;*/
}

.crushboxes {
    color: black;
    background: #bcffa6;
    padding: .5em;
    /*margin: 1.5em 1em 1em .5em;*/
    border-bottom: 3px solid white;
    margin-left: 0;
    margin-right: 1em;
}
.crushboxes div {
    /*min-height: 10em;*/
}
.crushboxes h2 {
    margin: 0;
    padding: 0;
}
.crushboxes h2 a {
    display: block;
    width: 100%;
}

dt {
    display: inline;
    font-weight: bold;
}
dd {
    display: block;
    padding: 0;
    margin: 0;
    padding-left: .5em;
}

.orderpg1 {
    clear: both;
    border-top: 1px solid black;
    padding-top: 1em;
    position: relative;
    top: -1px;

    display: block;
    /*background: #ffd0ff;*/
    /*?background: #ffdd88;*/
    /*background: #e0f2fe;*/
    background: white;
    /*border: black 1px solid;*/
    /*padding: .5em;*/
    /*margin: 1.5em .5em 1em 1em;*/
    margin: 1.5em .5em 1em 1em;
    margin-left: 12%;
    width: 75%; 
    max-width: 75%;
}

.submitAround {
    padding: .5em;
    /*background: #ffffdd;*/
    margin-top: 1em;
    margin-left: auto;
    text-align: right;
    border-top: 1px solid black;
}
.orderpg1 .xsubmit {
    /*position: relative;
    left: 40%;*/
    font-size: 1.1em;
    /*margin-top: 1em;*/
    background: #edf6fc; /*#bcffa6;*/ /*white;*/
    text-decoration: none;
    border: 1px outset;
    /*border: 4px solid #d0c0d0;*/
    /*border-bottom: 2px solid black;
    border-left: 2px solid black;*/
    /*padding: .5em;
    padding-right: 2em;*/
    text-align: center;
    cursor: pointer;
    display: block;
    /*margin-left: auto;*/
    font-weight: bold;
    font-family: 'dingbats';
}
.orderpg1 .submit:hover {
    text-decoration: underline;
}
.orderpg1 h2 {
    font-size: 16pt;
    margin: 0;
    padding: 0;
}
.orderpg1 ul, .orderpg1 li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.orderpg1 ul {
    margin-left: auto;
    margin-right: auto;
}
.orderpg1 li {
    padding: .1em;
}
.orderpg1 h3 {
    font-size: 2.5em;
    margin: 0;
    padding: 0;
    text-align: right;
}
.orderpg1 h4 {
    /*font-size: xx-small;*/
    text-align: right;
    margin: 0;
    padding: 0;
}
.orderpg1 .tosbox {
    font-size: 8pt;
    margin-left: 1em;
}
.orderpg1 .newsbox {
    font-size: 8pt;
    margin-left: 1em;
}

#planbox {
    margin: .5em;
    /*background: #dadaff;*/
    background: #edf6fc;
    border: 1px inset #dadaff;
}
#osFlasher {
    text-decoration: blink;
    float: left;
}
#selOS .first {
    font-weight: bold;
}
#selOS optgroup {
    text-decoration: none;
    font-style: normal;
    margin-left: .5em;
}
#selOS optgroup option {
    margin-left: .5em;
    padding-left: 0;
}

#infobar {
    font-size: small;
    text-align: center;
    margin-top: 1em;
    border-top: 1px solid gray;
}

#tosbox {
    width: 75%;
    background: LightSlateGray;
    z-index: 100;
}
#tosbox .closeX {
    text-align: right;
    float: right;
    clear: both;
    text-decoration: none;
    color: white;
    margin-right: 1em;
}
#tosbox .closeR {
    clear: both;
    float: right;
    text-decoration: none;
    background: LightGrey;
    border: 1px outset;
    color: black;
    padding: .25em;
}
#tosbox #tosinnerbox {
    clear: both;
    margin-left: 1em;
    margin-right: 1em;
    /*width: 100%;*/
}

#silkscreen {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: black;
    -moz-opacity: .25;
    opacity: .25;
    filter:alpha(opacity=25);
}

#distrobox {
    width: 75%;
    z-index: 100;
    background: white;
    text-align: center;
}

#distrobox .distro {
    display: block;
    float: left;
    cursor: pointer;
}
label {
    cursor: pointer;
}
.Labelselected {
    background: blue;
}


#XselOSbits {
    display: block;
    clear: both;
}

.orderdelay {
    background: #ffddff;
    padding: 1em;
    font-size: x-small;
}

.plantabs {
    margin: 1.5em .5em 1em 1em;
    /*margin-left: 12%;*/
    width: 75%; 
    max-width: 75%;
}
.plantabs li {
    display: block;
    float: left;
}
.plantabs li a {
    display: block;
    /*float: left;*/
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1.2em;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid LightGray;
    text-decoration: none;

    background: #dfdfdf;
    margin-bottom: 0px;

    position: relative;
    top: 0px;
    z-index: 1;

    margin-bottom: 1px;
}
.plantabs .current {
    position: relative;
    top: 1px;
    background: white !important;
    border-top: 1px solid orange;
}

/*.plantabbar {
    clear: both;
    border-top: 1px solid black;
    position: relative;
    top: -1px;
    z-index: 0;
}*/

#acctlist {
    width: 100%;
    white-space: nowrap;
    margin-top: 1em;
    border-collapse: collapse;
    border: 0;
}
#acctlist td {
    margin: 0;
    border: 0;
    padding: .25em;
} 
#acctlist th {
    padding-right: .5em;
    text-align: left;
    font-weight: bold;
    padding: .25em;
}
#acctlist tr:nth-child(even), tr.even {
    background: #f0f0ff;
}
#acctlist tr:nth-child(odd), .odd {
    background: #d0d0ff;
}
#acctlist tr:first-child {
    /*background: #a0a0ff;*/
    background: black;
    color: white;
}
#acctlist td:last-child {
    padding: .5em;
}
#acctlist a {
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: .90em; 
    border: 1px solid silver;
    /*padding: .2em;*/
    padding: .2em .75em .2em .75em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    /*behavior:url(border-radius.htc);*/
    /*background: orange;*/
    background: #aaffaa;
    margin-left: 1em;
}
#acctlist a:hover {
    background: #90ff90;
    border: green 1px solid;
}

.even {
 background: #f0f0ff;
}

.login div {
    border: 1px outset silver;
    padding: .25em .5em .25em .5em;
    margin: .25em;
    font-weight: bold;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    /*behavior:url(border-radius.htc);*/
    text-decoration: none;
    cursor: pointer;
}


.login {
    /*display: run-in;*/
    border: 1px outset silver;
    padding: .25em .5em .25em .5em;
    margin: .25em;
    /*background: #dadada;*/
    background: #ffdada;
    font-weight: bold;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    /*behavior:url(border-radius.htc);*/
    text-decoration: none;
    /*margin-top: 1em;
    margin-right: 1em;*/
    cursor: pointer;
    display: table-cell;
}

.customeraccess {
    float: right;
    /*background: #fff0f0;*/
    padding: 1em;
    -moz-border-radius-bottomleft: 1em;
    -webkit-border-bottom-left-radius: 1em;  /* Safari/WebKit */
    border-bottom-left-radius: 1em;  /* Opera; future browsers with CSS3 support */
}

.login-billing {
    background: #ddddff;
}
.login-instance {
    background: #ddffdd;
}

.yearly-subtext {
    display: block;
    font-size: 50%;
    color: silver;
}

.yearcol {
    display: none;
}

.feature-overview {
/*background: black;*/
background: #ddddff;
/*color: white; */
color: black;
font-weight: bold; padding: 1em;
-moz-border-radius-topleft: 2em;
-moz-border-radius-bottomleft: 2em;
-webkit-border-top-left-radius: 2em;  /* Safari/WebKit */
-webkit-border-bottom-left-radius: 2em;  /* Safari/WebKit */
border-bottom-left-radius: 2em;  /* Opera; future browsers with CSS3 support */
clear: both;
float: right;
text-align: left;
width: 40%;
margin-top: 2em;
opacity: .9;
-ms-filter: "alpha(opacity=90)"; /* IE 8 */
filter: alpha(opacity=90);       /* IE 4-7 */
zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
}
.feature-overview a {
    cursor: pointer;
    /*color: orange;*/
    font-size: 1.25em;
    color: black;
}

#navheader a {
    color: white;
}

h2 {
padding: 0;
margin: 0;
}

#sidebar-title { margin: 0; padding: 0; }

ul#twitter_update_list li {
    float: left;
}
.twitter .h2 { 
    font-weight: bold;
    font-size: 1.5em;
    /*padding: .5em 0 .5em 1em;*/
    margin: 0;
    margin-left: 1em;
    padding: .5em 0 .1em 1em;
    /*padding: .5em 0 0 1em;*/
    height: 22px;
    /*background: #9b8f75;*/
}
.facebook, .twitter { background: black; color: white; height: 20em; width: 33%; float: left; min-height: 300px }
.facebook { height: 300px; }
.facebook iframe { position: relative; top: 1em; left: 1.5em; }
.twitter ul { margin: 0; padding: 0; /*list-style: decimal inside;*/ list-style: none; }
.twitter li { float: right; width: 98%; padding: 1%; color: white; background: black; height: 6em; }
/*.twitter li { float: right; width: 31%; padding: 1%; color: white; background: black; height: 6em;}*/
.twitter .spacer { width: 1%; height: 12em; }
.twitter li a { color: gray; }
.twitter .user img { width: 48px; height: 48px; padding: 0 8px 0 8px; }
.twitter .user { display: block; float: left; clear: left; width: 64px; overflow: clip; text-align: center; text-decoration: none; border: 0; height: 6em; }
/*.twitter .username { display: block; float: left; clear: left; }*/
.twitter .username { display: block; clear: left; font-size: x-small; text-decoration: none; border: 0; }
.twitter .date { display: block; text-align: right; float: right; }
.twitlink { height: 22px; float: left; margin: -22px 0 0 1em; }

sup { font-size: xx-small; }

#vmboxes h2 { text-align: left; padding-left: 1em;}
#vmboxes .th td {
    font-weight: bold;
    border-top: 1px dotted black; border-right: 1px solid black;
    border-left: none;
}
#vmboxes { margin: auto; text-align: center; } /* border: 1px solid black; }*/
#vmboxes table {
    float: left;
    width: 14.27%;
    border-collapse: collapse; padding: 0; margin: 0
}
#vmboxes td { border: 1px dotted black; border-right: 1px solid black; border-collapse: collapse; padding: .5em 0 .5em 0; margin: 0 }
#vmboxes .ramcol { font-weight: bold; }
#vmboxes .moncol { border-bottom: none; color: green; }
#vmboxes td.last { border: 1px solid black; border-top: none; }
#vmboxes .th td.last { border: none; border-right: 1px solid black; }
#vmboxes a {
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: .90em; 
    border: 1px solid silver;
    /*padding: .2em;*/
    padding: .2em .75em .2em .75em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;  /* Opera; future browsers with CSS3 support */
    /*behavior:url(border-radius.htc);*/
    /*background: orange;*/
    background: #aaffaa;
    margin: 0 1em 0 1em;
}

.indexboxes h2 { text-align: center; padding: 1em; margin: 0; clear: both;}

.planselector {
    font-size: 1.5em;
    font-weight: bold;
    padding: 1em;
}
.selector {
    color: gray;
    padding: 1em;
    cursor: pointer;
}
.selected {
    color: black;
    border-bottom: orange;
}

#gc-advantages {
    /*width: 100%;*/
    /*height: 23em;*/
    margin: auto;
    padding-top: 1em;
    text-align: center;
    float: right;
    width: 33%;
    clear: both;
    margin-bottom: 1em;
}
#gc-advantages div {
    text-align: left;
    width: 90%;
    padding-left: 1%;
    border-left: 4px solid black;
    font-size: .90em;
}

#poweredby {
    padding: 1em;
    float: right;
    clear: both;
}

#manager-gui-info { min-height: 240px }
#manager-gui-info img {
    float: left;
}
#manager-api-info img {
    float: right; 
    margin-top: 67px;
}
.manager-shiftleft div {
    text-align: right;
    padding: 0 0 0 2em;
}
.manager-shiftright div {
    text-align: left;
    margin: 0 4em 0 0;
}
.bigboxes div { max-width: 50%; text-align: left; min-height: 240px; }
.bigboxes h2 {
    font-size: 18pt;
    margin: 0;
    padding: 1em 0 0 0;
    display: block;
    clear: none;
}
.bigboxes img {
    margin: 1em;
    clear: none;
}
.bigboxes { width: 66%; }

#annualteaser {
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    clear: both;
    padding: 1em;
}