﻿#content {
    margin: 0px 25px 25px 28px;
    width: 920px;
    overflow: hidden;
    text-align: left;
}
#content p {
    margin-bottom: 9px;
}
#content p, #content ol li, #content ul li {
    background-color: Transparent;
}

#content a:hover, #content a:active {
    color: #AF212D;
    text-decoration: none;
    cursor: pointer;
}

/*3 Column Post Table Layout
--------------------------------------------------------*/
.postTable {
    width: 919px;
    min-height: 550px;
}

.postTable td {
    vertical-align: top;
}

.postTable .leftCol, .postTable .rightCol {
    width: 20%;
}

.rightCol ul.posts .posted, .leftCol ul.posts .posted, .rightCol ul.posts .content, .leftCol ul.posts .content {
    display: none;
    height: 0;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.postlist_header img {
    width: 100%;
}

/*NEW PANEL 
---------------------------------------------*/
div.panel {
    padding: 0 5px;
}
b.rtop, b.rbottom {
    display: block;
    background: #FFF;
}
b.rtop b, b.rbottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    border-width: 0 1px;
}
div.panel .panel_h, div.panel .itemPanel_h {
    height: 25px;
    padding: 0 5px;
    font-style: italic;
    border-width: 0 1px;
}
div.panel .panel_h h2.title {
    font-size: 18px;
    margin: 0 0;
    float: left;
}
div.panel .panel_f {
    padding: 0 5px;
    border-width: 0 1px;
}
b.r1 {
    margin: 0 4px;
}
b.r2 {
    margin: 0 2px;
}
b.rtop b.r3, b.rbottom b.r3 {
    margin: 0 1px;
    height: 2px;
    border-width: 0 1px;
}
b.rtop b.r1, b.rbottom b.r1 {
    height: 1px;
}
b.rtop b.r2, b.rbottom b.r2 {
    border-width: 0 2px;
}
div.panel .panel_c {
    padding: 10px;
    border-width: 0 1px;
}

/*Panel Colors*/
div.panel b, div.panel .panel_h, div.panel .panel_f, div.panel .panel_c {
    border: solid 0 #dddddd;
}
b.rtop b, b.rbottom b {
    background: #6298bd;
}
b.rbottom b, .panel .panel_f, .panel .panel_c {
    background: #ebebeb;
}
.panel_h, .itemPanel_h {
    background: transparent url(/Front/Styles/Images/panel/topbar.png) repeat-x scroll left bottom;
    color: White;
}
b.rtop b.r1, b.rbottom b.r1 {
    background-color: #dddddd;
}

/* PAGER
----------------------------------------------------------*/
.pageState {
    margin: 0 0 0.6em;
    font-style: italic;
    text-align: right;
    width: 99%;
}
.pager {
    height: 2.2em;
    margin-top: 1.6em;
}
.pager a {
    padding: .4em 1ex;
    border: 1px solid #D8DFE4;
    margin: 0 0 0 6px;
    display: block;
    float: right;
}
.pager a:hover {
    text-decoration: none;
    background-color: #F5F7F8;
}

/* MORE LINK
-----------------------------------------------------------*/
div.more {
    width: 100%;
    text-align: right;
}

.more a {
    display: block;
    margin-bottom: 7px;
}

.more a:hover {
    text-decoration: none;
    background-color: #F5F7F8;
}

/* ZEBRA STRIPE TABLE
---------------------------------------------*/
.stripe table {
    border-collapse: collapse;
    margin: 10px;
}
.stripe th {
    background: #4a89b2;
    color: #fff;
    font-weight: bold;
    padding: 2px 11px;
    text-align: left;
    border-right: 1px solid #fff;
    line-height: 1.2;
}
.stripe td {
    padding: 6px 11px;
    border-bottom: 1px solid #95bce2;
    vertical-align: top;
}
.stripe tr {
    background: #fff;
}
.stripe tr.alt td {
    background: #ecf6fc;
}
.stripe tr.over td {
    background: #bcd4ec;
}

/* DASHBOARD
----------------------------------------------------------*/
.dashboardContainer .postPanel {
    width: 530px;
    float: left;
}

.dashboardContainer .groupInfoPanel {
    margin-right: 3px;
    float: right;
    width: 375px;
}

.dashboardContainer .panel .posted {
    width: 100%;
    color: #4c4c4c;
    line-height: 1.8em;
}


/* POST LIST(S)
----------------------------------------------------------*/
.postlist_header {
    margin-bottom: 10px;
    height: auto; /*height: 100px;*/ /*background: transparent url(/front/site/files/CentralHubGroupBanner.png) no-repeat scroll center 0px;*/
    font: bold 2em Arial;
    font-family: Georgia, Century Gothic, Calibri;
    color: #FFFFFF;
    width: 100%; /*height: 99px;*/
    text-align: center;
}

ul.posts {
    margin: 0;
}
ul.posts.medium li {
    margin: .1em 0 1.0em;
    padding: 0;
    list-style-type: none;
    background-color: Transparent;
}
ul.posts.medium li.last {
    margin-bottom: 0;
}
ul.posts.small li {
    padding-top: .2em;
    padding-bottom: .3em;
    list-style-type: none;
}
ul.posts p {
    margin: .9em 0;
}
ul.posts h2.title {
    width: 74%;
    line-height: 1.2em;
    font-size: large;
    margin-bottom: 0px;
}
ul.posts.small span.title {
    font-weight: bold;
}

