@import url('Comment.css');

.postColumnLeft
{
    width:210px;
    float:left;
}
.postColumnMain
{
    float:left;
    width:500px;
    padding-left:20px;
    padding-right:20px;
}

.postColumnMainLeft
{
    float:left;
    width:730px;
    padding-right:20px;
}

.postColumnRight
{
    width:210px;
    float:left;
}


.postImageBanner
{
    box-shadow:0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	
	margin-bottom:10px;
	
}

.postManageContainer
{
    padding:10px;
    background-color:#efefef;
    border:solid 1px #cccccc;
    margin-bottom:10px;
}
.editPost
{
    float:right;
}

.postRoll .item .title
{
    clear:both;
    display:block;
    font-weight:bold;
    font-size:80%;
}

.postRoll .item .contentPreview
{
    clear:both;
    display:block;
    font-size:75%;
}

.postRoll .item .dateCreated
{
    clear:both;
    display:block;
    color:#498bc9;
    font-size:75%;
}

.postRollPager
{
    font-size:75%;
    margin-top:5px; 
    color:#cccccc;  
}

a.postRollPager, 
a:active.postRollPager, 
a:link.postRollPager, 
a:visited.postRollPager
{
    color:#333333;  
    text-decoration:none;
}

a:hover.postRollPager
{
    text-decoration:underline;
    color:Orange;
}

/* Read Control */
.postReadTabContainer .ajax__tab_header, 
.postReadTabContainer .ajax__tab_outer, 
.postReadTabContainer .ajax__tab_inner, 
.postReadTabContainer .ajax__tab_tab, 
.postReadTabContainer .ajax__tab_body, 
.postReadTabContainer .ajax__tab_hover,
.postReadTabContainer .ajax__tab_active
{
    vertical-align: baseline;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    text-align:left;
}


.postReadTabContainer .ajax__tab_tab
{
    padding:5px;
    border:solid 1px #498bc9;
	background-color: #cccccc;
    -webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;	
	margin-right:3px;
	font-size:75%;
	cursor:pointer;
}

.postReadTabContainer .ajax__tab_active .ajax__tab_tab
{
    border:solid 1px #498bc9;
    background-color: #ffffff;
    padding:10px;	
    color:#488ecb;
    font-weight:bold;
    font-size:80%;   
    
    border-bottom:0px; 
}

.postReadTabContainer .ajax__tab_tab
{
    border:solid 1px #498bc9;
    background-color: #498bc9;
    padding:10px;	
    color:#ffffff;
    font-weight:bold;
    font-size:80%;
      
}

.postReadTabContainer .ajax__tab_body
{
    padding:10px;
	margin: -2px 0px 10px 0px;
	text-align:left;
	background-color: #ffffff;	
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	z-index:100;
	border:solid 1px #498bc9;
	
}

.postReadTabContainer span.positionNumber
{
    border:solid 1px #cccccc;
    padding:3px;
    margin-right:5px;
    color:#666666;
}

.postReadTabContainer .item
{
    margin-top:7px;
    font-size:75%;
    color:#333333;
}



.postReadTabContainer ol
{
    padding:0px;
    margin-left:20px;
    margin-top:-5px;
    margin-bottom:10px;
}

.postReadTabContainer li.item
{
    margin-top:15px;
    margin-bottom:-15px;
}

.postReadTabContainer li.item a
{ 
    margin-top:0px;
}



/* Post Roll */

.postRollTabContainer .ajax__tab_header, 
.postRollTabContainer .ajax__tab_outer, 
.postRollTabContainer .ajax__tab_inner, 
.postRollTabContainer .ajax__tab_tab, 
.postRollTabContainer .ajax__tab_body, 
.postRollTabContainer .ajax__tab_hover,
.postRollTabContainer .ajax__tab_active
{
    vertical-align: baseline;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    text-align:left;
}


.postRollTabContainer .ajax__tab_tab
{
    padding:5px;
    border:solid 1px #498bc9;
	background-color: #cccccc;
    -webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;	
	margin-right:3px;
	font-size:75%;
	cursor:pointer;
}

.postRollTabContainer .ajax__tab_active .ajax__tab_tab
{
    border:solid 1px #498bc9;
    background-color: #ffffff;
    padding:10px;	
    color:#488ecb;
    font-weight:bold;
    font-size:80%;   
    
    border-bottom:0px; 
}

.postRollTabContainer .ajax__tab_tab
{
    border:solid 1px #498bc9;
    background-color: #498bc9;
    padding:10px;	
    color:#ffffff;
    font-weight:bold;
    font-size:80%;
      
}

.postRollTabContainer .ajax__tab_body
{
    padding:10px;
	margin: -2px 0px 10px 0px;
	text-align:left;
	background-color: #ffffff;	
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	z-index:100;
	border:solid 1px #498bc9;
	
}

.postRollTabContainer span.positionNumber
{
    border:solid 1px #cccccc;
    padding:3px;
    margin-right:5px;
    color:#666666;
}

.postRollTabContainer .item
{
    margin-top:7px;
    color:#333333;
    border-bottom:dotted 1px #cccccc;
    padding-bottom:5px;
}


