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

NOTE: Dynamically generated CSS 
Do not manually modify files in the /css/static/ directory


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


@import url(Reset.css);

/******************************************************************** HTML TAGS */

body
{
    margin: 0;
    background:black url(../../images/background.gif) repeat  0 0;
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size: 11px;
    line-height: 118%;
    color: #55524D;
}

h1,
.FormField.H1
{
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -1px;
    font-weight: normal;
    margin: 12px 0 6px 0;
    padding-bottom: 5px;
}

h2,
.FormField.H2
{
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-weight: bold;
    font-style: normal;
    color:Black;
    font-size: 13px;
    line-height: 110%;
    margin: 15px 0 6px 0;
}

h3,
.FormField.H3
{
    font-family: Georgia,'Times New Roman',Times,serif;
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
    line-height: 110%;
    margin: 18px 0 6px 0;
}

h4,
.FormField.H4
{
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    margin: 12px 0 6px 0;
    padding-bottom: 6px;
    background: transparent url(../../images/dingbats/dots.3.gif) repeat-x 0 bottom;
}

h5,
.H5
{
    font-weight: bold;
    color: black;
    font-size: 11px;
    margin: 12px 0 3px 0;
}

h6
{
    color: [[c:Red]];
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 6px 0;
}


a
{
    color: #0000FF;
    text-decoration: none;
    font-weight: normal;
}

a:hover
{
    cursor: pointer;
    text-decoration: underline;
    color: #D8820F;
}

div._ClickByProxy:hover a,
div._ClickByProxy:hover h1, 
div._ClickByProxy:hover h2, 
div._ClickByProxy:hover h3
{
    cursor: pointer;
    text-decoration: underline;
    color: #D8820F;
}

ul
{
}

ul li
{
    list-style:square;
}

ul li li
{
}

p,
li
{
    margin: 6px 0;
    line-height:130%;
}

input,
textarea,
select
{
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size: 11px;
}

strong
{
    font-weight:bold;
    color:Black;
}

blockquote
{
    margin-left:10px;
    font-style:italic;
}

iframe
{
    border:1px solid black;
}
/********************************************* CONTENT AREAS */

div.BodyInner
{
    background:transparent url(../../images/background.gradient.png) repeat-x 0 -180px;
    border-top:1px solid black;
    min-height:800px;
}

/* MAIN */

div#Main
{
    width:751px;
    margin:15px auto 0 auto;
    background:transparent url(../../images/dropshadow.png) repeat-y;
    padding:0 16px;
}

div#MainInner
{
    width:749px;
    overflow-x:hidden;
    border:1px solid white;
    position:relative;
    background:white;
}


/* MASTHEAD */

div#Masthead
{
    border-bottom: 1px solid white;
    height:88px;
    overflow:hidden;
}

div#Masthead h1,
div#Masthead p
{
    font-size: 1px;
    position: absolute;
    top: -9999px /* bye-bye */;
}

/* MAIN CONTENT */

div#MainContent
{
    padding:10px 10px 40px 10px;
    min-height:500px;
}

div.Page div#MainContent
{
    padding:30px 20px 40px 20px;
}

/* TWO COLUMN LAYOUT */

div.TwoColumn
{
    background:white url(../../images/background.2column.gif) repeat-y -1px 3px;
    height:1%;
}

div.TwoColumnEven
{
    background:white url(../../images/background.2column.even.gif) repeat-y -1px 3px;
    height:1%;
}

div.TwoColumn div#MainContent
{
    padding:30px 20px 40px 20px;
    width:460px; /* (125*4)-20-20 */
    float:left;
}

div.TwoColumn div#SecondaryContent
{
    width:209px; /* (125*2)-20-20-1 */
    padding:30px 20px 40px 20px;
    float:left;
}

div#SecondaryContent .Caption
{
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-weight: bold;
    font-style: normal;
    color:#969087;
    font-size: 13px;
    line-height: 130%;
    margin-bottom:18px;
}



/* FOOTER */

div#Footer
{
    background:#2625AB url(../../images/background.footer.gif) no-repeat;
}

div#Footer p
{
}

div#Footer div.FooterSection
{
    float:left;
    padding:10px;
    height:60px;
}

div#Footer div.Address
{
    width:479px; /* 500-20-1 */
}

div#Footer div.Phone
{
    width:229px; /* 250-20-1 */
    background:transparent url(../../images/dingbats/dots.white.4.gif) repeat-y;
}

div#Footer a
{
    color:#BEBEE6;
    font-weight:normal;
    display:block;
}

div#Footer a:hover
{
    color:White;
}

div#MainBottom
{
    width: 751px;
    height: 60px;
    padding:0 16px;
    margin: 0 auto;
    position: relative;
    background: transparent url(../../images/dropshadow.bottom.png) no-repeat top left;
}


/****************************************************************** MAIN MENU */

/********** Containers */

