@charset "UTF-8";

/*
 * Copyright (c) 2007-2010 Onlime Webhosting (http://www.onlime.ch)
 * Author: Philip Iezzi
 *
 * CSS layout & design
 */

body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 10pt;
    color: #202f41;
}

/*
 * Header
 */

#top {
    background: url(/images/header_bg.png) repeat-x;
    width: 100%;
    height: 131px;
    font-size: 8pt;
}

#logo {
    height: 106px;
    width: 378px;
    float: left;
}

#logo_link {
    background-image: url(/images/onlime_logo.png);
    background-repeat: no-repeat;
    height: 106px;
    width: 378px;
    display: block;
    position: relative;
    top: 7px;
    left: 5px;
}

#logo_airpane {
    height: 69px;
    width: 129px;
    float: right;
}

#logo_airpane_link {
    background-image: url(/images/logo_airpane.png);
    background-repeat: no-repeat;
    height: 69px;
    width: 129px;
    display: block;
    position: relative;
    top: -4px;
    left: 5px;
}

/*
 * Top Menu
 */

#topmenu {
    float: left;
    width: 100%;
    border-right: 1px solid #ffffff;
    height: 53px;
    margin-top: -39px;
}

#topmenu ul {
    float: right;
    padding: 0px 0;
    margin: 0 0 0 0;
}

#topmenu ul li {
    list-style: none;
    float: left;
    padding: 0px;
    margin: 0px;
}

#topmenu a:link, #topmenu a:visited {
    font-size: 1.0em;
    font-weight: bold;
    color: #ffffff;
    height: 55px;
    line-height: 55px;
    letter-spacing: 0.5px;
    text-decoration: none;
    padding: 21px 20px 19px 20px;
    border-left: 1px solid #ffffff;
}

#topmenu a:hover {
    font-size: 1.0em;
    font-weight: bold;
    color: #435061;
    height: 55px;
    line-height: 55px;
    text-decoration: none;
    padding: 21px 20px 19px 20px;
    border-left: 1px solid #ffffff;
}

#topmenu li.active a {
    color:  #ffffff;
    background-color: #435061;
}

/*
 * left submenu
 */

#submenu {
    margin-bottom: 25px;
}

#submenu ul li {
    list-style: none;
    margin-left: -5px;
}

#submenu a {
    font-size: 1.2em;
    text-decoration: none;
    border-bottom: 1px solid #ededed;
    display: block;
    padding: 4px 5px;
    margin-bottom: 1px;
    text-decoration: none;
    height: 100%;
    width: 100%;
    color: #82C609;
}

#submenu a:hover {
    border-bottom: 1px solid #e2e1e3;
    text-decoration: none;
    color: #B3F100;
    display: block;
}

#submenu li.active a, #submenu li.active a:hover {
    color: #202f41;
}

/*
 * Main Content
 */

#main {
    width: 100%;
    float: left;
}

.middle {
    margin: 0px auto;
    width: 940px;
}

#left {
    float: left;
    width: 180px;
    padding: 9px 0px 0px 0px;
}

#right {
    float: right;
    width: 720px;
    background-image: url(/images/shadow.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0px 0px 0px 24px;
}

#content {
    width: 100%;
    float: left;
    padding-top: 21px;
    line-height: 21px;
    text-align: left;
}

#contentpaneopen {
    font-size: 10pt;
    background-image: none!important;
    background: transparent!important;
    text-align: left!important;
    width: 722px;
}

#contentpaneopen p {
    /* text-align: justify; */
    margin-top: 14px;
}

#contentpaneopen p a:hover {
    border-bottom: 1px solid #abafb9;
}

/*
 * Footer
 */

#footer {
    float: left;
    width: 940px;
    font-size: 8pt;
}

#footermiddle {
    margin: 20px auto 10px auto;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    height: 15px; /* FIX: this should not be required */
    width: 940px;
    padding: 10px 5px;
    color: #d1d1d1;
}

#footermiddle a {
    color: #d1d1d1;
    text-decoration: none;
}

#footermiddle a:hover {
    color: #9ACA14;
    text-decoration: underline;
}

#copyright {
    float: left;
}

#rightfoot {
    float: right;
}

/*
 * Special configuration for initial index.php sites
 */

.index_middle {
    margin: 0px auto;
    width: 750px;
}

#index_footer {
    font-size: 10px;
    padding-bottom: 10px;
}

/*
 * Forms, Fieldset
 */

fieldset {
    /* clear: both; */
    border-top: 1px solid #9aca14;
    border-bottom: 1px solid #85a52d;
    border-left: none;
    border-right: none;
    padding: 13px;
    margin: 12px 0px 13px 0px;
    background: #b8f501 url(/images/details_bg.png) repeat-x bottom left;
}

