@import url("Sprites/sprites.css");
@import url("http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700");

/* Common site-wide styles for both Site.css and TinyMCE */

body,
td,
pre
{
    font-family: Arial, Sans-Serif;
    font-size : 14px;
    line-height : 1.7em;
}

img
{
    border: none;
}

a
{
    color : #01a4a6;
    text-decoration : none;
}

a:hover
{
    text-decoration : underline;
}

h1
{
    color: #008193;
    font-size: 36px;
    font-weight: normal;
    font-family: 'Archivo Narrow', sans-serif;
    line-height : normal;
}

h1 a
{
    color : #008193;
}

h2
{
    color : #01a4a6;
    font-size : 24px;
    font-weight : normal;
    font-family: 'Archivo Narrow', sans-serif;
    line-height : normal;
}

h2 a
{
    color : #01a4a6;
}

h3
{
    color : #777777;
    font-size : 20px;
    font-weight : normal;
    font-family: 'Archivo Narrow', sans-serif;  
    line-height : normal;  
}

h3 a
{
    color : #777777;
}

fieldset
{
    padding : 10px;
    border : 1px solid silver;
    margin : 10px 0px;
}

legend
{
    font-weight : bold;
    padding-bottom : 10px;
}

ul 
{
    list-style : disc url('Images/bullet.png');
    padding-left : 21px;
}

/* Subtext ----------------------------------------- */

.sub
{
    position : relative;
    font-size : 0.6em;
    top : 0.4em;
}

.small
{
    font-size : 0.8em;
    line-height : normal;
}

/* Standard tables ----------------------------------- */

table
{
    border-collapse: collapse;
    margin: 10px 0;
    width: 100%;
}

td,
th
{
    border: 1px solid silver;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

table.borderless td,
table.borderless th
{
    padding-left : 0px;
    border : none;
}

th
{
    font-weight : bold;
}

table .left
{
    text-align : left;
}

table .center
{
    text-align : center;
}

table .right
{
    text-align : right;
}

tr.odd
{
    background : #F0F0F0;
}

/* Form elements ------------------------------------------- */

label
{
    display : block;
    margin : 10px 0px 5px 0px;
}

label.required
{
    font-weight : bold;
}

textarea, select
{
    width: 200px;
    border: 1px solid #CCCCCC;
    color : #444444;
    font-family: Arial, Geneva, Sans-Serif;
    font-size : 12px;
}

textarea
{
    padding : 5px;
    margin : 5px 0px;    
}

select 
{
    width : 210px;
    padding : 5px;
}

*[readonly=readonly]
{
    background : white;
}

.readonly
{
    background : white;
}

input.text, input.password
{
    width: 200px;
    border: 1px solid #CCCCCC;
    font-family: Arial, Geneva, Sans-Serif;
    padding : 5px;
}


input.checkbox
{
    position : relative;
    top : 3px;
}


.button
{
    margin: 2px 0;
}

.button.positive, 
input.positive, 
button.positive
{
    color : #009900;
}

.button.cancel, .button.negative, input.negative
{
    
}

/* Miscellaneous Styles ----------------------------------- */
 
.todo
{
    background : white url('/Content/Images/warning.png') repeat-y left;
    border : 1px solid gray;
    padding : 5px 5px 5px 10px;
    font-weight : bold;
}

.clear
{
    clear : both;
}

pre, code, .code
{
    font-family : Courier New, System;
    color : #000099;
}

.error
{
    color: red;
    font-weight : bold;
}

.captioned-image 
{
    position: relative;
    line-height: 0;
}

.captioned-image > span 
{
    position: absolute;
    bottom: 0;
    right: 0;    
    color: white;
    background: rgba(0,0,0,0.8);
    display: block;
    padding: 0.2em 0.4em;
    font-size: 0.8em;
    border-top-left-radius: 5px; 
    line-height: normal;   
}