div#MenuContainer
{
    position: absolute;
    top: 22px;
    right: 0px;
}

ul#Menu /* Menu container (level 1) */
{
    margin: 0;
    padding: 0;
}

ul#Menu ul /* Menu containers (level 2+) */
{
    background-color: #22219A;
    border: 1px solid;
    border-color: transparent #131256 #131256 #9292D5;
    border-top: none;
    margin: 0px 0 0 0;
    position: absolute;
    padding: 0 0 10px 0;
    width: auto;
    background: #2625AB;
    opacity: 95;
    visibility: hidden;
    z-index: 999;
}


/********** List items */

ul#Menu li /* List items (level 1+) */
{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
    display: inline;
    float: left;
    background-image: none;
}

ul#Menu ul li /* List items (level 2+) */
{
    display: inline-block;
    float: none;
    clear: both;
}


/********** Links (level 1+) */

ul#Menu a /* Links (level 1+) */
{
    background-color: Transparent;
    border: 1px solid #3C3BB3;
    color: White;
    display: block;
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    margin: 0 10px 0 0;
    padding: 3px 7px 3px 7px;
    white-space: nowrap;
}

ul#Menu a.Hover,
ul#Menu a:hover /* Links on hover (level 1+) */
{
    background-color: #1E1E89;
    border-color: White;
    text-decoration: none;
}

ul#Menu a.Selected,
ul#Menu a.Selected:hover /* Selected links (level 1+) */
{
    background: #D8820F url(../../images/relational/background.menu.on.jpg) no-repeat -1px top;
    border-color: White;
    color: White;
    font-weight:bold;
}

/********** Links (level 2+) */

ul#Menu li li a /* Links (level 2+) */
{
    border: none;
    display: block;
    font-weight: normal;
    line-height: 14px;
    margin: 0;
    padding: 5px 10px 6px 10px;
    width: 160px;
}

ul#Menu li li a.Hover,
ul#Menu li li a:hover /* Links on hover (level 2+) */
{
}

ul#Menu li li a.Selected,
ul#Menu li li a.Selected:hover /* Selected links (level 2+) */
{
    font-weight: bold;
    background: #1B1A78 url(../../images/relational/arrow.selected.gif) no-repeat 0 7px;
}






/********************************************* REVERSED AREAS */

.Reverse
{
    color: White;
}

.Reverse a
{
    color:White;
}

.Reverse a:hover
{
    color: White;
    text-decoration:underline;
}

.Reverse span.Bar
{
    color: #6766C4;
}

/********************************************* FRONT PAGE SECTIONS */

div.HorizontalSection
{
    clear:both;
    border-bottom:1px solid white;
    position:relative;
    min-height:124px;
}

div.HorizontalSection div.DropShadow
{
    height:15px;
    width:749px;
    background:transparent url(../../images/background.dropshadow.15.png) repeat-x;
    position:absolute;
    top:0;
    left:0;
    z-index:999;
}



/********************************************* WEBSITE PICKER */
/* Index.aspx */

div.WebsitePhoto
{
    border-bottom:1px solid white;
    height:160px;
    overflow:hidden;
}

div.WebsitePicker
{
    height:1%;
}

div.WebsitePicker div.WebsiteCaption
{
    position:relative;
    width:249px;
    background:#F3F0EC;
    float:left;
    height:124px;
}

div.WebsitePicker div.WebsiteCaption p
{
    margin:10px 10px 0 10px;
    font-family:Georgia,'Times New Roman',Times,serif;
    font-size:14px;
}

div.WebsitePicker div.WebsiteCaption a
{
    display:block;
    font-family:'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-weight:bold;
}

div.WebsitePicker div.WebsiteCaption a.WebsiteLink
{
    float:left;
    font-size:11px;
    margin-right:10px;
}

div.WebsitePicker div.WebsiteCaption a.MoreLink
{
    position:absolute;
    font-size:10px;
    bottom:10px;
    right:10px;
}

div.WebsitePicker div.WebsiteThumbnail
{
    width:124px;
    height:124px;
    text-align:center;
    background:#D6CDC1;
    border-left:1px solid white;
    border-right:1px solid white;
    margin-right:-1px;
    float:left;
    position:relative;
}

div.WebsitePicker div.WebsiteThumbnail img
{
    border:1px solid black;
}

/* Thumbnails: Off */

div.WebsitePicker div.Off a
{
    padding:35px;
    background:transparent url(../../images/frame.50.off.png) no-repeat 25px 25px;
    display:block;
    width:52px;
    height:52px;
}

div.WebsitePicker div.Off a:hover
{
    background-image:url(../../images/frame.50.on.png);
}


div.WebsitePicker div.Off img.SmallThumbnail
{
}

div.WebsitePicker div.Off img.BigThumbnail
{
    display:none;
}

div.WebsitePicker div.Off div.Pointer
{
    display:none;
}

/* Thumbnails: On */

