/**
 * This typography file is included in the WYSIWYG editor
 */
.typography * {
    font-family: MuseoSlab300, Arial,sans-serif;
    font-size: 14px;
    color: #999;
}
.typography p,
.typography ul li,
.typography ol li,
.typography a {
/*    color:#999;*/
    line-height:17px;
    font-size:14px;
    margin: 0;
    max-width: 538px;
}

.typography p {
    margin-bottom:10px;
}

/** CMS LIST STYLES **/
.typography ul,
.typography ol {
    margin:0 0 20px 15px;
    padding: 0;
}
.typography ol {margin-left: 20px}

    .typography ul li,
    .typography ol li {
        margin: 4px 0px;
        line-height:18px;
        padding: 0;
    }
        .typography ul li {
            list-style-type:square;
        }
        .typography ol li {
            list-style-type:decimal;
            padding: 0;
        }

/* HEADER STYLES */

/*.typography h1,*/
.typography h2,
.typography h3,
.typography h4 {
    font-family: MuseoSlab300, Arial, sans-serif;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 14px 0;
    color: #76b7e1;
}
    .typography h2 {
        font-size:26px;
    }
    .HomePage .typography h2 {
        font-size: 17px;
        line-height: 1;
    }

    
    .typography h3 {
        font-size:20px;
    }
    .typography h4 {
        font-size:14px;
    }

    .typography h3 + h4 { margin-top: -10px;}
    
/* LINK STYLES */
.typography a {
    color:#003366;
/*    text-decoration:underline;*/
    text-decoration:none;
    transition: color 0.2s ease-in;
}
    .typography a:hover {
/*        color: #76b7e1;*/
        color: #666;
    }
	
.typography table {
/*    font-size:1.1em;*/
}
    .typography table tr td {
        padding:0px 0px 5px 0;
        font-size: 12px;
    }
    
    .contact {}
    .typography table.contact {
        margin: 10px;
    }
    .typography table.contact tr td {
        font-family: MuseoSlab500, Arial, sans-serif;
        color: #006a98;
    }
    
    .typography table.contact tr td:first-child {
        vertical-align: top;
        min-width: 30px;
    }
    
    .pricing {}
    .typography table.pricing {
        padding: 0;
        margin: 0px 0px 10px;
        width: 580px;
    }
    
    
    .typography table.pricing tr th,
    .typography table.pricing tr td {
        padding: 5px 10px 5px 0;
        height: 20px;
        background-color: #edeef0;
    }
    .typography table.pricing tr th {background-color: #FFF;}
    
    .typography table.pricing tr td + td + td {padding-left: 0;}
    
    .typography table.pricing tr:hover td {
        background-color: #E1E1E1; 
        text-shadow: 1px 1px 2px #FFFFFF;
        cursor: pointer;
    }
    
    .typography table.pricing tr th{
        height: 30px;
        font-family: MuseoSlab500, Arial, sans-serif;
        text-align: left;
    }
    
    .typography table.pricing tr th:first-child,
    .typography table.pricing tr td:first-child {
        padding-left: 20px;
/*        vertical-align: top;*/
        
        min-width: 30px;
    }

    
/* WYSIWYG EDITOR CLASSES */    
/*.question {}
.typography p.question {
    font-family: MuseoSlab300, Arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
    margin: 20px 0 8px 0;
    padding: 20px 0 0 0;
    
    border-top: 1px dotted #999;
}*/
.feature {}
.typography .feature {
    color: #76b7e1;
    font-size: 13px;
}

.typography .feature:before {
    content: "+";
    color: #666;
    display: inline;
}    
/* WYSIWYG EDITOR ALIGNMENT CLASSES */
.typography .left {
    text-align:left;
}
.typography .center {
    text-align:center;
}
.typography .right {
    text-align:right;
}
.typography img.right {
    float:right;
    margin: 0 0 12px 12px;
}
.typography img.left {
    clear:left;
    float:left;
    margin: 0 12px 12px 0;
}

.typography p.MsoNormal, .typography p.MsoBodyText {
    margin: 0;
}