@import url( "/_styles/header.css" );
@import url( "/_styles/footer.css" );

body {
    margin: 0;
    padding: 0;
    background-color: white;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
}

a:link { color: #ff9c00; text-decoration: none }
a:visited { color: #ff9c00; text-decoration: none }
a:hover { text-decoration: underline }

.container {
    margin: 0 auto;
    width: 850px;
}

.pageContent {
    width: 100%;
}

body.secondary .pageContent {
    border-top: 4px solid #ff9c00;
}

.pageContent #sideBar {
    width: 180px;
    padding: 15px 12px 0 20px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    color: #666;
    background-color: #abbdcb;
    background-image: url( "/_images/sb_bkg.gif" );
    background-repeat: repeat-x;
    background-position: top left;
}

#sideBar p { line-height: 18px }

#sideBar a:link, #sideBar a:visited {
    display: block;
    margin-bottom: 12px;
    color: #666;
    text-decoration: none;
    font-weight: bold;
}

body#pCompany #pOverview #sideBar #subNavOverview:link,
body#pCompany #pOverview #sideBar #subNavOverview:visited,
body#pCompany #pManagement #sideBar #subNavManagement:link,
body#pCompany #pManagement #sideBar #subNavManagement:visited,
body#pCompany #pInvestors #sideBar #subNavInvestors:link,
body#pCompany #pInvestors #sideBar #subNavInvestors:visited,
body#pServices #pTrial #sideBar #subNavTrial:link,
body#pServices #pTrial #sideBar #subNavTrial:visited,
body#pServices #pBasic #sideBar #subNavBasic:link,
body#pServices #pBasic #sideBar #subNavBasic:visited,
body#pServices #pAnnual #sideBar #subNavAnnual:link,
body#pServices #pAnnual #sideBar #subNavAnnual:visited
body#pFeatures #pWhy #sideBar #subNavWhy:link,
body#pFeatures #pWhy #sideBar #subNavWhy:visited,
body#pFeatures #pEasy #sideBar #subNavEasy:link,
body#pFeatures #pEasy #sideBar #subNavEasy:visited,
body#pFeatures #pSafe #sideBar #subNavSafe:link,
body#pFeatures #pSafe #sideBar #subNavSafe:visited,
body#pFeatures #pOnline #sideBar #subNavOnline:link,
body#pFeatures #pOnline #sideBar #subNavOnline:visited,
body#pFeatures #pUnique #sideBar #subNavUnique:link,
body#pFeatures #pUnique #sideBar #subNavUnique:visited,
body#pFeatures #pInstallation #sideBar #subNavInstallation:link,
body#pFeatures #pInstallation #sideBar #subNavInstallation:visited,
body#pFeatures #pSelect #sideBar #subNavSelect:link,
body#pFeatures #pSelect #sideBar #subNavSelect:visited,
body#pFeatures #pReports #sideBar #subNavReports:link,
body#pFeatures #pReports #sideBar #subNavReports:visited,
body#pFeatures #pAutomatic #sideBar #subNavAutomatic:link,
body#pFeatures #pAutomatic #sideBar #subNavAutomatic:visited,
body#pFeatures #pRestore #sideBar #subNavRestore:link,
body#pFeatures #pRestore #sideBar #subNavRestore:visited,
body#pFeatures #pSearch #sideBar #subNavSearch:link,
body#pFeatures #pSearch #sideBar #subNavSearch:visited,
body#pFeatures #pCDDVD #sideBar #subNavCDDVD:link,
body#pFeatures #pCDDVD #sideBar #subNavCDDVD:visited,
body#pFeatures #pAdvanced #sideBar #subNavAdvanced:link,
body#pFeatures #pAdvanced #sideBar #subNavAdvanced:visited
{ color: #06c }

#sideBar a:hover { color: #ee970f }

.pageContent #mainContent {
    text-align: left;
    vertical-align: top;
    padding: 12px 0 0 18px;
}

body#pFeatures .pageContent a { display: block }

/* Page Titles */
h1 {
    font-size: 18px;
    color: #0f6fb8;
    font-weight: normal;
    margin-top: 12px;
    margin-bottom: 8px;
}

/* Sub-Titles */
h2 {}

/* Headings */
h3 { font-size: 12px; margin-bottom: 2px; margin-top: 18px }

/* Paragraphs */
p { margin-top: 0px }

.centered { text-align: middle }
.smallcopy { font-size: 10px; line-height: 13px }
.tinycopy { font-size: 9px; line-height: 12px }

/* miscellaneous */
.ltblue { color: #0f6fb8 }
.topRule {
    border-top: 1px solid black;
    padding-top: 4px;
}

.btmRule {
    border-bottom: 1px solid black;
    padding-bottom: 4px;
}

.nobtm { margin-bottom: 0 }
.notop { margin-top: 0 }

.m18top { margin-top: 18px }

.sysreq {
    font-size: 9px;
    color: #333;
}

.sysreq ul {
    margin: 0; padding: 0;
    padding-left: 12px;
}

/* Image floats */
img.rt { float: right; margin-left: 18px; }
img.lt { float: left; margin-right: 18px; }


/* some hacks */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