div.WebsitePicker div.On 
{
    z-index:18;
    background:white url(../../images/background.website.thumbnail.on.gif) repeat-x;
}

div.WebsitePicker div.On a
{
    padding:10px;
    background:transparent url(../../images/frame.100.off.png) no-repeat;
    display:block;
    width:102px;
    height:102px;
}

div.WebsitePicker div.On a:hover
{
    background-image:url(../../images/frame.100.on.png);
}
    
div.WebsitePicker div.On img.SmallThumbnail
{
    display:none;
}

div.WebsitePicker div.On img.BigThumbnail
{
}

div.WebsitePicker div.On div.Pointer
{
    position:absolute;
    left:41px; /* (125-43)/2 */
    top:-22px;
    background:transparent url(../../images/website.pointer.png) no-repeat;
    width:43px;
    height:22px;
}   


/********************************************* TOOL PICKER */

div.ToolPicker 
{
    height:124px;
}
    
div.ToolPicker div.ToolTabs
{
    width:500px;
    float:left;
    height:124px;
    overflow:hidden;
}

div.ToolPicker div.ToolTabs a
{
    background:white!important;
    border-bottom:none!important;
}

div.ToolPicker div.ToolTabs a:hover
{
    background:#FBFAF9!important;
}



/********************************************* RELATIONAL LINK */

div.RelationalLink
{
    height:124px;
    width:249px;
    background:#2625AB url(../../images/background.relational.small.gif) no-repeat 0 0;
    position:relative;
    border-left:1px solid white;
    margin-left:1px;
    float:left;
}

div.RelationalLink a
{
    color:#E9E9F7;
    font-weight:bold;
    position:absolute;
    bottom:10px;
    right:10px;
    padding-left:8px;
    background:transparent url(../../images/bullet.white.gif) no-repeat 0 3px;
    font-size:10px;
}

div.RelationalLink:hover a,
div.RelationalLink a:hover
{
    text-decoration:underline;
    color:White!important;
}

/********************************************* MISSION STATEMENT */
/* Index.aspx */

div.MissionStatement,
div.Testimonial
{
    padding:20px 20px 15px 10px;
    float:left;
    padding:20px 30px 15px 10px;
    min-height:150px;
}

div.MissionStatement
{
    width:335px;
}

div.MissionStatement p
{
    padding-right:15px;
}

div.MissionStatement a.MoreLink
{
    clear:both;
    float:right;
    font-size:10px;
    font-weight:bold;
}



/********************************************* TESTIMONIALS */
/* Index.aspx */

div.Testimonial
{
    width:334px;
}

div.Testimonial p.Quote
{
    font-size:15px;
    font-family:Georgia,'Times New Roman',Times,serif;
    padding-right:15px;
    color:[[f:Text+.1]]
}

div.Testimonial p.QuoteSource,
div.Testimonial p.QuoteSource strong
{
    color:[[f:Text+.5]];
}


/********************************************* WEBSITES PAGE */
/* Websites.aspx */

div.Websites div.WebsiteListing
{
    margin-left:-2px;
    margin-bottom:50px;
    width:245px;
    float:left;
}

div.Websites div.WebsiteListing a.Thumbnail
{
    background:transparent url(../../images/frame.200x300.off.png) no-repeat 0 0;
    padding:17px;
    display:block;
}

div.Websites div.WebsiteListing a.Thumbnail:hover
{
    background-image:url(../../images/frame.200x300.on.png);
}

div.Websites div.WebsiteListing div.TextContainer
{
    padding:0px 20px 0 10px ;
}

div.Websites div.WebsiteListing div.TextContainer div.DetailLabel
{
    width:50px;
}

div.Websites div.WebsiteListing div.TextContainer div.DetailContent
{
    width:150px;
}




/********************************************* WEBSITE PAGE */

div.Website
{
    height:1%;
}

div.Website a.Thumbnail
{
    float:left;
    margin-right:1px;
    background:#EAE6E0 url(../../images/background.screenshot.big.gif) no-repeat;
    width:375px;
}

div.Website a.Thumbnail span
{
    background:#EAE6E0 url(../../images/background.screenshot.big.bottom.gif) no-repeat 0 -1px;
    height:29px;
    display:block;
}

div.Website a.Thumbnail:hover
{
    background-image:url(../../images/background.screenshot.big.on.gif);
}

div.Website a.Thumbnail:hover span
{
    background-image:url(../../images/background.screenshot.big.bottom.on.gif);
    background-color:#c9c3ba;
}

div.Website a.Thumbnail img
{
    margin:20px 19px 0 19px;
    border:1px solid black;
}


div.Website div.TextContainer
{
    float:left;
    width:353px;
    padding:10px;
}

div.Website div.DetailLabel
{
}

div.Website div.DetailContent
{
    width:230px;
}

/********************************************* DETAILS */

div.DetailRow
{
    border-bottom:1px dotted #D6CDC1;
}

