﻿/* {{{ Elements */
* { margin: 0; padding: 0; }

* html body {
/*\*/
        height: 100%;
/* */
}


html {
        height:          100%;
        font-family: Verdana;
        font-size: 10px;
}

body {
        height:                                100%;
        color:                                #444;
        font-family:               Verdana;
        font-size:                        10pt;
        background-color:        #FFF;
        padding:                        0;
        margin:                                0;
        padding-bottom:                10px;
}

h1 {
        font-family:                Verdana;
        font-size:                  160%;
        font-weight:                bold;
        color:                      #666;
        margin-top:                 0em;
        margin-bottom:              0.5em;
}

h1 a {
        color:#fff;
        font-family:Verdana;
        font-weight:bold;
        height:24px;
        margin:0;
        margin-right:1px;
        text-decoration:none;
        line-height:24px;
        overflow:hidden;
}



p, ol, dl {
        margin-top:                0;
        margin-bottom:        1.0em;
}

a:hover
{
        text-decoration:        underline;
}

ul{
        list-style:                disc;
}

li {
        position: relative;
        margin-top:                0.25em;
        margin-bottom:        0.25em;
}

img {
        border:none;
}

table {
        border:                        none;
        margin-top:                0.0em;
        margin-bottom:        1.0em;
        font-family: Verdana;
        font-size: 10pt;
}

a {
        color:                                #0066CC;
        text-decoration:        none;
}

a.bullet
{
        background-image:                url('../img/sub-nav-bullet.gif');
        background-repeat:                no-repeat;
        background-position:        0px .4em;
        padding-left:                        10px;
}

div.hr {
        clear:                                both;
        height:                                1px;
        margin:                                0;
        padding:                        0;
        margin-bottom:                1.0em;
        background-color:        #999;
}

div.hr hr {
        display:                        none;
}
/* }}} Elements */

.relative { position: relative; }
.searchBar
{
        font-family: Verdana;
        font-size: 11px;
        font-weight: bold;
        color: #666666;
        padding-top: 2px;
        padding-left: 2px;
        background-color:  #F2F1EC;
        height: 23px;
        overflow:hidden;
        border-bottom-style: solid;
        border-bottom-color: #CCCCCC;
        border-bottom-width: 1px;
}

.page {
        float:                            	left;
        width:                            	100%;
        margin:                         	0 ;
        text-align:                       	left;
        background:                        	url('../img/leftbar.gif') repeat-y 2px 0px;
        border-right:                		solid 1px #CFCFCF;
        border-left:                		solid 1px #CFCFCF;
        border-bottom:                		solid 1px #CFCFCF;
        border-top:                			solid 1px #CFCFCF;
        min-height:                        	100%;
}

* html .page {
        height:                                100%;
}

.page.nobg {
        background: url('../img/content-bg.gif') repeat-x 0px 100px;
}

.page.homepage {
        min-height:                        0;
        background:                        0;
        color:                                #303030;
}

#header {
        float:                       left;
        background-color:        	 #fff;
}

#body-left{
        clear:                                left;
        float:                                left;
        width:                                195px;
        background:                        transparent;
        margin:                                0px 2px 0px 0px;
        padding-left:                2px;
        _margin-left:                1px;
        _padding-left:                0px;
        top:                                0px;
        bottom:                                0px;
        _height:                        100%;
}

#body-right{

        float:                                left;
        width:                                725px;
        background:                        #fff;
        top:                                2px;
        left:                                2px;
        bottom:                                0px;
        margin:                                0;
        padding:                        2px 0px 0px 0px;
}


#search-right {
        position:        relative;
        right:         -3px;
        float:        right;
        width:         200px;
}

#search-left {
        position:        relative;
        float:        left;
        left:        2px;
        width:        550px;
}

#footer {
        margin-top:                        8px;
        clear:                                both;
        padding-top:                10px;
        padding-bottom:                10px;
        background-color:        #FFFFFF;
        color:                                #888;
        padding-bottom:                20px;
        height:                                42px;
        font-style:                      Verdana;
        font-size: 10px;
}
#footer_images {
        clear:                                both;
        padding-top:                10px;
        padding-bottom:                10px;
        background-color:        #FFFFFF;
        color:                                #888;
        text-align:                        center;
        font-size:                        8pt;
        margin-left:                0px;
}
#footer_images img {
        margin-right:                24px;
}

#footer a {
        color:                                #888;
}
#footer a:hover {
        color:                                #0066CC;
}

#footer div {
        float:center;
        text-align:center;
}

a.vt-ribbon {
        background:                url('../img/vt_ribbon_color_bw.png') 31px 0px;
        float:                        left;
        display:                block;
        margin-left:        5px;
        height:                        44px;
        width:                        31px;
}
a.vt-ribbon:hover {
        background-position:        0px 0px;
}

#logo a {
        text-align:                                center;
        font-size:                                8pt;
        color:                                        #666;
        text-decoration:                none;
        display:                                block;

}


/* Sub nav */
#top-nav {
        margin:                                0;
        padding:                        0;
        list-style:                        none;
        position:                        absolute;
        left: 488px;
        width: 260px;
        top:10px;
        height:56px;
}

#top-nav li {
        float:left;
        width: 62px;
        text-align: center;
        height:        56px;
        padding:0;
        margin:0;
}

#top-nav h1 {
        font-family:                Arial, Helvetica, sans-serif;
        font-size:                        8pt;
        font-weight:                bold;
        text-decoration:        none;
        letter-spacing:                0px;
        color:                                #666;
}

