/* Scout Portal Toolkit Stylesheet test */
a#LinkToNav {
	visibility: hidden;
}

a#NoNav, a#ReNav {
	color: #669;
	background-color: transparent;
	border: 1px dashed gainsboro;
	font-size: 90%;
	text-decoration: none;
	font-weight: bold;
}


img.inline {display: inline;}

div#PageTop {
	position: relative;
	border-bottom: 1px solid gainsboro;
	margin: 0px;
}

img#Logo {
	margin: 3px auto 3px auto;
}

h1#PortalName {
    margin: .25em 0 .15em .25em;
    text-align: left;
    border: 0;
}

div#PageBody {
	position: relative;
	top: 0;
	left: 0;
	width: 75%;
	border-right: 1px solid gainsboro;
	margin-right: 25%;
}

div#PageNav {
	position: absolute;
	top: 0;
	width: 25%;
	margin-left: 75%;
	border-left: 1px solid gainsboro;
	border-bottom: 1px solid gainsboro;
	background-color: transparent;
	color: black;
}

*html div#PageNav {
	border: 0px;
	width: 23%;
	margin-left: 76%;
	margin-right: 1%;
}
	

div#PageWrapper {
	position: relative;
	border-top: 1px solid gainsboro;
}

div#PageBodyWrapper {
	margin: 0 2%;
}

div#PageBottom {
	position: relative;
	top: 0;
	left: 0;
	border-width: 1px 0px;
	border-style: solid none;
	border-color: gainsboro;
	margin-top: 10px;
}

#PageNav div.NavDiv {
	background-color: #F8F8F8;
	color: black;
	border: 1px solid gainsboro;
	margin: 5% 5% 0 5%;
}

#PageNav div#MDTNav {
	color: black;
	border: 1px solid gainsboro;
	background-color: #F8FEF8;
	margin: 5% 5% 0 5%;
}


#PageBody div.BodyDiv {
	background-color: #F8F8F8;
	color: black;
	border: 1px solid gainsboro;
	margin-bottom: .5em;
	position: relative;
}

#MainNavOptions a{
	display: block;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: left;
    text-decoration: none;
    font-size: 105%;
    margin: 2px 0px 2px 3px;
}


#MDTNav a {
	display: block;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: left;
    text-decoration: none;
    font-size: 105%;
    margin: 2px 0px 2px 6px;
    border-bottom: 1px solid gainsboro;
}

#PageNav #MainSearch form {
	font-size: 80%;
	text-align: center;
	margin: .5em;
}

/* "Logged in as" text */
#PageTop #logged	{
	position: absolute;
	right: .5em;
	top: .5em;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #777;
    background-color: transparent;
    border: 1px dashed gainsboro;
    }

#MainHelpLink {
	text-align: center;
	margin: 3px;
	width: 30%;
	margin: 5% auto 5% auto;
	color: #446;
	background-color: #eed;
	border: 1px dotted #669;
	padding: 3px;
}

#MainHelpLink a {
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
	color: #446;
	background-color: #eed;
}

.NavDivTop, .BodyDivTop, #MDTNavTop, .HelpNavTop {
	font-size: 120%;
	font-weight: bold;
	color: #444;
	background-color: white;
	border-bottom: 1px solid gainsboro;
	padding-left: 3px;
	text-decoration: none;
	position: relative;
}

.float	{
	float: left;
	margin: 3px;
}

/* IE6 hack */
div.BodyDivTop { width: 100%; }
div>div.BodyDivTop{ width: auto; }

.BodyDivTop a {
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;
	color: #444;
	background-color: white;
}

.BodyDivSpacer	{
	margin: .7em;
	position: relative;
	width: 100%;
}

a.EditButton {
    border: 1px solid #669;
	color: #336;
	background-color: #EED;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	margin: 2px;
	padding: 1px 2px;
	float: right;
	display: block; 
    }

img {
	display: block;
	}

body {
    margin: 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: white;
    color: black;
    }