div.DetailLabel
{
    float:left;
    width:105px;
    padding:2px 5px 2px 0;
    font-size:9px;
    font-weight:bold;
    color:#969087;
}

div.DetailContent
{
    float:left;
    padding:2px 5px 2px 0;
}















/***************************************************************** NEWSLETTER SIGNUP */

div.SidebarNewsletterSignup
{
}

div.SidebarNewsletterSignup .FormField
{
    float:left;
    border: 1px solid white;
    margin-right: 4px;
    width: 180px;
    background: #E2DCD4!important;
}

/* Go button */

a.GoButton
{
    font-size:9px;
    position:relative;
    float:left;
    color:White!important;
    text-transform:uppercase;
    border:1px solid #EAE6E0;
    padding:1px 18px 1px 4px;
    display:block;
    height:15px;
    white-space:nowrap;
}

a.GoButton:hover
{
    text-decoration:none;
    background-color:[[c:Red]];
}

a.GoButton span
{
    position:absolute;
    right:3px;
    top:5px;
    background:transparent url(../../images/bullet.white.gif) no-repeat 0 0;
    width:6px;
    height:6px;
}

a.GoButton:hover span
{
}


/***************************************************************** UTILITY AREA SEARCH BOX */

div#Utility div.UtilitySearch
{
}

div#Utility div.UtilitySearch .FormField
{
    float:left;    
    border: 1px solid white;
    margin-right: 4px;
    width: 118px;
    background:#DED7CD;
}

div#Utility div.UtilitySearch .Watermark
{
    color:#56524D!important;
}

div#Utility div.UtilitySearch a.GoButton
{
    padding-left:1px;
}

div#Utility div.UtilitySearch a.GoButton:hover
{
}

div#Utility div.UtilitySearch a.GoButton span
{
    right:5px;
}

div#Utility div.UtilitySearch a.GoButton:hover span
{
}


/********************************************* PROGRAM SEARCH RESULTS (Directory.aspx) */

ul.ProgramSearchResults
{
}

ul.ProgramSearchResults li
{
    margin: 12px 0;
}


/********************************************* SEARCH RESULTS (search.aspx) */

div.SearchResultsPage div.GuideReview,
div.SearchResultsPage div.GuideLink
{
    background-image: none;
}



/********************************************* ISSUE PAGE (Issue.aspx) */

div.IssueArticles
{
    float: left;
    width: 263px;
    margin-right: 10px;
}

div.IssuePublications
{
    float: left;
    width: 214px;
    padding-left: 10px;
    background: transparent url(../../images/dingbats/dots.khaki.2.gif) repeat-y 0 0;
}


div.IssuePublications div.Publication div.TextContainer
{
    width: 174px;
}

div.IssuePublications div.Publication
{
    background-image: none;
    padding: 0;
    width:214px;
}



/********************************************* NEWS ARTICLE/PRESS RELEASE LISTINGS */

div.NewsBriefListing
{
    margin: 12px 0;
}

div.NewsBriefListing span.Date
{
    display: block;
    padding-bottom: 6px;
    background: transparent url(../../images/dingbats/dots.khaki.3.gif) repeat-x 0 bottom;
    font-size: 10px;
    font-weight: bold;
    color: #AAA8A6;
}

/********************************************* PAGE TOOLS */

div.PageTools
{
    clear: both;
}

div.PageTools a.Button
{
    float: right;
}

div.PageTools a.Button span
{
}

div.PageTools a.Print
{
}

div.PageTools a.Mail
{
}

/********************************************* RESOURCE PAGE */

div.ResourcePage
{
}

div.ResourcePage img.Thumbnail
{
    float: left;
    margin-right: 10px;
}

div.ResourcePage div.TextContainer
{
    float: left;
    width: 300px;
}

div.ResourcePage a.Button
{
    width: 75px;
}


/******************************************************* STANDARD TABLE */

table.StandardTable
{
    border-collapse: collapse;
}


table.StandardTable td,
table.StandardTable th,
table.StandardTable th p,
table.StandardTable td p
{
}

table.StandardTable td,
table.StandardTable th
{
    padding: 3px;
    border: 1px solid #EAE6E0;
}

table.StandardTable th p,
table.StandardTable td p
{
    padding: 0;
    margin: 3px 0;
}

table.StandardTable th
{
    vertical-align: bottom;
    background-color: #F7F5F3;
    font-weight: bold;
    color: Black;
}

table.StandardTable th,
table.StandardTable th p
{
    font-size: 10px;
}

table.StandardTable td
{
    vertical-align: top;
}

table.StandardTable td,
table.StandardTable td p
{
}

/********************************************* SIBLING MENU */

ul#SiblingMenu
{
    margin: 0 -10px 10px -10px;
    border-bottom: 1px solid #D6CDC1;
}

ul#SiblingMenu li
{
    margin: 0;
    padding: 0;
    background-image: none;
}

