/********************************************

CSS NORMALIZATION

- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
- modified from WaMu.com
*/


div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, p, th, td {margin:0; padding:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0; padding:0px; margin:0px; font-size:inherit; font-size:100%;}
input, textarea, select {font-family: inherit;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
img {border:0;}
img {vertical-align:middle;}
select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}

/********************************************/

body, table, td, img
{
	margin:0px;
	border:0px;
	padding:0px;
	border-spacing:0px;
	border-collapse:collapse;
	}

/*body {background-color:#4D5A5A;behavior:url("../include/csshover.htc");}*/
body {background-color:#ffffff/*B0B6BB*/;behavior:url("../include/csshover.htc");}

* {
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size:12px;
    line-height:18px;
    color:#3d3d3d;
   }


h1 {font-size:16px;font-weight:bold;padding:15px 0px 5px 0px;margin:0px;color:#006699;}
h2 {font-size:12px;font-weight:bold;padding:10px 0px 0px 0px;margin:0px;}


p, table {padding:10px 0px;}
td {vertical-align:top;padding:2px;}

ul, ol {padding: 10px 0px 10px 18px;margin-left:20px;margin-right:20px;}
li {padding:2px 0px;}

a {color:#006699;text-decoration:none;}
a:visited {color:#006699;text-decoration:none;}
a:hover {color:#006699;text-decoration:underline;}
a:active {color:#006699;text-decoration:none;}

/* If you need a list moved up so that it looks like a part of the paragraph before it, use this class. Also works for headers and tables. */
.moveup {margin-top:-18px;}

.bottomwhitedotted {background:url(../images/dotted_horizontal_white.gif) repeat-x bottom;margin-bottom:20px;padding-bottom:20px;}

div.wholepage
{
    width: 1024px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom:0px;/*78px47px*/
    padding:0px;
    background-image:url(../images/stylesheet/SPMT_second_bkg_300.png); /*top image*/
    background-position:0px 0px;
    background-repeat:no-repeat;
}

div.wholepagehome
{
    width: 1024px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom:0px;/*78px47px*/
    background-image:url(../images/stylesheet/SPMT_homepage_bkgd_msg_lg_icons.jpg); /*top image for homepage only*/
    background-position:0px 0px;
    background-repeat:no-repeat;
}

div.wholepagesearch
{
    width: 1024px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom:0px;/*78px47px*/
    padding:0px;
    background-image:url(../images/stylesheet/SPMT_second_bkg_search.png); /*top image no gray gradient*/
    background-position:0px 0px;
    background-repeat:no-repeat;
}


div.wholepagefill {    background-image:url(../images/stylesheet/SPMT_second_bkg_vertline_1px.png);
    background-position:0px 0px;
    background-repeat:repeat-y;
    margin:0px;
}
div.wholepagefillhome {    background-image:url(../images/stylesheet/SPMT_second_bkg_1px.gif); /* no vertical line*/ 
   background-position:0px 0px;
    background-repeat:repeat-y;
    margin:0px;
}
#wholepagebtm
{
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
    margin-top:0px;
    margin-bottom:0px;
    padding-bottom:0px;
    background-color:white;
    background-image:url(../images/stylesheet/SPMT_second_bkg_btm3.gif);
    background-position:0% 100%;
    background-repeat:no-repeat;
}


div.graytop {background:url(../images/stylesheet/SPMT_homepage_graytop.gif) no-repeat 0px 0px;padding:15px 0px 0px 0px;}
div.graybtm {background:url(../images/stylesheet/SPMT_homepage_graybtm.gif) no-repeat 0px 100%;padding:0px 15px 3px 15px; vertical-align:top;}
div.graybtm table tr td {padding:0px 13px 12px 0px;}
div.graybtm table tr td a {color:#333333;font-size:13px;line-height:18px;text-decoration:none;}
div.graybtm table tr td a:hover {/*color:#0065a4;*/font-size:13px;line-height:18px;text-decoration:none;}
div.graybtm table tr td a img.arrow {margin-top:2px;}

/**************/
#topnav {clear:both;margin:0px 0px 0px 51px;padding:0px;color:#ffffff;width:918px;height:38px;}
	
#topnav ul li ul {display:none;}
#topnav ul li:hover ul, div#topnav ul li ul:hover {display:block;}

#topnav ul li ul li ul {visibility:hidden;}
#topnav ul li ul li:hover ul {visibility:visible;}


	
#topnav a {padding-top:10px;margin:0px;color:#000000;text-decoration:none;font-size:12px;line-height:12px;display:block;height:23px;white-space:nowrap;font-weight:bold}
#topnav a:visited {color:#000000;}
#topnav a:active {color:#000000;}

#topnav ul {margin:0px;padding:0px; list-style:none; border:none;width:918px;}
#topnav li {float:left;position:relative;z-index:500;text-align:center;padding:0px;margin:0px;height:38px}

* html #topnav ul li a {padding-top:15px;padding-left:auto;padding-right:auto;text-align:center;}
#topnav ul li a {padding-top:15px;text-align:center;background:url(../images/stylesheet/SPMT_menu_sprite.png); background-repeat: no-repeat;}

#topnav a.menuhome {width:79px;color:#000000;}
#topnav a.menuhome:visited {width:79px;color:#000000;}
#topnav ul li a.menuspmttech {width:175px;background-position: -79px 0px;}
#topnav ul li a.menumember {width:177px;background-position:-254px 0px;}
#topnav ul li a.menuresources {width:161px;background-position: -431px 0px;}
#topnav ul li a.menuabout {width:162px;background-position: -592px 0px;}
#topnav ul li a.menucontact {width:164px;background-position: -754px 0px;}

#topnav ul li a.menuhome:hover, #topnav ul li a.menuhomeselected {color:#ffffff;width:79px;background-position: 0 -38px;}
#topnav ul li a.menuspmttech:hover, #topnav ul li a.menuspmttechselected {color:#ffffff;width:175px;background-position: -79px -38px;}
#topnav ul li a.menumember:hover, #topnav ul li a.menumemberselected {color:#ffffff;width:177px;background-position:-254px -38px;}
#topnav ul li a.menuresources:hover, #topnav ul li a.menuresourcesselected {color:#ffffff;width:161px;background-position: -431px -38px;}
#topnav ul li a.menuabout:hover, #topnav ul li a.menuaboutselected {color:#ffffff;width:162px;background-position: -592px -38px;}
#topnav ul li a.menucontact:hover, #topnav ul li a.menucontactselected {color:#ffffff;width:164px;background-position: -754px -38px;}
#topnav ul li a.menuadmin:hover, #topnav ul li a.menuadminselected {color:#ffffff;width:164px;background-position: -754px -38px;}




#topnav ul li ul {margin:0px 0px 0px 0px;padding:0px;position:absolute;z-index:500;left:0px;top:38px;width:100%;}
* html #topnav ul li ul {padding:0px;margin:0px;width:100%;left:0px;position:absolute;}

#topnav ul li ul li {width:100%;margin:0px;display:block;background-color:#dfdfdf;height:26px;}
#topnav ul li ul li a {font-size:11px;font-weight:normal;text-align:left;height:18px;background-image:none;padding: 7px 0px 0px 15px;border-bottom:#b4b4b4;}
#topnav ul li ul li a.menuspmttech {margin:0px 1px; width:163px;}
#topnav ul li ul li a.menumember {margin:0px 1px; width:155px;}
#topnav ul li ul li a.menuresources {margin:0px 1px; width:139px;}
#topnav ul li ul li a.menuabout {margin:0px 1px; width:140px;}
#topnav ul li ul li a.menucontact {margin:0px 1px; width:142px;}

#topnav ul li ul li a:visited {font-size:11px;font-weight:normal;}
#topnav ul li ul li a:hover {font-size:11px;font-weight:normal;background-color:#8fd400;color:#ffffff;}


#topnav ul li ul li a:active {font-size:11px;font-weight:normal;}

/*#topnav ul li ul li ul {top:0px;left:159px;width:113px;}

#topnav ul li ul li ul li  {width:135px;}
#topnav ul li ul li ul li a {width:135px;font-size:11px;font-weight:normal;}
#topnav ul li ul li ul li a:visited {width:135px;font-size:11px;font-weight:normal;}
#topnav ul li ul li ul li a:hover {width:135px;font-size:11px;font-weight:normal;}
#topnav ul li ul li ul li a:active {width:135px;font-size:11px;font-weight:normal;}*/
/**************/

#toputil {color:#0065a4;height:30px;float:right;z-index:1;width:500px;margin:48px 58px 0px 0px;}

#toputil ul {float:right;padding:0px;margin:0px; list-style:none; border:none;z-index:2;}

#toputil li {float:left;padding: 6px 12px 0px 12px;margin:0px;position:relative;z-index:500;text-align:right; white-space:nowrap;font-size: 11px;background:url(../images/stylesheet/SPMT_util_bar.gif) no-repeat right;z-index:3;}

#toputil li.searchbox {background-image:url(../images/stylesheet/SPMT_search.gif);background-repeat:no-repeat;background-position:0px 0px;height:24px;width:149px;padding:0px;margin:3px 0px 0px 12px;}
/*nobar {background:none;white-space:nowrap;width:210px;padding: 6px 3px 0px 16px;margin:0px;}*/

#toputil a {color:#999999;margin:0px;padding-top:3px;text-decoration:none;display:block;height:20px;white-space:nowrap;float:left;font-size: 11px;line-height:11px;font-weight:bold;z-index:4;}

#toputil input {position:relative;top:0px;margin-right:6px;width:120px;display:block;float:left;z-index:5;}

/*#toputil .signinbullet {background-image:url("../images/signin_bullet.gif");background-repeat: no-repeat;padding-left:22px;padding-right:2px;background-position: 0px 1px;}*/

/* second and third levels */
#main {width:1024px;clear:both;margin:0px;padding:0px;}

#leftnav {float:left;width:207px;padding:10px 0px 0px 72px;}
/* * html #leftnav {float:left;width:135px;padding:30px 0px;}*/
#leftnav a {text-decoration:none;}
#leftnav a:visited {text-decoration:none;}
#leftnav a:hover {text-decoration:none;}
#leftnav a:active {text-decoration:none;}
#leftnav h1 {margin:0px;padding:20px 0px 10px 0px;font-weight:bold;color:#ffffff;}
#leftnav h1 a {font-size:16px;font-weight:bold;color:#ffffff;}
#leftnav ul {list-style:none; border:none;margin:0px;padding:0px;clear:both;}
#leftnav ul li {width:170px;margin:0px;padding:0px;background:url(../images/stylesheet/dotted_line.gif) repeat-x 0px 100%;}
#leftnav ul li a {width:167px;padding-left:16px;padding-top:7px;padding-bottom:4px;display:block;background:url(../images/stylesheet/leftnav_bullet.gif) no-repeat 1px 12px;color:#333333;}
#leftnav ul li a.selected, #leftnav ul li a:hover {color:#0065a4;}
/*#leftnav ul li a:hover {width:119px;height:22px;padding-left:46px;padding-top:7px;display:block;background-color:#8B8B8B;background-image:url("../images/leftnav_bullet_selected.gif");background-repeat: no-repeat; background-position: 13px 3px;color:#ffffff;} */

#leftnav ul li ul {border:none;margin:0px;padding:0px;}
#leftnav ul li ul li {}
#leftnav ul li ul li a {background-image:url("../images/leftnav_bullet_l2.gif");background-repeat: no-repeat; background-position: 46px 13px;width:107px;padding-left:58px;background-color:#C4C4C4;color:#ffffff;border-bottom:solid 1px #F3F3EB;}
#leftnav ul li ul li a.selected, #leftnav ul li ul li a:hover {background-image:url("../images/leftnav_bullet_l2_selected.gif");background-repeat: no-repeat; background-position: 46px 13px;width:107px;padding-left:58px;background-color:#C4C4C4;color:#000000;}
/*#leftnav ul li ul li a:hover {background-image:url("../images/leftnav_bullet_l2_selected.gif");background-repeat: no-repeat; background-position: 46px 13px;width:107px;padding-left:58px;background-color:#C4C4C4;color:#000000;}*/


#leftnav #relatedinfo h2 {color:#8fd400;font-weight:bold;padding:98px 0px 4px 16px;font-size:14px;}
#leftnav #relatedinfo ul {list-style:none;border:none;margin:0px;padding:0px;background:none;}
#leftnav #relatedinfo ul li {border:none;margin:0px 0px 0px 5px;padding:0px 0px 1px 0px;background-image:url(../images/stylesheet/relatedinfo_btm.gif);background-position:0px 100%;background-repeat:no-repeat;width:200px;}
#leftnav #relatedinfo ul li a {padding:10px 10px 0px 10px;margin:0px 0px 9px 0px;background-image:url(../images/stylesheet/relatedinfo_tp.gif);background-position:0px 0px;background-repeat:no-repeat;width:180px;font-size:12px;font-weight:bold;}
/*##leftnav ul.relatedinfo a:visited {padding:0px;margin:0px;background:none;color:#696969;}
#leftnav ul.relatedinfo a:hover {padding:0px;margin:0px;background:none;color:#696969;}
#leftnav ul.relatedinfo a:active {padding:0px;margin:0px;background:none;color:#696969;}*/

/* main content on sub pages */
div.contentsub {float:left;width:500px;margin:0px;padding:73px 25px 20px 25px;}
div.contenthome {margin:0px;padding:73px 25px 0px 55px;}
div.contentprint {margin:0px;padding:73px 80px 0px 75px;}

ul.homebullets {list-style:none;border:none;margin:0px;padding:5px 0px 0px 0px;background:none;}
ul.homebullets li a {width:167px;padding-left:16px;padding-top:7px;padding-bottom:0px;display:block;background:url(../images/stylesheet/leftnav_bullet.gif) no-repeat 1px 12px;color:#333333;}
ul.homebullets li a:hover {width:167px;padding-left:16px;padding-top:7px;padding-bottom:0px;display:block;background:url(../images/stylesheet/leftnav_bullet.gif) no-repeat 1px 12px;color:#0065a4;text-decoration:none;}

/* right side panel */
#rightbar {float:left;width:130px;padding:100px 15px 0px 0px;}

#rightbar ul {list-style:none; border:none;margin:0px 0px 40px 0px;padding:0px 0px 4px 0px;background:url("../images/dotted_horizontal.gif") repeat-x bottom;width:123px;}
#rightbar ul li.title {padding:0px 0px 18px 0px;font-weight:bold;color:#41413F;}
#rightbar ul li {border:none;padding:0px 0px 18px 0px;margin:0px;font-weight:normal;}

#rightbar a {text-decoration:none;color:#696969;}
#rightbar a:visited {text-decoration:none;color:#696969;}
#rightbar a:hover {text-decoration:none;color:#696969;}
#rightbar a:active {text-decoration:none;color:#696969;}

#icons {background:url(../images/stylesheet/dotted_line.gif) repeat-x 0px 100%;padding:17px 10px 22px 15px;white-space:nowrap;}
#icons img {padding:0px;margin:0px;border:0px;border-collapse:collapse;}
#icons a {margin-right:20px;margin-bottom:14px;height:15px;line-height:12px; vertical-align:top;}
#icons a:hover {height:15px;background-image:url("../images/icon_hover_bkgnd.gif");} 
* html #icons a:hover {background-image:url("../images/icon_hover_bkgnd.gif");height:15px;}

#twitter {background:url(../images/stylesheet/dotted_line.gif) repeat-x 0px 100%;padding:7px 15px 10px 15px;}
#twitter a {font-size:10px;line-height:12px;color:#006699;text-decoration:none;font-weight:bold;}
#twitterhome {background:url(../images/stylesheet/dotted_line_drk.gif) repeat-x 0px 0%;padding:3px 0px 0px 0px;}
#twitterhome2 {background:url(../images/stylesheet/dotted_line_drk.gif) repeat-x 0px 100%;padding:7px 15px 10px 15px;}
#rightbar ul img {margin-right:0px;margin-bottom:14px;}

/* home page only */
#indexmain {background-image:url("../images/indexmain_top_reversed.gif");background-repeat:repeat-x;background-position:top left;padding-top:8px;font-size:12px;line-height:16px;}
#indexmain h1 {font-size:22px;line-height:22px;padding-top:0px;font-weight:normal;color:#3c3c3c;}
#indexmain a {white-space:nowrap;}

#indextop {background-image:url("../images/indexmain_panels_reversed.gif");background-repeat:repeat-y;background-position:top left;}


#events {float:left;display:inline;padding:20px 17px;width:232px;}
#events ul {margin:0px;margin-left:-3px;padding:0px;list-style:none;}
#events li {padding-left:28px;padding-top:4px;padding-bottom:6px;margin:0px;background:url("../images/news_bullet.gif") no-repeat 0px -2px;}

#news {float:left;display:inline;padding:20px;width:226px;
}
#indexc3 {float:left;display:inline;padding:20px;width:226px;}

#indexmid {clear:both;background-color:#ECEEDE;padding:20px 20px 0px 20px;margin:0px;width:760px;}
#indexmid h1 {background:url("../images/dotted_horizontal.gif") repeat-x bottom;}

#indexmidwrap {background:url("../images/dotted_horizontal.gif") repeat-x bottom;padding-top:10px;padding-bottom:10px;width:760px;}
* html #indexmidwrap {padding-bottom:0px;}

#indexmidwrap img {float:left;margin-right:20px;}

#indexmidleft {float:left;width:360px;background:url("../images/dotted_vertical.gif") repeat-y right;padding:0px 20px 0px 0px;}
#indexmidright {float:left;width:360px;padding:0px 0px 0px 20px;}

#indexbottom {background-color:#DCDECE;padding:20px;margin:0px;width:760px;}
/* end home page only */


/* footer */
#footer {clear:both;width:100%;padding:0px 0px 4px 9px;font-size: 11px;font-weight:normal;color:#909090;height:98px;}
#footer ul {float:left;margin:42px 80px 2px 55px;padding:0px;font-size: 11px; list-style:none; border:none; }
#footer li {margin-left:7px;color:#909090;display:inline;font-size: 11px;}
#footer li.bar {margin-left:4px;padding-left:8px;background:url(../images/stylesheet/SPMT_footer_bar.gif) no-repeat left;}
#footer a {font-size: 11px;font-weight:normal;color:#909090;text-decoration:underline;}
#footer a:visited {font-size: 11px;font-weight:normal;color:#909090;}
#footer a:active {font-size: 11px;font-weight:normal;color:#909090;}
#footer a:hover {font-size: 11px;font-weight:normal;color:#909090;text-decoration:none;}




/*----------------------------
					 Blog
----------------------------*/

#blogmain {width:900px;clear:both;margin:100px 0px 0px 50px;}

a.taggedlink {font-size:14px;font-weight:bold;padding:20px 0px 0px 0px;}

#postnavigation{
	margin-bottom: 10px;
	text-align: center;
	color: Gray;
	background: white;
	border: 1px solid silver;
	padding: 3px;
}

table.loginbox {margin-left:200px;margin-top:50px;}

#contact {padding-left:20px;}

/*----------------------------
					 Widgets
----------------------------*/

div#widgetzone{
	padding: 0;
	background: none;
}

div#widgetzone .clear{
	clear: left;
}

div.widget{
	background: white;
	border: 1px solid silver;
	padding: 10px 15px;
	margin-bottom: 10px;
	z-index: 1;
	min-width: 1px;

}

div.widget .content{
	line-height: 16px;
	color: #666666;
}

div.widget h4{
	font-size: 15px;
	border-bottom: 1px solid silver;
	padding-bottom: 5px;
	margin: 0;
	margin-bottom: 5px;
	z-index: 0;
	color: #999999;
	letter-spacing: 1px;
}

div.widget a.edit{
	font-size: 10px;
	font-weight: normal;
	float: right;
	z-index: 1;
}

div.widget a.delete{
	font-weight: bold;
	color: #999999;
	float: right;
	margin-left: 5px;
	z-index: 1;
	text-decoration: none;
}

div.widget a.delete:hover{
	color: black;
}

#widgetzone .widget ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
}

#widgetzone .widget ul li {
	margin-bottom: 3px;
}

#widgetzone div.search{
	background: none;
	border: none;
	padding-left: 10px;
}

#widgetzone img.rssButton {
	margin-right: 3px;
}

/*----------------------------
					 Blogroll
----------------------------*/

#blogroll ul {
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 0px;
}

