@import url(../../../default/css/ocf.css);

/*
 ocPortal
 Copyright (c) ocProducts, 2004-2005

 You may not distribute a modified version of this file, unless it is solely as an ocPortal modification.
 See text/en/licence.txt for full licencing information.

*/

/*
=========================
=====Standard Styles=====
=========================
*/

.ocf_solidborder td, th {
   border: 1px solid #758AAC;
   right: 1px;
}
.ocf_solidborder{
   border: 1px solid #758AAC;
   border-collapse: collapse;
}

.ocf_dark {
   background-color: #D8DEE6; /*10% Black over bgcolor*/
}
.ocf_row1 {
/* ocf_row1 is used across various table cells, including the forum view (ocf_forum_in_category.tpl).
   The 1 does not necessarily always mean a first row - it is simply a class we use to bring
   variety in table cells.*/
   background-color: #EFF2F7; /*40% white over bgcol*/
   font-size: 0.85em;
   vertical-align: middle;
   padding: 5px;
}

.ocf_row2 {
   /* ocf_row2 is used across various table cells, including the forum view (ocf_forum_in_category.tpl).
   The 2 does not necessarily always mean a second row - it is simply a class we use to bring
   variety in table cells.*/
   background-color: #EDF1F7; /*50% white over bgcol*/
   font-size: 1.0em;
   vertical-align: middle;
   padding: 7px;
}

.ocf_row2p5 {
   background-color: #DCE0E6;
   font-size: 0.85em;
   vertical-align: middle;
}

.ocf_row3 {
   background-color: #E4EAF2; /*bgcol*/
   font-size: 0.85em;
   vertical-align: middle;
}

.ocf_row4 {
   background-color: #E4EAF2; /*bgcol*/
   font-size: 0.85em;
   vertical-align: middle;
}
.ocf_row5 {
   background-color: #EFF2F7; /*40% white over bgcol*/
   font-size: 0.85em;
   vertical-align: middle;
   padding:5px;
}
.ocf_row6 {
   background-color: #EFF2F7; /*40% white over bgcol*/
   font-size: 0.85em;
   vertical-align: middle;
}
.ocf_row7 {
   background-color: #F7F9FB; /*70% white over bgcol*/
   font-size: 0.85em;
   vertical-align: middle;
   padding:5px;
}

.ocf_tr_end {
   font-size: 0.2em; /*This is actually meant to size the   we're using inside of this cell*/
   height: 0.3em;
   background-color: #CDD2D9; /*10% Black over bgcolor*/
}

/*
=========================
=====Marking system======
=========================
*/

.ocf_on, .category_browser a:hover, .category_launcher a:hover {
   background-color: #E6D8DF; /*8% Red over bgcolor*/
}

.ocf_off {
   background-color: #E4EAF2;
}

.ocf_topic_marker {
   vertical-align: middle;
   width: 30px;
   height: 28px;
   padding-right: 2px;
   padding-top: 8px;
   text-align: center;
   float: right;
   border: 1px solid #758AAC;
   margin: -6px -6px 2px 2px;
}

/*
=========================
======Viewing post=======
=========================
*/

.ocf_post_emphasis, .ocf_post_personal {
   background-color: #EE0000;
   font-size: 0.85em;
   font-weight: bold;
   color: #000;
}

.ocf_post_emphasis { background-color: #F27579; /*50% "right-one" color over bgcolor*/ }
.ocf_post_personal { background-color: #72F579; /*50% "right-two" color over bgcolor*/ }

.ocf_topic_poster_title {
   font-size: 0.8em;
   margin-top: 5px;
}
a.ocf_poster_member:link, a.ocf_poster_member:active, a.ocf_poster_member:visited, a.ocf_poster_member:hover {
   font-size: 1em;
   font-weight: bold;
   border: 1px dashed #8395B3; /* 50% white over bordercolor */
   border-right: 0px;
   border-left: 0px;
   display: block;
   background-color: #F0F3F8; /* 25% white over medborder color */
   margin-bottom: 7px;
   text-decoration: none;
   padding: 2px 0px;
}
a.ocf_poster_member:hover { 
   border-color: #072A66; 
   background-color: #F5F7FA; /* 50% white over medborder color */
}

.ocf_post1 {
   background-color: #F4F7FA; /*60% white over bgcol*/
   padding: 0.4em;
   text-align: left;
   vertical-align: top;
}

.ocf_post2 {
   background-color: #F4F7FA; /*60% white over bgcol*/
   padding: 0.4em;
   text-align: left;
   vertical-align: top;
}

.member_signature {
   font-size: 0.8em;
   color: #3A4556; /*50% black over bordercolor */
}

/*
=========================
=======Forum View========
=========================
*/

/* This is used for the "preview" button for each topic on the forum view. '.medborder' is also applied. */
.ocf_forum_topic_row_preview_button
{
   border: 1px solid #758AAC;
   background-color: #EBEFF5;
   font-size: 0.85em;
   color: #000000;
   padding: 3px;
   float: right;
}

.ocf_forum_category_description {
   background-color: #6699CC;
   color: #DCE1E8;
   font-weight: bold;
   font-size: 0.85em;
   text-indent: 45px;
}
.ocf_forum_description {
   color: #565759; /* 75% black over ocf_row2 color */
   font-size: 0.85em;
}
.ocf_forum_topic_description { 
   font-size: 0.85em; 
   color: #3B3C3E;  /* 75% black over ocf_row2 color */
}
.ocf_forum_subforums {
   font-size: 0.85em;
}

.ocf_forum_in_category_forum {
   padding: 10px;
} /* this override is in place because unlike most .ocf_row2's, the forums in the forum view should have extensive padding. */

.ocf_forum_category th td {
   padding: 3px;
   text-align: left;
   padding-left: 5px;
   height: 1.8em;
}

/*
=========================
======Header/Footer======
=========================
*/

/* .ocf_information_bar is used for the information bar at the top of the forum. When */
/* a user is logged in they see their avatar and other links in three (left, middle,  */
/* and right column), while guests simply see a '.guest_column' with a login link.     */
.ocf_information_bar
{
   background-color: #EFF2F7; /*40% white over bgcol*/ 
   font-size: 0.85em;
   border-collapse: collapse;
   white-space: nowrap;
}
.ocf_information_bar .member_column, .ocf_information_bar .guest_column {
   padding:3px; 
   vertical-align: top;
   border-left: 1px solid #758AAC;
}
.ocf_information_bar td {  }
.ocf_information_bar .member_column ul {
   margin: 5px 0px 0px 0px;
}
.ocf_information_bar .member_column li {
   list-style-type: none;
}

.ocf_navigation {
   text-align: center;
   background-color: #E4EAF2;
   font-size: 0.85em;
   font-weight: bold;
   padding-bottom: 10px;
}
.ocf_navigation_div {
   float: left;
   width: 20%;
}