ul#SiblingMenu li a
{
    border-top: 1px solid #D6CDC1;
    color: Black;
    display: block;
    font-weight: normal;
    padding: 3px 10px;
}

ul#SiblingMenu li a:hover
{
    background-color: [[c:Red]];
    color: White;
    text-decoration: none;
}

ul#SiblingMenu li.Selected a
{
    font-weight: bold;
    color: Black;
    background: #C7BFB3 url(../../images/dingbats/arrow.selected.white.gif) no-repeat 0px 5px;
}

/********************************************* BLOG LINKS */

div.BlogLinks a.Out
{
    display: block;
    margin: 2px 0;
}












/* ~~~  */

/********************************************* UPDATE PROGRESS */

div.UpdateProgress
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

div.UpdateProgressInner
{
    margin: 18px auto;
    width: 150px;
    border: 1px solid #aaa;
    background: transparent url(../../images/translucent/10.75.png);
    padding: 18px 0;
    text-align: center;
}

div.UpdateProgress img
{
}

div.UpdateProgress p
{
    text-align: center;
}

/* Full page update progress */

div.FullPageUpdateProgressWrapper
{
    position: fixed;
    width: 99%;
    height: 99%;
    left: 0;
    top: 0;
    z-index: 999;
}   

div.FullPageUpdateProgressWrapper div.UpdateProgress
{
    width: 150px;
    margin: 118px 40%;
    border: 1px solid #CCCCCC;
    background: transparent url(../../images/translucent/10.90.png);
    padding:50px 30px;
    text-align: center;
}

div.FullPageUpdateProgressWrapper img
{
    padding-right: 10px;
    vertical-align: middle;
}

div.FullPageUpdateProgressWrapper span
{
    display: block;
    padding: 5px 0;
}


/********************************************* CLICK BY PROXY */

div._ClickByProxy:hover
{
    cursor: pointer;
}


div._ClickByProxy:hover h1,
div._ClickByProxy:hover h2,
div._ClickByProxy:hover h3,
div._ClickByProxy:hover h4,
div._ClickByProxy:hover h5,
div._ClickByProxy:hover a
{
    color: #D8820F;
}

div._ClickByProxy:hover p
{
    color: Black;
}

/********************************************* FORMS & FIELDSETS */

div.FieldsetContainer
{
    background-color: #EAE6E0;
    border: 1px solid #E4DED7;
    padding: 5px;
    position: relative;
}

div.FieldsetContainer.HasLegend
{
    margin-top: 34px;
}

legend
{
    color: [[c:Red]];
    font-size: 9px;
    font-weight: bold;
    left: -5px;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    top: -18px;
}

div.FormRow
{
    clear: both;
    padding: 1px 0;
}

div.FormRow label.Label
{
    float: left;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    padding: 3px 10px 0 0;
    text-align: right;
    width: 100px;
}

div.FormRow div.FieldContainer
{
    float: left;
    width: 480px;
}

.BoxNoteRight, .BoxNoteLeft, p.BoxNote
{
    font-size: 11px;
    border: 1px solid #D6CDC1;
    background: #FEFEFE;
    padding: 3px;
}

.BoxNoteRight, .BoxNoteLeft
{
    float: right;
    position: relative;
    right: 0;
    margin: 0 0 5px 10px;
    width: 250px;
}

.BoxNoteLeft
{
    float: left;
    margin: 0 10px 5px 0;
}

/* Form fields */

.FormField
{
    font-size: 11px;
    line-height:15px;
    vertical-align: middle;
    height:15px;
}

.FormField,
.FormField.H1,
.FormField.H2,
.FormField.H3,
.FormField.H4,
.FormField.H5
{
    margin: 0;
    border: 1px solid #D6CDC1;
}


div#Public .Watermark
{
    color: #DED7CD !important;
}

select.FormField
{
    height: auto;
}

.FormField.Focus
{
    border-color: [[c:Red]];
    color: black;
}

.FormFieldLarge
{
    height: 17px;
    font-size: 13px;
    line-height: 17px;
    padding: 2px 5px;
}

div.FieldsetContainer .FormField
{
    background: white;
}

/* Form instructions */

.FormInstructions
{
    display: block;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px !important;
    color: #999;
}

.FormInstructions ul
{
    margin-top:0;
    margin-left:25px;
}

.FormInstructions ul li
{
    list-style:square!important;
    background-image:none;
    padding-left:0;
}



/* Form buttons */

div.FormButtonContainer
{
    clear: both;
    margin-top: 12px;
}

div.FormButtonContainer a.Check
{
    /* Save button */
    margin-left: 10px;
}

/******************************* DUMMY BUTTONS */

/* Displayed when a WaitButton is clicked (to provide feedback while preventing double-postbacks) */

a.DummyButton,
a.DummyButton:hover
{
    color: gray !important;
    font-weight: normal !important;
}

