/* Workplace */

/* The main body of the entire forum. */
body {margin: 0; padding: 0; background: #87a9d5 url(images/wp/workplace-topper.gif) repeat-x;}

/* Normal, standard links. */
a:link {color: #476C8E; text-decoration: none;}
a:visited {color: #476C8E; text-decoration: none;}
a:hover {text-decoration: underline;}

/* Container */
#container {width:900px; margin:0px auto 0px auto; padding: 0;}
#container2 {width:950px; margin:0px auto 0px auto;}

/* Header */
#head {height: 55px; padding: 0;}

/* Top Bar */
#topbar {margin: 0; padding: 0; height: 45px;}

/* Top Menu */
#topnav {display: block; position: relative; height: 35px; font-size: 11px; font-weight: bold; margin: 0; float: left; padding: 30px 0px 0px 10px; font-family: Arial, sans-serif;}
#topnav ul {margin: 0px; padding: 0; list-style-type: none; width: auto; float: left;}
#topnav ul li {display: block; float: left; margin: 0 1px;}
#topnav  ul li a {display: block; float: left; color: #15428b; text-decoration: none; padding: 0px 0px 0px 13px; height: 25px; line-height: 25px;}
#topnav  ul li a span {padding: 0px 13px 0px 0px;}
#topnav ul li a:hover {color: #15428b; background: #a7a5a5 url(images/wp/topnav-l2.gif) 0 0 no-repeat;}
#topnav ul li a:hover span {display: block; width: auto; background: #a7a5a5 url(images/wp/topnav-r2.gif) 100% 0 no-repeat;}
#topnav ul li a.current {color: #15428b; background: #ecf3fc url(images/wp/topnav-l.gif) 0 0 no-repeat;}
#topnav ul li a.current span {display: block; width: auto; background: #ecf3fc url(images/wp/topnav-r.gif) 100% 0 no-repeat;}

/* user */
#user {font-size: 1.0em; color: #3e6aaa; font-family: Arial, sans-serif; float: right; padding: 0px 0px 0 0; text-align: right;}
#user a:link, #user a:visited {color: #15428b; font-weight: bold;}
#user a:hover {text-decoration: underline;}

#mainarea {background: url(images/wp/wp-mainbg-topleft.gif) top left no-repeat;}
#mainback {background: #87a9d5 url(images/wp/wp-mainbg.gif) repeat-x; padding: 0px 0px 0px 0px; margin: 0;}

#userimage {background: url(images/wp/user-bg.gif) top left no-repeat; padding: 5px 5px 5px 5px;}
#leftshade {background: url(images/wp/white-left.png) repeat-y;}
#rightshade {background: url(images/wp/white-right.png) repeat-y;}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
	color: #000000;
	text-decoration: none;
}
a.nav:hover
{
	color: #3c789e;
	text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
	empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
	color: #000000;
	font-size: small;
	font-family: verdana, sans-serif;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	color: #000000;
	font-family: verdana, sans-serif;
}
input, button
{
	font-size: 90%;
}

textarea
{
	font-size: 100%;
	color: #000000;
	font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	border: 1;
	color: #000;
margin-bottom: -5px;
	background: url(images/titlebg.jpg);
	font-size: 90%;


}

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

/* No image should have a border when linked */
a img
{
	border: 0;
}
/* A quote, perhaps from another post. */
.quote {
	color: #4a4a4a;
	background-color: #f1f1f1;
	border: 1px solid #c2c2c2;
	margin: 1px;
	padding: 5px;
	font-size: 11px;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code {
	color: #4a4a4a;
	background-color: #f5f5f5;
	font-family: "courier new", "times new roman", monospace;
	font-size: 11px;
	line-height: 1.3em;
	/* Put a nice border around it. */
	border-top: 2px solid #c5c5c5;
	border-bottom: 2px solid #c5c5c5;
	margin: 1px auto 1px auto;
	padding: 5px 2px;
	width: 99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap;
	overflow: auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */

.quoteheader, .codeheader {
	color: #3f3f3b;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.2em;
	padding: 5px;
}

/* 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: 96%;
}

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

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body {color: #6c6c6c; background-color: #eaf0f7;}
.windowbg2{ color: #6c6c6c; background-color: #f3f8ff;}
.windowbg3{ color: #577ecf; background-color: #c8e0fe;}

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

/* 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, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
	color: #404040;
	font-style: normal;
	background: url(images/titlebg.jpg) #E9F0F6 repeat-x;
	border-bottom: solid 1px #9BAEBF;
	border-top: solid 1px #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
	font-weight: bold;
	color: black;
	font-style: normal;
}

.titlebg a:hover { color: #404040;} 
/* same as titlebg, but used where bold text is not needed */

.titlebg2 a:link, .titlebg2 a:visited
{
	color: #404040;
	font-style: normal;
	text-decoration: underline;
}

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

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td {background: url(images/titlebg.jpg) #ffc887 repeat-x; color: #394d67; padding-left: 10px; padding-right: 10px;}
.catbg2 , tr.catbg2 td{ background: url(images/titlebg.jpg) #ffc887 repeat-x; color: #394d67; padding-left: 10px; padding-right: 10px;}
.catbg, .catbg2, .catbg3 {border-bottom: solid 1px #95774a;}
.catbg, .catbg2 {font-weight: bold;}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {font-size: 95%; color: #394d67; text-decoration: none;}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited {color: #394d67; text-decoration: none;}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {color: #95774a;}

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

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

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: x-small;
	font-family: verdana, sans-serif;
}
.middletext
{
	font-size: 90%;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	width: 100%;
	overflow: auto;
	line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	width: 100%;
	overflow: auto;
	padding-bottom: 3px;
	line-height: 1.3em;
}

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


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
	color: #15428b;
	text-transform: uppercase;
	vertical-align: top;
}
.maintab_back, .maintab_active_back
{
	color: #15428b;
	text-decoration: none;
	font-size:  9px;
	vertical-align: top;
	padding: 2px 6px 6px 6px;
	font-family: tahoma, sans-serif;
}

.maintab_first
{
	background: url(images/maintab_first.gif) left bottom no-repeat;
	width: 10px;
}
.maintab_back
{
	background: url(images/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
	background: url(images/maintab_last.gif) left bottom no-repeat;
	width: 8px;
}
.maintab_active_first
{
	background: url(images/maintab_active_first.gif) left bottom no-repeat;
	width: 6px;
}
.maintab_active_back
{
	background: url(images/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
	background: url(images/maintab_active_last.gif) left bottom no-repeat;
	width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
	color: #15428b;
	text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
	color: #95774a;
	text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
	color: white;
	text-transform: uppercase;
	vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
	color: white;
	text-decoration: none;
	font-size: 9px;
	vertical-align: bottom;
	padding: 6px 6px 2px 6px;
	font-family: tahoma, sans-serif;
}

.mirrortab_first
{
	background: url(images/mirrortab_first.gif) no-repeat;
	width: 10px;
}
.mirrortab_back
{
	background: url(images/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
	background: url(images/mirrortab_last.gif) no-repeat;
	width: 6px;
}
.mirrortab_active_first
{
	background: url(images/mirrortab_active_first.gif) no-repeat;
	width: 6px;
}
.mirrortab_active_back
{
	background: url(images/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
	background: url(images/mirrortab_active_last.gif) no-repeat;
	width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
	color: #15428b;
	text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
	color: #95774a;
	text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
	background: #32CD32;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
/* TP STyles
/* TP specific classes */
.sitemap{
	margin: 0;
	padding: 0;
	list-style: none;
}
.sitemap_topheader{
	background: #ECEDF3;
	border-bottom: solid 1px #ffffff;
	padding: 4px;
}

.sitemap_header{
	background: #ECEDF3;
	border-bottom: solid 1px #ffffff;
	padding: 4px;
	display: block;
	font-weight: bold;
 }

.sitemap_header_active{
	background: #C8D6E1;
	border-bottom: solid 1px #ffffff;
	padding: 4px;
	display: block;
	font-weight: bold;
}

.sitemap_header:hover , .sitemap_header_active:hover{
	background: #DBE4ED;
	border-bottom: solid 1px #ffffff;
	padding: 4px;
	display: block;
	text-decoration: none;
}

/* TP rss feed styles */
.rss_title{
 font-weight: bold;
}

.rss_body{
	margin-bottom: 1ex;
}

.rss_image{
	margin: 4px 0 4px 0;
}
/*storm classes for shoutbox*/
.shout_windowbg /*membername*/
{
	 border: dotted 1px; 
	padding: 2px 4px 2px 4px;
	color: #000000;
	background-color: #E0E1E8;
	height: 16px;
	vertical-align: middle;

}
#shout_content /*shouts wrapper*/
{
	 margin: 4px;
}
.windowbg_whisper /*membername*/
{
	 border: dotted 1px; 
	padding: 2px 4px 2px 4px;
	color: #000000;
	background-color:#c3dbf7;
	height: 16px;
	vertical-align: middle;

}
.whisper /*shouts wrapper*/
{
	 margin: 4px;
	background-color: #c6f7fe;
}

#shout_icons /*right of membername icon division*/
{
	 width: 50px; 
	float: right;
	text-align: right;
}
.sh_icon /*image icon classes*/
{
	 margin: 0px;
}
#shout_time
{
	 padding: 0px;
	font-style: italic;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	
}
#shout_whisper_to
{
	 padding: 0px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	font-size: 9px;
	font-family: Tahoma, Georgia, "Times New Roman", Verdana;
}
#each_shout
{
	 padding: 4px;
}
#whisper_to
{
	 width: 100%;
	 
}
#manage_shouts
{
	 float: right;
	margin-right: 5px;
	
}
.shout_edit_textarea
{
	  vertical-align: middle;
	 width: 100%;
	 height: 60px;
}
.shout_form_smalltext
{
	  padding: 2px;
	 margin: 2px; 
	 margin-top: 1px; 
	 text-align: center;
	 font-size: 9px;
}
.shout_header
{
	  white-space: nowrap;
	 font-size: 9px;
}
/* article css */
.tp_article_frame
{
	margin-bottom: 5px;
}

.tp_subject
{
	font-size: 1.0em;
	margin: 0;
	padding: 7px 10px 7px 10px;
	line-height: 1em;
	font-weight: bold;
}
.tp_subject, .tp_subject a
{
}
.tp_day
{
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
}
.tp_month
{
	padding: 0px;
	font-size: 0.85em;
	font-weight: normal;
	text-transform: uppercase;
}
.tp_year
{
	padding: 0;
	font-size: 0.7em;
	font-weight: normal;
	text-transform: uppercase;
}
.catbg .tp_month
{
	font-weight: normal;
}
.catbg .tp_day
{
}
.tp_details
{
	font-size: 0.8em;
	padding: 2px 0 5px 0px;
	margin-bottom: 10px;
}

.tp_articletext
{
	padding: 5px;
	margin-top: 0px;
	line-height: 1.4em;
}

.tp_article_next
{
	margin: 10px 2em 0 0;
	padding: 0.5em;
	float: right;
	clear: both;
}
.tp_editlink
{
	margin: 5px 0 0 0;
	padding: 4px;
	text-align: right;
	font-size: 0.85em;
	clear: both;
}
.tp_editlink5
{
	margin: 0;
	padding: 8px 5px 5px 5px;
	border-top: dotted 1px #888;
	text-align: right;
	font-size: 0.85em;
	clear: both;
	margin-top: 10px;
}
.tp_article_comment_header
{
	padding: 5px;
	margin: 0;
}

.tp_article_rate
{
	margin: 0;
	padding: 5px;
	text-align: center;
}
#featured_article h3.tp_subject, #featured_article h3.tp_subject a
{
}
#tp_morearticles
{
}
/* more articles */
#tp_morearticles ul
{
	list-style: none;
	margin: 0.5em 1em 1em 1em;
}
#tp_morearticles li
{
	padding-left: 15px;
}
/* articles first */
#tp_morearticles li.chosen
{
	background: url(../default/images/tinyportal/TPtree_article.gif) 0 -4px no-repeat;
	font-weight: bold;
	color: #aaa;
}
#tp_morearticles li
{
	background: url(../default/images/tinyportal/TPtree_article2.gif) 0 -4px no-repeat;
}
/* the categories */
#tp_morearticles li.chosen_category, #tp_morearticles li.category
{
	margin-left: 2em;
	background: 0;
	padding-left: 0;
	list-style: square;
}
#tp_morearticles li li
{
	display: inline;
}
#tp_morearticles li.chosen_category
{
	list-style: square;
	padding-bottom: 5px;
}
#tp_morearticles li.chosen_category ul
{
	padding-top: 5px;
}
#tp_morearticles h4
{
	margin: 0 0 0 15px;
	padding: 0;
}
/* comments */
#tp_article_comment
{
	padding-top: 0;
}
.tp_comment, .tp_comment_notice
{
	background: url(../default/images/tinyportal/TPcomment.gif) no-repeat #fff;
	padding: 2px 10px 10px 40px;
	font-size: 0.8em;
}

.tp_commentbody
{
	background: #e8e8e8;
	padding: 10px;
	font-size: 0.8em;
}
.tp_commentbuttons
{
	float: right;
}
.tp_commentbutton a
{
	display: block;
	float: right;
	padding: 1px 5px 1px 5px;
	border: 1px solid #888;
	background: #fff;
	margin-left: 4px;
}
.tp_commentbutton a:hover
{
	color: red;
	text-decoration: none;
}
.tp_avatar, .tp_avatar_category
{
	float: right;
	padding: 10px;
	position: relative;
	top: 0px;
	right: -5px;
}
.tp_avatar_category
{
	padding: 3px;
	top: 0px;
	right: 0;
	margin: 0 0 8px 8px;
}
img.catlayout
{
	margin: 6px 2px 4px 16px;
	padding: 0;
}
span.tp_thindivider
{
	font-weight: normal;
}
/* for the tab category layout option */
#tp_tabarticle_frame
{
	margin-left: 220px;
	padding: 10px 10px 10px 30px;
}
#tp_tableft
{
	float: left;
	width: 204px;
	margin-top: 5px;
	padding: 0 0 5px 0;
}
ul#tp_tabmenu
{
	padding: 0;
	margin: 0;

	list-style: none;
}
ul#tp_tabmenu li
{
	width: 230px;
	padding: 0;
	margin: 0;
}
ul#tp_tabmenu li a
{
	display: block;
	height: 27px;
	width: 230px;
	line-height: 26px;
	padding: 0 15px 0 15px;
	text-decoration: none;
	outline: none;
	color: black;
}
ul#tp_tabmenu li a:hover
{
	color: #669;
}
.tabimage
{
	background: url(../default/images/tinyportal/TPtabindicator.gif) no-repeat; 
	font-weight: bold;
}
.notab
{
	font-weight: normal;
	background-image: none; 
}
#tp_tabs_frame h4
{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#tp_tabs_frame h4.forumpost
{
	padding-left: 24px;
	background: url(../default/images/topic/normal_post.gif) 0 50% no-repeat;
}
#tp_tabs_frame h3
{
	font-size: 1.5em;
	margin: 0 0 5px 0;
	color: #543;
	padding: 5px 5px 5px 8px;
	border-bottom: dotted 1px #888;
}
p.tp_tabarticle_opt
{
	font-size: 0.85em;
	margin-bottom: 5px;
	padding: 0 0 5px 0;
	border-bottom: dotted 1px #888;
}
.tp_tabarticle_body
{
	line-height: 1.5em;
}
ul#tp_child_articles
{
	list-style: none;
	padding: 0;
	margin: 1em;
}
ul#tp_child_articles li
{
	background: url(../default/images/tinyportal/TPboard.gif) no-repeat 0 50%;
	margin-left: 0;
	padding: 5px 0 5px 20px;
}
#articlejump
{
	padding: 1em;
}

/* panels */
#leftbarHeader
{
}
#rightbarHeader
{
}
#leftbarHeader .catbg3, #rightbarHeader .catbg3
{
	padding: 10px 0 4px 0;
}
#leftbarHeader .catbg3 a, #rightbarHeader .catbg3 a
{
}
#leftbarHeader .catbg3 a.subject:hover, #rightbarHeader .catbg3 a.subject:hover
{
	text-decoration: none;
}
#leftbarHeader .windowbg, #rightbarHeader .windowbg
{
}


/* panels */
#topbarHeader, #frontbarHeader
{
}
#frontbarHeader .catbg3
{
	padding: 4px 0 4px 0;
}
#frontbarHeader .catbg3 a
{
}
.tp_toppanel
{
	padding: 8px;
}
#topbarHeader .windowbg, #centerbarHeader .windowbg,#lowerbarHeader .windowbg, #frontbarHeader .windowbg
{
}

#centerbarHeader, #lowerbarHeader
{
}
#centerbarHeader .catbg3, #lowerbarHeader .catbg3, #topbarHeader .catbg3
{
	padding: 4px;
}
#centerbarHeader .catbg3 a, #lowerbarHeader .catbg3 a
{
}
/* classes for special block types */
ul.tp_recentblock, .tp_statsblock ul	
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
ul.tp_recentblock li	
{
	padding: 4px 0 4px 0;
}
.tp_userblock h4
{
	font-size: 1em;
	padding: 0;
	margin: 0;
}
.tp_userblock h5, .tp_statsblock h5
{
	font-size: 1em;
	padding: 5px 0 0 0;
	margin: 0;
}
.tp_userblock ul
{
	font-size: 1em;
	padding: 5px 0 5px 1.5em;
	list-style: url(images/tinyportal/TPdivider.gif);
	margin: 0;
}
.tp_userblock ul li
{
	padding: 0;
	margin: 0;
}
.tp_userblock ul li a
{
}
.tp_userblock ul li a:hover
{
	text-decoration: none;
}
.tp_statsblock h5
{
	padding: 5px 0 5px 0;
}
.tp_statsblock h5.mlist, .tp_statsblock h5.stats, .tp_statsblock h5.online
{
	padding: 10px 0 0 25px;
	margin-bottom: 5px;
}
.tp_statsblock h5.mlist
{
	background: url(images/icons/members.gif) no-repeat bottom left;
}
.tp_statsblock h5.stats
{
	background: url(images/stats_info.gif) no-repeat bottom left;
}
.tp_statsblock h5.online
{
	background: url(images/icons/online.gif) no-repeat bottom left;
}

/* for tp admin */
.tp_largelist
{
	max-height: 10em;
	overflow: auto;
}
#tp_dlmanager ul.hoveritems, #tp_dlmanager ul.hoveritems li
{
	margin: 0;
	list-style: none;
	padding: 0;
}
#tp_dlmanager .hoveritems li a, .hoveritems li a.active:hover
{
	display: block;
	padding: 5px;
}
#tp_dlmanager .hoveritems li a.active:hover
{
	color: white;
	background: #466A8E;
}
#tp_dlmanager .hoveritems li a:hover, .hoveritems li a.active
{
	background: #466A8E;
	color: white;
	text-decoration: none;
}
#tp_dlmanager .hoveritems li.sub a
{
	padding-left: 1em;
}
#tp_dlmanager .hoveritems li.sub a,#tp_dlmanager .hoveritems li.sub a.active:hover
{
	background: #d8d8d8;
	color: black;
}
#tp_dlmanager .hoveritems li.sub a.active:hover
{
	background: #666;
	color: white;
}
#tp_dlmanager h3.catbg
{
	margin: 0;
	padding: 4px;
}
#tp_dlmanager .hoveritems li.sub a:hover,#tp_dlmanager .hoveritems li.sub a.active
{
	background: #90a090;
	text-decoration: none;
	color: white;
}
h3.tp-dlmanager
{
	font-size: 1.2em;
}
h3.tp-dlmanager small
{
	padding-left: 5px;
	font-size: 80%;
	font-weight: normal;
}