/* Appeal Control */

div.postAppeal
{
	box-shadow:0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	
	border-left:solid 1px #498bc9;
    border-right:solid 1px #498bc9;
	border-bottom: 1px solid rgba(0,0,0,0.25);		
    margin-bottom:10px;
    -moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;  
    background-color:#498bc9;
}

div.postAppealHeader
{
    padding:10px;
    color:#ffffff;
    font-weight:bold;
    font-size:90%;
}


div.postAppealBody
{
    padding:10px;
    
    background-color:#ffffff;

}

div.postAppealThumb
{
    float:left;
    width:80px;
}

div.postAppealSummary
{
    float:left;
    width:50%;
    margin-left:10px;
    font-size:70%;
}

div.postAppealSummary a:active, 
div.postAppealSummary a:link, 
div.postAppealSummary a:visited
{
    
    text-decoration:none;
}

div.postAppealSummary a:hover
{
    text-decoration:underline;
}



/* Post Tag Cloud */

.postTagCloud
{
    box-shadow:0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	
	border-left:solid 1px #498bc9;
    border-right:solid 1px #498bc9;
	border-bottom: 1px solid rgba(0,0,0,0.25);		
    margin-bottom:10px;
    -moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;  
    background-color:#498bc9;
}


div.postTagCloudHeader
{
    padding:10px;
    color:#ffffff;
    font-weight:bold;
    font-size:90%;
}


div.postTagCloudBody
{
    padding:10px;
    
    background-color:#ffffff;

}

.postTagCloud ul
{
    margin:0px;
    padding:0px;
    
}
.postTagCloud li
{
    float:left;
    list-style-type:none;
    margin-right:5px;
}





/* Tags and Categories */
.postTagHeader
{
    font-weight:bold;
    font-size:80%;
}

.postTag
{
    font-size:80%;
}


.postCategoryHeader
{
    font-weight:bold;
    font-size:80%;
}

.postCategory
{
    font-size:80%;
}


.postMediaFileHeader
{
    font-weight:bold;
    font-size:80%;
    margin-bottom:5px;
    display:block;
}

a.postMediaFile
{
    font-size:80%;
    display:block;
    margin-top:0px;
    float:left;
}

a.postMediaFileIcon
{
    margin-right:3px;
    margin-left:20px;
    float:left;
}

a.postMediaFileIcon img
{
    margin-top:0px;
    
}

/* Share */

#follow
{
     

}


.sociable
{
    margin-bottom:20px;
}

.sociable ul
{
    margin-left:0px;
    padding-left:0px;
}
.sociable ul li
{
    float:left;
    list-style: none;
}



/* Read Control */
.Read a,
.Read a:active,
.Read a:link,
.Read a:visited
{
    text-decoration:none;
   
}

.Read a:hover
{
    text-decoration:underline;
}


/* Post Item(s) */

 .postItem {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}

.postItem strong {
       display: block;
       font-weight: normal;
       color:#FF8612;
       font-size:10px;
}

.postItem h3 {
    color: #444;
    padding: 10px 0 10px 0;
    font-size: 28px;
    margin: 0 0 0px 0;

}

.postItem h2 
{
    color: #444;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 10px 0;
    margin: 24px 0 0px 0;
    font-weight: 300;
}

.postItem h2 a,
.postItem h2 a:hover,
.postItem h2 a:active,
.postItem h2 a:link,
.postItem h2 a:visited {
    color: #444;
    text-decoration:none;
}

.postItem .readMore 
{
    color: #478ac9;
    font-size:75%;
    padding: 0 0 0px 0;
    font-weight: 300;
}

.postItem .readMore a,
.postItem .readMore a:active,
.postItem .readMore a:link,
.postItem .readMore a:visited {
    color: #478ac9;
}


.post_collapseTitle { 
	font-weight: bold;
		font-size: 13px;
  }
  
.post_collapseReadMore { 
	font-size: 11px;
	color: orange;
	text-decoration: none;
  }
  
.post_collapseReadMore a,
.post_collapseReadMore a:active,
.post_collapseReadMore a:link,
.post_collapseReadMore a:visited {
	color: orange;
	text-decoration: none;
  }  
  
  .post_collapseReadMore { 
	font-size: 11px;
	color: orange;
  }
  
.post_collapseContent { 
	font-size: 13px;	
	display:none;
  } 



div.postSubscribe
{
    margin-bottom:5px;
    font-size:95%;
    clear:both;
}

div.postSubscribe .formElementLabelCheckbox
{
    margin-top:0px;
}

div.postSubscribe label
{
    clear:right;
}

img.postImageFloatLeft
{
    float:left;
    margin-right:10px;
    margin-bottom:5px;
}

img.postImageFloatRight
{
    float:right;
    margin-left:10px;
    margin-bottom:5px;
}


.cats .postCategory
{
font-size: 11px;
}

.cats strong
{
    font-size:90%;
}

/* News Roll */


.newsRollListing {
width:730px;
padding-bottom:20px;
/*border-bottom: 1px dotted #ddd;*/
	
}