/* Main nav */
#main-nav {
        width: 100%;
        height:26px;
        margin:0;
        padding:0;
        left:0;
        top:74px;
        background-image:url(../img/main-nav-bg.gif);
        background-repeat:repeat-x;
}

#main-nav li {
        display:block;
        margin:0;
        margin-top:1px;
        padding:0;
        background:none;
        float:left;
        background-repeat:repeat-x;
        background-image:url(../img/main-nav-divider.gif);
}
#text {font-family:Verdana;
        font-size:10px;}
#main-nav li a {
        background-repeat:repeat-x;
        background-image:url(../img/main-nav-item-bg.gif);
        display:block;
        font-family:                Verdana;
        font-size:					8pt;
        font-weight:                bold;
        color:                      #fff;
        height:24px;
        margin:0;
        margin-right:1px;
        text-decoration:none;
        text-align:center;
        line-height:24px;
        overflow:hidden;
}

#main-nav-services a { width: 310px; }

#main-nav #main-nav-email-hosting { margin-left:1px; }

#main-nav #main-nav-resellers a {
        margin-right:0;
        background-image:url(../img/main-nav-item-resellers-bg2.gif);
}

#main-nav li a:hover {
        background-position:0 -24px;
}



/* Sub nav */
div#sub-nav,
div#blogCategoryList {
        margin-bottom:7px;
        position:        relative;
}
.sub-menu {
        margin-top:        10px;
}
#sub-nav h1,
#blogCategoryList h1,
#blogSubscribeWidget h3,
#blogArchiveList h3
{
        background-color:        #6190C3 ;
        color:                                #fff;
        font-size:                        11px;
        font-weight:                bold;
        margin:                                0;
        padding:                        0 7px;
        line-height:                20px;
        letter-spacing:                0px;
}

/* Content */
#body-left div.content {
        padding:8px;
        padding-top:17px;
}

#body-left div.content.homeleft {
        padding: 0;
}

#body-right div.content {
        margin:                        0px;
        padding:                0px;
        min-height:                100%;

}


/* Forms */
form {
        display:inline;
        margin:0;
        padding:0;
}

form div.controls {
        text-align:center;
        padding:5px 10px 4px 10px;
}

form .required {
        font-weight:normal;
        color:#008000;
}

form .required span {
        font-weight:normal;
        color:#777;
        font-size:75%;
}

form .error span {
        color:#c00;
}

form .error {
        color:#c00;
        font-weight:bold;
}

form div.input-static {
        padding-top:4px;
}

form input {
        font-size:9pt;
        font-family: Arial, Helvetica, sans-serif;
        padding:1px;
}

form input.form-btn {
        font-size: 90%;
        font-weight: bold;
        padding: 1px;
        color: #fff;
        background-color: #FF7800;
        border: 1px solid #013A67;
        border-right: 2px solid #013A67;
        border-bottom: 2px solid #013A67;
}

form input.btn {
        border:none;
        padding:0;
}

div.form-error {
        background-color:#fff;
        border:2px solid #c00;
        margin-bottom:1.0em;
}

div.form-error p.intro {
        background-color:#c00;
        padding:0.5em;
        color:#fff;
        font-weight:bold;
}

.alert{
    color: #CC0000;
    font-weight: bold;
}
INPUT {
        BORDER-RIGHT: #e1e5e9 1px solid;
        PADDING-RIGHT: 2px;
        BORDER-TOP: #e1e5e9 1px solid;
        PADDING-LEFT: 2px;
        FONT-SIZE: 8pt;
        PADDING-BOTTOM: 2px;
        BORDER-LEFT: #e1e5e9 1px solid;
        PADDING-TOP: 2px;
        BORDER-BOTTOM: #e1e5e9 1px solid;
        FONT-FAMILY: Verdana;
}
INPUT.button {
        BORDER-RIGHT: #004080 1px solid;
        PADDING-RIGHT: 2px;
        BORDER-TOP: #004080 1px solid;
        PADDING-LEFT: 2px;
        FONT-SIZE: 8pt;
        PADDING-BOTTOM: 2px;
        BORDER-LEFT: #004080 1px solid;
        PADDING-TOP: 2px;
        BORDER-BOTTOM: #004080 1px solid;
        FONT-FAMILY: Verdana
}

TABLE.table1 {
        FONT-FAMILY: tahoma;
        FONT-WEIGHT: 500;
        LINE-HEIGHT: 16px
}

TD.table1 {
        FONT-SIZE: 11px;
        PADDING-LEFT: 5px;
        PADDING-RIGHT: 1px;
        BORDER-BOTTOM: #E6E6E6 1px solid;
}

TH.header1 {
        BORDER-RIGHT: #E6E6E6 1px solid;
        PADDING-RIGHT: 1px;
        PADDING-LEFT: 5px;
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        BORDER-BOTTOM: #E6E6E6 1px solid;
        BACKGROUND-COLOR: #E6E6E6
}

TABLE.table2 {
        FONT-FAMILY: tahoma;
        FONT-WEIGHT: 500;
        LINE-HEIGHT: 16px
}

TD.table2 {
        FONT-SIZE: 12px;
        PADDING-LEFT: 5px;
        PADDING-RIGHT: 1px;
        BORDER-BOTTOM: #E6E6E6 1px solid;
}


TH.header2 {
        TEXT-ALIGN: Center;
        BORDER-RIGHT: #F6F6F6 1px solid;
        PADDING-RIGHT: 1px;
        PADDING-LEFT: 5px;
        FONT-WEIGHT: bold;
        BORDER-BOTTOM: #F6F6F6 1px solid;
        BACKGROUND-COLOR: #FBFBF9}

