/*************************************
 +Containers
 *************************************/

body {
    background-color: #eeeeee; color: #333333;
    background-image: url(background1.jpg); background-repeat:repeat-x;
    text-align:center;
    font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
    font-size: 1.0em;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
}

.applebody {
    background-color: black;
    background-image: none;
    text-align:center;
    font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
    font-size: 1.0em;
    height:100%;
    padding:0;
    margin:0;

}

h1 {
    padding:0 0 0.1em 0;
    border-bottom:1px solid #dddddd;
    font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
    font-size: 1.3em;
    color: #009900;
}

h2 {
    font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
    font-size: 1.1em;
    margin-bottom: 5px;
    color: #00aa00;
}

h3 {
    font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
    font-size: 1.0em;
    margin-bottom: 5px;
    color: #00cc00;
}

h4 {
    font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
    font-size: 1.0em;
    font-weigth: normal;
    margin-bottom: 5px;
    color: #00cc00;
}

p {
    margin:0 0 1.0em 0;padding:0 0 0 0;
    font-size: 0.9em;
    text-indent: 0.0em;
    line-height: 125%;
    color: #000000;
}

p.noindent { text-indent: 0;}

blockquote { padding:0.5em 1em 0em 1em; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }

table { font-size: 1.0em; }
th { font-size: 1.0em; }
td { font-size: 1.0em; vertical-align:top; }
ul { line-height: 125%; }
li { color:#000000;	font-size: 0.9em; margin:0.5em 0 0 0;	}
ul.actions { margin:0; padding:0; list-style-type: none; }

hr { height:1px; border-bottom:0; border-top: 1px solid #cccccc; }

pre { font-size:0.9em; padding:0.9em; width:100%; margin-bottom:1.0em; overflow:scroll; border-style:solid; border-color:#cccccc; border-width:1px; background-color:#EEEEEE; }

a { color: #008800; }
a:visited { color: #008800; }
a:hover { }

#container {
    margin:0 auto;
    text-align:left;
    width:100%;
}

#content-center {
}

/*************************************
 +Main Layout
 *************************************/
.subscribe-box { border:1px solid #008800; background-color: #eeffee; padding:1em; margin:1em; }
.javascript-warning { border:1px solid #008800; background-color: #ffffaa; color:red; padding:1em; margin:1em; }
.term-buttons { width:100%; border-bottom:1px solid #aaaaaa; background-color: #446644; padding:0.25em; margin:0em; color:white; background-image:url(button-bar.jpg);background-repeat:repeat-x; }

.main { border-collapse:collapse;border-spacing:0;margin:auto;width:48em;height:100%;border-left:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;border-right:1px solid #aaaaaa; }
.shadow-left { background-image:url(main-background-leftgradient.png);background-repeat:repeat-y;width:9px; }
.shadow-right { background-image:url(main-background-rightgradient.png);background-repeat:repeat-y;width:9px; }
.shadow-bottom-left { background-image:url(main-background-bottomleftgradient.png);background-repeat:no-repeat;width:9px; }
.shadow-bottom-right { background-image:url(main-background-bottomrightgradient.png);background-repeat:no-repeat;width:9px; }
.shadow-bottom { background-image:url(main-background-bottomgradient.png);background-repeat:repeat-x;width:9px; }
.center { margin:0;padding:0;background-color:#ffffff;vertical-align:top; }

#content {
    margin:0;
    vertical-align:top;
    padding: 1em 2em 2em 2em;
    background-color:#fff;
}

#content-term {
    margin:0;
    vertical-align:top;
    background-color:#000;
    padding:0;
    border-left:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;
}

#content-term-apple {
    margin:0;
    vertical-align:top;
    background-color:black;
    padding:0;
}

#content-right {
    width:9em;
    font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
    font-weight:bold;
    text-align:center;
    vertical-align:top;
    border-left:1px solid #dddddd;
    background-color:#f0f0f0;
    margin: 0em;
    padding: 1.0em 0.4em 1.0em 0.4em;
    list-style:none;
    font-size:1.2em;
}

#content-right a { text-decoration: none;color:#0000aa; }
#content-right a:hover { text-decoration: underline; color:#0000aa;}
#content-right a:visited { }

#content-right li {
    margin:1em;
}

#content-footer {
    margin:0;
    vertical-align:top;
    color:#888888;
    clear:both;
    font-size:.8em;
    text-align:center;
    padding:0.8em;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

/*************************************
 +Rightside Menu
 *************************************/

#rightsidemenubar {
    font-size:1.3em;
    padding-right:1em;
    float:right;
    text-align:right;
}
#rightsidemenubar ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
#rightsidemenubar ul li {
    color:white;
    margin-bottom:0.3em;
    padding:0.3em;
    display: inline;
}
#rightsidemenubar ul li a {
    color: white;
}
#rightsidemenubar ul li a:visited {
    color: white;
}
#rightsidemenubar ul li a {
    color: white;
}

/*************************************
 +Top Menu
 *************************************/
#topmenubar {
    padding-left:10px;
    background: #333;
}

ul.nav {
    list-style:none;
    margin: 0;
    padding: 0;
    font-size:1.2em;
    text-transform: uppercase;
}
ul.nav li{
    display: inline;
}

ul.nav a {
    border: 1px dashed #000;
    border-bottom: none;
    padding: 5px 15px 5px 15px;
    margin-right: 5px;
    background-color: #EAEAEA;
    text-decoration: none;
    color: #333;
}