a.DummyButton span,
a.DummyButton:hover span
{
    background-color: white !important;
}

a.DummyButton img
{
    position: relative;
    top: 1px !important;
}


/********************************************* TABLE FORM */
/* TODO - won't need this when login is rewritten using Fieldset, div.FormRow etc. */

table.TableForm
{
    border-collapse: collapse;
}

table.TableForm td
{
    padding: 2px 5px;
    background-color: #F3F0EC;
}

table.TableForm td.FormHeading
{
    font-size: 10px;
    font-weight: bold;
    text-align: right;
}

table.TableForm td.FormContent
{
}

table.TableForm .FormField
{
    background: white;
}



/********************************************* DIVIDERS */

div.Divider2,
div.Divider3,
div.Divider4,
div.Divider5
{
    background-repeat: repeat-x;
    background-position: 0 0;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    margin: 12px 0;
    clear: both;
}

div.Divider2
{
    background-image: url(../../images/dingbats/dots.2.gif);
}
div.Divider3
{
    background-image: url(../../images/dingbats/dots.3.gif);
}
div.Divider4
{
    background-image: url(../../images/dingbats/dots.4.gif);
}
div.Divider5
{
    background-image: url(../../images/dingbats/dots.5.gif);
}

div.Divider2.Faint
{
    background-image: url(../../images/dingbats/dots.khaki.2.gif);
}
div.Divider3.Faint
{
    background-image: url(../../images/dingbats/dots.khaki.3.gif);
}
div.Divider4.Faint
{
    background-image: url(../../images/dingbats/dots.khaki.4.gif);
}
div.Divider5.Faint
{
    background-image: url(../../images/dingbats/dots.khaki.5.gif);
}


/********************************************* CRUMBS */

div#Crumbs
{
    font-size: 10px;
    font-weight: bold;
    color:Black;
}

div#Crumbs
{
    position:absolute;
    right:10px;
    top:100px;
    z-index:18;
}

#Crumbs a
{
    color: #6B6660;
    font-weight: normal;
}

#Crumbs a:hover
{
    color: Black;
    text-decoration: underline;
}

#Crumbs img
{
    margin: -1px 7px 0px 7px;
}

div.HasHeaderPhoto div#Crumbs
{
    top:200px!important;
}


/********************************************* PAGE TITLE*/

h1.PageTitle
{
    margin:0;
    padding:15px 10px 10px 10px;
    background:#D6CDC1;
    border-bottom:1px solid white;
    color:Black;
    height:1%;
}

div.HasHeaderPhoto h1.PageTitle
{
    padding-top:0px;
}


div.HasHeaderPhoto h1.PageTitle img
{
    position:relative;
    margin:0 -10px 20px -10px;
    border-bottom:1px solid white;
}




/********************************************* VALIDATION SUMMARY */

.ValidationSummary
{
    border: 2px solid [[c:Red]];
    padding: 10px 10px 10px 60px;
    margin: 15px auto;
    width: 300px;
    font-weight: bold;
    background: #F5F2F0 url(../../images/warning.gif) no-repeat 12px 12px;
}

.ValidationSummary,
.ValidationSummary h1,
.ValidationSummary h2,
.ValidationSummary h3,
.ValidationSummary h4,
.ValidationSummary h5,
.ValidationSummary li,
.ValidationSummary p
{
    color: #55524D !important;
}

.ValidationSummary h5
{
    margin-top: 0;
}

.ValidationSummary ul
{
    margin: 0 0 4px 25px;
}

.ValidationSummary li
{
    font-weight: normal;
}





/******************************* TAG PICKER */

div.TagPicker
{
}

div.FieldsetContainer div.TagPicker
{
    width: 150px;
    margin-top: 5px;
}

span.DetailsValue div.TagPickerItem
{
    line-height: 14px;
}

div.TagPicker div.TagPickerItem
{
    height: 17px;
    clear: both;
}

div.TagPicker div.TagPickerItem a.X
{
    float: right;
    height: 12px;
    width: 12px;
    background: none;
    border: none;
}

div.TagPicker div.TagPickerItem a.X span
{
    background: transparent url(../../images/relational/x.silver.gif) 0 2px no-repeat !important;
    height: 12px;
    width: 12px;
    border: none;
}

div.TagPicker div.TagPickerItem a.X:hover span
{
    background-image: url(../../images/relational/x.gray.gif);
}

div.TagPicker div.TagPickerItem div.TagName
{
    display: block;
    float: left;
    padding-left: 11px;
    background: transparent url(../../images/relational/tag.silver.gif) no-repeat 0 2px;
}

div.TagPicker div.InsertTag
{
    margin-top: 1px;
    clear: both;
}

div.TagPicker div.InsertTag input.FormField
{
    float: left;
    height: 13px;
    line-height: 11px;
    width: 110px;
    padding: 1px 1px 1px 11px;
    background: white url(../../images/relational/tag.silver.gif) no-repeat 0 2px;
}