fieldset img.highlight, input.highlight {
    border: 1px solid #fff;
}

label {
    display: block;
    text-align: left;
    margin: 2px 8px 4px 0;
}

fieldset div, fieldset p {
    clear: both;
}

fieldset a {
    color: #435061;
    font-weight: bold;
}

fieldset a:hover {
    color: black;
    border-bottom: 1px solid #000;
}

fieldset .formblock {
    clear: both;
    border-top: 1px dotted #9aca14;
    padding: 13px 0 18px 0;
    margin: 21px 0 8px 0;
}

fieldset div label {
  float: left;
  width: 160px;
  text-align: left;
}

input[type="text"],
input[type="password"],
textarea {
    border: 1px solid #BFBFBF;
    padding: 6px 0 6px 9px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    border-color: #77B2EE;
}

fieldset#step5 div label {
    width: 190px;
}

#fieldset-step5 textarea,
#fieldset-step2 input[type="text"],
#fieldset-step3 input[type="text"],
#fieldset-step5 input[type="text"],
#fieldset-contact input[type="text"],
#fieldset-contact textarea {
    width: 510px;
}

#fieldset-step2 input[type="text"] {
    width: 250px;
}

#fieldset-step5 input[type="text"] {
    width: 200px;
}

fieldset .note {
    float: left;
    font-weight: bold;
    color: orange;
}

fieldset .hint {
    font-weight: bold;
}

fieldset .btn_submit {
    margin-top: 15px;
    float: right;
}

fieldset .btn_back {
    margin-top: 21px;
}

fieldset .formspecial {
    display: none;
}

fieldset .big {
    font-size: 14pt;
}

/*
 * Zend_Form_Element decorators
 */

/* http://maxdesign.com.au/presentation/definition/dl-table-display.htm */
fieldset dt {
    width: 160px;
    float: left;
    margin: 0 0 0 0;
    padding: .2em;
}

/* commented backslash hack for mac-ie5 \*/
fieldset dt { clear: both }
/* end hack */

fieldset dd {
    float: left;
    width: 520px;
    margin: 0 0 0 0;
    padding: .2em;
}

fieldset#fieldset-step4 dd {
    width: 680px;
}

#fieldset-tshirt dt {
    width: 120px;
}

#fieldset-tshirt dd {
    width: 290px;
}

label.required {
/*
    background-image: url(/images/required-field.png);
    background-position: top right;
    background-repeat: no-repeat;
    padding-right: 10px;
*/
    font-weight: bold;
}

.errors {
    font-weight: bold;
    color: darkorange;
}

/*
 * Text boxes
 */

.helpbox, .warnbox {
    clear: both;
    border-left: none;
    border-right: none;
    padding: 13px;
    margin: 12px 0px 13px 0px;
}

.helpbox {
    border-top: 1px solid #9aca14;
    border-bottom: 1px solid #85a52d;
    background: #b8f501 url(/images/details_bg.png) repeat-x bottom left;
}

.warnbox {
    border-top: 1px solid orange;
    border-bottom: 1px solid orange;
    background-color: orange;
}

.warnbox .content a {
    color: #202f41;
    font-weight: bold;
}

.warnbox pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/*
 * General / Various
 */