ul.posts .posted, ul.posts .more, ul.posts.small .comments {
    font-size: 88%;
}
ul.posts.small .comments {
    font-style: italic;
}
ul.posts.medium .posted, ul.posts.small .info {
    margin: .3em 3px 0 0;
    text-align: right;
}
ul.posts.medium .posted {
    /*border-bottom:2px solid;*/
    margin-top: -1.8em;
    float: right;
}
ul.posts.medium .access {
    color: #AF212D;
}
ul.posts.small .info {
    margin: 0;
}
ul.posts .more {
    margin: 1em 0 0 5px;
    white-space: nowrap;
}
ul.posts {
    clear: both;
    padding: 0;
    margin: 0;
}

div.itemTitle {
    font-style: normal;
    height: auto;
    padding-right: 0px;
    border-bottom: 2px solid;
}

/* SIDEBAR POST LISTS
----------------------------------------------------------*/
.sidebar.panel .panel_h {
    background-image: none;
    background: #dddddd;
    height: 0px;
}
.sidebar.panel b.rtop b.r2, .sidebar.panel b.rtop b.r3 {
    background: #ebebeb;
}

.sidebar ul.posts .posted {
    display: none;
}

.sidebar ul.posts.medium {
    padding: 0 0;
}

.sidebar ul.posts h2.title {
    background-color: Transparent;
    font-size: 100%;
    width: 100%;
    margin: 0 0 .6em;
    font-weight: normal;
}

.sidebar h2.subTitle {
    margin-top: 0px;
    border-bottom: solid 1px #CCC;
    margin-bottom: 7px;
    font-size: 100%;
}


/* POST ITEM
----------------------------------------------------------*/
.files {
    margin: -3px 0 0 0;
    padding: 3px;
}
.files h3 {
    font-size: 90%;
    margin: 0 0 2px 0;
}
.files ul {
}
.files li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: Transparent;
}

.itemPanel_h .posted {
    float: right;
    margin-top: -15px;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    color: #EBEBEB;
}

.itemPanel_h h2.itemTitle a:link, .itemPanel_h h2.itemTitle a:visited {
    color: #fff;
}

h2.itemTitle {
    margin: 0px 5px;
    width: 75%;
}

/* LOGIN FORM
----------------------------------------------------------*/
form.login div {
    margin: 0 0 1em 5px;
}
form.login div.submit {
    margin-bottom: 0;
}
form.login label {
    display: block;
}
form.login .remember label {
    display: inline;
}
form.login input.text {
    width: 42ex;
}
.loginSection {
    margin-top: 25px;
    width: 48%;
}
.register {
    float: left;
}
#register {
    margin-top: 7px;
}
.memberLogin {
    float: right;
}
/* ICON BUTTONS
----------------------------------------------------------*/
.admin.manage.buttons {
    margin: 0px 0px 5px 0px;
    float: right;
    height: 20px;
}
.admin.manage.buttons form {
    border-style: none;
    display: inline;
    margin: 0;
    padding: 0;
}
a.ibutton {
    outline: none;
}
input.ibutton, a.ibutton img, img.ui-datepicker-trigger {
    background: none;
    border: none;
    padding: 2px;
}
img.ui-datepicker-trigger {
    margin-bottom: -5px;
}
input:hover.ibutton, a:hover.ibutton img, img:hover.ui-datepicker-trigger {
    background: none;
    border: 1px solid;
    padding: 1px;
}
input.ibutton.remove, a.ibutton.remove img {
    border-color: #E6554B;
}
input.ibutton.edit, a.ibutton.edit img {
    border-color: #F7DF62;
}
input.ibutton.print, a.ibutton.print img {
    border-color: #989898;
}
input.ibutton.add, a.ibutton.add img {
    border-color: #87B960;
}
input.ibutton.approve, a.ibutton.approve img {
    border-color: #7CBB65;
}
img:hover.ui-datepicker-trigger {
    border-color: #FFBD79;
}

/*
MESSAGES
-------------------------------------------*/
#content ul.validation-summary-errors {
    font-weight: bold;
}
#content ul.validation-summary-errors {
    padding: 8px 24px 8px 34px;
    margin: 1.8em 0;
}
#content ul.validation-summary-errors {
    border: 1px solid #E76757;
    background: #FAD9D3 url(/Front/Styles/Images/icon/error.png) no-repeat 9px 9px;
    font-weight: bold;
    color: #BF4329;
    text-transform: capitalize;
}






.centerCol .title a:link, .centerCol .title a:visited, .centerCol .title a:hover, .centerCol .title a:active {
    font-weight: bold;
    font-size: 16px;
    color: #aa0000;
}

.centerCol .title {
    border-bottom: solid 1px #ccc;
}

.postTitleDate {
    margin-top: 5px;
}

.postTitleDate {
    position: relative;
    top: 20px;
}

.title .postTitle {
    display: inline-block;
    margin-right: 55px;
}

.postlist_header #headerLogoImage {
    max-height: 200px;
}