#blogroll ul li ul li a {
	margin-left: 25px;
	color: #666666;
}

#blogroll ul li a img {
	border: none;
	margin-right: 3px;
}

/*----------------------------
					 Posts
----------------------------*/

div.post, .mceContentBody {
	border: 1px solid silver;
	padding: 3px 10px;
	margin-bottom: 20px;
	background-color: white;
	line-height: 17px;
}

div.post h1, .mceContentBody h1 {
	margin: 5px 0 0 0;
}

div.post .author {
	color: #666666;
	font-size: 10px;
	float: left;
	text-transform: capitalize;
}

div.post .pubDate {
	color: #666666;
	font-size: 10px;
	float: right;
}

div.post .text {
	margin-top: 30px;
}

div.post .text h2 {
	margin-bottom: -10px;
}

div.post .text h3 {
	font-size: 11px;
	margin-bottom: -10px;
	padding: 0;
}

div.post .footer {
	text-align: right;
	border-top: 1px dashed silver;
	padding-top: 4px;
	padding-bottom: 2px;
}

div.post .bottom {
	margin-bottom: 45px;
}

div.post .categories {
	margin-bottom: 5px;
	float: right;
}

div.post .tags {
	float: left;
	margin-bottom: 5px;
}

div.post .text a[href^="http:"] {
	background: url(../../pics/remote.gif) right top no-repeat;
	padding-right: 10px;
  white-space: nowrap;
}

