﻿/*############################################################# 
#                                                             #
#   Stylesheet for CMS elements and common HTML elements.     #
#   Included sitewide, so take care!                          #
#                                                             #
#   Rules here are for sitewide elements and CMS Paragraph    #
#   styles for frontend and admin preview                     #
#                                                             #
#############################################################*/



/* Text Sizing (Do Not Edit!)
========================================================================================== */
html { font-size: 100%; } 
html>body { font-size: 16px; } 

/* Common HTML elements (Edit only if needed, any site specific styles in Default Theme
========================================================================================== */
body, 
textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    text-align: center;
}
form 
{
	text-align: left;
}
p, h1, h2, h3, h4, h5, h6, li, ul, td, form
{
    margin: 0;
	padding: 0;
}
td 
{
	vertical-align: top;
	border: none;
}
img 
{
	border: none;
}

/* CMS Paragraph styles
========================================================================================== */
.Message,
.message {
	color: #CC0000;
	font-weight: bold;
	font-size: 0.687em;
	padding: 15px 0;
}
.PageHeader
{
    float: left;
    width: 210px 
    }
    
.PageHeader div,
.PageHeader p
{    
    font-size: 0.687em;
    padding-bottom: 10px;
    line-height: 1.4;
}      
    
.Features
{
    float: left;
    width: 210px;
    margin-left: 20px;
    display: inline; 
       
    }
.Features ul li
{
    list-style:square inside;
    font-weight:bold;
    color:#333;
    }

.Features div,
.Features p
{    
    font-size: 0.687em;
    line-height: 1.4;
}   

.Normal,
.Resource,
.CommerceTitle 
{
    clear: both;
}
.Normal div,
.Normal p,
.Normal .zzTable td, 
.Resource div, 
.Resource p,
.Resource .zzTable td, 
.CommerceTitle div
{    
    font-size: 0.687em;
    padding-bottom: 20px;
    line-height: 1.4;
}
.Normal .zzTable td, 
.Resource .zzTable td 
{
    padding-bottom: 0;
    text-align: left;
}
.Normal br,
.Resource br,
.PageHeader br,
.Features br
{
    line-height: 1;
}
.Normal li 
{
    margin-left: 15px;
    font-size: 1em;
}
.Normal td.Header 
{
    font-weight: bold;
}
.Normal .image
{
    padding: 8px;
    font-size: 0.8em;
    color: #888;
}
.Normal img {
	position: relative;
	z-index: 2;
}
.Normal hr {
	position: relative;
	z-index: 1;
}

.Normal h1, 
.Normal h2, 
.CommerceTitle h1, 
.CommerceTitle h2,
.PageHeader h1, 
.PageHeader h2, 
.Features h1,
.Features h2
{
    font-weight: bold;
    font-size: 1.125em;
    margin-bottom: 10px;
    color:#333;
}
.Normal h1 {
	font-size: 1.5em;
}
.Normal a:link,
.Normal a:visited,
.Normal a:hover {
	color: #0C80AF;
}
.Resource
{
    border: solid 1px #000;
}
.Resource h1, 
.Resource h2
{
    font-weight: bold;
    font-size: 1em;
    color: #ff0000;
    padding: 4px;
    border-bottom: solid 1px #000;
    width: 98%;
}

/* Paging etc
========================================================================================== */
.PageSelect 
{
    font-size: 0.812em;
    text-align: right;
}
.PageSelect a:link
{
    text-decoration: none;
    color: #000;
}
.PageSelect a:visited 
{
    border: solid 1px red;
    color: #CCC;
    text-decoration: none;
}
.PageSelect a:hover 
{
    text-decoration: underline;
}