div, span, h2, h1, h3, h4, ol, li, ul, form, td, dt, dd {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 100%;
   }
  
.lightBody { background-color: #F9F9F9; color: black;}

.colorHeader { 
	background-color: #E6F3E6; 
	color: #334; 
	border-bottom: 1px solid #696;
	}

.SPTcolorHeader { 
	background-color: #EEE; 
	color: #333; 
	border-bottom: 1px solid #666;
	}

dd {margin-bottom: 15px;}
dl {margin-left: 20px;}
dt {font-weight: bold;}

     /* error messsage formatting */
.ErrorMessage {
    color: #600;
    font-size: 105%;
	background-color: transparent;
    }

/* headline color and font-size, font-family declared above */    
h1 {
    color: #444;
    background-color: transparent;
    text-align: center;
    font-size: 175%;
    margin: 4px;
    border-bottom: 1px solid gainsboro;
    }

h1.left {
	text-align: left;
	margin: 5px 0px 0px 5px;
	}

h2 {
    font-size: 150%;
    color: #027;
	background-color: transparent;
    margin: 0px;
    }

h3 {
    font-size: 125%;
    color: #027;
	background-color: transparent;
    margin: 0px;
    }

/* styles for numbered lists, second two are for nested lists */
OL {list-style-type: upper-alpha}
OL OL { list-style-type: decimal}    
OL OL OL { list-style-type: lower-alpha }

a {
	color: #027;
	background-color: transparent;
}

/* option for medium sized font */
.medium {
    font-size: 110%;
    font-family: verdana, arial, helvetica, sans-serif;
    }

/* small font, used in search boxes in nav */
.small {
    font-size: 90%;
    font-family: verdana, arial, helvatica, sans-serif;
    }

.heading {
    font-size: 130%;
    font-weight: bold;
    font-family: verdana, arial, helvetica, sans-serif;
    }

/* news and announcements */
.Announcement {
	margin: 10px 1em .7em 1em;
}

.AnnouncementHeadline {
    font-size: 110%;
    font-weight: bold;
    margin-left: 13px;
    margin-right: 13px;
    }

.AnnouncementInfo {
    font-size: 75%;
    color: #333;
	background-color: transparent;
    margin-left: 13px;
    margin-right: 13px;
    }
.AnnouncementText {
    font-size: 90%;
    margin-left: 13px;
    margin-right: 13px;
    margin-top: 8px;
    margin-bottom: 18px;
    }
.PrevAnnouncement, .PrevAnnouncement a {
    font-size: 85%;
	color: #009;
	background-color: transparent;
    }

/* resource listings */
.Resource	{
	margin: 1em 5% 2em 5%;
	position: relative;
	width: 90%;
	background-color: transparent;
}

.ResourceImageHolder{
	float: right;
	border: 1px solid #aaa;
	padding: 5px;
	background-color: #fefefe;
	margin: .25em;
}

a.ResourceImageHolder:hover
{
	border: 2px solid #aaf;
	padding: 4px;
}

a.ResourceTitle 
{
    font-size: 100%;
    font-weight: bold;
    color: #006;
	background-color: transparent;
    text-decoration: none;
    display:block;
    margin-bottom: .5em;
}

a.ResourceTitle:hover, a.ResourceLink:HOVER, .ResourceTitleRight a:hover
{
    text-decoration: underline;
}

a.ResourceTitle:visited
{
    color: #606;
	background-color: transparent;
}

.ResourceText {
    margin: .5em 15% .5em 0;
    font-size: 95%;
}

.ResourceLink {
    font-size: 85%;
    color: #335;
	background-color: transparent;
    text-decoration: none;
    }

.ResourceTitleRight a {
    font-size: 80%;
    color: #335;
    text-decoration: none;
    background-color: transparent;
    font-weight: normal;
    display: block;
    }

.ResourceTitleRight
{
    float: right;
    display: block;
    text-align: right;
    margin: .25em;
    margin-left: 1em;
    width: 12%;
}

.ResourceExtraRow, .ResourceExtraRow a {
	font-size: 90%;
}

.ResourceFoot
{
    clear: both;
    margin-top: .25em;
    padding-bottom: .25em;
    border-bottom: 2px solid #eee;
}

/*
    RatingDiv contains the fast user rating graphic and text
    in PrintResource
*/
.RatingDiv
{
    color: #333;
    background-color: transparent;
    float: right;
    font-size: 80%;
    line-height: 1.25em;
    text-decoration: none;
    text-align: right;
}

/* start hide from mac ie 5\*/ 
.RatingGraphic
{
    float: right;
}
/* end hide */ 

/* Search Results Pages */
div#SearchResultsTop	{
	position: relative;
	margin: 1em;
}