/*----------------------------
			Related Posts
----------------------------*/

#relatedPosts div {
	background: white;
	padding: 5px 10px 10px 10px;
	border: 1px solid silver;
}

#relatedPosts h1 {
	margin: 0 0 10px 0;
}

#relatedPosts p
{
	font-size: 15px;
	letter-spacing:1px;
	font-weight: bold;
}

#relatedPosts a {
	display: block;
	margin-top: 5px;
}

#relatedPosts span {
	color: #666666;
	text-indent: 10px;
	font-size: 10px;
}

/*----------------------------
				Recent posts
----------------------------*/

ul.recentPosts li{
	padding-bottom: 10px;
}

ul.recentPosts li a{
	font-weight: bold;
}

ul.recentPosts li span{
	display: block;
	text-indent: 10px;
	text-transform: none;
}

/*----------------------------
			Recent comments
----------------------------*/

ul.recentComments li{
	padding-bottom: 10px;
	text-transform: none;
}

ul.recentComments li a.postTitle{
	font-weight: bold;
}

/*----------------------------
			Social bookmarks
----------------------------*/

.bookmarks {
	float: left;
}

/*----------------------------
					Comments
----------------------------*/

.comment {
	border: 1px solid silver;
	background-color: white;
	padding: 3px 10px;
	margin-bottom: 10px;
}