.formError { color:red; font-size:0.8em; }
.fieldWithErrors input { background-color: #ffcccc; }
.fieldWithErrors select { background-color: #ffcccc; }

/*.fieldWithErrors {
  border: 3px solid red;
  padding: 2px;
  background-color: red;
  display: table;
}*/

#errorExplanation {
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
    font-size: 1.0em;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 1.1em;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
    padding-top: 15px;
}

#errorExplanation ul li {
    font-size: 1.0em;
    list-style: square;
}

#logo {
    background-image: url(title-background.png);
    background-repeat: repeat-y;
    background-color: #222222;
    color:white;
    padding:15px;
    height:3.0em;
    border-bottom:1px solid #aaaaaa;
    font-family:monospace;
}

#logo a {
    font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
    font-weight:bold;
    color: #008800;
    text-decoration:none;
}
#logo a:visited {
    color: #008800;
    text-decoration:none;
}
#logo a:hover {
    color: #fff;
    background-color:#333;
    text-decoration:none;
}

#logoname {
    font-family:monospace;
    font-size:2.0em;
    font-weight:bold;
    padding-left:1em;
    float:left;
}

#logoname a {
    font-family:monospace;
    color: #fff;
    text-decoration:none;
    font-size:1.25em;
}
#logoname a:visited {
    color:#fff;
    text-decoration:none;
}
#logoname a:hover {
    color: #fff;
    background-color:#333;
    text-decoration:none;
}

.flash {
    color: #c00;
    margin-top:25px;
}

table {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}

table.list {
    margin-bottom: 20px;
}

table.list th, table.list td {
    margin: 0;
    padding: 1em 1em .1em 1em;
    text-align: left;
    vertical-align: top;
    border-color: #D8D8D2;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}


/*************************************
 +Forms
 *************************************/

div.action-menu-bar {
    text-align:right;
    background-color:#ffffff;
    border-top:1px solid #dddddd;
    padding:0.25em 0 0.5em 0;
    margin:1.0em 0 0.5em 0;
    color:#090102;
    font-size:0.9em;
    font-family:Arial,Helvetica,sans-serif;
}
div.action-menu-bar a { color:#4961a2;text-decoration:underline; }
div.action-menu-bar a:hover { color:#4961a2;text-decoration:underline; }

div.account-menu { background-color:#ffffff;padding:0.1em;border:1px solid #dddddd; width:9em;}
div.account-menu li a { color:#0000cc; }
div.account-menu li a:visited { color:#0000cc; }

.upgrade { white-space:nowrap;background-color:#ffffbb; border:2px solid #ffff00;}
.upgrade a { font-weight:bold; }
.upgrade a:visited { font-weight:bold; }

table.form {
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
    font-size: 0.9em;
}

td.label {
    font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
    float: left;
    margin: 0 0.5em 0 0;
    text-align: right;
    font-weight: bold;
    text-transform: none;
    letter-spacing: normal;
    color: #5C5958;
    font-size: 1.0em;
    width:10em;
}

td.field {
    width: 10em;
    padding-bottom: 0.2em;
}

label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    text-decoration: none;
    white-space: nowrap;
}

ul.posts { list-style-type: none; }

li.title { padding-top: 20px;	font-size:22px; }
li.title a { text-decoration:none; }
li.body { padding-top: 10; }

table.pricing { margin:auto; margin-bottom: 1em; width:30em; border: 1px solid #888888; }
.pricing-heading { text-align: center; background-color:#666666; color:#ffffff; padding:0.5em; }
.pricing-label { text-align: center; padding:0.5em;}
.pricing-cost { text-align: right; color:#000000; }
.pricing-subscription { text-align: left; color:#000000; }
.pricing-highlight {}

tr.odd td { background-color: #eeeeee; }
tr.even td { background-color: #ffffff; }

tr.server td { background-color:#fafafa;border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font-size:0.9em; padding:0.25em; vertical-align:center; }
.server-connect { width:1em; }
.server-name { font-weight:bold; width:15em; text-align:left; padding-right:1em; }
.server-host { width:10em; text-align:right; }
.server-edit { width:1em; }

.red { color:red; }

.paste {
    height:16px;width:16px;
    border:none;background-color:transparent;color:transparent;background-image:url(clipboard_icon.gif);background-repeat:no-repeat;background-position: center center;
    cursor:pointer;overflow:hidden;resize:none;padding:1px;margin:0;
}

#keyboard {
    width:10em;height:4em;
    border:none;background-color:transparent;color:transparent;background-image:url(keyboard.jpg);background-repeat:no-repeat;background-position: center center;
    cursor:pointer;overflow:hidden;resize:none;padding:1px;margin:0;
    border:1px solid #000000;
    -webkit-border-radius: 3px;

}

.keybutton {
    text-align:center;
    width:10em;
    vertical-align:top;
}

.keybutton div.unpressed {
    height:100%;width:100%;
    font-size: 1.1em;
    color:#000000;
    background-color:#aaaaaa;
    border:1px solid #000000;
    -webkit-border-radius: 9px;
    background-image: url(ipad-key-front.png); background-repeat:repeat-x;
}

.keybutton div.pressed {

    height:100%;width:100%;
    font-size: 1.1em;
    color:#000000;
    background-color:#aaaaaa;
    border:1px solid #000000;
    -webkit-border-radius: 9px;
    background-color: #555555;
}