/* this makes default font-size 10px and default line-height 15px */
body { font: 70%/1.2 Trebuchet MS, Arial, Helvetica, sans-serif; background: #999; margin: 0; padding: 0; text-align: center; }

a { color: #036; }
a:visited { color: #92abb1; }
a img { border: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
form { padding: 0; margin: 0; }
input, select, th, td { font-size: 1em }	/* supposed to fix ie relative-font-sizing problem */
input.text { width: 200px; }
th, td { font-size: .90em; }	/* ... but only this seems to do that. */
th { text-align: left; }
hr {clear: both; border: 0; width: 100%; color: #d5d5d5; background-color: #d5d5d5; height: 1px; margin: 8px 0; padding: 0;}

h1 { font-weight: normal; font-size:2.2em; }  /* will be displayed at a little over 24 px in #content, thanks to 1.1em setting there */
h2 {font-size:1.5em; font-weight: normal; color: #036; margin-top: 0; margin-bottom: 0; }  /* displayed at 15px normally; in #content, it's 18px (1.5em here x 1.2 em there). */
h3 {font-size:1.4em }  /* displayed at 14px normally; in #content, it's 16.8px (1.4em here x 1.2 em there). */
h4, span.inline_h4 { font-size:1.2em }  /* displayed at 12px normally; in #content, it's 14.4px (1.2em here x 1.2 em there). */
span.inline_h4 { font-weight: bold; }
h4.no_bottom_margin { margin-bottom: 0; }
h5 {font-size:1.2em; margin-top: 0; margin-bottom: 6px; background: url(../images/bg_rule.gif) bottom repeat-x; color: #036; }   /* same as h4 above, but with a long dotted line underneath */
h6 {font-size:1.4em}  

/*
 * Containers
 * A centers the whole site; B provides the white background and the left-float we're going to need
 * from here on in; C creates the thin blue border as well as the 2 pixels of space inside of it;
 * if there's a left nav, D uses the "faux columns" technique to create a gray background for it.
 */
 
 /*
RESIZING equivalents 
adding 191 px overall
769 - 960
759 - 950
749 - 940
753 - 944
386 - 577 (video player)
*/
 
#container_A { margin: 25px auto; text-align: left; width: 960px; }
#container_B { background: #fff; float: left; padding: 5px; width: 950px; }
#container_C { border: 1px solid #036; padding: 2px; width: 944px; float: left; }
#container_D { background: url(../images/bg_subnav.gif) repeat-y; float: left; }


/*
 * Homepage specific
 */
#homepage_banner { float: left; width: 944px; margin-top: 2px; }
#homepage_feature_tout { float: left; width: 707px; height: 199px; margin-right: 2px; }
#homepage_scroller { float: left; width: 235px; }
.scroller_photo { float: left; width: 58px; margin-right: 8px; }
#scroller_content { float: left; color: #036; font-size: 1.2em; height: 98px; width: 217px; overflow: hidden; background: #ebebeb; }
#scroller_content h3 { font-size: 1em; margin: 0; }
#scroller_content p { margin: 0; }
.scroller_controller { float: left; width: 9px; z-index: 1; position: relative; }
#scroller_content #filmstrip { float: left; width: 1302px; }
#scroller_content #filmstrip .frame { float: left; width: 203px; height: 88px; padding: 10px 7px 0 7px; overflow: hidden; }
#homepage_our_focus { float: left; padding: 15px 0 0 15px; width: 220px; height: 84px; overflow: hidden; background: #ebebeb; margin-top: 2px;}
#homepage_our_focus select { width: 163px !important; }
#homepage_content { float: left; width: 944px; margin: 5px -3px 0 0; color: #036; }
#homepage_content a { font-weight: bold; color: #036; text-decoration: underline; }
#homepage_whats_new { float: left; width: 707px; margin-right: 2px; border-top: 5px solid #ebebeb; }
#homepage_whats_new p, #homepage_whats_new li { font-size: 1.2em; }
#homepage_whats_new p { margin-top: 5px; }
#homepage_whats_new div.graphic_header { border-bottom: 1px solid #ebebeb; margin: 10px 0; padding: 2px 0 0 25px; }
#homepage_whats_new div.graphic_header img {  }
#homepage_whats_new h3 { margin: 0; }
#homepage_whats_new img.item_image { float: left; margin: 0 5px 5px 0; }
#homepage_whats_new ul { padding: 0; margin: 0; }
#homepage_whats_new li { list-style-type: none; padding-left: 10px; background: url(../images/bullet_jumpnav_area.jpg) 0 1px no-repeat; margin-bottom: 10px; }
#homepage_whats_new li a { }
#homepage_whats_new #col1 { float: left; width: 258px; padding: 0 10px 0 25px; }
#homepage_whats_new #col1 h3 a { }
#homepage_whats_new #col2 { float: left; width: 170px; padding-right: 20px;}
#homepage_whats_new #col2 .survey-promo { margin-bottom: 1.0em }
#homepage_whats_new #col3 { float: left; width: 220px; }


#homepage_new_grants { float: left; width: 235px; border-top: 5px solid #ebebeb; }
#homepage_new_grants div.graphic_header { border-bottom: 1px solid #ebebeb; margin: 10px 0; padding: 0 0 0 10px; }
#homepage_new_grants div.graphic_header img { }
#homepage_new_grants ul { padding: 0; margin: 0 0 0 10px; }
#homepage_new_grants li { list-style-type: none; padding-left: 10px; background: url(../images/bullet_jumpnav_area.jpg) 0 1px no-repeat; margin-bottom: 10px; }
#homepage_new_grants li a { }
#homepage_new_grants li, #homepage_new_grants p { font-size: 1.1em; }
#homepage_new_grants p#search_grants_button { text-align: center; margin: 15px 0;}
#homepage_new_grants p#search_grants_button a { border: none; }
#homepage_new_grants p { margin-left: 10px; }

/* Homepage Flyouts */
#target-note-main a:visited,
#launcher_holder a:visited,
#homepage_our_focus a:visited { color: #036; }
#launcher_holder div { width: 114px; float: left; background: #d7e7e9; border: 1px #999 solid; }
#quicklinks_launcher { margin-right: 3px; }
#programs_launcher span a img,
#quicklinks_launcher span a img { margin-left: 5px; }
#launcher_holder h2,
#homepage_our_focus h2 { font-weight: bold; padding: 8px 3px 8px 20px; margin: 0; border-bottom: 1px #999 solid; }
#launcher_holder h2 { background: #accdd2 url(../images/bullet-trefoil-4.gif) 10px 15px no-repeat; }
#homepage_our_focus h2 { background: #9ab891 url(../images/bullet-trefoil-5.gif) 10px 15px no-repeat; }

#launcher_holder span { display: block; padding: 4px 3px 4px 20px; font-weight: bold; font-size: 1.2em;  }
#launcher_holder h2 a,
#homepage_our_focus h2 a { font-size: 1.0em; padding: 0; border: none; text-decoration: none; }
#launcher_holder a img { position: relative; top: 4px; }

#homepage_our_focus { width: 233px; height: 130px; padding: 0; margin: 3px 0 0 0; position: relative; background: #cddcc8; border: 1px #999 solid; }
#homepage_our_focus h2 { font-weight: bold; }
#homepage_our_focus p { color: #666; padding: 5px 0 5px 20px; margin: 0; font-size: 1.2em; width: 80px; }
#homepage_our_focus fieldset { position: relative; z-index: 20; padding: 0 0 0 20px; margin: 44px 0 0 0;  }
#homepage_our_focus img.floater { position: absolute; top: 10px; right: 0; z-index: 10; }

.note-holder { display: none; }

#target-note-main { width: 430px; margin-left: -520px; margin-top: -30px; background: url(../images/flyover-arrow-rt-equ.gif) no-repeat; background-position: 430px 10px !important; padding: 0 29px 0 0 !important; }
#target-note-main a { text-decoration: none; }
#target-note-main h2 { border-bottom: 1px #999 solid; padding: 11px 5px; }
#target-note-main li a { display: block; padding: 4px 5px; background: #d7e7e9; }
#target-note-main li a:hover { background: #accdd2; }
#target-note-main ul { list-style-type: none; margin: 0; padding: 0; height: 278px; overflow: hidden; }
#target-note-main ul li { border-bottom: 1px #fff solid; padding: 0; }
#target-note-main img { border-color: #999; border-style: solid; border-width: 1px 1px 1px 0px; }
#target-note-main p.close { border: none; background: #ccc; clear: both; }
#target-note-main p.close a,
#target-note-main p.close a:visited { color: #036 !important; font-weight: bold; font-size: 0.9em; float: right;}

.links { width: 260px; float: left; /*background: #9DC2C8 none repeat scroll 0%; */ background: #fff; border:1px solid #999; font-size:1.0em; padding: 5px 10px 5px 5px; margin-bottom: 10px; }
/* Homepage Flyouts */

/*
 * Header area
 */
#header { background: #0f467f url(../images/bg_header.gif) right repeat-y; float: left; width: 944px;}
#logo,
#print-logo { float: left; width:  247px; }
#print-logo { display: none; }
#search { float: right; width: 225px; margin: 32px 10px 0 0; }
#search .query { vertical-align: middle; border: 0; height: 18px; width: 164px; margin-right: 3px; font-size: 1.3em; }
#search .button { vertical-align: middle; margin-right: 0; }
/* Building Page */
#slideshow-nav { float: left; position: relative; top: 20px; margin-left: 20px; }
#subnav_area img.building-image { width: 154px; height: 297px; position: relative; top: 0; }

/*
 * Top nav
 */
#top_nav { background: #9ab891; width: 940px; padding: 3px 0 3px 4px; margin-top: 2px; float: left; }
#top_nav a { display: block; float: left; height: 34px; margin-right: 4px; text-decoration: none; border: none; }
#top_nav a span { visibility: hidden; }
a#about_mott { width: 88px; background: url(../images/nav_am_off.gif) no-repeat; }
a#about_mott_on, a#about_mott:hover { width: 88px; background: url(../images/nav_am_on.gif) no-repeat; }
a#recent_news { width: 90px; background: url(../images/nav_rn_off.gif) no-repeat; }
a#recent_news_on, a#recent_news:hover { width: 90px; background: url(../images/nav_rn_on.gif) no-repeat; }
a#publications { width: 101px; background: url(../images/nav_p_off.gif) no-repeat; }
a#publications_on, a#publications:hover { width: 101px; background: url(../images/nav_p_on.gif) no-repeat; }
a#seeking_a_grant { width: 113px; background: url(../images/nav_sag_off.gif) no-repeat; } /* 112 */
a#seeking_a_grant_on, a#seeking_a_grant:hover { width: 113px; background: url(../images/nav_sag_on.gif) no-repeat; }
a#grantee_toolbox { width: 112px; background: url(../images/nav_gt_off.gif) no-repeat; } /* 113 */
a#grantee_toolbox_on, a#grantee_toolbox:hover { width: 112px; background: url(../images/nav_gt_on.gif) no-repeat; }

#site_tools { padding: 0 4px; /*width: 227px;*/ float: right; background: #849f7c; }
#site_tools a { margin-right: 1px; }
a#rss_feeds { width: 73px; background: url(../images/tools_rssfeeds.png) top center no-repeat; }
a#newsletters { width: 76px; background: url(../images/tools_newsletters.png) top center no-repeat; border-left: 1px #9cb892 solid; }
a#login { width: 73px; background: url(../images/tools_login.png) top center no-repeat; margin-right: 0; border-left: 1px #9cb892 solid; }
a#logout { width: 71px; background: url(../images/tools_dash.png) no-repeat; margin-right: 0; border-left: 1px #9cb892 solid; }

/*
 * Section header/feature tout
 */
#section_header { background: #9dc2c8; height: 69px; width: 944px; margin-top: 2px; float: left;}
#section_name { margin: 29px 0 0 11px; }
#feature_tout { border-left: 2px solid #fff; float: right; }

/*
 * Subnav area
 */
#subnav_area { width: 154px; float: left; font-size: 1.08em; border-top: 2px solid #fff; overflow: hidden; }
#subnav_area ul { padding: 0; margin: 0; background: #fff;}
ul#subnav { width: 154px; border-bottom: 1px solid #fff; }
/* this stuff is true for all level2nav, level3nav and level4nav items */
ul#subnav li { list-style: none; color: #036; border-bottom: 1px solid #fff; }
ul#subnav li.last { border: 0; }
ul#subnav li a { color: #036; text-decoration: none; display: block; padding: 4px 0; }
/* this is level2nav items only */
ul#subnav li a { padding-left: 9px; background: #abc4a3 url(../images/bullet_subnav_contracted.gif) 4px 6px no-repeat; }
ul#subnav li a.expanded, ul#subnav li a#on { background: #abc4a3 url(../images/bullet_subnav_expanded.gif) 2px 9px no-repeat; font-weight: bold; }
ul#subnav li a#on { background-color: #92abb1; }
/* this is true for level3nav and level4nav items */
#subnav_area ul ul { border-top: 1px solid #fff; }
ul#subnav li li a { background: #d7e3d3; padding-left: 10px; padding-right: 5px; }
ul#subnav li li a.expanded { background: #d7e3d3; font-weight: bold; }
ul#subnav li li a#on { font-weight: bold; background: #92abb1; }
/* level4nav items only */
ul#subnav li li li a { padding-left: 23px; }
/* rollover -- works on levels 2, 3, 4 unless they're in "on" state */
ul#subnav li a:hover, ul#subnav li.last a:hover, ul#subnav li li a.expanded:hover, ul#subnav li li a#on:hover, ul#subnav li a#on:hover { background-color: #849f7c; }
ul#subnav li a.expanded:hover { background: #849f7c url(../images/bullet_subnav_expanded.gif) 2px 9px no-repeat; }
ul#subnav li li a.expanded:hover { background-image: none; }
/************************************************************/
/* Issues and Regions menu - added for issue redesign - SMS */
/************************************************************/
ul.issues li a { background-color: #d7e3d3 !important; }
ul.issues li a:hover { background-color: #92abb1 !important; }
/************************************************************/
/* local nav */
.local_nav_box { background: #dbdbdb; padding: 8px 10px; float: left; color: #036; width: 134px; margin-bottom: 2px;}
#subnav_area .local_nav_box ul { background: transparent; }
.local_nav_box ul li { list-style: none;}
.local_nav_box li a { color: #036; text-decoration: none; width: 100%; display: block; padding: 4px 5px 4px 14px; background: url(../images/bullet_local_nav.jpg) 4px 6px no-repeat; margin: 0 !important;}
.local_nav_box li a:visited { color: #036; }

/* tout for downloadable materials */
#download_tout { background: #dbdbdb; padding: 10px; float: left; color: #036; width: 134px; }
#download_tout img#tout_image { float: left; margin-right: 5px; width: 63px; }
#download_tout p { margin: 0 0 5px 0; }
#download_tout p.pdf_link { background: url(../images/icon_pdf.gif) no-repeat; padding: 3px 0; margin-left: 60px; }
#download_tout p.pdf_link a { color: #666; text-decoration: none; padding-left: 19px; }

/* intro box */
#intro_box { background: #cbd7c7; padding: 10px; float: left; color: #036; width: 134px; margin-bottom: 2px; }
#intro_box h5 { margin: 0; background: transparent; font-size: 1em; }
#intro_box p { margin: 0 0 5px 0; font-size: 0.9em; }

img.promo-survey { margin-top: 1.0em; }

/*
 * Content area
 * If a style has both a #container_D and a no-#container_D version, the first is for pages _with_
 * a left nav and the second is for pages without one.
 * Note: usable content area, without subnav area, is 556px.  With subnav area should be 400px.  Jump nav width is 195px.
 */
#content { width: 742px; padding: 0 0 10px 11px; float: left; color: #666; font-size: 1.2em; border-top: 2px solid #fff; }
#content td, #content th { color: #666; } /* another ie hack. */
#content table.no-borders,
#content table.no-borders td { border: none !important; vertical-align: top; }
#container_D #content { width: 777px; border-left: 2px solid #fff; }
#subsection_header { /*background: #e8f1f2;*/ float: left; margin-bottom: 15px;}
#subsection_header { width: 556px; }
/***********************************/
/* Added for issues redesign - SMS */
/***********************************/
#subsection_header #intro_box { background-color: transparent; width: 90%; padding: 0 0 10px 20px; }
#subsection_header #intro_box h5 { margin-bottom: 5px; }
/***********************************/
#container_D #subsection_header { width: 588px; }
#subsection_header #subection_image, #content #subsection_header #header_text { margin-left: 11px; }
#subsection_header #subection_image { margin-bottom: 5px; }
#subsection_header #header_text { margin-bottom: 5px; }
#breadcrumbs { padding: 7px 0; font-size: .95em; width: 534px; float: left; }
#container_D #breadcrumbs { width: 378px; }
.breadcrumbs_above_subsect_hdr { background: #e8f1f2; }
#breadcrumbs a { color: #04467f; text-decoration: none; }
#breadcrumbs #thispage { color: #666; }
#breadcrumbs, #subsection_header { margin-left: -11px; display: inline; }
#content p, 
#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h5 { margin-left: 0px; margin-right: 11px; } 
#content p { margin-top: 0; }
#content h1 { margin: 0 0 10px 0; clear: left; }
#content h2 a { }
#content ul { margin: 0 0 12px 0; padding: 0; }
#content li { list-style-type: none; background: url(../images/bullet_standard_list.gif) 0px 4px no-repeat; padding-left: 10px; margin: 0 0 8px 0; }

/* following is some crazy gyration to make IE behave. When li's aren't surrounded by <ul></ul> tags,
IE interprets everything that follows as being inside the <li> -- even when it is closed normally. So we have
to fiddle with margins of everything that might have this problem, but only for IE. */
/* okay, on top of that, the RTE sometimes seems to actually put lots of <p>s and <h1>s, etc., inside <li> tags.
So we have to make aspects of this fix available to Mozilla browsers too. */

/*TDA 2008-06-17: I removed this tweak.  This causes bullets on items where a <p> is inside the <li> to overlap the start of the text.  There shouldn't be a case where there are <li>s not wrapped in <ul>s, and if there are, they should be fixed. */

/*#content li p, 
#content li h1, 
#content li h2, 
#content li h3, 
#content li h4, 
#content li h5,
#content li table { margin-left: -10px; text-indent: 0; }*/

.button { vertical-align: middle; margin-right: 10px; }
.lead_photo { float: left; margin: 0 15px 15px 11px; }

blockquote p { margin: 0 !important; }

/*
 * Specialized types of content
 */
.publication_record { padding-top: 5px; }
.publication_record:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.publication_record h3 { color: #036; margin-bottom: 10px; margin-top: 0;}
.publication_record p { margin-top: 0; }
.publication_record p.description { font-size: 1.1em; } /* should put us at 12px, or a tad over */
.publication_record p.links { margin-bottom: 0;}
#first img.publication_image { /* margin-right: 0; */ }
img.publication_image { float: right; margin: 0 11px 12px 0; }
.pager { margin-top: 5px; padding-bottom: 20px;}
.pager a { text-decoration: none; }
.pager a:hover { text-decoration: underline; }
.pager a.prev, .pager a.next { font-weight: bold; }

#article_image { float: left; width: 90px; margin: 0 6px 20px 0px; }
/* Issue #104 (publication layout) changed bottom padding from 15px to 5px and removed rule info*/
/*#article_header_info { float: left; width: 440px; padding-bottom: 5px; } */
#article_header_info { width: 440px; padding-bottom: 5px; } /* Issue #104 (removed float) */
/*#content #article_header_info .rule { margin-right: 0; margin-top: 5px; margin-bottom: 10px;}*/
#article_header_info p { margin-top: 0; margin-bottom: 0; }
#article_header_info h3 { padding-top: 20px; margin-top: 0; margin-bottom: 0; color: #036; }
#article_text { float: left; width: 634px; padding-bottom: 15px; } /* this div was removed from the layout */
#article_text h4 { margin-top: 0; margin-bottom: 5px; }
#article_text ul { margin-bottom: 15px; }
#article_text li { margin-bottom: 4px; }
div#publication p,
div#publication ul,
div#publication h4 { margin-left: 100px }/* Issue #104 (added left margin to accomodate loss of article_text div) */

.article_teaser { font-size: .95em; }

.publication_record_small { float: left; padding-bottom: 7px; margin: 5px 0 0 -2px; }
.publication_record_small img.publication_image { float: left; width: 45px; margin-right: 0; }
.publication_record_small .publication_info { float: left; width: 680px; }
#container_D .publication_record_small .publication_info { float: left; width: 541px; }
#content .publication_info p { margin-left: 10px; }

.photoCaption-right,
.photoCaption-left { background: #ebebeb; font-style: italic; padding: 10px; display: block; }
.photoCaption-right { float: right; margin: 0 11px 10px 10px; }
.photoCaption-left { float: left; margin: 0 16px 10px 0; }
.photoCaption-right img,
.photoCaption-left img { margin: 0 auto 10px auto !important; display: block; }
.photoCaption-right p,
.photoCaption-left p { margin: 0 !important; }


/* Issue #150 (spacing btwn pub header and desc)
#content .publication_info p a { display: block; margin-bottom: 10px; }
#content .publication_info p br { display: none; }
 */
.important { color: #c30; }

table#pr_list { width: 565px; }
table#pr_list td { padding-bottom: 10px; vertical-align: top; }
table#pr_list td.date { width: 120px; }

p#pr_article_date { margin-bottom: 0; }
p#news_article_date {}
h2#pr_article_header, h2#news_article_header { margin-bottom: 10px; }

.photo { float: left; font-size: .95em; margin: 0 10px 10px 0px; display: inline; }

.sidebar { float: right; background: #ebebeb; font-style: italic; width: 150px; padding: 10px; margin: 0 11px 10px 10px; display: block; }
.sidebar img { margin: 0 auto 10px auto !important; display: block; }
.sidebar p { margin: 0 !important; }

/* FLYOVER STYLES  (http://mott.beaconfire.com/ourissues/AfterschoolPrograms.aspx) */
.flyover-launcher { width: 284px; float: left; border: 1px #999 solid; margin-bottom: 20px;}
#newslog-col { margin-left: 5px; background-color: #d7e2d3; }
#news-col { background-color: #d7e7e9; }
.flyover-launcher h5 { width: 264px; margin: 0; }
.flyover-launcher h6 { width: 259px; margin: 0; }
.flyover-launcher h5 { font-size: 1.4em; padding: 10px 0 5px 20px; background-position: 8px 16px; background-repeat: no-repeat; }
.flyover-launcher h6 { color: #f2f7f8; font-size: 1.2em; padding: 0 5px 10px 20px }
.flyover-launcher dt { margin: 5px 0 0 0; padding: 0 20px 0 20px; background-position: 5px 4px; background-repeat: no-repeat; }
.flyover-launcher dt a { color: #666; }
.flyover-launcher dt a:hover { color: #555; }
.flyover-launcher td td { margin: 0; padding: 5px 20px 0 19px; }
.flyover-launcher a { text-decoration: none; }
.flyover-launcher td td a { font-weight: bold; text-decoration: underline; }
#news-col h5,
#news-col h6 { background-color: #9dc2c8; }
#newslog-col h5,
#newslog-col h6 { background-color: #abc4a3;  }
#news-col h5 { background-image: url(../images/bullet-trefoil-4.gif); }
#newslog-col h5 { background-image: url(../images/bullet-trefoil-5.gif); }
#news-col dt { background-image: url(http://mott.beaconfire.com/images/bullet-arrow-news.gif); }
#newslog-col dt { background-image: url(http://mott.beaconfire.com/images/bullet-arrow-newslog.gif); }


.flyover-target .headline-pic { font-size: 1.2em; border: 1px #999 solid; background: #9dc2c8; padding: 5px; }
.flyover-target p { font-size: 1.2em; color: #666; padding: 10px; background: #cee1e4; border: 1px #999 solid; margin: 0; border-top: none; }
.flyover-target table { color: #666; padding: 10px; background: #cee1e4; border: 1px #999 solid; border-bottom: none; margin: 0; }
.flyover-target table td { margin: 0; padding: 2px 0 0 5px; }
.flyover-target table td.label { font-weight: bold; }
.flyover-target .headline-pic img { float: right; margin-left: 10px; }
.flyover-target .headline-pic h6,
.flyover-target .headline-pic p { color: #fff; padding: 0; background: #9dc2c8; border: none; }
.flyover-target .headline-pic h6,
.flyover-target .headline-pic h5 { font-size: 1.2em; font-weight: bold; margin: 0 0 1px 0; }
.flyover-target .headline-pic h5 { color: #036; background: none; }
.flyover-target .headline-pic:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.flyover-target span { display: block; padding: 10px !important; background: #ccc !important; border: 1px #999 solid;  }
.flyover-target { width: 300px; background: url(../images/flyover-arrow.gif) no-repeat; background-position: 0 40px !important; padding: 0 0 200px 29px !important; border: none; color: #000; text-align: left; margin: -100px 0 0 0; }

/* Here's our default note styles. */
.flyover-target { position: absolute; visibility: hidden; overflow: hidden; }
dd { display: none; }
.clear { clear: both; margin: 0; padding: 10px; }

/* Issue #123 fix */
#content ul.notes { clear: both; margin-top: 50px; }

#content ul.notes li { font-size: .95em; background: url(../images/bullet_dot.gif) 0px 4px no-repeat; }

h2.grant_detail_org_name { margin-bottom: 10px; }
table.grant_detail_table { width: 524px; margin: 0 0 10px 0px; }
table.grant_detail_table td { padding-bottom: 2px; }
table.grant_detail_table td.label { width: 120px; font-weight: bold; }
.grant_detail_project_contact { font-weight: bold; }

/* regular search results stuff */
.search_highlight { color:#036; font-weight: bold; }

/* grants search pages stuff */
h4.keyword_search { clear: left; float: left; margin-bottom: 10px; margin-top: 10px; margin-bottom: 0px;}
input#keyword { float: left; }
a.hide, a.show { vertical-align: middle; }
a.show { background: url(../images/bullet_collapsed.gif) 0 3px no-repeat; padding-left: 15px; }
a.hide { background: url(../images/bullet_expanded.gif) 0 3px no-repeat; padding-left: 15px; }
#content fieldset#gs { width: 547px; }
#content fieldset#gs div { width: 547px; }
#content fieldset#gs div div { margin: 0; }
#content fieldset#gs div#searchToggle { } /* float: left; width: 200px; padding: 0 0 3px 11px; margin: 7px 0 0 0; position: relative; top: -5px; */
#content fieldset#gs input#search_button { margin-left: 25px; }
/* Issue #123 (select spacing)
#content fieldset#gs input.space_below,
#content fieldset#gs select.space_below { margin-bottom: 15px; }
*/
#content fieldset#gs input,
#content fieldset#gs select { margin-bottom: 15px; }
#content fieldset#gs div fieldset { border: 1px solid #ccc; float: left; width: 230px; padding: 0 5px 10px 10px; }
#content fieldset#gs div fieldset legend { font-weight: bold; color: #036; margin: 10px 0;}
#content fieldset#gs div#advancedSearch { display: none; } /* eventually display: none; */
#content fieldset#gs div#advancedSearch h2 { margin-left: 0; clear: left;}
#content fieldset#gs div#advancedSearch h4 { margin: 0; clear: left; }
#content fieldset#gs div#advancedSearch #programarea_submenu, 
#content fieldset#gs div#advancedSearch #geo_submenu, 
#content fieldset#gs div#advancedSearch #geo_subsubmenu { width: 200px; margin: 0; }
#content fieldset#gs div#advancedSearch #programarea_submenu select, 
#content fieldset#gs div#advancedSearch #geo_submenu select, 
#content fieldset#gs div#advancedSearch #geo_subsubmenu select { font-size: .9em; }
#content fieldset#gs div#left, #content fieldset div#right { float: left; width: 260px; margin: 0; }
#content fieldset#gs label { float: none; margin: 0 0 5px 0; clear: left; text-align: left; width: auto; }
#content fieldset#gs div#advancedSearch select#Grant_Fiscal_YearTo, 
#content fieldset#gs div#advancedSearch select#Grant_Fiscal_YearFrom,
#content fieldset#gs div#advancedSearch select#AmountComparitor { width: auto; }
#content fieldset#gs div#advancedSearch input#Grant_Amount { width: 70px; }

/* grants search results stuff */
p.search_results { font-weight: bold; color: #036; }
p.top_search_results_pager { margin-bottom: 5px; padding-bottom: 0 !important;}
table.search_results_table { width: 731px !important; }
.search_results_table th { padding: 3px 0; vertical-align: middle; background: #E0E0E0; }
.search_results_table th input { margin: 0; padding: 0; }
.search_results_table td { padding: 8px 10px 8px 0; vertical-align: top; background: url(../images/bg_rule.gif) left bottom repeat-x; }
.search_results_table .title { width: 229px; }
.search_results_table .organization { width: 170px; padding-left: 5px; }
.search_results_table .location { width: 105px; }
.search_results_table .amount { width: 80px; }
.search_results_table .program { width: 82px; }
.search_results_table .title div.project_website { margin-top: 4px; }
.search_results_table .title div.project_website img { vertical-align: middle; }


/* general form stuff */
#content fieldset { margin: 0; float: left; width: 564px;}
#content fieldset div { margin: 5px 0 11px 0; width: 564px; float: left; display: inline; }
#content fieldset div input { vertical-align: middle; margin: 0 0 4px 0; }
#content fieldset div select,
#content fieldset div input#first_name,
#content fieldset div input#last_name,
#content fieldset div input#email,
#content fieldset div input#address_line1,
#content fieldset div input#address_line2,
#content fieldset div input#city,
#content fieldset div input#state,
#content fieldset div input#postal_code,
#content fieldset div input#country,
#content fieldset div input#phone_1,
#content fieldset div input#subject { width: 200px; }
#content fieldset div textarea.message { width: 350px; height: 200px; }
#content fieldset div label { display: block; margin: 3px 10px 0 0; float: left; width: 100px; vertical-align: middle; text-align: right;}
#content fieldset div label.required { font-weight: bold; }
#content fieldset div.select_group label { padding: 2px 0 4px 0; }
#content fieldset div.select_group div { width: 454px; float: left; }
#content fieldset div.select_group div select { width: auto; }
#content fieldset div.radio label { margin: 0; }
#content fieldset div.radio input { margin: 0 5px 0 15px; }
#content fieldset span.radio_group label { display: inline; margin: 0; float: none; width: auto; vertical-align: middle; text-align: left; }
#content fieldset div.checkbox input { margin-right: 5px; width: auto; }
#content fieldset div.checkbox label { margin-top: 0; }

#formpopup { border-top: none; }
#formpopup fieldset { margin: 0; float: left; width: 400px;}
#formpopup fieldset div { margin: 5px 0 11px 0; float: left; display: inline; }
#formpopup fieldset div input { vertical-align: middle; margin: 0 0 4px 0; }
#formpopup fieldset div textarea {  }
#formpopup fieldset div select,
#formpopup fieldset div input#first_name,
#formpopup fieldset div input#last_name,
#formpopup fieldset div input#email,
#formpopup fieldset div input#address_line1,
#formpopup fieldset div input#address_line2,
#formpopup fieldset div input#city,
#formpopup fieldset div input#state,
#formpopup fieldset div input#postal_code,
#formpopup fieldset div input#country,
#formpopup fieldset div input#phone_1,
#formpopup fieldset div input#subject { width: 200px; }
#formpopup fieldset div textarea.message { width: 350px; height: 200px; }
#formpopup fieldset div label { display: block; margin: 3px 10px 0 0; float: left; width: 80px; vertical-align: middle; text-align: right;}
#formpopup fieldset div label.required { font-weight: bold; }
#formpopup fieldset div.select_group label { padding: 2px 0 4px 0; }
#formpopup fieldset div.select_group div { width: 454px; float: left; }
#formpopup fieldset div.select_group div select { width: auto; }
#formpopup fieldset div.radio label { margin: 0; }
#formpopup fieldset div.radio input { margin: 0 5px 0 15px; }
#formpopup fieldset span.radio_group label { display: inline; margin: 0; float: none; width: auto; vertical-align: middle; text-align: left; }
#formpopup fieldset div.checkbox input { margin-right: 5px; width: auto; }
#formpopup fieldset div.checkbox label { margin-top: 0; }


/* grantee tool box stuff */
#gt_tools { padding: 7px 11px 7px 0; }
#gt_tools .status { font-weight:bold; color: red; }
table.gt_grants, table.gt_urgent_items, .uploaded-pending table { margin: 0 0 10px 0px; width: 735px !important; border-collapse: collapse; border: none; }
table.document-review-table { margin: 0 0 10px 0px; width: 95% !important; border-collapse: collapse; border: none; }
table.gt_grants th, table.gt_urgent_items th, table.document-review-table th, .uploaded-pending th { padding-bottom: 4px; padding-left: 4px; background-color: #ececec; border-bottom: 2px #000 solid; }
table.gt_grants td, table.gt_urgent_items td, table.document-review-table td, .uploaded-pending td { vertical-align: top; padding-left: 0; border-style: none !important; border-width: 0px !important; }
	table.gt_grants table.gt_grants_inner td {padding: 0; font-size: .70em;}
	.current-requirements table.gt_grants td,
	.completed-requirements table.gt_grants td,
	.uploaded-pending table.document-review-table td {padding-left: 4px;}
.uploaded-pending { margin-bottom: 10px; margin-top: 10px;}
.uploaded-pending table.document-review-table td {padding-top: 4px;}
.gt_urgent_items td { padding-bottom: 2px; }
.gt_urgent_items th.id { width: 125px; }
.gt_urgent_items th.item { width: 200px; }
.gt_urgent_items th.due_date { width: 105px; }
.gt_urgent_items th.status { width: 145px; }
.gt_grants table {width: 96%;}
.gt_grants td { /*padding-bottom: 10px;*/ }
.gt_grants th.grants { width: 210px; }
.gt_grants th.amount { width: 120px; }
.gt_grants th.approval_date { width: 110px; }
.gt_grants th.id { width: 135px; }
/* form fields within the grantee toolbox section */
#content fieldset#gt div label { float: none; width: auto; margin: 0; text-align: left; }
select#select_project, input#email, input#phone, input#fname, input#lname { width: 200px; }
input#send_me_gt_stuff { margin: 5px 5px 5px 0; padding: 0; vertical-align: middle;}
#content fieldset div#name_block div { width: 215px; float: left; margin: 0; }
input#job_title { width: 415px; }
#content fieldset #password_block { border: 1px solid #666; padding: 3px 0 3px 10px; width: 260px;}
input#pass1, input#pass2 { width: 100px; }
#content fieldset#gt #password_block label { float: left; width: 130px; padding: 8px 0; clear: left; }
#content fieldset#gt #password_block input { margin: 6px 0; }
p.form_message { clear: left; float: left; }
table.gt_grants table.inline-table {float: right; margin-top: -16px; width: 250px;}
a.alert-message {position: relative; top: -2px; margin-left: 10px; padding: 2px 12px 2px 14px; text-decoration: none; background: url(/images/icon-help-ffffdd.png) 1px 0 no-repeat; font-size: 1.04em; color: #ffffdd;}
	h3 a.alert-message {top: 0; background-position: 1px 1px; font-size: 1.04em; color: #ffffdd;}
	a.alert-message:visited {color: #ffffdd; font-weight: bold;}
	td.report-type-select {position: relative;}
		td.report-type-select select {position: relative; top:1px;}
		td.report-type-select a {position: relative; top:3px;  }
table.gt_grants a.acceptance-letter {display: block; float: right; }
table.gt_grants a.acceptance-letter img {height: 16px; width: 16px;}

#step-descriptions {height: 15px;}
#step-descriptions div {display: block; width: 350px; float: left; margin: 0; padding: 0;}
.step-number {position: absolute; top: 6px; left: -30px;}

.login { width: 300px; padding: 20px 20px 40px 20px; background: #cde8ec; border-top: 1px #9DC2C8 solid; border-right: 1px #0F467F solid; border-left: 1px #9DC2C8 solid; border-bottom: 1px #0F467F solid; }
.login fieldset { width: 300px !important; }
.login label { display: block; width: 80px; height: 20px; }
.login input.text { position: relative; width: 200px !important; left: 85px; top: -20px; }
.login span.remember { padding: 0; float: left; }
.login label.remember { float: left; }
.login .button-forgot { position: relative; left: 86px; }
.login .button-forgot input { margin: 0 5px 0 0; }
.login .login-button { float: right; margin-right: 20px;}
.login .password-link { position: relative; top: -10px; left: 86px; font-size: 0.9em;}
.login .status { display: block; position: absolute; top: 20px; left: 90px; width: 300px; font-weight: bold; color: #900;}

#dashboard-header { width: 944px; height: 69px; background: url(/images/bg-mydashboard.gif) bottom right no-repeat; }
#dashboard-header img { position: relative; top: 20px; left: 8px; float: left; }
#dashboard-header ul { float: right; position: relative; top: 30px; right: 5px; }
#dashboard-header li { float: left; list-style-type: none; padding: 5px 15px; margin-left: 1px; background: url(/images/dashboardToolbar-bg.png); }
#dashboard-header li a { position: relative; color: #002250; font-size: 1.2em; font-weight: bold; text-decoration: none; }
#dashboard-header li a:hover { color: #000; text-decoration: underline; }

.overdue-reports,
.pending-reports { padding: 10px; margin-right: 20px; }
div.overdue-reports,
div.pending-reports { border: 1px #900 solid; }
span.overdue-reports,
span.pending-reports { float: right; color: #900; }
.overdue-reports table.gt_grants,
.overdue-reports table.gt_urgent_items { width: 683px !important; }

.current-requirements,
.future-requirements,
.completed-requirements { margin-bottom: 20px; }
.current-requirements h2,
.future-requirements h2,
.completed-requirements h2 { font-size: 1.1em !important; margin-bottom: 10px; }
.current-requirements th,
.future-requirements th,
.completed-requirements th { border-bottom: 2px #666 solid; background-color: #ececec; padding: 2px; }
table .reqRow td { padding: 3px 0 0 0; }
table .paymentRow td { padding: 0 0 5px 10px; vertical-align: top; background: url(../images/bg_rule.gif) left bottom repeat-x; font-style: italic; }
.download-templates,
.requirement-due-date { font-size: 1.0em; margin-bottom: 10px;}
.upload-document { position: relative; border: 1px #cecece solid; padding: 10px; margin-right: 11px; margin-bottom: 20px; margin-top: -10px; }
.upload-document-instructions { position: relative; border: 1px #cecece solid; padding: 5px; margin-right: 11px; margin-bottom: 20px; margin-top: -5px; background-color:#CCE2FC!important;}

.upload-document input.description {width: 200px;}
.file-upload { /*width: 150px;*/ }
.upload-document span { font-weight: bold; color: #900; /*padding: 10px; */}
td.description { font-weight: bold; line-height: 1.0em; }
.upload-document h3 {font-size: 1.1em; color: #036; margin: 0; padding: 0;}
.files-pending {clear: both; margin-top: 20px;}

.warning { /*width: 300px; */margin: 0; padding: 10px; background: #ffffcc; border: 1px #900 solid; color: #000; }

#dashboard-wrapper div div table { width: 535px; }
#dashboard-wrapper div div table table { width: auto; } /* pagination table on 'my grantees' table */
#dashboard-wrapper div div table table td { padding-right: 10px; }
#dashboard-wrapper #file-uploader table td { padding: 0px !important; }

/*
 * Jump nav area
 */
#jump_nav_area { float: right; width: 164px; padding: 15px 8px 0 17px; background: #fff; font-size:  0.9em !important;}
#jump_nav_area .flyover-target { width: 350px !important; overflow: visible; background: url(../images/flyover-arrow-rt-equ.gif) no-repeat; background-position: 350px 45px !important; padding: 0 29px 200px 0 !important; margin: -90px 0 0 -380px; }
#jump_nav_area .flyover-target input[type="text"],
#jump_nav_area .flyover-target textarea { width: 200px; }
#jump_nav_area .flyover-target p { border-top: 1px #999 solid; }
 /* shooting for 11 px base size here, considering that we're inside #content(1.2em) */
div.sidebar_w_background { background: #e7f1f2 !important; }
div.jump_up { position: relative; top: -55px; }
#content #jump_nav_area fieldset { margin: 0; float: none; width: auto; } /* needed to counteract the "general form stuff" that makes fieldsets behave correctly in the main content, but badly here */
#jump_nav_area #formpopup fieldset div { width: 320px; }

img.graphic_header { margin-bottom: 5px; display: block; }
#content #jump_nav_area p { margin-left: 0; margin-right: 0; }
#our_focus input, #our_focus select, 
#homepage_our_focus input, #homepage_our_focus select { vertical-align: middle; margin-bottom: 8px; }
#our_focus select,
#homepage_our_focus select { width: 122px; height: 18px; margin-right: 4px; border: 1px solid #a5acb2;}
#search_grants p { margin: 3px 0 5px 0; }
#utilities a { display: block; margin: 0 2px; padding-left: 20px; color: #666; text-decoration: none; font-size: 1.0em; line-height: 1.5; }
#utilities a#print { background: url(../images/icon_print.gif) 0 3px no-repeat; }
#utilities a#email { background: url(../images/icon_email.gif) 0 3px no-repeat; }
#utilities a#popular { background: url(../images/icon_popular.gif) 0 3px no-repeat; }
#utilities a.tellus { background: url(../images/icon-tellus.gif) 0 5px no-repeat; }
#related { color: #036; }
#related ul { padding: 0; margin: 0; }
#related li { list-style-type: none; padding-left: 10px; background: url(../images/bullet_jumpnav_area.jpg) 0 1px no-repeat; margin-bottom: 10px; }
#related a { font-weight: bold; color: #036; text-decoration: none; }
/* Ratings */
#utilities { position: relative; }
#utilities .ratepage { height: 18px; padding: 0 0 0 70px; margin-bottom: 2px; background: #135992 url(../images/ratepage-endcap.gif) 100% 0 no-repeat; }
#utilities img.ratelabel { position: absolute; top: 4px; left: 5px; }
.ratingStar { font-size: 0pt; width: 14px; height: 12px; margin: 2px 0 0 0; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; }
.filledRatingStar { background-image: url(../images/ratingFilledStar.png); }
.emptyRatingStar { background-image: url(../images/ratingEmptyStar.png); }
.savedRatingStar { background-image: url(../images/ratingSavedStar.png); }

/*
 * Footer 
 */
#footer { clear: both; float: left; width: 944px; margin-top: 2px; padding: 10px 0; border-top: 6px solid #e0e0e0; text-align: center; font-size: 1.1em; color: #999; }
#footer a { color: #999; text-decoration: none; }
#footer p { margin: 0; padding: 0 0 8px 0;}
#footer #legal { font-size: .9em; border-top: 1px solid #e0e0e0; padding-top: 8px;}
#footer #legal a { color: #036; }

/*
 * Utility classes
 */
.clear_left { clear: left; }
.clear_right { clear: right; }
.clear_both { clear: both; }
.rule, #content #jump_nav_area .rule { font-size: 2px; line-height: 2px; height: 1px; background: url(../images/bg_rule.gif) repeat-x; margin: 10px 0; }
#content .rule { margin: 10px 11px 10px 0; }
#content td .rule { margin: 0; }
p.between_h5s { margin: 0; }

/* toolbox */
table.gt_grants td.userid,
table.gt_grants th.userid { display: none; }
table.gt_grants td.amount,
table.gt_grants th.amount { text-align: right; padding-right: 30px; }
th.grant_requirement,
th.grant_due_date,
th.grant_rcd_date,
th.grant_done_date { width: 25%; }

.toolbox-login { height: 55px; width: 360px !important; padding-left: 45px; padding-top: 12px; float: right; background: #fff url(../images/bg-login.gif) top left no-repeat; color: #666; border: 1px #849f7c solid; font-size: 1.2em; }
.text-fields { width: 180px; float: left; padding: 0; margin: 0; }
.remember-forgot { width: 180px; float: left; padding: 0; margin: 0; }
.toolbox-login label.username,
.toolbox-login label.password { display: block; float: left; width: 62px; padding-top: 3px; }
.toolbox-login label.remember { display: block; float: left; padding-top: 0; }
.toolbox-login input#username,
.toolbox-login input#password { border-top: 1px #8e8e8e solid; border-left: 1px #8e8e8e solid; border-right: 1px #fafafa solid; border-bottom: 1px #fafafa solid; background: #fff url(../images/bg-login-input.gif) top left no-repeat; }
.toolbox-login .remember input { margin: 0 2px 0 0; }
.toolbox-login .remember-forgot input { display: block; clear: both; float: left; margin-top: 0; margin-right: 0.5em; }
.toolbox-login #forgot { float: left; margin-top: .8em; }
.toolbox-login #forgot a { text-decoration: none; }
.toolbox-login .button-forgot { clear: both; margin-top: 20px; }

/* Issue #132 (amount alignment) */
table#ctl02_ctl04_GridView1 th,
table#ctl02_ctl04_GridView1 td {  }

table#ctl02_ctl04_fvEmailFriends td div,
table#ctl02_ctl04_fvEmailFriends td div label { margin: 0; padding: 0 10px 5px 0; }

/* File UPloader renders differently in IE and firefox */
/* width:0px!important; display:none!important; */

input#ctl03_ctl04_auImageMedia_i_0 { width:100px!important;   }
#ctl03_ctl04_resourceHelpLink a { margin-top:5px;}
#ctl03_ctl04_ddlUploadDocumentType select {margin-top:-5px;}

/* News Log*/
#blogTease { margin-left: 0; }
#blogTease h2 { position: relative; height: 26px; background: #fff url(/images/moblog-headLeft.gif) left no-repeat; padding-left: 20px; margin: 0; }
#blogTease h2 a { font-size: 0.7em; margin-left: 25px; text-decoration: none; }
#blogTease h2 img#blogTitle { margin-top: 5px; }
#blogTease ul {  }
#blogTease li { background: none; margin-bottom: 0; }
#blogTease img.end { position: absolute; right: 0; }
#blogTease #blogFeed { padding: 5px 5px 0 5px; border: 2px #f2f4f5 solid; border-top: 1px #e6e9ec solid; border-bottom: none; }
img.survey-promo { position: relative; right: -10px; top: 10px; }
#blogTease-footer { position: relative; height: 10px; background: #fff url(/images/moblog-footerLeft.gif) bottom left no-repeat; margin-bottom: 2em; }

.newslogtable { margin-right: 200px; }
.newslogtable p { margin-bottom: 0.7em; }
.newslogtable .published { font-weight: bold; font-style:italic; margin-bottom: 0.7em; }
p.newsloglink { height: 20px; margin: 0; padding: 0 0 20px 0; text-align: right; font-style: italic; font-size: 0.9em; }
p.newsloglink a { display: block; float: left; font-weight: bold; font-style: normal; }


/* CLEARFIX: Just add a class of .clearfix to any element containing a float needing to be cleared, plus any Guillotine-Bug-fixing block elements within the container. (source: http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;} /* IE fix for Mac */

/*h5 { background-image: none; }*/
/*#photo-header {position: static; z-index: 20; margin-top: -69px; float: right; }*/
#photo-header {position: static; float: left; z-index: 20; height: 222px; width: 786px; margin: -69px 0 0 4px; background-color: #9DC2C8;}
#content { position: relative; }
.breadcrumbs_above_subsect_hdr,
/*#subsection_header { background-color: #fff; }	*/
.breadcrumbs_above_subsect_hdr {/*border-bottom: 1px #666 dotted;*/ margin-bottom: 10px; }
#breadcrumbs { margin-left: 0; width: 578px !important; background-color: #fff; }
.intro_box { color: #666; margin-bottom: 10px; margin-left: 10px; padding-left: 10px; }
#content h1,
#content h2 { font-weight: bold; clear: left; color: #036; font-size: 1.3em; }
#content h1.issues,
#content h2.issues { padding-left: 10px; margin: 0 0 10px 10px; background: url(../images/bullet-trefoil-2.gif) 0 7px no-repeat; }

#jump_nav_area dt { background: url(../images/bullet-arrow-nobg.gif) 0px 5px no-repeat; padding-left: 10px; margin-bottom: 2px; }
#jump_nav_area dt a { text-decoration: none; color: #666; font-size: 0.9em;}

/*.video { background: #e1edee; }
.video_holder { width: auto; float: left; }
.video_description { width: 220px; float: left; }
.video h2 { margin: 0 0 10px 10px; padding-left: 10px; font-size: 1.3em; background: transparent url(../images/bullet-trefoil-2.gif) 0 7px no-repeat; }
.video p { padding-left: 10px; }
.video strong,
.video a { font-weight: bold; }
.video a { float: right; margin-top: -1.6em;}*/

.player { background: #e1edee; width: 577px; padding-top: 0; clear: left; margin-top: 5px; border-top: 1px #666 dotted; }
#content .player h3 { margin: 0 0 0 5px; padding-left: 10px; color: #036; font-size: 1.3em; background: transparent url(../images/bullet-trefoil-2.gif) 0 7px no-repeat; }
#content .audio h3 {  }
.player p { padding-left: 10px; }
.player strong,
.player a { font-weight: bold; }
.player a { float: right; margin-top: -1.6em;}
.video-holder,
.video_holder { width: auto; float: left; }
.video .description,
.video_description { float: left; }
.player .text { margin-left: 0; float: left; margin-right: 30px; }
.audio .flash-audio-player { width: 200px; float: left; }
.player .close { float: right; margin-right: 20px; text-align: right; }
.player .close a { float: none; margin-top: 0;}
.video .text {  }
.audio #player { width: 200px; float: left; margin-left: 30px; }
.player br { display: none; }

.collapsed #player,
.collapsed .description,
.collapsed .video-holder,
.collapsed .video_holder { display: none; }
#content .collapsed h3 { width: 180px; float: left; font-size: 1.0em; }
.collapsed .text { float: left; /*margin-top: -12px;*/ }
.collapsed td { background-color: #e1edee; }

#content ul.arrows li { background-image: url(../images/bullet-arrow-nobg.gif); margin-left: 20px; }


/* Remove this style when photo headers are ready to go */
/* Remove this style when photo headers are ready to go */
/*#photo-header { display: none; }*/
/* Remove this style when photo headers are ready to go */
/* Remove this style when photo headers are ready to go */


/* ADDED FOR LOADING AJAX SCREEN IN TOOLBOX */
#container_A #container_B #container_C #content #ctl03_ctl04_uprgLoading .overlaySplash { border-top-width: medium; border-left-width: medium; z-index:2000; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; left: 1px; background: #000; visibility: visible; display: block; border-bottom-width: medium; width: 751px; position: absolute; top: 1px; height: 650px; border-right-width: medium; opacity: .5; }
#container_A #container_B #container_C #content #ctl03_ctl04_uprgLoading .overlaySplashInner { z-index: 2050;  visibility: visible; display: block; position: absolute; top: 75px; left: 20%; background: #fff; border: 10px solid #5f5f5f; }
#container_A #container_B #container_C #content #ctl03_ctl04_uprgLoading .overlayContent { font-family: arial,verdana,sans-serif; font-size: 1.0em; padding: 5px; background-color: #fff;}
#container_A #container_B #container_C #content #ctl03_ctl04_uprgLoading .overlayContent .close {display: block; margin: 0; width:70px; height: 16px; float: right; background: url(../img/facebox/icon-close-facebox.png) 0 0 no-repeat; text-indent: -9999em;}