.comment .date {
	font-size: 10px;
	color: #666666;
	text-align: right;
	margin: 0;
	padding: 3px 0px;
	border-bottom: 1px dashed silver;
}

.comment .author {
	margin: 0;
	padding: 3px 0px;
	border-top: 1px dashed silver;
}

#addcomment, #comment
{
	font-size: 15px;
	letter-spacing:1px;
	font-weight: bold;
}

.self {
	background: #E0EAEF;
}

.comment .gravatar {
	float: left;
	clear: both;
	margin: 5px 10px 5px 0;
}

.comment .gravatar img {
	height: 80px;
	width: 80px;
	border: 1px solid silver;
}

.comment .content {
	min-height: 85px;
	margin: 5px;
	margin-left: 90px;
}

.comment cite{
	font-family: Monospace;
	font-style: normal;
}

.comment img.flag {
	position: relative;
	top: 2px;
}

.commentForm {
	padding: 5px;
}

.commentForm label {
	float: left;
	display: block;
	width: 80px;
	margin-top: 4px;
}

.commentForm input {
	width: 300px;
}

.commentForm textarea {
	width: 100%;
	height: 150px;
	border:1px solid silver;
}

#commentMenu{
	padding: 0;
	margin:0;
	clear:both;
}

#commentMenu li{
	float:left;
	border:1px solid silver;
	border-bottom: transparent;
	margin:0;
	list-style:none;
	margin-right:5px;
	padding: 3px 8px;	
	cursor:pointer;
	position:relative;
	top: 2px;
	background:#d8d8d8;
}

