/* basic reset */
body, ul, ol, li, h1, h2, h3, h4, h5, h6, p, input, select, textarea, form{
    padding: 0;
    margin: 0;
}
/* /basic reset */

/* grid utility classes */
div.layout{
    letter-spacing:-0.31em;
    *letter-spacing:normal;
    *word-spacing:-0.43em; /* 2013-09: changed to < IE8 as breaking webkit */ 
}
div.col, div.col25, div.col33, div.col50, div.col66, div.col75{
    display:inline-block;
    *display:inline;
    letter-spacing:normal;
    word-spacing:normal;
    vertical-align:top;
}
div.col25{
    width: 25%;
}
div.col33{
    width: 33%;
}
div.col50{
    width: 50%;
}
div.col66{
    width: 66%
}
div.col75{
    width: 75%;
}
/* /grid utility classes */


body{
    background-color: #e3edf4;
    color: #666;
}
body, input[type=text], input[type=password], input[type=email], input[type=url], textarea{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16pt;
}
input[type=text], input[type=password], input[type=email], input[type=url], textarea{
    width: 400px;
    border-radius: 3px;
    border: solid 1px #5c8fbe;
    padding: 3px;
}
textarea{
    height: 200px
}
.unpublished{
    color: #ccc;
    background-color: #eee;
}
.smallPrint, .smallPrintBg, input[type=submit]{
    font-size: 12pt;
}
.smallPrint a{
    color: #5c8fbe;
}

.smallPrintBg a, .smallPrintBg .linkDivider, input[type=submit]{
    border: solid 3px #5c8fbe;
}
.smallPrintBg a:first-child,  .smallPrintBg a.separatedLink{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-left: 3px
}
.smallPrintBg a:last-child, .smallPrintBg a.separatedLink{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-right: 3px;
}
.smallPrintBg , .smallPrintBg a, input[type=submit]{
    color: #fff;
}
.smallPrintBg a, input[type=submit]{
    background-color: #5c8fbe; 
}
.smallPrintBg a:hover, input[type=submit]:hover{
    background-color: #77a6d2;
    border: solid 3px #77a6d2;
    text-decoration: none;
}
.smallPrintBg a.inactive{
    background-color: #666; 
    border: solid 3px #666;
}
.smallPrintBg a.inactive:hover, .smallPrintBg a.active:hover{
    background-color: #5c8fbe;
    border: solid 3px #5c8fbe;
}
.smallPrintBg .linkDivider{
    background-color: #5c8fbe; 
}

input[type=submit]{
    border-radius: 3px;
    padding: 0px 3px 0px 3px;
}

h1{
    font-size: 22pt;
}
h2{
    font-size: 19pt;
}
h1, h2, h3, h4, h5, h6{
    font-weight: normal;
    /*
    color: #063053;
    */
    color: #5c8fbe; 
    margin-top: 15px;
    margin-bottom: 15px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    text-decoration: none;
    /*
    color: #007;
    */
    color: #5c8fbe; 
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
    text-decoration: none;
}
p, ul{
    margin-top: 10px;
    margin-bottom: 10px;
}
a{
    text-decoration: none;
    color: #5c8fbe;
}
a:hover{
    text-decoration: underline;
}
#container{
    background-color: #fff;

    /* don't show padding top on small screens in either orientation */
    @media (min-width: 450px) and (min-height: 450px) {
        padding-top: 25px;
    }
}
.main{
    background-color: #fff;
}
.stdBorderB{
    border-bottom: solid 1px #c9dbec;
}
.stdDividerB, .blogPosting{
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: solid 1px #c9dbec;
}
.blogPosting:last-of-type{
    border-bottom: none;
}
.stdPadding{
    padding: 10px;
}
.stdPaddingL{
    padding-left: 10px;
}
#pageHeader{
    background-color: #e3edf4;
    border-top: solid 1px #c9dbec;
    border-bottom: solid 1px #c9dbec;
    margin-bottom: 25px;
    /*
    box-shadow: 0px 5px 5px #000;
    */
}
#title{
    font-size: 40px;
    color: #77a6d2;
    text-decoration: none;
}
#title:hover{
    color: #5c8fbe; 
}
#topNav{
    text-align: right;
    padding-top: 12px;
}
#topNav ul{
    /*font-family: arial, verdana;*/
    list-style-type: none;
    list-style-position: inside;
    margin: 0px;
}
#topNav li{
    display: inline-block;
    padding: 2px 10px 2px 10px;
    border-left: solid 1px #77a6d2;
}
#topNav li:last-child{
    border-right: solid 1px #77a6d2;
}
#topNav a{
    color: #77a6d2;
}
#topNav a:hover, #topNav li.selected a{
    text-decoration: none;
    color: #5c8fbe;
}
.center{
    @media (min-width: 750px) {
        min-width: 750px;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
}
#pageFooter{
    margin-top: 25px;
    background-color: #e3edf4;
    border-top: solid 1px #c9dbec;
    min-height: 100px;
}
.textControl{
    overflow: hidden;
    text-overflow: ellipsis;
}
.code-cmd-win{
    font-size: 12pt;
    background-color: #000;
    color: #fff;
    padding: 10px;
    overflow: auto;
}
.code-error, .code-general, .code-sql{
    font-size: 12pt;
    background-color: #fff;
    color: #000;
    padding: 10px;
    border: solid 1px #000;
    overflow: auto;
}
.code-highlighted{
    font-size: 12pt;
}

form ul{
    list-style-type: none;
}
form ul li{
    margin-bottom: 5px;
}
form ul label{
    display: inline-block;
    vertical-align: top;
    width: 180px;
}
form input[type=submit]{
    margin-left: 184px;
}
#editAccountForm ul span{
    display: inline-block;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#editAccountForm input[type=submit]{
    margin-left: 0px;
    vertical-align: text-bottom;
}
img.fullColWidth{
    width: 100%;
    max-width: 800px;
}
div.errors, div.updates{
    border: 1px solid #666;
    background-color: #ffd;
    padding: 10px;
}
div.errors ul, div.updates ul{
    list-style-type: none;
}