/* Main Whispering Lily CSS File
** 
** This template has now been heavily updated from the orgiginal file.
** There are some tnew times and edits to older clases.
**
** Information:
** 
** color.orange:	#EC5F35
** color.blue:          #37ABCC		// matches the 4 color wl theme
** color.darkblue:      #116E8F
** color.th
** color.table:
** color.lightsmoke:	#F5F5F5
*/

/*********************************************************************
** body formatting
*********************************************************************/
#pageContainer {
        margin: 0px auto 0px auto;
/*      width: 900px; */
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	margin: 0px;
}

/*********************************************************************
** image formatting
*********************************************************************/
img { border: none; vertical-align: middle; }
p.caption { margin-top: -1em; padding-top: 0; font-size: 80%; font-style: italic; }
.photo img {
	margin-top: 15px;
	padding:4px;
	background: white;
	border:1px solid #ddd;
} 
img.avatar {
        margin-top: 10px;
        padding: 4px;
        background: white;
        border: 1px solid #ddd;
}
a.photo { font-size: 90%; } 
.phototext { 
	font-size: 90%;
	color: grey;
} 

/*********************************************************************
** html header formatting
*********************************************************************/
h1 { letter-spacing: 0.1em; color: #EC5F35; font-size: 140%; text-align: left;
	margin-top: 6px;
	padding:4px;
	border:1px solid #ddd;
}
h2 { font-size: 120%; color: #EC5F35; margin-bottom: 0.5%; padding: 10px 0 0 0; }
p.h2sub { margin: 0; padding: 0; }
h3 { font-size: 100%; font-weight: bold; margin-bottom: 0; }
h4 { font-size: 100% }

/*********************************************************************
** link formatting
*********************************************************************/
a:link { color: #116E8F; background: transparent; text-decoration: none; }
a:visited { color: #116E8F; background: transparent; text-decoration: none; }
a:hover { color: #EC5F35; background: transparent; text-decoration: underline; }
a:focus, a:active { color: #FF4500; background: transparent; }
a.persist:visited, .persist a:visited, .action a:visited { color: #EC5F35; background: transparent; }
a.persist:focus, .persist a:focus, .action a:focus, a.persist:active, .persist a:active, .action a:active 
  { color: #FF4500; background: transparent; }
a.btn {
	background: white;
	padding:4px;
	border:1px solid #ddd;
} 

/*********************************************************************
** table formatting
*********************************************************************/
table { 
	width: 100%; 
	border-collapse: collapse; 
	border-bottom: 1px solid lightgrey; 
	border-left: 1px solid lightgrey; 
	border-right: 1px solid lightgrey; 
	border-spacing: 0; 
	padding: 0; 
	margin: 1% 0 0 0; 
	color: #333333; 
/*	background: #F5F5F5; */
}
tr { color: #333333; background: #FFFFFF; }
th { 	
	text-align: left; 
	font-weight: bold; 
	text-decoration: none; 
	border-bottom: 1px solid lightgrey; 
	padding: 2px 10px 2px 10px;
	color: #333333; 
	background: url(../media/newstyle/menu_main_head_slice.gif) repeat-x;
/*
	height: 20px !important;
*/
	height: 24px;
}
td { 
	color: #333333; 
	/*background: #F5F5F5;*/
	/*background: #F7F7F7;*/
	border-bottom: 1px solid lightgrey; 
	vertical-align: top; 
	text-align: left;
  	padding: 2px 10px 2px 10px;
}
/*
table { width: 99%; border-collapse: collapse; border: 2px solid #000000; border-spacing: 0; 
  padding: 0; margin: 1% 0 0 0; color: #000000; background: #F5F5F5; }
tr { color: #000000; background: #ffffff; }
th { text-align: left; font-weight: bold; text-decoration: none; border-bottom: 2px solid black; 
  padding: 2px 10px 2px 10px; color: #000000; background: #e6e6fa;}
td { color: #000000; background: #F5F5F5; border-bottom: 1px solid #000000; vertical-align: top; text-align: left;
  padding: 2px 10px 2px 10px; }
*/

table.plain { border: 0; color: #333333; background: transparent; }
table.plain tr { color: #333333; background: transparent; }
table.plain td { border: 0; color: #333333; background: transparent; }
table.plain h2 { font-size: 120%; margin: 0; padding: 0; }

table.photo { border: 0; color: #333333; background: transparent; }
table.photo tr { color: #333333; background: transparent; }
table.photo td { border: 0; color: #333333; background: transparent; }

table.auto { border: 0; color: #333333; background: transparent; width: auto; }
table.auto tr { color: #333333; background: transparent; }
table.auto td { border: 0; color: #333333; background: transparent; width: auto; }

table.s-auto { width: auto; }
table.s-auto td { width: auto; }

td.left { text-align: right; width: 20%; }
td.right { text-align: left; }

td.split-l {text-align: left; }
td.split-r {text-align: right; }

/*********************************************************************
** list formatting
*********************************************************************/
li { margin-top: 0.5%; }

/*********************************************************************
** abbreviations formatting
*********************************************************************/
abbr { cursor: help; }


/*********************************************************************
** PAGE SECTIONS FORMATTING
*********************************************************************/

/*********************************************************************
** header formatting
*********************************************************************/
div#topAnchor { position: absolute; top: 0; left: 0; }
#head { color: transparent; background: #F7F7F7; border-bottom: 2px solid #116E8F; text-align: left; }
#head table { border: 0; margin: 0; width: 100%; } 
#head tr { color: transparent; background: transparent; }
#head td { border: 0; padding: 0 0 4px 4px; }
#head td.lt { width: 105px; vertical-align: middle; }
#head td.mid { padding-left: 8px; vertical-align: top; }
#head td.rt { text-align: right; vertical-align: top; }

#topmenu { 
	margin-top: -2px;
	margin-right: 0px;
	margin-bottom: 6px;
	height: 20px;
	background: #116E8F;
	text-align: right;
}
#usertext { 
	color: white;
	font-size: 11px;
	padding-top: 3px;
	margin-right: 40px;
	margin-bottom: 2px;
	text-align: right;
}
a.usertext { color:white; }

/*********************************************************************
** main table and welcome page 
*********************************************************************/
table.main { margin: 0; border: 0; }
td.main { color: #333333; background: #FFFFFF; padding: 0 5px 20px 20px; border-bottom: 0; }
div#pg, div#welcome { margin: 0; color: #333333; background: #FFFFFF; }
div#welcome { padding: 0 2% 2% 1%; }
div#welcome h1 { margin-top: 0; padding-top: 1em; text-align: center; }

/*********************************************************************
** navigation bar
*********************************************************************/
table.navbar {
	border-right: 1px solid lightgrey; 
	border-left: 1px solid lightgrey; 
	border-bottom: 1px solid lightgrey; 
	width: 140px;
}

table.navbar_rt {
        border-right: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        border-bottom: 1px solid lightgrey;
        width: 290px;
}

table.navbar th  {
	color: #EC5F35;
	background: url(../media/newstyle/menu_main_head_slice.gif) repeat-x;
	height: 24px;
}

table.navbar_rt th  {
        color: #EC5F35;
        background: url(../media/newstyle/menu_main_head_slice.gif) repeat-x;
        height: 24px;
}

td.navbar {
	width: 150px; 
	color: #333333; 
	background: white; 
	font-size: 13px; 
	font-weight: bold; 
	padding: 5px 0 10px 10px; 
	margin: 0;
}

td.navbar_rt {
        width: 300px;
        color: #333333;
        background: white;
        font-size: 13px;
        font-weight: bold;
        padding: 5px 0 10px 10px;
        margin: 0;
}

.tinge { background: #F7F7F7; }

td.navbar ul { margin: 5px 0 0 0; padding-left: 0; list-style-type: none; }
td.navbar li { margin-top: 3px; font-weight: bold; }
td.navbar a { color: #116E8F; font-size: 96%; font-weight: bold; }
td.navbar a:visited { color: #116E8F; background: transparent; }
td.navbar a:focus, td.navbar a:active { color: #FF4500; background: transparent; }

td.navbar_rt ul { margin: 5px 0 0 0; padding-left: 0; list-style-type: none; }
td.navbar_rt li { margin-top: 3px; font-weight: bold; }
td.navbar_rt a { color: #116E8F; font-size: 96%; font-weight: bold; }
td.navbar_rt a:visited { color: #116E8F; background: transparent; }
td.navbar_rt a:focus, td.navbar_rt a:active { color: #FF4500; background: transparent; }

/*********************************************************************
** footer formatting
*********************************************************************/
#foot {
	color: #333333; 
	background: #F5F5F5; 
	font-size: 100%; 
	text-align: center; 
	margin: 0; 
	padding: 0.5% 0 0.5% 0;
	border-top: 2px solid #116E8F;
	border-bottom: 2px solid #116E8F;
} 
#foot p { margin: 0.5% 0 0 0; padding: 0; }
/*
#foot { color: #000000; background: #F5F5F5; font-size: 80%; text-align: center; margin: 0; padding: 0.5% 0 0.5% 0; border: 2px solid #000000; } 
#foot p { margin: 0.5% 0 0 0; padding: 0; }
*/

/*********************************************************************
** general text formatting
*********************************************************************/
.hide { display: none; }
.cent, .center, .regcenter { text-align: center; }
.bigmid { font-size: 150%; text-align: center; }
.smallcenter { text-align: center; font-size: small; }
.lowvis { color: gray; background: transparent; }
.highvis { color: black; background: transparent; font-weight: bold; }
.err, .error { color: red; background: transparent; }
.critical { font-weight: bold; color: red; background: transparent; }
.critical em { font-style: normal; text-decoration: underline; }
a.critical, a.critical:active, a.critical:visited { font-weight: normal; color: #ff0000; background: transparent; }
a.critical:hover { color: #333333; background: #ff0000; text-decoration: none; }
.safe { color: green; background: transparent };
.justify { text-align: justify; }
.type { font-family: "Courier New", Courier, monospace; }
.crumbs, .pagenav { text-align: left; font-size: 100%; margin-bottom: 0.5em; }


/*********************************************************************
** SPECIAL FORMATTING 
*********************************************************************/

/*********************************************************************
** profile formatting
*********************************************************************/
.profile { padding: 0.5em 0 0 0; margin: 0; }
.profile p { font-size: 80%; margin-top: 0; margin-bottom: 0.5em; padding: 0 }
.profile p.sp-uname { font-size: 90%; font-weight: bold; }
.sig { font-size: 80%; font-style: italic; }
.sig em { font-style: normal; }

/*********************************************************************
** special blocks formatting
*********************************************************************/
div.login { background: white; color: black; border: 3px lightgrey solid; padding: 1em; margin: 2% auto; width: 250px; text-align: left; }
div.msgbox { background: white; color: black; border: 3px lightgrey solid; padding: 1em; margin-left: auto; margin-right: auto; text-align: left; width: 70%; text-align: center; }
div.pagenav { text-align: center; font-size: 90%; }
div.pagenav a:visited { background: transparent; }
div.pagenav a:focus, a:active { background: transparent; }
/*
div.pagenav a:visited { color: #0000cd; background: transparent; }
div.pagenav a:focus, a:active { color: #FF4500; background: transparent; }
*/
div.site-block { border: 1px solid lightgrey; border-top: none; padding: 0; margin: 1% 5px 0 0; color: #333333; background: #F5F5F5; }
p.sb { padding: 3px 8px 3px 8px; margin: 0; }
p.sb-head { background: #cccccc; color: #333333; padding: 3px 8px 3px 8px; margin: 0; border-top: 1px solid lightgrey; border-bottom: 1px solid lightgrey; font-weight: bold; }
/*div.site-block { border: 2px solid #000000; border-top: none; padding: 0; margin: 1% 5px 0 0; color: #000000; background: #F5F5F5; }
p.sb { padding: 3px 8px 3px 8px; margin: 0; }
p.sb-head { background: #e6e6fa; color: #000000; padding: 3px 8px 3px 8px; margin: 0; border-top: 2px solid #000000; border-bottom: 2px solid #000000; font-weight: bold; } */
div.fra { border: 2px solid #333333; padding:  0 2% 0 2%; margin: 3% -0.5% 2% -0.5%; }
div.fra h2 { position: relative; top: -0.7em; padding: 0; margin: 0; }
div.fra table { margin-top: 0; } div.fra span.txt { padding: 0 15px 0 5px; color: #333333; background: #ffffff; }
div.fra form { margin-top: 0; } 

/*********************************************************************
** stories formatting
*********************************************************************/
div.s-ndx { padding: 0 1% 0 1%; margin: 0; }
p.s-title { background: #CCCCCC; color: #333333; font-size: 110%; padding: 3px; margin: 0 -1% 0 -1%;
  border-top: 1px solid lightgrey; border-bottom: 1px solid lighgrey; }
/*p.s-title { background: #e6e6fa; color: #333333; font-size: 110%; padding: 3px; margin: 0 -1% 0 -1%;
  border-top: 2px solid #000000; border-bottom: 1px solid #000000; }*/
p.s-info { font-size: 90%; font-weight: bold; margin: 0.5% 0 1% 0; padding: 0; } 
p.s-intro { font-size: 110%; font-family: Times, "Times New Roman", serif; text-align: justify; padding: 0; margin: 0 0 1% 0; }
div.story { font-size: 110%; font-family: Times, "Times New Roman", serif; line-height: 1.3em; text-align: justify; }
table.sub td { font-size: 90%; border-bottom: 1px solid lightgrey; }
tr.story td { border-bottom: 0; }

/*********************************************************************
** join formatting
*********************************************************************/
table.steps { border: 0; color: #333333; background: #FFFFFF; width: auto; 
  margin-left: auto; margin-right: auto; text-align: center; font-size: 80%; }
table.steps td { border: 0; color: #333333; background: #FFFFFF; width: 100px; text-align: center;
  vertical-align: top; font-variant: small-caps; }

/*********************************************************************
** bbs formatting
*********************************************************************/
div.b-ndx { padding: 0 1% 0 1%; margin: 0; border-top: 1px solid #333333; }
p.b-title { background: #e6e6fa; color: #333333; font-size: 110%; padding: 3px; margin: 0 -1% 0 -1%;
  border-top: 2px solid #333333; }
td.bbs-last { font-size: 80%; width: 30%; }
td.bbs-title { margin-left: 0; padding-left: 0; vertical-align: middle; }
td.bbs-title p { margin: 0; padding: 0; }
td.bbs-icon { width: 35px; vertical-align: middle; padding: 0; margin: 0; text-align: center; }
td.bbs-icon img { margin: 5px 0 5px 0; }
p.bbs-posth { font-size: 80%; margin: 0; padding: 0; }
.bbs-date { font-weight: bold; }
.bbs-desc { font-size: 80%; }
#key { width: 300px; font-size: 14px; padding: 8px; margin: 1em 0 1em 0; border: 1px solid #000000; background: #dcdcdc; color: #333333; 
  font-weight: bold; }
#key p { margin: 0; padding: 0; }
#key ul { margin: 0; padding-left: 0; list-style-type: none; }
#key ul li { margin-top: 5px; }
.action { margin-bottom: 0; margin-top: 0; }

/*********************************************************************
** various modules
*********************************************************************/
/*tr.section td { background: #dcdcdc; color: #333333; }*/
tr.section td { background: #F5F5F5; color: #333333; }
td.author { border-right: 1px solid lightgrey; background: #F5F5F5; color: #333333; width: 10%; }
td.w-five { width: 5%; text-align: center; }
td.w-ten { width: 10%; }
td.w-ten-center { width: 10%; text-align: center; }
td.w-fifteen { width: 15%; }
td.w-twenty { width: 20%; }
td.w-twentyfive { width: 25%; }
td.w-thirty { width: 30%; }
td.w-thirtyfive { width: 35% }
td.w-forty { width: 40%; }
td.w-fortyfive { width: 45%; }
td.w-fifty { width: 50%; }
td.w-fiftyfive { width: 55%; }
td.w-sixty { width: 60%; }
td.w-seventy { width: 70%; }
td.w-eightyfive { width: 85%; }
td.w-ninety { width: 90%; }


/*********************************************************************
** SOME COMPLETELY NEWS STUFF 
*********************************************************************/

/*********************************************************************
** navigation formatting
*********************************************************************/
#allnav {
/*	width: 730px; */
	text-align: center;
	position: relative;
	left: 1px;
}
#nav {
/*	width: 689px; */
	margin: 0 18px 0 10px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	position: relative;
}
#nav li {
	float: left;
	margin: 0 1px 0 1px ;
	padding: 0;
	list-style: none;
	background: #116E8F;
	line-height: 19px;
}
#nav a {
	float: left;
	padding: 0 5px 0 6px;
	text-decoration: none;
	color: #fff;
}
#nav a:hover, #nav a.active {
	color: #fff;
	background: #EC5F35;
}
li#n-home a {
	background: #EC5F35;
}
.profile_orange {
        color: #EC5F35;
        font-size: 10px;
}
.profile_link {
        font-size: 10px; 
}
.profile_links {
        font-size: 90%;
        color: red;
        margin-top: 5px;
}
/* tops */