div.TagPicker div.InsertTag a.Button
{
    float: right;
    clear: none;
}


/******************************* AUTOCOMPLETE */

ul.AutocompleteContainer
{
    position: relative;
    z-index: 999;
    border: 1px solid #bbb;
    border-top: none;
    height: 100px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    background: white;
}

ul.AutocompleteContainer li
{
    background-image: none;
}

.AutocompleteItem,
.AutocompleteItemHighlighted
{
    margin: 0;
    padding: 1px 5px;
    white-space: nowrap;
    width: 150px;
}

.AutocompleteItemHighlighted
{
    background: #D6CDC1;
}

/******************************* SORT DROPDOWN CONTAINER (e.g. Index.aspx ) */

div.SortDropdownContainer
{
    width: 180px;
    float: right;
    font-size: 10px;
    text-align: right;
    color: #aaa;
}

div.SortDropdownContainer select.FormField
{
    font-size: 10px;
    color: #777;
}





/******************************* POPUP PAGES */

body.PopupPage
{
    text-align: left;
    background: white;
    margin: 15px;
}



/******************************* DOCUMENT ICONS*/

p.DocCSV,
p.DocDOC,
p.DocHTM,
p.DocMDB,
p.DocPDF,
p.DocPPT,
p.DocPPS,
p.DocRTF,
p.DocTXT,
p.DocXLS,
p.DocZIP,
p.DocGeneric,
p.DocXXX,
p.DocRegistrationRequired,
p.DocBIC
{
    line-height: 15px;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 2px 0 3px 18px;
}

p.DocCSV
{
    background-image: url(../../images/icons/document.csv.gif);
}
p.DocDOC
{
    background-image: url(../../images/icons/document.doc.gif);
}
p.DocHTM
{
    background-image: url(../../images/icons/document.htm.gif);
}
p.DocMDB
{
    background-image: url(../../images/icons/document.mdb.gif);
}
p.DocPDF
{
    background-image: url(../../images/icons/document.pdf.gif);
}
p.DocPPT
{
    background-image: url(../../images/icons/document.ppt.gif);
}
p.DocPPS
{
    background-image: url(../../images/icons/document.ppt.gif);
}
p.DocRTF
{
    background-image: url(../../images/icons/document.rtf.gif);
}
p.DocTXT
{
    background-image: url(../../images/icons/document.txt.gif);
}
p.DocXLS
{
    background-image: url(../../images/icons/document.xls.gif);
}
p.DocZIP
{
    background-image: url(../../images/icons/document.zip.gif);
}
p.DocGeneric
{
    background-image: url(../../images/icons/document.generic.gif);
}
p.DocXXX
{
    background-image: url(../../images/icons/document.xxx.gif);
}
p.DocRegistrationRequired
{
    background-image: url(../../images/icons/document.r.gif);
}
p.DocBIC
{
    background-image: url(../../images/icon.bicdocument.gif);
}


/********************************************* BULLET LINKS */

a.BulletLink
{
    display:block;
    padding-left: 7px;
    background: transparent url(../../images/bullet.blue.gif) no-repeat 0px 4px;
}

a.BulletLink:hover
{
    background-image: url(../../images/bullet.orange.gif);
}


/********************************************* MISC CLASSES */

span.Date
{
    font-size:9px;
    display:block;
    font-weight:bold;
    color:#6B6660;
}

.ScrollVertical
{
    clear: both;
    background: White;
    height: 280px;
    width: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: silver 1px solid;
    padding: 3px;
    margin-top: 2px;
}

div.PhotoRight p,
div.PhotoLeft p,
.Caption
{
    font-weight: bold;
    color: #ABA49A;
    margin-top:6px;
}

div.PhotoRight img.Thumbnail,
div.PhotoLeft img.Thumbnail
{
    background:transparent url(../../images/frame.300x200.png) no-repeat 0 0;
    padding:17px;
    display:block;
    border:0;
    margin-top:-17px;
}

p.PhotoCredit,
.PhotoLeft p.PhotoCredit,
.PhotoRight p.PhotoCredit
{
    margin: 0;
    text-align: right;
    font-size: 9px;
    font-weight: normal;
    color: #aaa;
}


.Bar
{
    color: #777;
}

.Visible
{
}

.Hidden
{
    display: none!important;
}


.PhotoRight,
PhotoLeft
{
    /* Used to float a photograph on the right margin. */
    float: right;
    position: relative;
    right: 0;
    padding:10px;
    margin: 0px 0 5px 10px;
    background: white;
    width: 250px;
}

.PhotoLeft
{
    /* Used to float a photograph on the left margin. */
    float: left;
    padding: 5px 10px 5px 0;
}

img.Thumbnail
{
    border: 1px solid black;
}

a.SkipNav
{
    /* Positions the "skip navigation" link off-screen */ /* http://www.jimthatcher.com/skipnav.htm */
    position: absolute;
    left: -1000em;
    width: 18em;
}