#commentMenu li.selected{
	background:white;
	border-bottom:1px solid white;
}

#commentPreview{
	display:none;
	clear:both;
	min-height: 150px;
}

.success {
	color: green;
	font-weight: bold;
}

.commentForm .bbcode {
    font-size:10px;
    float:right;
    position:relative;
    top:20px;
    padding: 3px;
}

.bbcode a {
    margin: 1px;
    padding: 1px 3px 1px 3px;
    background: #fff;
    border: 1px solid #ccc;
}

/*----------------------------
					Archive
----------------------------*/

#archive {
	background-color: white;
	border: 1px solid silver;
	padding: 10px;
}

#archive h1 {
	margin: 0;
	border-bottom: 1px dashed silver;
	padding-bottom: 9px;
}

#archive h2 {
	border-bottom: 1px solid silver;
	padding-bottom: 4px;
	font-size: 12px;
	margin-bottom: 10px;
}

#archive h2 img {
	margin-right: 3px;
}

#archive ul {
	list-style-type: square;
	margin: 0 10px;
	padding: 10px;
}

#archive ul li {
	margin-right: 20px;
}

#archive table{
	width: 100%;	
	border-collapse: collapse;
}

#archive table td, #archive table th{
	text-align:left;
}

#archive table td{
	text-align:left;
	border-bottom: 1px solid #D8D8D8;
	padding: 2px 0;
}