div#SearchResultsTop h1	{
	position: relative;
	width: 30%;
	left: 0;
	top: 0;
    font-size: 200%;
    font-weight: bold;
    color: #027;
    text-align: Left;
    background-color: transparent;
}
div#SearchResultsTop form {
	position: absolute;
	top: 1em;
	right: 0;
	width: 70%;
	text-align: right;
	vertical-align: bottom;
}

.SearchBar	{
	position: relative;
	width: 98%;
	margin-left: 1%;
	background-color: #f8f8f8 ;
	color: black;
	border: 1px solid gainsboro;	
}
.SearchBarLeft	{
	position: relative;
	left: 0;
	top: 0;
}
.SearchBarRight	{
	position: absolute;
	right: 0;
	top: 0;
}



/* browsing interface */
.BrowsePageHeading {
    font-size: 150%;
    font-weight: bold;
    color: #027;
	background-color: transparent;
    text-align: center;
    text-decoration: none;
    }
.BrowsePageClassHeading {
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    }
.BrowsePageClassHeading:HOVER {
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
    }
.BrowsePageSectionHeading {
    font-size: 120%;
    text-align: left;
    text-decoration: none;
    }
.BrowsePageInfoHeading {
    font-size: 95%;
    text-align: center;
    }
.BrowseAlphaLinks {
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    }
.BrowseClassificationEntry {
    font-size: 95%;
	margin: 2px 0;
    }
.BrowseResourceEntry {
    font-size: 95%;
	margin: 2px 0;
    }

/* copyright information at bottom of each page */
.TopNBottom	{
    font-size: 80%;
    color: #666;
	background-color: transparent;
    text-align: center;
    margin: 3px;
    }

/* Login box text */
#login {
    font-size: 100%;
    padding: 4px;
    }
	
/* links in forum topic area */    
a.topic	{
    padding: 4px;
    font-weight: bold;
    font-size: 115%;
    }

/* forum and resource comment interface */
.Forum th, .ForumTable th, th.ForumThColor
{
	color: white;
	font-weight: bold;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	background-color: #006
}
.ForumThColor, .ForumTable td.ForumThColor
{
	background-color: #006;
	color: white;	
}
.Forum th a, .ForumTable th a, .ForumThColor a
{
	color: white;
	font-weight: bold;
	background-color: #006;
}
th.light, .ForumTable th.light
{
	background-color: #369;
	text-align: center;
	color: white;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	padding: 0px 3px 0px 3px;
}
.ForumTable td, .MessageTable td
{
	font-family: arial, helvetica, sans-serif;
	color: #333;
	vertical-align: top;
	background-color: #EEE
}
.ForumTable
{
	background-color: white;
	color: black;
	border: 0px;
	margin-bottom: 3px;
}

div.ForumThColor {
	position: relative;
	width: 100%;
	background-color: #006;
	color: white;	
	font-weight: bold;
	margin-bottom: .25em;
	padding: .15em;
}

span.ForumButton a{
	background-color: #f5f5f5;
	color: #006;
	text-decoration: none;
	margin: 3px;
	font-weight: bold;
	font-size: 95%;
}

span.ForumButton {
	float: right;
	color: #006;
	border: 2px solid #369;
	background-color: #f5f5f5;
	margin: 0 .1em;
}