.OnThisPage
{
    font-size: 10px;
    color: Gray;
}

p.PreHeading
{
    color: [[c:Red]];
    font-size: 9px;
    font-weight: bold;
    margin-top: 12px;
}

.Error
{
    font-weight: bold;
    color: Red!important;
    display:block;
}

.Note
{
    font-size: 10px;
    color: Gray;
}

p.Large
{
    font-size: 13px;
    line-height: 118%;
}

.Small
{
    font-size: 9px!important;
}

.Small strong
{
    color:#6B6660;
}

.Faint
{
    color: #999;
}

.Clear
{
    clear: both;
    float: none;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
}

.NoClear
{
    clear: none !important;
}

.Tight
{
    margin-top: 0;
    margin-bottom: 0;
}

.Relative
{
    position:relative;
}
    
.FloatRight
{
    float: right !important;
    clear: none !important;
}

.FloatLeft
{
    float: left !important;
    clear: none !important;
}

a.FloatRight
{
    margin-right: 0px !important;
}

table.TableBare,
table.TableBare td,
table.TableBare th
{
    border-color: white;
}

div._YellowFade
{
    background-color: #EAE6E0;
}

body#Blank
{
    background: transparent;
}

.BoxNote
{
    border: 1px solid #D6CDC1;
    background: #FEFEFE;
    padding: 10px;
}





/********************************************* TAG LINKS */

p.TagLink
{
    padding-left: 13px;
    background: transparent url(../../images/relational/tag.silver.gif) no-repeat 0px 3px;
}

p.TagLink a
{
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 14px;
    line-height: 110%;
    font-weight: normal;
}

p.TagLink span.Count
{
    font-size: 9px;
    color: #999;
}






/******************************************************** LOGIN */

div.LoginContainer
{
    width:340px;
    float:left;
    margin-right:18px;
}

div.LoginContainer div.FormRow label.Label
{
    width:75px;
}

div.LoginContainer div.FormRow div.FieldContainer
{
    width:218px;
}

div.LoginContainer div.FormRow div.FieldContainer input.FormField
{
    width:210px;
}


/******************************************************** TOOLS */

div.Tools h1.PageTitle
{
    height:75px!important;
}

div.Tools h1.PageTitle img
{
    position:relative;
    top:-15px;
    left:-10px;
}


div.Tools h1.PageTitle span
{
    position:absolute;
    top:-9999in;    
}


/* Tool tabs */

div.ToolTabs
{
    height:124px;
    margin-right:-2px;
}

div.ToolTabs a
{
    display:block;
    width:125px;
    height:124px;
    position:relative;
    float:left;
    background:white url(../../images/background.toolpicker.gif) no-repeat;
}

div.ToolTabs a.On,
div.ToolTabs a:hover.On
{
    background-image:url(../../images/background.toolpicker.on.gif);
}

div.ToolTabs a span
{
    display:block;
    padding:70px 10px 10px 10px;
    background:transparent url(../../images/relationalicons/refresh.png) no-repeat 50% 15px;
    color:#55524D;
}

div.ToolTabs a:hover
{
    background-image:url(../../images/background.toolpicker.hover.gif);
    text-decoration:none;
}

div.ToolTabs a:hover span
{
    color:Black;
}

div.ToolTabs a.ToolTab_Refresh span { background-image:url(../../images/relationalicons/refresh.png); }
div.ToolTabs a.ToolTab_Photo span { background-image:url(../../images/relationalicons/photo.png); }
div.ToolTabs a.ToolTab_Forum span { background-image:url(../../images/relationalicons/forum.png); }
div.ToolTabs a.ToolTab_Newsletter span { background-image:url(../../images/relationalicons/newsletter.png); }
div.ToolTabs a.ToolTab_Relations span { background-image:url(../../images/relationalicons/relations.png); }
div.ToolTabs a.ToolTab_Rss span { background-image:url(../../images/relationalicons/rss.png); }



/* Tool details */

div.Tool
{
}

div.Tool h2
{
    color:Black;
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 18px;
    line-height: 110%;
    font-weight: normal;
    margin: 18px 0;
    padding-bottom: 10px;
    background:transparent url(../../images/dingbats/dots.3.gif) repeat-x 0 bottom;
}

/* Tool screenshots */

div.ToolScreenshotsContainer
{
}

div.ToolScreenshot
{
    float:left;
    width:260px;
    margin-right:20px;
    margin-bottom:20px;
    padding:0 40px;
}

div.ToolScreenshot div.Thumbnail
{
    background:white url(../../images/frame.230x125.off.png) no-repeat 0 0;
    padding:14px;
    margin-left:-10px;
}

div.ToolScreenshot div.Thumbnail img
{
    border:1px solid #C1B8AE;
}

div.ToolScreenshot h3
{
}

div.ToolScreenshot p
{
}