#archive .date{
	width: 70px;
}

#archive .comments{
	width: 70px;
	text-align: center;
}

#archive .rating{
	width: 70px;
	text-align: center;
}

/*----------------------------
					 Search
----------------------------*/

#searchbox {
	margin-top: 5px;
	font-size: 10px;
}

#searchbox input {
	font-size: 10px;
}

#searchbox #searchbutton {
	margin-left: 5px;
}

#searchbox #searchfield {
	width: 180px;
}

/*----------------------------
			Search on search
----------------------------*/

#searchonsearch {
	background: white;
	padding: 5px 10px;
	margin-bottom: 20px;
	border: 1px solid silver;
}

#searchonsearch h3 {
	margin: 3px;
	font-size: 13px;
}

#searchonsearch ol li {
	margin: 2px 0;
}

/*----------------------------
				Month list
----------------------------*/

ul#monthList{
	font-weight: bold;
}

ul#monthList ul li{
	margin-left: 20px;
	font-weight: normal;
}

ul#monthList li.year{
  cursor: pointer;
}

ul#monthList ul{
	display: none;
}

ul#monthList ul.open{
	display: block;
}

/*----------------------------
				 Tag cloud
----------------------------*/

.tagcloud {
	margin-bottom: 10px;
	white-space: normal;
}

.tagcloud li {
	display: inline;
}

.tagcloud a {
	margin-right: 3px;
	display: inline;
}

.tagcloud a.biggest {
	font-size: 19px;
}

.tagcloud a.big {
	font-size: 17px;
}

.tagcloud a.medium {
	font-size: 14px;
}

.tagcloud a.small {
	font-size: 12px;
}

.tagcloud a.smallest {
	font-size: 10px;
}

/*----------------------------
					 Page
----------------------------*/

#page {
	border: 1px solid silver;
	padding: 3px 10px;
	margin-bottom: 20px;
	background-color: white;
	line-height: 17px;
}