a.newsRoll{
display:block;
width:646px;
float:right;
color: black;
background:  no-repeat;
border-left: 1px dotted #ddd;

}

a:hover.newsRoll{
color: orange;
background:  no-repeat;
border-left: 1px dotted #ddd;
}

.newsRoll .thumbnail{
margin-left:20px;
float:right;
}

.newsRollListing .tags{
border: none;
color: #000 !important;
padding:0px;
margin: 0px;
margin-left: 120px;
height:40px;
float:left;
margin-top:0px;
}



.newsRollListing .newsDetails{
float:left;
padding-top:20px;
width:80px;
font-size: 75%;
}

.newsRollContent{
margin-left:30px;
width:570px;
}

.newsRollListing .newsDetails .commentCount{
margin-top:10px;
background: url(/Platforms/_Vanilla/Images/commentBG.png) no-repeat;
padding-top:5px;
text-align: center;
display: block;
position:relative;
left:0px;
float:left;
width: 38px;
height: 32px;
}

.newsRollListing h2 {
border-bottom:1px dotted #CCCCCC;
color:#444444;
font-weight:300;
margin:24px 0 0;
padding:0 0 10px;}


/* Events Roll */

.eventRollListing {
height:140px;
width:730px;
}

a.eventRoll{
display:block;
height:140px;
width:646px;
float:right;
color: black;
}

a:hover.eventRoll{
}

.eventRoll .thumbnail{
margin-left:20px;
float:right;
}

.eventRollListing .tags{
border:medium none;
color:#000000 !important;
float:right;
display:none;
height:40px;
margin:-40px 0 0 120px;
padding:0;
}

.eventRollListing .cats{
width:80px;
}

.eventRollListing .eventDetails{
float:left;
margin-top:20px;
padding-top:20px;
width:80px;
height:64px;
font-size: 80%;
background: url(/Platforms/_Vanilla/Images/eventBG.png) no-repeat;
}

.eventRollListing .eventDetails .eventDay{
display: block;
margin-top: 6px;
font-size:20px;
width:62px;
text-align: center;
}

.eventRollListing .eventDetails .eventMonth{
display: block;
margin-top: 0px;
font-size:10px;
width:62px;
text-align: center;
}

.eventRollListing .eventDetails .eventYear{
display: block;
margin-top: -52px;
font-size:8px;
font-weight: bold;
color:white;
width:62px;
text-align: center;
}

.eventRollContent{
margin-left:40px;
width:560px;
}


/* Blog Roll */


.blogRollListing {
height:188px;
width:730px;
}

a.blogRoll{
display:block;
height:188px;
width:646px;
float:right;
color: black;
/*
background: url(/Platforms/_Vanilla/Images/blogListBG.png) no-repeat;
*/
}

a:hover.blogRoll{
/*
background: url(/Platforms/_Vanilla/Images/blogListBG.png) no-repeat 0 -190px;
*/
}

.blogRoll .thumbnail{
margin-left:20px;
float:right;
}

.blogRollListing .tags{
border: none;
color: #000 !important;
padding:0px;
margin: 0px;
margin-left: 120px;
height:40px;
float:left;
margin-top:-40px;
}

.blogRollListing .blogDetails{
float:left;
padding-top:20px;
width:80px;
font-size: 80%;
}

.blogRollContent{
margin-left:30px;
width:590px;
}

.blogRollListing .blogDetails .commentCount{
margin-top:10px;
background: url(/Platforms/_Vanilla/Images/commentBG.png) no-repeat;
padding-top:5px;
text-align: center;
display: block;
position:relative;
left:0px;
float:left;
width: 38px;
height: 32px;
}

div.facebookLike
{
    margin-top:15px;
}


/* Poll */

div.postPoll
{
    box-shadow:0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	
	border-left:solid 1px #498bc9;
    border-right:solid 1px #498bc9;
	border-bottom: 1px solid rgba(0,0,0,0.25);		
    margin-bottom:10px;
    -moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;  
    background-color:#498bc9;
}

div.postPoll div.pollHeader
{
    padding:10px;
    color:#ffffff;
    font-weight:bold;
    font-size:90%;
}

div.postPoll .pollViewResults
{
    color:White;
    font-size:70%;
}

div.postPoll div.pollBody
{
    padding:10px;    
    background-color:#ffffff;
}

div.pollBody label
{
    font-size:80%;
    color:#666666;
}

div.postPoll img.imgChart
{
    margin-bottom:10px;
}

div.navigationBreadCrumb
{
    margin-top:-40px;
    margin-bottom:00px;
    display:block;
}

div.navigationBreadCrumb ul
{
    list-style: none;
    padding:0px; 
    padding-left:14px;   
}

div.navigationBreadCrumb li
{
    float:left; 
    font-family:inherit;
    font-size:75%;
    font-weight:bold;
}

div.navigationBreadCrumb li:after
{
  content: ">";
  margin-left:10px;
  margin-right:10px;
}

div.navigationBreadCrumb li:last-child:after
{
    content: "";
}

div.navigationBreadCrumb li a
{
    color: #999;
    text-decoration:none;
}