@import "/global/css/thdl-style.css";


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

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


body.spt #content img.inline {display: inline;}

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

body.spt #content img#Logo {
	margin: 3px auto 3px auto;
}

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

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

body.spt #content 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 body.spt #content div#PageNav {
	border: 0px;
	width: 23%;
	margin-left: 76%;
	margin-right: 1%;
}
	

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

body.spt #content div#PageBodyWrapper {
	margin: 0 2%;
}

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

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

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


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

body.spt #content #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;
}


body.spt #content #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;
}

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

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

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

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

body.spt #content .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;
}

body.spt #content .float	{
	float: left;
	margin: 3px;
}

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

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

body.spt #content .BodyDivSpacer	{
	margin: .7em;
	position: relative;
	width: 100%;
}

body.spt #content 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; 
    }

body.spt #content img {
	display: block;
	}

body.spt {
    margin: 0px;
    font-family: 'Arial Unicode MS', 'Times Ext Roman', 'Lucida Grande', verdana, arial, helvetica, sans-serif;
    background-color: #96967B !important;
    color: black;
    }

div, span, h2, h1, h3, h4, ol, li, ul, form, td, dt, dd {
    font-family: 'Arial Unicode MS', 'Times Ext Roman', 'Lucida Grande', verdana, arial, helvetica, sans-serif;
    font-size: 100%;
   }
  
body.spt #content .lightBody { background-color: #F9F9F9; color: black;}

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

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

body.spt #content dd {margin-bottom: 15px;}
body.spt #content dl {margin-left: 20px;}
body.spt #content dt {font-weight: bold;}

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

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

body.spt #content h1.left {
	text-align: left;
	margin: 5px 0px 0px 5px;
	}

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

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

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

body.spt #content a {
	color: #027;
	background-color: transparent;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body.spt #content .ResourceExtraRow, .ResourceExtraRow a {
	font-size: 90%;
}

body.spt #content .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
*/
body.spt #content .RatingDiv
{
    color: #333;
    background-color: transparent;
   /* float: right;*/
    display: block;
    font-size: 80%;
    line-height: 1.25em;
    text-decoration: none;
    text-align: right;
}

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

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

body.spt #content 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;
}
body.spt #content div#SearchResultsTop form {
	position: absolute;
	top: 1em;
	right: 0;
	width: 70%;
	text-align: right;
	vertical-align: bottom;
}

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



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

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

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

/* forum and resource comment interface */
body.spt #content .Forum th, body.spt #content .ForumTable th, body.spt #content th.ForumThColor
{
	color: white;
	font-weight: bold;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	background-color: #006
}
body.spt #content .ForumThColor, body.spt #content .ForumTable td.ForumThColor
{
	background-color: #006;
	color: white;	
}
body.spt #content .Forum th a, body.spt #content .ForumTable th a, body.spt #content .ForumThColor a
{
	color: white;
	font-weight: bold;
	background-color: #006;
}
body.spt #content th.light, body.spt #content .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;
}
body.spt #content .ForumTable td, body.spt #content .MessageTable td
{
	font-family: arial, helvetica, sans-serif;
	color: #333;
	vertical-align: top;
	background-color: #EEE
}
body.spt #content .ForumTable
{
	background-color: white;
	color: black;
	border: 0px;
	margin-bottom: 3px;
}

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

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

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

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

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

body.spt #content .DBEditorTable th, body.spt #content 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;
}

body.spt #content .DBEditorTable th.light, body.spt #content 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;
}

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

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

body.spt #content #DBAdd
{
	border-top: 2px solid #006;
	border-bottom: 1px solid #006;
}

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

body.spt #content #DBAdd td
{
	vertical-align: middle;	
}

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

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

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


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

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

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

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

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

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

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

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

/* Added Styles by ndg (June 2009)*/
body.spt tr p {font-size: 110%;}
body.spt #content .ResourceLinks {font-size: 90%; }
body.spt #content .RatingHolder .RatingLabel {display: inline; vertical-align: 3px; font-weight: bold; color: #555; font-size: 90%;}
body.spt #content .RatingHolder img.RatingDiv {display: inline; padding-top: 3px;}
body.spt #content .ResourceTitleRight {margin-top: -8px; font-size: 90%; color: #333;}
body.spt #content td.resourceTitle {color: #444; font-weight: bold;}
body.spt #content tr.lightBody td {font-size: 110%;}