#page h1 {
	margin: 3px 0 10px 0;
}

#page #admin {
	border-top: 1px solid silver;
	margin-top: 10px;
	padding: 5px 0;
}


/*----------------------------
					 Calendar
----------------------------*/

#calendarContainer {
	text-transform: capitalize;
	margin: 0 auto;
}

.calendar {
	border: none;
	margin: 0 auto;
}

.calendar .weekend {
	background-color: #F1F1F1;
}

.calendar .other {
	color: silver;
}

.calendar a.exist {
	display: block;
	font-weight: bold;
	background-color: #F1F1F1;
}

.calendar td {
	vertical-align: top;
	background: white;
	padding:0px 5px;
}

/*----------------------------
					Star rater
----------------------------*/

.rating{
	margin-bottom: 10px;
}

.rating p{
	display: inline;
	position: relative;
	top: 14px;
	left: 55px;
}

.star-rating {
	position: relative;
	width: 125px;
	height: 25px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}

.star-rating li {
	display: inline;
}

.star-rating a, .star-rating .current-rating {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 25px;
	line-height: 25px;
	outline: none;
	overflow: hidden;
	border: none;
}

.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
	background-position: left bottom;
}

.star-rating a.one-star {
	width: 20%;
	z-index: 6;
}

.star-rating a.two-stars {
	width: 40%;
	z-index: 5;
}

.star-rating a.three-stars {
	width: 60%;
	z-index: 4;
}
.star-rating a.four-stars {
	width: 80%;
	z-index: 3;
}
.star-rating a.five-stars {
	width: 100%;
	z-index: 2;
}
.star-rating .current-rating {
	z-index: 1;
	background-position: left center;
}

/* smaller star */
.small-star {
	width: 50px;
	height: 10px;
}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
	background-image: url(../../pics/star_small.gif);
	line-height: 10px;
	height: 10px;
}

/*----------------------------
					XFN tags
----------------------------*/

div.post .text a[rel] {
	background-repeat: no-repeat;
	background-position: right center;
}
div.post .text a[rel="me"] {	
	background-image:url('../../pics/xfn/me.gif');
}

/*-------- [ These should cascade to pick the correct icon for the contact ]--*/

/*-------- [ Normal contacts ]--*/
div.post .text a[rel~="contact"] ,
div.post .text a[rel~="acquaintance"],
div.post .text a[rel~="friend"] {
	background-image:url('../../pics/xfn/contact.gif');
	padding-right:11px;
}
/*-------- [ Normal contacts youve met ]--*/
div.post .text a[rel~="contact"][rel~="met"] ,
div.post .text a[rel~="acquaintance"][rel~="met"] ,
div.post .text a[rel~="friend"][rel~="met"] {
	background-image:url('../../pics/xfn/contactMet.gif');
	padding-right:11px;
}

/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .text a[rel~="colleague"] ,
div.post .text a[rel~="co-worker"] {
	background-image:url('../../pics/xfn/colleague.gif');
	padding-right:11px;
}
/*-------- [ Colleague and co worker icon when met ]--*/
div.post .text a[rel~="colleague"][rel~="met"] ,
div.post .text a[rel~="co-worker"][rel~="met"] {
	background-image:url('../../pics/xfn/colleagueMet.gif');
	padding-right:11px;
}

/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .text a[rel~="muse"] ,
div.post .text a[rel~="crush"] ,  
div.post .text a[rel~="date"] ,
a[rel~="sweetheart"] {
	background-image:url('../../pics/xfn/sweet.gif');
	padding-right:11px;
}
/*-------- [ ...and if youve met them thats even better ]--*/
div.post .text a[rel~="muse"][rel~="met"] ,
div.post .text a[rel~="crush"][rel~="met"] ,  
div.post .text a[rel~="date"][rel~="met"] ,
div.post .text a[rel~="sweetheart"][rel~="met"] {
	background-image:url('../../pics/xfn/sweetMet.gif');
	padding-right:11px;
}

/* nested comments */

.comment-replies {
	background: transparent url(../../pics/reply-arrow.gif) no-repeat 2px 2px;
	padding: 0 0 0 15px;
	margin: 5px 0 0 0;
}

#commentlist #comment-form {
	border: solid 1px #ccc;
	background: #fff;
	padding: 10px;
	margin: 10px 0;
}

/* FORUM STUFF*/
/*body{font-size:9pt;font-family:Tahoma;background-color:#ebebeb;padding:7px 100px 7px 100px;}*/

