/*
   Typography
------------------------------------------------------------------- */

/* Headings */

h1,h2,h3,h4,h5,h6 {
    color: #444;
    font-family: Tahoma;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 10px;
}
h4,h5,h6 {font-weight: bold;}

h1 {font-size: 28px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/* Links */
a:focus,a:hover {color: #373737;}
a {
    cursor: pointer;
    color: #217EBC;
    text-decoration: none;
}
a:hover {text-decoration: underline;}

/* Text elements */

p {margin-bottom: 1em;line-height: 20px;}

abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.5em;}
del, blockquote { color:#666; }
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}

pre {
    border: 1px solid #ccc;
    background: #f5f5f5;
    margin: 0;
    white-space: pre;
}

pre,code,tt {
    font: 1em monospace;
    line-height: 1.5;
}

/* Lists */

li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 5px 0 10px;}

ul {
    list-style-type: disc;
    padding-left: 15px;
}
ol {
    list-style-type: decimal;
    padding-left: 20px;
}

dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}


/* Tables */

table {
    width: 100%;
    border-top:1px solid #B2B4BC;
    border-right:1px solid #B8BAC2;
    border-collapse:collapse;
    }
caption {
    color: #9ba9b4;
    letter-spacing:.1em;
    margin:1em 0 0 0;
    padding:0;
    caption-side:top;
    text-align:center;
    }    
tr.odd td    {
    background:#f5f5f5;
    }
tr td    {
    background:#fafafa;
    }      
th,td {
        border-bottom: 1px solid #CFD0D6;
        border-left:1px solid #B8BAC1;
        padding:5px 10px;
    }                            
thead th, tfoot th  {
    background:#EEEEEE;
    font-weight: normal;
    }    
   

/* Misc classes */

.hidden {display: none;}

.quiet, .quiet a {color: #999;}
.loud, .loud a {color: #000;}
.highlight, .highlight a {background:#ff0;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-separator {padding: 0 5px;}

.info-box, .error-box, .notice-box, .success-box, .message {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 5px 10px;
}

.info-box, .message {background: #E2F4FE; color: #17508E; border-color: #00A0FF;}
.info-box a {color: #8A1F11;}

.error-box {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.error-box a {color: #8A1F11;}

.notice-box {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.notice-box a {color: #514721;}

.success-box {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.success-box a {color: #264409;}