/* PAGE SETUP */
body.body
{
    text-align: center; /* Hack to make IE center the page */
    /* Uncomment the next 2 lines on the dev server for a visual confirmation */
    /*
    background-image: url(http://mlsdev.co.uk/Test.png);
    background-repeat: repeat-y;
    */
}
body.mceContentBody
{
    font-size: inherit;
    font-family: Sans-Serif;
}
.page
{
    text-align: left; /* Hack to make IE center the page */
    width: 800px;
    margin: 0px auto;
    height: 100%;
    font-family: sans-serif;
}

/* HEADER */
.head
{
    background-image: url('i/headbg.png');
    background-repeat: repeat-x;
    width: 100%;
    float: left;
}
.logo
{
    float: left;
    border: 0px;
}

/* MAIN MENU */
.head .menu
{
    display: block;
    margin: 0px;
    padding: 0px;
    height: 42px;
    width: 673px;
    float: left;
    clear: right;
}
.head .menu li
{
    height: 42px;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    color: white;
    padding: 0px 5px;
}
/* Hack to make them not be 100% in IE
* html .head .menu.li
{
    #width: 1px;	
}*/
.head .menu li a
{
    display: block;
    height: 100%;
    color: white;
    text-decoration: none;
    text-align: center;
    padding: 0px 5px;
    margin: 0px -5px;
}
.head .menu li a:hover
{
    background-color: #000070 /*#03C*/;
}

.head .menu li a span
{
    padding-top: 10px;
    display: block;
}

/* SUB MENU */
.head .submenu
{
    display: block;
    margin: 0px;
    padding: 5px 0px;
    float: left;
}
.head .submenu li
{
    display: block;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    color: blue;
    padding: 0px 5px;
}
.head .submenu li a
{
    display: block;
    color: blue;
    text-decoration: none;
}
.head .submenu li a:hover
{
    color: navy;
}

/* USER CONTROLS */
.head .top
{
    height: 51px;
}
.head .top .controls
{
    display: block;
    float: right;
    margin: 0px;
    padding: 0px;
    font-size: smaller;
    margin-top: 10px;
    text-align: right;
}
.head .top .controls li
{
    display: block;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    color: blue;
    padding: 0px 3px;
}
.head .top .controls li a
{
    display: block;
    color: blue;
    text-decoration: none;
}
.head .top .controls li a:hover
{
    color: navy;
}

/* SEARCH CONTROLS */
.head .search
{
    float: left;
    margin-top: 15px;
    margin-left: 5px;
}
.head .search .terms
{
    float: left;
    font-size: x-small;
    text-align: center;
    color: Gray;
    width: 15em;
}
.head .search .submit
{
    float: left;
    margin-top: 3px;
    margin-left: 5px;
}

.content .search
{
    width: 100%;
    margin-bottom: 10px;
}
.content .search .middle
{
    width: 35em;
    margin: 0 auto;
}
.content .search .terms
{
    width: 20em;
    font-size: x-large;
}
.content .search .submit
{
    margin-top: 10px;
    margin-left: 5px;
}
.content .search .submit input
{
    height: 25px;
    width: 25px;
}

/* PAGE SETUP */
.content
{
    width: 100%;
    float: left;
}

.content > div
{
    float: left;
}
/* Fix for specific case */
.content > div.nofloat
{
    float: none;
}

.content .topcontent, .content .bottomcontent
{
    border: 1px solid navy;
    width: 778px;
    margin: 5px;
    padding: 5px;
    float: left;
}

/* IE WIDTH HACK */
* html .content .topcontent, * html .content .bottomcontent
{
    width: 790px;
}

.half, .third, .quarter
{
    margin: 5px;
    padding: 5px;
    float: left;
    border: 1px solid navy;
}

.half
{
    width: 378px;
}
.third
{
    width: 254px;
}
.quarter
{
    width: 177px;
}

/* IE WIDTH HACKS */
* html .half
{
    width: 392px;
}
* html .third
{
    width: 266px;
}
* html .quarter
{
    width: 189px;
}

/* FOOTER */

.foot
{
    float: left;
    width: 100%;
    margin: 5px 0px;
    border-top: 2px solid navy;
    padding-top: 5px;
}

.foot .links
{
    float: left;
    font-size: small;
    margin-left: 5px;
    line-height: 1.5;
}

.foot .copyright
{
    float: right;
    font-size: small;
    text-align: right;
    margin-right: 5px;
}