/*topheader*/
.topheader {margin:0px; padding:30px 0px 0px 0px;}
.topheader table {height:28px;border-collapse:separate;width:100%;background-color:Transparent;font-size:100%;margin:0px; padding:0px;}
.topheader td {height:28px;margin:0px; padding:0px;}
.topheader th {height:19px;color:#000000;white-space:nowrap;font-weight:bold;background:url(../images/stylesheet/SPMT_forum_menu_bgd.jpg) repeat-x left;} 
.topheader a span {color:#000000;text-decoration:none; font-size:10px;line-height:10px;display:block;width:100%;height:100%;font-weight:bold;}
.topheader a {color:#000000;text-decoration:none;font-size:10px;line-height:10px;display:block;width:100%;height:100%;font-weight:bold;padding-top:9px;}
.topheader a:visited {color:#000000;}
.topheader a:hover {color:#ffffff;background-color:#0065a4;}
.topheader a:active {color:#000000;}
.topheader a:visited span {color:#000000;}
.topheader a:hover span {color:#ffffff;background-color:#0065a4;}
.topheader a:active span {color:#000000;}


.topheader th.menuitem {color:#000000;text-align:center; vertical-align:middle;/*width:12%;*/border-left:1px solid #b3b3b3;/*border-right:1px solid #e4e4e4;*/white-space:nowrap;padding:0px;}
/*.topheader th.rightitem {border-left:1px solid #9FAABF;border-right:none;}*/

.topheader td.outerheader {width:6px;}

/*header*/

.header table {font-size:100%;background-color:Transparent;width:100%;height:90px;border:none;}
.header td {white-space:nowrap;}
.header h1 {font-weight:bold;margin-bottom:0px;margin-top:0px;}
.header a {color:#006699;text-decoration:none;}
.header a:hover{text-decoration:underline;}
.header img{vertical-align:middle;border:none;}

/*main body*/
.forumcontent table {font-size:100%;background-color:#FFFFFF;border-collapse:collapse;}
.forumcontent h1 {font-weight:normal;font-size:18pt;margin-bottom:0px;font-family:'Tahoma';}
.forumcontent h2 {font-weight:normal;margin-bottom:0px;font-size:150%;margin-top:0px;font-family:'Tahoma';}
.forumcontent h3 {font-weight:bold;font-size:100%;margin:4px;}
.forumcontent a {color:#006699;text-decoration:none;}
.forumcontent a:hover{text-decoration:underline;}
.forumcontent th {background-image:url(images/darkgradient.gif);color:White;font-weight:bold;font-size:100%;text-align:justify;padding:0px 5px 0px 5px;height:30px;border:1px solid #9FAABF;}
.forumcontent th a {color:White;font-size:100%;font-weight:normal;text-decoration:none;}
.forumcontent th a:hover{text-decoration:underline;}
.forumcontent td {border:1px solid silver;}
.forumcontent table.noborder {border:none;}
.forumcontent table.noborder td {border:none;}
.forumcontent img{vertical-align:middle;border:none;}
.forumcontent hr{height:1px;border:none;color:silver;background:silver;}
.forumcontent div.location{margin-top:21px;margin-bottom:21px;}
.forumcontent div.smalltoolbar{margin-bottom:3px;text-align:right;margin-top:3px;}
/*some clases*/
.forumcontent .gray {color:#999999;font-size:90%;font-weight:normal}
.forumcontent th .gray {color:#CCCCCC;}
.forumcontent .gray a {color:#727299;}
.forumcontent .radiolist td {text-align:left;}

/* inputs */
.forumcontent input[type="file"],
.forumcontent input[type="password"],
.forumcontent input[type="button"],
.forumcontent input[type="submit"],
.forumcontent input[type="text"],
.header input[type="file"],
.header input[type="password"],
.header input[type="button"],
.header input[type="submit"],
.header input[type="text"],
button,
textarea,
select {padding-top:3px;padding-bottom:3px;border:1px solid slategray;font-family:Tahoma;font-size:9pt;}

.forumcontent input[type="text"], textarea {padding-top:0px;padding-right:0px;padding-left:0px}

.forumcontent input[type="button"],
.forumcontent input[type="submit"],
.header input[type="button"],
.header input[type="submit"],
.forumcontent button {background:slategray url('images/btngradient.gif');color:White;cursor:pointer;}

.forumcontent input[type="button"]:hover, 
.forumcontent input[type="submit"]:hover,
.header input[type="button"]:hover,
.header input[type="submit"]:hover,
button:hover {background:slategray url('images/btngradient_rev.gif');}

.gradientbutton {background:url('images/btngradient.gif');color:White;font-size:100%;border:1px solid slategray;}

/* other classes */
img.avatar {border:1px solid #bbbbbb; padding:2px 2px 2px 2px; -ms-interpolation-mode:bicubic; margin-top:3px; margin-bottom:3px;}
div.quote{color:#7777aa;text-decoration:none;padding-left:15px;}