﻿#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;
}