h1, h2, .contentheading {
    margin: 0px;
    padding: 8px 0;
    font-weight: normal;
    font-size: 1.7em;
    color: #82C609;
    font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif;
    letter-spacing: 1px;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.contentheading {
    border-bottom: 1px solid #ededed;
}

h2 {
    font-size: 1.5em;
    height: auto;
    letter-spacing: -1px;
}

.warnbox h1, .warnbox h2 {
    color: #000000;
}

h3 {
    margin: 0px;
    padding: 4px 0;
    color: #9aca14;
    font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif;
    letter-spacing: -1px;
    font-weight: bold;
    font-style: italic;
}

a {
    color: #82C609;
    text-decoration: none;
}

a:hover {
    color: #9aca14;
    text-decoration: none;
}

a.rss {
    background: transparent url(/images/icons/rss.gif) no-repeat scroll 5px 0;
    padding:0 0 0 25px;
}

ul {
    padding: 0px;
    margin: 0 0 0 5px;
}

li {
    padding: 0 0 0 0;
    margin: 0 0 0 15px;
}

.note {
    font-size: 10px;
    color: #9c99a1;
}

.piclegend {
    margin-bottom: 13px;
}

.piclegend img {
    padding: 6px;
    margin-bottom: 4px;
}

.piclegend img.border {
    border: 1px solid #D1D1D2;
}

.rounded {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.rounded-light {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.darkbg img {
    background: #2d3d4d url(/images/darkbg.jpg) repeat-x;
}

.piclegend p {
    padding: 0;
}

#step4 label img {
    display: inline;
    vertical-align: middle;
    margin-right: 8px;
}

.color_ok {
    color: #6bbe00;
}

.color_nok, .color_nok li {
    color: #ff6000;
}

.alert {
    margin: 8px 0 21px 0;
}

.swversion {
    white-space: nowrap;
    color: #666666;
    font-size: 11px;
}

.logos {
    padding: 5px;
    border: 1px solid #D1D1D2;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

p.logos a:hover, p.partnerlogo a:hover {
    border-bottom: none;
}

.newshead {
    font-weight : bold;
    font-size: 14px;
    padding-bottom: 3px;
    padding-top: 8px;
}

.newscont {
    padding-top: 8px;
    padding-left: 20px;
    padding-bottom: 10px;
}

td img {
    display: inline;
}

.limegreen {
    color: #82c609;
}

/*
 * Green boxes
 */

.admintable, .datatable {
    margin-bottom: 12px;
    font-family: inherit;
    background: #FFFFFF url(/images/bg_box.gif) repeat-x top left;
    vertical-align: top;
    font-size: 12px;
    border: 1px solid #D1D1D2;
    width: 100%;
}

.toptable {
    width: 100%;
}

.column2 .datatable, .column2 .admintable {
    margin-top: 14px;
}

#leftboxes {
    width: 190px;
}

.admintable img, .datatable img, .orderbar img, .linklist img {
    vertical-align: middle;
}

.admintable th, .datatable th {
    font-weight: bold;
    height: 27px;
    vertical-align: middle;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
}

.admintable th a, .datatable th a {
    color: #202f41;
}

.admintable th {
    font-weight: normal;
    background: #e9fc79 url(/images/glossyback-title.gif) repeat-x bottom left;
}

.datatable th {
    background: #e5e4e3 url(/images/glossyback-datatable.gif) repeat-x bottom left;
}

.admintable td, .datatable td {
    line-height: 1.4;
    vertical-align: top;
}

tr.light {
    background-color: #F5F5F5;
}

tr.dark {
    background-color: #EBEBEB;
}

tr.inactive {
    color: #999999;
}

.datatable .dark:hover, .datatable .light:hover {
    background-color: #d0d0d0;
}

tr.warn {
    background-color: #ffda69;
}

/* Statusbox layout
------------------------------------------------------------- */

.statusbox {
    margin-bottom: 20px;
    font-size: 12px;
    width: 100%;
}

.statusbox div.statustitle {
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    text-align: left;
    padding: 0 5px 0 5px;
    border-top: 1px solid #BFBFBF;
    border-left: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #e9fc79 url(../images/glossyback-datatable.gif) repeat-x bottom left;
}

.statusbox div.statusbody {
    border-left: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #FFFFFF url(../images/bg_box_light.png) repeat-x top left;
    padding: 3px 6px;
}

/*
 * Order Bar
 */

.orderbar {
    background-color: #F5F5F5;
    border: 1px solid #D1D1D2;
}

.orderbar a {
    color: #666666;
}

.orderbar a:hover {
    border-bottom: none;
}

.orderbar td {
    height: 34px;
}

/*
 * Content screen
 */

.screen {
    position: absolute;
    top: 63px;
    text-align: center;
}

#wrapper_table {
    width: 942px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

#pricelabel {
    position: relative;
    top: -15px;
    left: 450px;
    height: 1px;
    width: 251px;
}

#droid-mini {
    position: relative;
    top: 95px;
    left: 530px;
    height: 1px;
    width: 400px;
}

#droid-basic {
    position: relative;
    top: 135px;
    left: 530px;
    height: 1px;
    width: 400px;
}

#droid-pro {
    position: relative;
    top: 112px;
    left: 560px;
    height: 1px;
    width: 370px;
}

