/* skills for justice - nos finder styles */
body { font-family: arial, verdana, sans-serif; margin: 0px; padding: 0px; font-size: 0.78em; color: #333; background: url(images/bg_body.gif) #ffffff repeat-x; }

a { color: #0033ff; text-decoration: none; }
a:hover { text-decoration: underline; }
a.welsh { color: #ff1f00; }
a.doc1, a.docx1, a.word1 { padding: 4px 0 4px 22px; background: url(images/file_icons/word01.gif) no-repeat left center; }
a.email { padding: 4px 0 4px 22px; background: url(images/email_01.gif) no-repeat left center; }
a.html1 { padding: 4px 0 4px 22px; background: url(images/file_icons/html01.gif) no-repeat left center; }
a.nos1 { padding: 4px 0 4px 22px; background: url(images/nos_img02.gif) no-repeat left center; }
a.page1 { padding: 4px 0 4px 22px; background: url(images/file_icons/page01.gif) no-repeat left center; }
a.pdf1 { padding: 4px 0 4px 22px; background: url(images/file_icons/pdf01.gif) no-repeat left center; }
a.pdf2 { padding: 14px 0 14px 46px; background: url(images/file_icons/pdf02.gif) no-repeat left center; }
a.ppt1 { padding: 4px 0 4px 22px; background: url(images/file_icons/ppt01.gif) no-repeat left center; }
a.swf1 { padding: 4px 0 4px 22px; background: url(images/file_icons/flash01.gif) no-repeat left center; }
a.txt1 { padding: 4px 0 4px 22px; background: url(images/file_icons/text01.gif) no-repeat left center; }
a.xls1 { padding: 4px 0 4px 22px; background: url(images/file_icons/excel01.gif) no-repeat left center; }
a.zip1 { padding: 4px 0 4px 22px; background: url(images/file_icons/zip01.gif) no-repeat left center; }

a.toggle_nos { color: #808080; }
a.toggle_nos:hover { color: #0033FF; }

h1 { font-size: 2em; font-weight: normal; margin: 0 0 12px 0; padding: 8px 0 18px 0; color: #330066;  }
h2 { font-size: 1.6em; font-weight: normal; color: #330066; }
h3 { font-size: 1.2em; font-weight: bold; color: #330066; }

ul { margin-left: 1.5em; padding-left: 0; }
ol { padding: 0px; margin-left: 2.5em; border-style: none; }
ol li { padding-bottom: 1em; }
ol ul { list-style-type: disc; }

img { padding: 0px; margin: 0px; border-style: none; }

form { padding: 0px; margin: 0px; border-style: none; }
form .optional { color: #808080; }
form .note, .filesize{ color: #808080; font-size: 0.9em; }
form .email_from { width: 240px; }
form .email_to { width: 400px; height: 50px; }
form .email_message { width: 400px; height: 80px; }
form .btn img { vertical-align: middle; }

input { font-size: 12px; vertical-align: middle; }
select { font-size: 12px; }
textarea { font-size: 12px; }

div { padding: 0px; margin: 0px; border-style: none; }
div .clearfix { clear: both; height: 0px; }
div .clearfix:unknown { clear: both; display: block; visibility: hidden; height: 0px; content: "." }

/* page layout */
div#holder { width: 1000px; text-align: center; margin: 0 auto 0 auto; }
div#top { width: 1000px; height: 30px; padding: 0; background: url(images/bg_topcurve.png) no-repeat top center; }
div#bottom { clear: both; width: 1000px; margin: 0 auto 0 auto; height: 40px; border: 0px solid #cccccc; background: url(images/bg_botcurve.png) no-repeat bottom center; }
div#container { float: left; width: 1000px; text-align: left; background: url(images/bg_grad.png) repeat-y; }
div#content { clear: right; width: 960px; min-height: 680px; margin: 10px auto 10px auto; background: #ffffff; }
div#header { width: 910px; height: 80px; margin: 10px auto 10px auto; padding: 0; clear: both; }
div#header #logos { width: 100%; }
div#header #sfjlogo { float: left; }
div#header #nosfinderlogo { float: right; }
div#header #logo2 { float: right; height: 50px; }
div#login { float: right; margin: 0px 0px 0px 0px; font-size: 11px; background: #0066cc; }
div#login .left { float: left; width: 5px; height: 50px; background: url(images/login_bgl01.gif) no-repeat left top; }
div#login .middle { float: left; height: 42px; padding: 4px 4px 4px 4px; text-align: right; background: url(images/login_bg01.gif); }
div#login .right { float: left; width: 5px; height: 50px; background: url(images/login_bgr01.gif) no-repeat left top; }
div#login span { color: #cccccc; }
div#login a { color: #ffffff; }
div#breadcrumb { width: 620px; font-size: 12px; color: #0033ff; margin: 0 0 1em 0; }
div#main { width: 910px; margin: 10px auto 10px auto; min-height: 340px; }
div#menu { width: 960px; height: 38px; margin: 0 0 0 0; text-align: left; background: url(images/bg_menu.gif) repeat-x #000066; }
div#footer { float: left; width: 910px; margin: 20px auto 0 46px; padding: 8px 0 8px 0; border-top: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc; text-align: left; clear: both; }
div#footer .block_left { float: left; width: 300px; }
div#footer .block_right { float: right; text-align: right; width: 550px; }
div#footer .links { margin-top: 8px; margin-bottom: 22px; }
div.developer { margin: 0 auto 10px auto; font-size: 0.9em; color: #999999; }
div.developer p { margin: 4px 0 4px 0; padding: 0; text-align: left; }
div.developer a { margin-top: 20px; color: #999999; }
div.content_hd { }
div.content_hd_l { width: 640px; }
div.content_hd_r { float: right; width: 200px; }
div.maintenance_notice { padding: 12px; border: 1px solid #DDDDDD; background: url(images/maint_warn01.gif) no-repeat left top #EFEFEF; }
div.maintenance_notice .content { margin-left: 50px; }
div.maintenance_notice .title { font-size: 1em; }
div.maintenance_notice .date { font-size: 0.9em; font-weight: bold; color: #808080; }
div.public_notice { padding: 12px; border: 1px solid #DDDDDD; background: url(images/maint_warn01.gif) no-repeat left top #EFEFEF; }
div.public_notice .content { margin-left: 50px; }
div.public_notice .title { font-size: 1em; }
div.public_notice .date { font-size: 0.9em; font-weight: bold; color: #808080; }

div .doc_lst div { margin-bottom: 6px; }

/* form errors */
.form_error { color: #ff0000; }

/* navigation menus */
div#menu .pdmenu { padding: 0; font-size: 14px; }
div#menu .pdmenu ul { margin: 0; padding: 0; list-style-type: none; }

div#menu .pdmenu li { float:left; width: 240px; position: relative; margin: 0; border: none; text-decoration: none; background: #330066; }
div#menu .pdmenu li.top { width: auto; margin: 0; padding: 0 0 0 0; background: url(images/bg_menu_divider.gif) no-repeat left top; }
div#menu .pdmenu li.top a { text-transform: none; text-decoration: none; display: block; font-weight: normal; color: #ffffff; background: none; padding: 11px 14px 11px 14px; }
div#menu .pdmenu li.top a:hover { color: #ffffff; text-decoration: underline; /*background: url(images/nav_bg01.gif) repeat-x left 0px;*/ }

div#menu .pdmenu li.selected { width: auto; margin: 0; color: #ffffff; background: url(images/bg_menu_on.gif) repeat-x; }
div#menu .pdmenu li.selected a { text-decoration: none; display: block; font-weight: normal; color: #ffffff; background: none; padding: 11px 14px 11px 14px; }
div#menu .pdmenu li.selected a:hover { color: #ffffff; text-decoration: underline; }
div#menu .pdmenu li.selected ul li a { padding: 2px 0 2px 5px; vertical-align: middle; color: #ffffff; font-size: 1em; font-weight: normal; background: none; }
div#menu .pdmenu li.selected ul li a:hover { color: #ff5f00; text-decoration: none; }

div#menu .pdmenu li.top ul li a { padding: 2px 0 2px 5px; vertical-align: middle; color: #ffffff; font-weight: normal; }
div#menu .pdmenu li.top ul li a:hover { color: #ff5f00; text-decoration: none; }

/* sub */
div#menu .pdmenu li ul { display: none; }
div#menu .pdmenu li:hover ul, div#menu .pdmenu li.over ul { width: 240px; display: block; position: absolute; left: 1px; z-index: 10; padding: 0; margin: 0; }
div#menu .pdmenu li ul li { list-style-type: none; background: url(images/lnk_01.gif) 5px center no-repeat #330066; font-size: 11px; padding: 2px 0 2px 0; }
div#menu .pdmenu li ul li div { margin-left: 12px; }

/* navigation sub sub menus */
div#menu .pdmenu li li ul.sub { display: none; float: left; top: auto; }
div#menu .pdmenu li li:hover ul.sub { visibility: visible; display: block; position: absolute; margin: -1px 0 0 0; top: 0; left: 100%; padding: 0; z-index: 11; width: 200px; }

/* font size adjust*/
div #accfont { float: right; height: 14px; margin: 12px 30px 0 0; padding: 0; vertical-align: middle; }
div #accfont span.label { float: left; color: #808080; font-size: 10px; margin: 2px 4px 0 0; }
div #accfont a { float: left; }
div #accfont a.accessdecf { width: 18px; height: 18px; background: url(images/dec01.gif) no-repeat left center; }
div #accfont a.accessincf  { width: 18px; height: 18px; background: url(images/inc01.gif) no-repeat left center; }     
div #accfont a.accessincf:hover { background: url(images/inc02.gif) no-repeat left center; }
div #accfont a.accessdecf:hover { background: url(images/dec02.gif) no-repeat left center; }
span.textOnly { display: none; }

/* navigation */
div.nav { margin: 1.4em 0 24px 0; padding: 8px 0 8px 0; float: none; vertical-align: middle; }
.nav_img { padding-top: 0; padding-right: 4px; vertical-align: middle; }
.nav_top { padding: 2px 0 2px 22px; font-size: 0.9em; background: url(images/nav_top.gif) no-repeat left center; }
.nav_help { padding: 2px 0 2px 18px; font-size: 1em; background: url(images/help/help01.gif) no-repeat left center; }
.nav_doc1 { padding: 2px 0 2px 22px; background: url(images/doc_img02.gif) no-repeat left top; }
.nav_pdf { padding: 2px 0 2px 22px; background: url(images/file_icons/pdf01.gif) no-repeat left top; }
/* small arrow image links */
.nav_arrow1 { padding: 2px 0 2px 18px; background: url(images/lnk_03.gif) no-repeat left center; }

.print { padding: 2px 0 2px 22px; font-size: 1em; background: url(images/print01.gif) no-repeat left center; }
.word { padding: 2px 0 2px 22px; font-size: 1em; background: url(images/file_icons/word01.gif) no-repeat left center; }
.pdf { padding: 2px 0 2px 22px; font-size: 1em; background: url(images/file_icons/pdf01.gif) no-repeat left center; }

div.reqpword { margin: 14px 0 4px 0; }
div.reqpword a { color: #808080; font-size: 0.9em; }
div.reqpword a:hover { color: #0033ff; }

/* side menus */
.sub_menu1 { float: right; width: 195px; font-size: 11px; color: #ffffff; background: #077cc4; }
.sub_menu1 .top { width: 100%; height: 4px; background: url(images/sub_menu_top02.gif) no-repeat; }
.sub_menu1 .bottom { width: 100%; height: 16px; background: url(images/sub_menu_bot02.gif) no-repeat left bottom; }
.sub_menu1 .content { padding: 4px 4px 0 6px; background: url(images/sub_menu_h02.gif) repeat-x; }
.sub_menu1 h1 { font-size: 12px; font-weight: bold; color: #ffffff; border-bottom: 1px solid #808080; padding: 0; margin: 0 0 8px 0; background: none; }
.sub_menu1 ul { padding: 0px; margin: 0px; border-style: none; list-style: none; }
.sub_menu1 ul li { color: #ffffff; }
.sub_menu1 ul li img { vertical-align: middle; }
.sub_menu1 ul li a { color: #ffffff; padding-left: 10px; background: url(images/lnk_01.gif) no-repeat left center; }
.sub_menu1 ul li a:hover { color: #ff9933; background: url(images/lnk_02.gif) no-repeat left center; }

.sub_menu_member { float: right; width: 195px; font-size: 11px; color: #ffffff; }
.sub_menu_member .top { width: 100%; height: 4px; background: url(images/sub_menu_top02.gif) no-repeat; }
.sub_menu_member .bottom { width: 100%; height: 16px; background: url(images/sub_menu_bot02.gif) no-repeat left bottom; }
.sub_menu_member .content { height: 400px; padding: 4px 4px 0 6px; background: url(images/sub_menu_subscriber_h01.gif) repeat-x; }
.sub_menu_member a { color: #ffffff; }
.sub_menu_member h1 { font-size: 12px; font-weight: bold; color: #ffffff; border-bottom: 1px solid #808080; padding: 0; margin: 0 0 8px 0; background: none; }
.sub_menu_member ul { padding: 0px; margin: 0px; border-style: none; list-style: none; }
.sub_menu_member ul li { color: #ffffff; }
.sub_menu_member ul li img { vertical-align: middle; }
.sub_menu_member ul li a { color: #ffffff; padding-left: 10px; background: url(images/lnk_01.gif) no-repeat left center; }
.sub_menu_member ul li a:hover { color: #ff9933; background: url(images/lnk_02.gif) no-repeat left center; }

div .error1 { padding: 2px 20px 2px 20px; margin-bottom: 8px; color: #ff0000; background: url(images/warn01.gif) no-repeat left top; }
div .warn1 { padding: 2px 20px 2px 20px; background: url(images/warn01.gif) no-repeat left center; }

/* lists */
ul.contact { padding: 0px; margin: 0px; border-style: none; list-style: none; font-size: 0.9em; }
ul.contact li img { vertical-align: middle; }
ul.contact li { padding-left: 20px; margin-bottom: 4px; list-style: none; }
ul.contact .tel { background: url(images/tel_01.gif) no-repeat left center; }
ul.contact .email { background: url(images/email_01.gif) no-repeat left center; }

/* index */
.search_logos { margin-top: 70px; vertical-align: middle; text-align: center; }
.search_logos img { vertical-align: middle; }
.txt_small { font-size: 0.9em; }

#idx_links { margin-top: 1em; text-align: center }

/* suites */
.lst_suite { padding: 2px 0 2px 0; border-bottom: 1px solid #dddddd; }
.suite_box { margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #dddddd; }

/* qualifications */
.qual_strand { margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #dddddd; }
.qual_strand a { font-weight: bold; }

.qual_det { border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; }
.qual_det td { padding: 4px; vertical-align: top; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.qual_det .crit { background: #eeeeee; font-weight: bold; }

.qual_overview { width: 100%; margin-top: 10px; }
.qual_details_title { color: #000000; font-size: 1.4em; margin-bottom: 8px; }

.qcf_qual_unit { float: left; width: 100%; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #DDDDDD; }
.qcf_qual_unit .no { float: left; width: 1.8em; color: #808080; }
.qcf_qual_unit .holder { float: left; width: 90%; }
.qcf_qual_unit .file_img { float: left; margin-right: 10px; }
.qcf_qual_unit .details { float: left; width: 95%; }
.qcf_qual_unit .info { font-size: 0.9em; color: #808080; margin-top: 12px; margin-bottom: 2px; }
.qcf_qual_unit .info a { color: #808080; }
.qcf_qual_unit .info a:hover { color: #0033FF; }


/* functional map flow diagrams */
.overview_logos { margin-top: 45px; vertical-align: middle; text-align: center; }
.overview_logos img { vertical-align: middle; }
/* #fm_flow01 - vertical flow */
#fm_flow01 { margin-top: 30px; }
#fm_flow01 .keypurpose { margin-bottom: 8px; }
#fm_flow01 .keypurpose .top { width: 300px; height: 14px; background: url(images/stemarea_t01.gif) no-repeat left top; }
#fm_flow01 .keypurpose .area { width: 291px; padding: 4px 2px 0 5px; background: #eeeeee; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
#fm_flow01 .keypurpose .area .ttl { margin-bottom: 4px; font-weight: bold; font-size: 1.2em; }
#fm_flow01 .keypurpose .area .desc { font-weight: normal; font-size: 1em; }
#fm_flow01 .keypurpose .bottom { width: 300px; height: 14px; background: url(images/stemarea_b01.gif) no-repeat left top; }

#fm_flow01 .stemjoin_t { padding-left: 60px; background: url(images/stemjoin_t.gif) no-repeat left 25px; }
#fm_flow01 .stemjoin { padding-left: 59px; border-left: 1px solid #cccccc; background: url(images/join01.gif) no-repeat left 50%; }
#fm_flow01 .stemjoin_b { padding-left: 60px; background: url(images/stemjoin_b.gif) no-repeat left -74px; }

#fm_flow01 .stem_l { margin-right: 10px; padding: 4px 10px 4px 0; background: url(images/fm_arrow01.gif) no-repeat right 6px; }
#fm_flow01 .stem_r { margin-left: 10px; padding: 4px 0 4px 10px; background: url(images/fm_arrow02.gif) no-repeat left 6px; }
#fm_flow01 .stem_l .top, .stem_r .top { width: 300px; height: 14px; background: url(images/stemarea_t01.gif) no-repeat left top; }
#fm_flow01 .stem_l .bottom, .stem_r .bottom { width: 300px; height: 14px; background: url(images/stemarea_b01.gif) no-repeat left top; }
#fm_flow01 .stem_l .area, .stem_r .area { width: 291px; padding: 4px 2px 0 5px; text-align: center; background: #eeeeee; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }

#fm_flow01 .area a { position: relative; }
/* ie < 7 fix... */
#fm_flow01 .area a:hover { background: #eeeeee; z-index: 10; }
#fm_flow01 .area a .overview, #fm_flow01 .area a:visited .overview { display: none; }
#fm_flow01 .area a:hover .overview { display: block; position: absolute; left: 0px; top: 20px; z-index: 10; width: 280px; height: 100%; padding: 0; color: #000000; font-size: 1em; text-decoration: none; }
#fm_flow01 .area a .hint { height: 7px; background: url(images/hint01.gif) no-repeat left top;  }
#fm_flow01 .area a .context { padding: 4px; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #808080; background: #ffffe1;  }
#fm_flow01 .area .welsh { margin-top: 8px; }

/* #fm_flow02 - horizontal flow */
.keypurpose .top { width: 300px; height: 14px; background: url(images/stemarea_t01.gif) no-repeat left top; }
.keypurpose .area { width: 291px; padding: 4px 2px 0 5px; background: #eeeeee; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.keypurpose .area .ttl { margin-bottom: 4px; font-weight: bold; font-size: 1.2em; }
.keypurpose .area .desc { font-weight: normal; font-size: 1em; }
.keypurpose .bottom { width: 300px; height: 14px; background: url(images/stemarea_b01.gif) no-repeat left top; }

.fmap_nos_block { margin-bottom: 40px; }
.nos_fmap a { font-weight: bold; }

/* nos uses */
.ul_doc { margin: 0; padding-left: 0; }
.ul_doc li { list-style: none; padding: 4px 0 4px 5px; }

/* help */
.lnk_help { padding-left: 18px; background: url(images/help/help.gif) left center; }
#container_help { margin: 0 0 12px 12px; padding-right: 12px; font-size: 1em; }
#container_help h2 { border-bottom: 1px solid #cccccc; }
#container_help img { border: 1px solid #cccccc; }
#header_help { height: 40px; margin-top: 20px; }
#header_help img { border: none; }
#header_help #logo1 { float: left; }
#print_help div { float: right; margin-top: 0; }
#help_index a { font-weight: bold; }

div.faq { width: 600px; }
ul.faq { list-style-type: disc; color: #0033ff; }
ul.faq li { margin: 6px 0 6px 0; }

/* boxes */
div .didyoufind { color: #444444; font-size: 11px; }
div .didyoufind .top { width: 200px; height: 6px; margin: 0; padding: 0; background: url(images/dyf_top.gif) no-repeat left bottom; }
div .didyoufind .content { width: 184px; min-height: 66px; margin: 0; padding: 4px 8px 0 8px; background: url(images/dyf_bg01.gif) no-repeat #ffff99;}
div .didyoufind .bottom { width: 200px; height: 6px; background: url(images/dyf_bot.gif) no-repeat left top; }

div .assistance { color: #444444; font-size: 11px; }
div .assistance .top { width: 300px; height: 5px; margin: 0; padding: 0; background: url(images/assist_top.gif) no-repeat left bottom; }
div .assistance .content { width: 284px; height: 16px; margin: 0; padding: 2px 8px 0 8px; background: url(images/assist_bg01.gif) no-repeat #ffff99;}
div .assistance .bottom { width: 300px; height: 5px; background: url(images/assist_bot.gif) no-repeat left top; }


div .boxb1 { color: #ffffff; font-size: 11px; }
div .boxb1 a { color: #ffffff; text-decoration: underline; }
div .boxb1 .top { width: 200px; height: 6px; margin: 0; padding: 0; background: url(images/box_b1_top.gif) no-repeat left bottom; }
div .boxb1 .content { width: 184px; height: 66px; margin: 0; padding: 4px 8px 0 8px; background: url(images/box_b1_bg01.gif) no-repeat #0066cc;}
div .boxb1 .bottom { width: 200px; height: 6px; background: url(images/box_b1_bot.gif) no-repeat left top; }

div .boxg1 { color: #ffffff; font-size: 11px; }
div .boxg1 .top { width: 200px; height: 6px; margin: 0; padding: 0; background: url(images/box_g1_top.gif) no-repeat left bottom; }
div .boxg1 .content { width: 184px; height: 66px; margin: 0; padding: 4px 8px 0 8px; background: url(images/box_g1_bg01.gif) no-repeat #66ff33;}
div .boxg1 .bottom { width: 200px; height: 6px; background: url(images/box_g1_bot.gif) no-repeat left top; }

/* tables */
.tbl_1, .tbl_2, .tbl_3 { width: 100%; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; }
.tbl_1 .hd { padding: 2px; color: #444444; font-weight: bold; background: url(images/rowbg01.gif) repeat-x #aba8a8; }
.tbl_2 .hd { padding: 2px; color: #444444; font-weight: bold; background: url(images/rowbg02.gif) repeat-x #457bba; }
.tbl_3 .hd { padding: 2px; color: #444444; font-weight: bold; background: url(images/rowbg03.gif) repeat-x #ff6600; }
.tbl_1 td, .tbl_2 td, .tbl_3 td { padding: 2px; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #cccccc; }
.t_data1 { width: 100%; margin-bottom: 12px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; }
.t_data1 td { vertical-align: top; padding: 2px; color: #000000; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; }
.t_data1 .hd { font-weight: bold; background: url(images/rowbg04.gif) repeat-x #d0d0d0; }
.t_data1 .hd td { padding-left: 4px; color: #000000; }
.t_data1 .no { padding-right: 2px; color: #808080; font-weight: bold; }
.t_data1 .kw { padding-right: 4px; color: #3333cc; font-weight: bold; }

.t_desc { margin-bottom: 8px; }
.t_desc .s_users { height: 45px; background: url(images/user_grp.gif) no-repeat right top; }
.t_desc .a_users { height: 45px; background: url(images/user_a_grp.gif) no-repeat right top; }
.t_title { color: #003399; font-size: 1.4em; }
.t_note { color: #636363; font-size: 0.9em; }

/* active user display */
.user_count { color: #808080; }

/* nos */
.nos_collapsed { padding: 8px 0 8px 22px; border-bottom: 1px dotted #dddddd; background: url(images/nos_img02.gif) no-repeat left 8px; }
.nos_collapsed .summary { display: none; }
.nos_select { width: 100%; clear: both; }
.nos_select .title { float: left; width: 85%; }
.nos_doc .summary { margin-left: 2em; }
.nos_doc .links, .nos_collapsed .links { margin-left: 2em; margin-top: 4px; }
.nos_doc .links { margin-bottom: 8px; }
.nos_doc { padding: 10px 0 4px 40px; border-bottom: 1px dotted #dddddd; background: url(images/nos_img01.gif) no-repeat left 10px; }
.nos_doc .no, .nos_collapsed .no { float: left; width: 2em; font-size: 1em; color: #808080; padding-bottom: 0.3em; }
.nos_doc .title, .nos_collapsed .title { font-size: 1em; padding-bottom: 0.3em; }
.nos_doc .title a, .nos_collapsed .title a { font-weight: bold; }
.nos_doc .title a span { background: #c6eafb; }
.nos_doc .suite { color: #808080; }
.nos_doc .keyarea { color: #808080; }
.nos_doc .comparea { color: #808080; }
.nos_doc .context { margin-bottom: 8px; }
.nos_doc .details, .nos_collapsed .details { color: #808080; font-size: 0.9em; }
.nos_doc .details .doc_info { float: left; color: #808080; font-size: 0.8em; }
.nos_doc .chk, .nos_collapsed .chk { float: right; height: 100%; color: #808080; font-size: 0.8em; }

.hide { display: none; }
.show { display: block; }

/* nos user session */
.user_nos { float: right; }
.duration { width: 740px; text-align: right; }

.sums a { padding: 2px 8px 2px 22px; background: url(images/page_add.gif) no-repeat left center; }
.nosums a { padding: 2px 8px 2px 22px; background: url(images/page_minus.gif) no-repeat left center; }

/* pagination */
.pages_holder { float: left; width: 100%; margin-top: 8px; margin-bottom: 8px; border-bottom: 1px solid #cccccc; }
.pages_holder .range { border: none; }
.range { margin-bottom: 8px; border-bottom: 2px solid #cccccc; }
.resultrange { padding-bottom: 4px; }
.result_pagescount { margin-bottom: 1em; }

/* search - page */
.s_help { width: 100%; margin-bottom: 1em; padding-top: 1em; font-size: 1em; color: #555555; }
.tips { font-weight: bold; }

.searchbox .searchform { background: url(images/corp_bg_01.gif) no-repeat right bottom #eeeeee; padding: 8px; margin-bottom: 0; border: 1px solid #cccccc; }
.searchbox .ttl { margin-bottom: 1em; font-size: 1.4em; font-weight: bold; }
.searchbox .top { height: 14px; background: url(images/searchbox_t01.gif) no-repeat left top; }
.searchbox .bottom { height: 14px; background: url(images/searchbox_b01.gif) no-repeat left top; }
.searchbox .query_holder { float: left; }
.searchbox .help { float: right; margin: 0; }

.searchform1 { text-align: center; padding-bottom: 10px; margin-bottom: 1.2em; }
.searchform1 .search_input { width: 300px; font-size: 1em; }
.searchform1 .options { display: none; }

.search_input { width: 250px; }

.searchform { padding-bottom: 10px; margin-bottom: 1.2em; border-bottom: 1px solid #dddddd; }
.searchform .query input { vertical-align: middle; }
.sel_per_page { font-size: 1em; }
.sel_suites { font-size: 1em; }
.categories { font-size: 1em; }
.perpage { font-size: 1em; }
.match { font-size: 1em; padding: 8px 0 8px 0; }

.highlight { font-weight: bold;  }
.searchheading { margin-bottom: 0.4em; font-size: 1.4em; font-weight: bold; color: #003399; }
.filters { margin-bottom: 1em; font-size: 1em; color: #003399; }
.summary { font-size: 1em; margin-bottom: 1em; }

.results { width: 100%; font-size: 1em; color: #666666; }
.result_block, .result_altblock { padding: 0 0 0 44px; margin: 0; border-bottom: 1px solid #dddddd; background: url(images/doc_img01.gif) no-repeat left 0.6em; }

.search_result { padding-bottom: 12px; border-bottom: 1px dotted #DDDDDD; }
.result_no { float: left; width: 30px; color: #808080; }
.result_title { font-size: 1em; padding-bottom: 0.3em; }
.result_title a { font-weight: bold; }
.result_title a span { background: #c6eafb; }
.result_type { margin-left: 30px; margin-bottom: 0.4em; font-size: 0.86em; color: #2A9F00; }
.result_summary { margin-left: 30px; }
.result_links { margin-left: 30px; color: #808080; font-size: 0.9em; }
.category { color: #999999; }
.context { font-size: 1em; }
.infoline { font-size: 80%; font-style: normal; color: #808080; margin-bottom: 1em; padding-top: 0.3em; padding-bottom: 0.3em; }
.alt_formats { font-size: 0.9em; color: #808080; margin-top: 0.6em; margin-bottom: 0.3em; }
.alt_formats a { color: #808080; font-weight: bold; text-decoration: none; }
.alt_formats a:hover { color: #3366cc; text-decoration: underline; }
.alt_formats a.word { padding: 2px 8px 2px 22px; background: url(images/file_icons/word01.gif) no-repeat left center; }
.alt_formats a.html { padding: 2px 8px 2px 22px; background: url(images/file_icons/html01.gif) no-repeat left center; }

.sorting { text-align: right; }
.result_pages_top { text-align: right; }
.result_pages { margin: 1em 0 1em 0; }
.searchtime { margin-bottom: 1.4em; font-size: 0.8em; color: #808080; }

/* top 10 */
/* nos */
.top10 { width: 100%; margin-bottom: 12px; }
.top10 td { vertical-align: top; padding: 4px 2px 8px 2px; font-size: 1em; }
.top10 .hd td { padding-left: 4px; }
.top10 .no1 { padding: 4px 2px 8px 30px; color: #808080; font-weight: bold; background: url(images/gold_1.gif) no-repeat left top; }
.top10 .no { padding: 4px 2px 8px 30px; color: #808080; font-weight: bold; }
.top10 .no1_det { padding-bottom: 10px; padding-right: 55px; }
.top10 a { color: #3333cc; font-weight: bold; text-decoration: none; }
.top10 a:hover { text-decoration: underline; }
.top10 .summary { font-size: 1; color: #636363; }
.top10 .summary ul { margin: 0.8em 0 0.8em 0; }
.top10 .opt { margin: 0.4em 0 0 0; padding: 0.4em 0 0.4em 0; font-size: 1em; color: #808080; }
.top10 .opt a { color: #808080; font-weight: bold; text-decoration: none; }
.top10 .opt a:hover { color: #3366cc; text-decoration: underline; }

/* results per page */
.vw_opt { width: 100%; text-align: right; margin-top: 12px; margin-bottom: 8px; }
.vw_opt span { padding: 0; }
.btns { height: 17px; padding: 0 0 0 0; }
.btns a img { vertical-align: middle; padding: 0 0 0 2px; }

/* member */
/* login */
#auth .label { float: left; width: 6em;  vertical-align: middle; }
#auth .username { width: 200px; }
#auth .password { width: 160px; }

/* member strands */
.lst_strands { padding: 2px 0 2px 0; border-bottom: 1px solid #dddddd; }

.strand_box { float: left; width: 100%; margin-bottom: 18px; padding: 0 0 12px 0; border-bottom: 1px solid #cccccc; }
.strand_text { float: left; width: 640px; }
.strand_img { float: right; padding: 2px; border: 1px solid #dddddd; background: #eeeeee;}

/* team */
.strand_team { float: left; padding-bottom: 12px; }
.strand_team h2 { border-bottom: 1px solid #cccccc; }
.strand_lead_img { float: left; border: 1px solid #dddddd; margin-right: 12px; }
.strand_lead_txt { float: right; width: 580px; }

/* user job design */
#jobdesign input { font-size: 1em; }
#jobdesign textarea { font-family: arial, helvetica, sans-serif; color: #000000; }
#jobdesign .title { width: 300px; font-size: 1em; }
#jobdesign .description { width: 400px; height: 100px; }

/* table lists */
.tbl_jd_lst { width: 100%; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.tbl_jd_lst .hd { background: url(images/rowbg01.gif) repeat-x #aba8a8; }
.tbl_jd_lst td { padding: 2px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; }
.tbl_jd_lst .hd td { font-weight: bold; }
.tbl_jd_lst .low { background: none; }
.tbl_jd_lst .high { background: #edf0f3; }
.tbl_jd_lst .low .title { width: 45%; padding: 4px; border-bottom: 1px solid #cccccc; }
.tbl_jd_lst .high .title { width: 45%; padding: 4px; border-bottom: 1px solid #cccccc; }
.tbl_jd_lst .opt { border-left: none; text-align: right; }

.jd_summary { width: 100%; padding-bottom: 8px; border-bottom: 2px solid #cccccc; background: url(images/user_jd02.gif) no-repeat left top #ffffff; }
.jd_summary .hd { font-weight: bold; border-bottom: 1px solid #cccccc; background: url(images/rowbg04.gif) repeat-x #aba8a8; }
.jd_summary td { vertical-align: top; }
.jd_summary .details { margin-left: 40px; }
.jd_summary .title { font-size: 1.6em; font-weight: normal; padding-top: 0.3em; padding-bottom: 0.3em; }
.jd_summary .description { padding-top: 0.3em; padding-bottom: 0.6em; }
.jd_summary .info { font-size: 0.9em; color: #808080; }

.jd_overview { float: left; width: 100%; padding: 8px 4px 8px 0; margin: 0; }
.jd_overview .top { height: 14px; background: url(images/searchbox_t01.gif) no-repeat left top; }
.jd_overview .bottom { height: 14px; background: url(images/searchbox_b01.gif) no-repeat left top; }

.jd_details { padding-right: 4px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; background: #eeeeee; }

.user_jd1 { padding: 10px 0 4px 48px; border-bottom: 1px solid #dddddd; background: url(images/user_rp01.gif) no-repeat left 10px; }
.user_jd2 { float: left; width: 510px; padding: 0 0 4px 44px; margin-bottom: 10px; background: url(images/user_rp02.gif) no-repeat left top; }
.user_jd1 .no, .user_jd2 .no { float: left; margin-right: 4px; font-size: 1em; color: #808080; padding-bottom: 0.3em; }
.user_jd1 .title, .user_jd2 .title { font-size: 1.4em; font-weight: bold; padding-bottom: 0.3em; }
.user_jd1 .title a, .user_jd2 .title a { font-weight: bold; }
.user_jd1 .description, .user_jd2 .description { margin-bottom: 8px; }
.user_jd1 .description b, .user_jd2 .description b { color: #808080; }
.user_jd1 .details, .user_jd2 .details { color: #808080; margin-bottom: 8px; }
.user_jd1 .opt, .user_jd2 .opt { vertical-align: middle; text-align: right; }

.jd_overview .opt { margin-left: 44px; }

.jd_menu { float: right; width: 195px; font-size: 11px; color: #808080; background: #dddddd; }
.jd_menu .top { width: 100%; width: 189px; height: 16px; border: 1px solid #bebebe; color: #000000; padding: 4px 0 0 4px; font-size: 12px; font-weight: bold; background: url(images/rowbg01.gif) repeat-x; }
.jd_menu .bottom { width: 100%; height: 16px; background: url(images/sub_menu_bot04.gif) no-repeat left bottom; }
.jd_menu .content { padding: 4px 4px 0 6px; border-top: 1px solid #eeeeee; background: #dddddd; }
.jd_menu h1 { font-size: 12px; font-weight: bold; color: #000000; border-bottom: 1px solid #808080; padding: 0; margin: 0 0 8px 0; }
.jd_menu ul { padding: 0px; margin: 0px; border-style: none; list-style: none; }
.jd_menu ul li { color: #808080; }
.jd_menu ul li img { vertical-align: middle; }
.jd_menu ul li a { padding-left: 10px; background: url(images/lnk_01.gif) no-repeat left center; }
.jd_menu ul li a:hover { text-decoration: underline; background: url(images/lnk_02.gif) no-repeat left center; }

.jd_options { float: left; width: 100%; font-size: 0.9em; }
.jd_options p { float: left; margin: 0; padding-top: 4px; padding-bottom: 4px; }

div .jobdesign1 { font-size: 1.6em; font-weight: normal; padding: 0 0 24px 48px; margin-bottom: 10px; background: url(images/user_rp02.gif) no-repeat left top; }
div .deljd { font-size: 1.6em; font-weight: normal; margin-bottom: 10px; border-bottom: 1px solid #cccccc; }
div .jd_break01 { height: 20px; background: url(images/rp_break01.gif) repeat-x; }

div .nos_add, div .nos_remove { margin: 6px 0 6px 0; text-align: right; vertical-align: middle; font-size: 0.9em; }
div .nos_add_opt { margin: 8px 0 12px 0; font-size: 0.9em; text-align: right; }
div .nos_add input, div .nos_remove input { vertical-align: middle; }
div .selectednosopt { float: right; text-align: right; }

/* how to guides */
#swfhowto { border: 1px solid #DDDDDD; }