.Message
{
	border: 0px;
	margin-bottom: 3px;
	border-color: #369;
	border-width: 2px 0px 2px 0px;
	border-style: solid none solid none;
}
.ForumDescription
{ 
	line-height: 110%;
	font-size: 110%
}
.TopicDescription
{
	border-color: #369;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
}
.MessageSubject
{
	border-color: #369;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
	background-color: #DDD;
	color: black;
	font-size: 90%
}
.MessageFoot
{
	border-color: #369;
	border-width: 1px 0px 0px 0px;
	border-style: solid none none none;
	font-size: 95%;
	padding: 5px;
}

a.head
{
	font-size: 90%;
	font-weight: bold;
}
a.topic
{
	font-size: 90%;
	font-weight: bold;
}
.ForumDescription a, .TopicDescription a 
{
	color: #036;
	background-color: transparent;
	text-decoration: none;
	font-size: 110%
	
}
.MessageBody
{
	padding: 5px;
	font-size: 100%;
}
    
.DBEditorTable th.FieldSection, th.FieldSection h2
{
	background-color: #006;
	color: white;
}

.DBEditorTable th, th.DBEth
{
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	background-color: #369;
	vertical-align: top;
}

.DBEditorTable th.light, th.light a
{
	background-color: #CCC;
	text-align: left;
	color: black;
	font-size: 11px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	padding: 0px 3px 0px 3px;
	vertical-align: middle;
}

.DBEditorTable td
{
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	color: #333;
	vertical-align: top;
	background-color: #EEE;
}

.DBEditorTable
{
	background-color: white;
	color: black;
	border: 0px;
	margin-bottom: 3px;
}

#DBAdd
{
	border-top: 2px solid #006;
	border-bottom: 1px solid #006;
}

#DBAdd td.divider hr
{
	height: 1px;
	margin: 0px;
	background-color: #006;
	color: white;
}

#DBAdd td
{
	vertical-align: middle;	
}

.MDTable
{
	background-color: white;
	color: black;
	border: 0px;
	width: 100%px;
}

.MDTable input, .MDTable textarea { max-width: 380px; }
.MDTable select { max-width: 100px; }

.MDTable td
{
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	color: #222;
	vertical-align: top;
	background-color: #f5f5f5;
}


.MDTable th
{
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	font-size: 95%;
	color: black;
	background-color: #EEE;
}

/* ------------ Help Nav ----------------- */

ul.HelpNav
{
    list-style: none;
    width: 40%;
	border: 1px solid #DDDDDD;
 	background: white;
 	padding: 0;
 	float: left;
 	margin: 10px;
}

ul.HelpNav li
{
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #EEE;
}

ul.HelpNav li:hover, ul.HelpNavLinear li:hover
{
    background-color: #EEE;
}

ul.HelpNav li a, ul.HelpNavLinear li a
{
    display: block;
    width: 100%;
    font-size: 95%;
	text-decoration: none;
    color: #666;	
    margin: 5px;
	font-weight: bold;
}
ul.HelpNavLinear
{
    list-style: none;
 	padding: 0;
 	margin: 10px 0 0 10px;
}

ul.HelpNavLinear li
{
    display: block;
    float: left;
    margin: .15em;
 	background: white;
    padding: 0;
    border: 1px solid #CCC;
}

ul.SPTSavedSearches
{
    list-style: none;
    padding: 0;
    margin: 0px;
}
ul.SPTSavedSearches li
{
    display: block;
    float: left;
    margin: 3px;
    padding: 0;
    border: 1px solid #ddd;
    background-color: #f2f4f7;
}
ul.SPTSavedSearches li:hover
{
    background-color: #f8fafd;
}
ul.SPTSavedSearches li a
{
    display: block;
    width: 170px;
    text-decoration: none;
    margin: 2px;
}
div.BodyDivTop a.BodyDivTopRight
{
    float: right;
    font-size: 70%;
    margin: .15em;
    text-decoration: underline;
    color: #305077;
    background-color: transparent;
}