.blogtitle {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

.blogdate {
    color: #9C99A1;
    font-size: 9px;
    font-style: normal;
    margin-top: 3px;
}

.textblock {
    margin: 8px 0 10px 0;
    padding-bottom: 14px;
}

.textbotline {
    border-bottom: 1px solid #ededed;
}

blockquote {
    margin: 10px 0;
    padding: 0 0 0 50px;
    background: transparent url(/images/blockquote.gif) no-repeat 0 0;
    color: #abafb9;
    text-align: justify;
}

.quote-author {
    text-align: right;
    font-style: italic;
    margin-top: -10px;
    margin-bottom: 40px;
}

/* Zend_Form formatting
------------------------------------------------------------- */

ul.errors {
    padding-left: 0px;
    list-style: none;
    color: white;
    background-color: #ff6a15;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 8px;
}

ul.errors li {
    padding-left: 25px;
    margin: 10px 0;
}

ul.errors li {
    background: transparent url('/images/icons/exclamation.png') no-repeat left;
}

/* Icon lists
-------------------------------------------------------------- */

/* iconlist class is used for all iconified lists
 * errors class is only used for Zend_Form errors
 */
ul.iconlist, ul.errors {
    margin-left: 0px; /* for IE7 compatibility */
    padding-left: 0px;
    list-style: none;
}

ul.iconlist li, ul.errors li {
    padding-left: 25px;
    margin: 10px 0;
}

.iconify {
    margin-left: 5px;
    padding-left: 20px;
}

ul.ok li, li.ok, .ok.iconify {
    background: transparent url('/images/icons/axialis_16/Ok.png') no-repeat left top;
}

ul.phone li, li.phone, .phone.iconify {
    background: transparent url('/images/icons/axialis_16/Phone.png') no-repeat left top;
}

ul.mail li, li.mail, .mail.iconify {
    background: transparent url('/images/icons/axialis_16/Mail.png') no-repeat left top;
}

ul.globe li, li.globe, .globe.iconify {
    background: transparent url('/images/icons/axialis_16/Globe.png') no-repeat left top;
}

ul.ask li, li.ask, .ask.iconify {
    background: transparent url('/images/icons/axialis_16/Discuss.png') no-repeat left top;
}

ul.question li, li.question, .question.iconify {
    background: transparent url('/images/icons/axialis_16/Question.png') no-repeat left top;
}

ul.warn li, li.warn, .warn.iconify, ul.errors li {
    background: transparent url('/images/icons/axialis_16/Exclamation.png') no-repeat left top;
}

ul.wiki li, li.wiki, .wiki.iconify {
    background: transparent url('/images/icons/axialis_16/Write.png') no-repeat left top;
}

/* T-Shirt
------------------------------------------------------------- */

.box-important {
    display: block;
    margin-top: 15px;
    padding: 10px;
    border: 1px solid red;
    background-color: orange;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.box-important h3 {
    color: black;
}

/* Partner Logos
------------------------------------------------------------- */

.title-3d {
    background: #e5e4e3 url(/images/glossyback-datatable.gif) repeat-x bottom left;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    border-top: 1px solid #D1D1D2;
    width: 100%;
    height: 27px;
}

.title-3d p {
    margin: 0px;
    padding: 2px 8px;
}

#contentpaneopen .title-3d p {
    margin: 0;
}

.partnerlogo {
    text-align: center;
    padding: 30px 10px 30px 10px;
    width: 150px;
    border: 1px solid #D1D1D2;
    background: #ffffff url(/images/glossyback-content-bg.gif) repeat-x bottom left;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/* Form box layout
------------------------------------------------------------- */

.onlime-form {
    margin-top: 20px;
}

.onlime-form div.formtitle {
/*    font-weight: bold;*/
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    text-align: left;
    padding: 0 5px 0 5px;
    border-top: 1px solid #BFBFBF;
    border-left: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #e9fc79 url(../images/glossyback-title.gif) repeat-x bottom left;
}

.onlime-form div.formtitle em {
    float: right;
    margin-top: 4px;
    /* vertical-align: middle; */
}

.onlime-form div.formtitle a {
    color: inherit;
}

.onlime-form div.formbody {
    border-left: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #FFFFFF url(../images/bg_box.gif) repeat-x top left;
    padding: 5px;
}

/*
 * Newsbox
 */

.onlime-form.newsbox div.formbody,
.onlime-form.bandwidthbox div.formbody {
    line-height: 1.4;
}

.nb_date {
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    margin: 0 0 0 5px;
}

.nb_text {
    font-size: 13px;
    margin: 4px 0 0 0;
}

.nb_text a {
    font-weight: normal;
}

/* Nivo Slider
------------------------------------------------------------- */

#slider {
    position:relative;
    width:720px; /* Change this to your images width */
    height:246px; /* Change this to your images height */
    background:url(/js/jquery.nivoslider/themes/default/loading.gif) no-repeat 50% 50%;
}

#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

#slider a {
    border:0;
    display:block;
}

/* JQuery UI overrides
------------------------------------------------------------- */

button.ui-button,
input.ui-button {
    font-size: 14px;
}

.ui-button.ui-state-default {
    color: #1F2E40;
}

.ui-button.ui-state-hover {
    color: #C77405;
}