/* ************************************* */
/* Common styles for the theme           */
/* ************************************* */

/* Normal, standard links. */
a:link, a:visited, a:active{
	background: transparent;
	color: #4f66a4;
	text-decoration: none;
}

a:hover{
	background: transparent;
	text-decoration: underline;
}

#bodyarea, #footerarea
{
    color: #fff;
}

#bodyarea
{
    background: url(images/theme/lightstripes.gif) #ddd;
    padding:2px;
    border:1px solid #3873B3;
    border-top:0;
}

#footerarea a
{
    color: #8080fa;
}

/* set a fontsize that will look the same in all browsers. */
body
{
	font-family: Lucida Grande, verdana, sans-serif;
	background: #2f4684;
	padding: 12px 0 4px 0;
	font-size: 11px;
	line-height: 115%;
	margin: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 0px;
	padding-left:40px;
	padding-right:40px;
	min-width:800px;
	max-width:1000px;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #666666;
	background-color: #666666;
}

/* use dark grey for the text, leaving black for headers etc */
body, td, th , tr
{
	color: #222;
}

/* By default set the color on these tags as black. */
h1, h2, h3, h4, h5, h6, h7
{
	color: black;
	font-size: 1em;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h4 
{
    font-weight: bold;
}


/* We can define lists to be lists tho! */
ul.normallist
{
	padding-left:	2em;
}

ul.normallist li
{
	list-style: disc;
}

/* NOTE: REMOVE THIS??!?!?!! */
/* But do use them in the posts area! */
.post ul
{
	padding-left:	2em;
}
.post ul li
{
	list-style: disc;
}
.post ul li li
{
	list-style: circle;
}

/* remove bold/italic styles */
span.plainstyle
{
	font-weight: normal;
	font-style: normal;
}
/* float a list horisontally */
ul.horizlist
{
	width: 100%;
}
ul.horizlist li
{
	float: left;
	padding: 0.2em 0.4em 0.2em 0.4em;
	vertical-align: top;
}
/* make a inline-list */
ul.nolist li
{
	display: inline;
}
/* Helping style to clear floated items. */
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix 
{
	display: inline-block;
}

/* Hides from IE-mac. \*/
* html .clearfix 
{
	height: 1%;
}
.clearfix 
{
	display: block;
}
/* End hide from IE-mac. */

/* ************************************* */
/* Some specific SMF elements            */
/* ************************************* */

/* A quote, perhaps from another post. */
blockquote
{
	color: #000080;
	background-color: #e5e5e5;
	border: 1px solid #aaa;
	border-left: 4px solid #aaa;
	margin: 2px 10px 0px 10px;
	padding: 3px;
	line-height: 1.2em;
	overflow: hidden;
}

/* A code block - maybe even PHP ;). */
code
{
	color: #000000;
	background-color: #dddddd;
	display: block;
	font-family: monospace;
	line-height: 1.2em;
	border: 1px solid #888;
	margin: 2px 10px 1px 10px;
	padding: 1px;
	overflow: auto;
	width: 99%;
	max-width:99%;
	font-size: 11px;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
	width: 100%;
	margin-left:10px;
	margin-top:5px;
}

/* For links to change the code stuff... */
.codeoperation
{
	font-weight: normal;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 100% !important;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* A more discreet highlight colour, for selected membergroups etc. */
.highlight2
{
	background-color: #B3F4B0;
	color: black;
}

/* ************************************* */
/* Real common classes                   */
/* ************************************* */

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
	color: #000000;
	background-color: #f0f0fa;
}
.windowbg2
{
	color: #000000;
	background-color: #fafafa;
}

/* the today container in calendar */
.calendar_today
{
	background-color: #FFFFFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, #credits h3
{
	color: black;
	background: url(images/theme/cellpic.gif) #ccc repeat-x;
	padding-left: 10px;
	padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited, .catbg2 a:link, .catbg2 a:visited
{
	font-weight: bold;
	font-style: normal;
	color:#4f66a4;
}

.titlebg a:hover
{
	color: #404040;
}

.catbg , tr.catbg td , tr.catbg th, .catbg3 , tr.catbg3 td
{
	background: url(images/theme/blueish.gif) #056dd1 repeat-x;
	color: #ffffff;
	padding: 4px 10px 4px 10px;
	font-size:12px;
	font-weight: bold;
	text-shadow: #000 1px 1px;
}
.catbg2, tr.catbg2 td
{
	background: url(images/theme/aqua_glassy_bg.gif) #fff repeat-x;
	color: #8d8d8d;
	padding:2px 10px 2px 10px;
}

.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
	font-size: 95%;
	color: white;
	text-decoration: none;
}
.catbg a:link, .catbg a:visited
{
	color: white;
	text-decoration: none;
}
.catbg a:hover, .catbg3 a:hover
{
	color: #e0e0ff;
}

.bordered
{
    border:1px solid #ccc;
}

.catbg_bordered
{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.blueborder
{
    border:1px solid #338;
    background-color: #ccc;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	padding: 0px;
	border: 1px solid #ccc;
	background-color: #ccc;
}

/* Sometimes there will be an error when you post */
.error
{
	color: red;
}

/* Calendar colours for birthdays, events and holidays */
.birthday
{
	color: #920AC4;
}

.event
{
	color: #078907;
}

.holiday
{
	color: #000080;
}

/* Colours for warnings */
.warn_mute
{
	color: red;
}

.warn_moderate
{
	color: orange;
}

.warn_watch
{
	color: green;
}

a.moderation_link, a.moderation_link:visited
{
	color: red;
	font-weight: bold;
}

.openid_login
{
	background: white url(images/openid.gif) no-repeat;
	padding-left: 18px;
}

/* ************************************* */
/* Buttons and menus                     */
/* ************************************* */

.buttonlist, .buttonlist_bottom
{
    margin-right:2px !important;
}

.buttonlist ul, .buttonlist_bottom ul
{
	padding-left: 0px;
}
.buttonlist ul li, .buttonlist_bottom ul li
{
	margin: 0;
	padding: 0;
	display: inline;
}
.buttonlist ul li a, .buttonlist_bottom ul li a
{
	float: left;
	display: block;
	font-size: 0.8em;
	text-transform: uppercase;
	border:1px solid #aaa;
	margin-left:4px;
	background-color:#ddd;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:4px;
}
.buttonlist ul li a:hover, .buttonlist_bottom ul li a:hover
{
	border: 1px solid #228;
	background: #eee;
	text-decoration:none;
}
.buttonlist ul li a span, .buttonlist_bottom ul li a span
{
	display: block;
	padding: 2px 2px 1px 2px;
}
.buttonlist ul li a.active, .buttonlist_bottom ul li a.active
{
/*	padding-right: 8px; */
}
.buttonlist ul li a.active span em, .buttonlist_bottom ul li a.active span em
{
	padding: 2px 2px 1px 2px;
	display: block;
	font-style: normal;
}
.buttonlist ul li a.active span, .buttonlist_bottom ul li a.active span
{
	padding: 0 0 0 0px;
}
.buttonlist ul li a span.last, .buttonlist_bottom ul li a span.last
{
	padding: 2px 2px 1px 2px;
}

/* For links that are basically submit buttons. */
.buttonlist_submit
{
	background: transparent;
	color: white;
	text-transform: uppercase;
	vertical-align: top;
	text-decoration: none;
	font-size: 9px;
	font-family: tahoma, sans-serif;
	border: 0;
}

.buttonlist_submit:hover
{
	color: #e0e0ff;
}

/* ..for the "bottom" menu */
.buttonlist_bottom ul
{
}
.buttonlist_bottom ul li a span
{
	padding: 2px 2px 1px 2px;
}
.buttonlist_bottom ul li a span.last
{
	padding: 2px 2px 1px 2px;
}


.phead{
margin: 0;
text-align: left;
background: url(images/theme/brushed.png) repeat-x;
padding:2px 3px 0px 3px;
border:0;
}

.bluebordered {
    border-left: 1px solid #3873B3;
    border-right: 1px solid #3873B3;
}

.pnav1 a:link, .pnav1 a:visited, .pnav1 a:active, .pnav1 a:hover{
padding:1px 3px;
}

/* Navigation links - for the link tree. */
.nav
{
	margin:2px 2px 2px 2px;
}
.nav:link, .nav:visited{
	text-decoration: none;
	font-size: 10px;
}
a.nav:hover
{
	color:#5176b5;
}

.fdesc, .fdesc a:link, .fdesc a:visited, .fdesc a:active{
font-size: 11px;
color: #666666;
line-height: 110%;
margin: 0px 0 0 0;
padding: 0;
}

.fbot{
border-bottom:1px solid #ccc;
}
.fleft {
border-left:1px solid #ccc;
}
.fright {
border-right:1px solid #ccc;
}
.ftop {
border-top:1px solid #ccc;
}

.frow{
height:4px;
background-color:#8997a2;
background: url(images/theme/blueish.gif);
}

.topicicons{
border:4px solid #c4c4c4;
}

.postinfo{
background: url(images/theme/lightstripes.gif);
font-size: 11px;
color:#464c56;
vertical-align:middle;
border-bottom:1px solid #bbb;
}

.userprof{
color: #333333;
border: 1px solid #a9b0ba;
text-align:left;
font-weight:bold;
margin:0px;
font-size:11px;
padding: 3px;
background: url(images/theme/cellpic.gif) repeat-x;
}

.userprof img{
vertical-align:middle;
}

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

.posterinfo{
font-size:11px;
font-weight:bold;
border-right:1px solid #e1e1e1;
background: url(images/theme/lightstripes.gif) #fcfcfc;
}

.postlastrow{
background: url(images/theme/lightstripes.gif) #fcfcfc;
border-top:1px solid #e3e3e3;
}

.b_label
{
    font-weight:bold;
    color: navy;
}

ul.quickbuttons li.remove_ratings_button
{
        background: url(images/theme/ratingbuttons.png) no-repeat 0 -60px;
}
li.enable_ratings_button
{
        background: url(images/theme/ratingbuttons.png) no-repeat 0 -5px;
}
li.disable_ratings_button
{
        background: url(images/theme/ratingbuttons.png) no-repeat 0 -35px;
}
.expanded
{
        display: block;
        margin: 0;
        border-bottom-style: inset;
        border-right-style: inset;
}

.unread a{
	color:#A58A52;
}
.topictitle a
{
    font-size:11px;
    line-height:110%;
}

.midimage { vertical-align:middle; margin: 0px 1px 0px 1px; }

.striped 
{
    background-color: #ddd;
    background: url(images/theme/darkstripes.gif);
    border: 1px solid #3873B3;
}

.whitebg
{
    background-color: #fcfcfc;
}
.spacer
{
    height:5px;
    min-height:5px;
}

.white
{
    color: #444;
}

.white a, .next a
{
    color: #8080fa;
}

.description
{
color: black;
}

td.stats {
    font-size:10px;
    padding-left:10px;
    padding-right:10px;
}

.dmenu {
background-color: #eee;
position:absolute;
color:black;
z-index:2000;
border:1px solid #888;
}

.dmenu_cell {
font-weight:normal;
background:#eee;
vertical-align:middle;
padding:0px;
white-space:nowrap;
color:black;
}

.dmenu_link {
background: url(images/theme/lightstripes.gif);
font-weight:normal;
display:block;
margin:0px;
overflow:hidden;
padding:2px 4px 2px 4px;
white-space:nowrap;
color:#094899;
}

.dmenu_link:hover {
background: blue;
color:white;
}

.dmenu_cell a:link, .dmenu_cell a:visited { color:#094899; text-decoration:none; font-weight:bold;font-size:10px;}

.dmenu_cell a:hover { color:white; text-decoration:none;font-weight:bold;font-size:10px;}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

.toprow {
    background-color: #ddd;    
    border: 1px solid #ccc;
    border-bottom:0;
    background:url(images/theme/darkstripes.gif);
    color:#222;
}

.bottomrow {
    border:1px solid #ccc;
    border-top:0;
    background-color: #ccc;
    background:url(images/theme/darkstripes.gif);
    color:#222;
}

.midrow {
    background: #ddd;
    background:url(images/theme/darkstripes.gif);
    color:#222;
}

.darkstriped {
    background:url(images/theme/darkstripes.gif) #ddd;
    color:#222;
}

.left_shadow {width:1px;background:#3873B3;}
.right_shadow {width:1px;background:#3873B3;}
.top_left {background:url(images/theme/top_left.gif);width:68px;height:20px;}
.top_right {background:url(images/theme/top_right.gif);width:29px;height:20px;}
.top_center {
    font-family: Lucida Grande,Verdana,sans-serif;
    font-size:12px;
    font-weight: bold;
    background:url(images/theme/top_mid.gif);
}

.midimage {vertical-align:bottom; margin:0px 1px 0px 1px;}

.toolbar { color: #000000; margin: 0px; padding: 0px 6px 0px 6px; }
#toolbar { color: #000000; float: left; margin: 0px; padding: 0px;}
.tblink { display:block;color: #000000; margin-left: 1px; margin-right: 1px; padding: 39px 3px 3px 3px; font-weight:bold;text-decoration: none; }
a.tblink { text-decoration: none; }

#tbhome { background: url(images/logo.png) 0px 3px no-repeat; width:105px;height:45px;display: inline; float:left;}

#tbucp { height:45px;background: url(images/crystal/tb_ucp.png) no-repeat center center; display: inline; float:left;}

#tbhelp { height:45px;background: url(images/crystal/tb_help.png) no-repeat center center; display: inline; float:left;}

#tbcal { height:45px;background: url(images/crystal/tb_cal.png) no-repeat center center; display: inline; float:left;}

#tbnew { height:45px;background: url(images/crystal/tb_new.png) no-repeat center center; display: inline; float:left;}

.tbsearch { height:45px;background: url(images/crystal/tb_search.png) no-repeat center center; display: inline; float:left;}

#tbadmin { height:45px;background: url(images/crystal/tb_opt.png) no-repeat center center; display: inline; float:left;}

#tblogout { height:45px;background: url(images/crystal/tb_logout.png) no-repeat center center;  display: inline; float:left;}

#tblogin { height:45px;background: url(images/crystal/tb_logout.png) no-repeat center center;  display: inline; float:left;}

#tbregister { height:45px;background: url(images/crystal/tb_register.png) no-repeat center center; display: inline; float:left;}

.tbquick { height:45px;background:url(images/crystal/tb_quick.png) no-repeat center center; display:inline; float:left;}

fieldset {border: 1px solid #888; padding:5px 3px 3px 3px;}
.emoticon {padding:2px;vertical-align:middle;}

.row_bright {
background-color:#fafafa;
}

.row_dark {
background-color:#EDF3fd;
}

.row_locked {
background-color:#dde;
}
.row_sticky {
background-color:#dde4ee;
}

.pm_bright {
background:url(images/theme/cellpic.gif) repeat-x #fafafa;
border:1px solid #ccc;
margin-bottom:10px;
color:#444;
}

.pm_dark {
background:url(images/theme/cellpic.gif) repeat-x #edf3fe;
border:1px solid #ccc;
margin-bottom:10px;
color:#444;
}