/* SAMEHEIGHT */
.sameheight, .sameheightbottom
{
    overflow: hidden;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.sameheight > div /* The > takes only direct children rather than all children */
{
    padding-bottom: 5000px;
    margin-bottom: -5000px;
}

.sameheightbottom div
{
    margin-top: 0px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 0px;
    float: left;
    border-bottom: 0px;
}

/* FORM ELEMENTS */
.form
{
    float: left;
}

.form .item
{
    float: left;
    clear: both;
    padding: 5px;
}

.form .item .label
{
    float: left;
    width: 10em;
    text-align: right;
    padding-right: 5px;
}

.form .item .control
{
    float: left;
}

.scrollable
{
    overflow: auto;
    display: block;
    border: 1px solid black;
    max-height:150px;
    width:30em;
}

.scrollable td
{
    width: 15em;
}

/* FOLDER LIST 'CONTROL' */

ul.folderlist li
{
    list-style-image: url("./i/FileIcons/file.gif");
}

ul.folderlist li.pdf
{
    list-style-image: url("./i/FileIcons/pdf.gif");
}

/* GENERIC */
.hide
{
    display: none;
    visibility: hidden;
}

h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
    color: navy;
    margin-top: 2px;
    margin-left: 2px;
}
h1
{
    font-size: x-large;
}
h2
{
    font-size: large;
}
h3
{
    font-size: small;
}
h4
{
    font-size: smaller;
}
h5
{
    font-size: x-small;
}
h6
{
    font-size: xx-small;
}

img
{
    border: 0px;
}
img.left
{
    float: left;
    margin: 0px 5px;
}
img.right
{
    float: right;
    margin: 0px 5px;
}

.errorText
{
    color: Red;
}

a
{
    color: navy;
    text-decoration: inherit;
}
a:hover
{
    text-decoration: underline;
}

/* Posts */
.Post
{
    float: left;
    width: 100%;
}
.PostSummary
{
    float: left;
    width: 98%;
    margin-left: 5px;
    margin-bottom: 5px;
    padding-top: 2px;
    border-top: 1px dashed #D3D3D3;
}
.PostHead
{
    float: left;
    width: 100%;
}
.PostTitle
{
    font-size: medium;
    font-weight: bold;
    color: navy;
    float: left;
    clear: left;
}
.Post .PostTitle
{
    font-size: large;
}
.PostMenu
{
    float: right;
    clear: right;
    font-size: 70%;
}
.PostBody
{
    float: left;
    clear: both;
    width: 100%;
}
.PostBody a, .mceContentBody a
{
    color: navy;
    text-decoration: underline;
}
.PostSummary .PostBody p
{
    margin: 1px 0px;
}
.PostLock
{
    float: left;
    clear: left;
    margin-top: 4px;
    margin-right: 2px;
}
.PostFoot
{
    float: left;
}
.PostUser, .PostTags
{
    font-size: x-small;
    float: left;
    clear: left;
}

/* POST COMMENTS */

.PostComments
{
    float: left;
    width: 100%;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid navy;
}
.PostComment
{
    float: left;
    width: 100%;
    background-color: #F5F5FF;
}
.PostCommentAlternate
{
    float: left;
    width: 100%;
    background-color: #E6E6FF;
}
.AwaitingModeration
{
    color: #909090;
}
.PostCommentBody
{
    padding: 0px 5px 5px 5px;
}
.PostCommentBody p
{
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
}
.PostCommentFoot
{
    float: left;
    width: 100%;
    font-size: x-small;
}
.PostCommentControls
{
    float: left;
    padding: 0px 0px 3px 5px;
}
.PostCommentUser
{
    float: right;
    padding: 0px 5px 3px 0px;
}

/* TABLES */

table.styled
{
    background-color: White;
    border-color: #999999;
    border-width: 1px;
    border-style: None;
    border-collapse: collapse;
    width: 80%;
    margin: 0px auto;
}
table.styled tbody tr
{
    color: Black;
    background-color: #EEEEEE;
}
table.styled tr.tableHead
{
    color: White;
    background-color: #000084;
    font-weight: bold;
    text-align: center;
}
table.styled tbody tr.alternate
{
    color: Black;
    background-color: #DCDCDC;
}
table.styled tbody tr.selected, table.styled tbody tr.edit
{
    color: Black;
    background-color: #ADD8E6;
}
table.styled tbody input
{
    width: 30em;
    background-color: #ADD8E6;
    border: 1px solid black;
    padding: 2px;
}

table.styled tr.preview
{
    background-color: White;
    border: 1px solid black;
}

/* GENERAL */

.lock
{
    margin-left: 5px;
}
#MB_content
{
    font-size: large;
    font-family: Sans-Serif;
}

/* HACKS */

.nofloat
{
    float: none;
}
.fullwidth
{
    width: 100%;
}
.cphalf
{
    border: 1px dotted black;
    border-width: 0px 1px 0px 0px;
}
.noborder
{
    border-width: 0px;
}
.center
{
    text-align: center;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.aspNetDisabled
{
    background-color: #D3D3D3;
}
.link
{
    cursor: pointer;
}

/* Possible source for inspiration on same-height 3 col layout */
/* Doesn't work straight out of the box if you want borders */
/* http://matthewjamestaylor.com/blog/ultimate-3-column-blog-style-pixels.htm */

/* TINYMCE */
.bold
{
    font-weight: bold;
}
.italic
{
    font-style: italic;
}
.underline
{
    text-decoration: underline;
}
.strikethrough
{
    text-decoration: line-through;
}

.leftalign
{
    text-align: left;
}
.rightalign
{
    text-align: right;
}
.centeralign
{
    text-align: center;
}
.justifyalign
{
    text-align: justify;
}