/* SKILLS FOR JUSTICE - NOS FINDER styles */
BODY { padding: 0px; font-size: 0.7em; margin: 0px; color: #333; font-family: Tahoma, Arial, Verdana, Sans-Serif; background: #FFFFFF; }
a { color: #0033FF; text-decoration: none; }
a:hover { text-decoration: underline; }
a.welsh { color: #FF1F00; }

div.pdf { padding: 10px 0 10px 22px; background: url(images/pdf_doc.gif) no-repeat left center; }

.hide { display: none; }

H1 { font-size: 1.6em; font-weight: normal; margin: 0 0 12px 0; padding: 8px 0 12px 0; color: #006db4; padding-bottom: 18px; background: url(images/h_hr01.gif) repeat-x left bottom; }
H2 { font-size: 1.4em; font-weight: normal; color: #006db4; }
H3 { font-size: 1.2em; font-weight: bold; color: #006db4; }
H4 { font-size: 1em; font-weight: bold; color: #a40d29; }

UL { margin-left: 1.4em; 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 { 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 a img { vertical-align: bottom; }

INPUT { font-size: 12px; padding: 1px; vertical-align: middle; }
SELECT { font-size: 12px; }
TEXTAREA { font-size: 12px; }

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

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: "." }

DIV #backgroundcontainer { text-align: center; margin: 0 auto 0 auto; height: 750px }
DIV #mastercontainer { width: 760px; text-align: left; margin: 0 auto 0 auto; }
DIV #maincontainer { margin: 0 0 20px 0; }
DIV #header { font-size: 1.2em; padding: 0 0 12px 0; clear: both; }
DIV #header h1 { margin:0; padding: 0; background: none; }
DIV #header #logos { float: left; width: 100%; margin-top: 8px; vertical-align: middle; }
DIV #header #logo1 { float: left; }
DIV #header #logo2 { float: right; margin-top: 8px; }
DIV #login { float: right; font-size: 10px; padding: 2px 2px 2px 4px; margin-top: 8px; text-align: right; border: 1px solid #DEE6F1; background: url(images/login_bg01.gif); }
DIV #login SPAN { color: #808080; }
DIV #breadcrumb { float: left; color: #000066; font-size: 11px; margin: 1em 0 1em 0; }
DIV #main { font-size: 1.1em; margin-top: 12px; clear: both; }
DIV #main INPUT { font-size: 1em; }

DIV#footer { float:left; width: 760px; color: #808080; margin: 30px auto 30px auto; font-size: 11px; padding: 5px 0 5px 0; text-align: left; clear: both; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; background: url(images/login_bg01.gif); }


/* NAVIGATION MENUS */
DIV#menu { width: 760px; height: 26px; clear: both; padding: 0; text-align: left; background: #FFFFFF; background: url(images/nav_bar_bg.gif) no-repeat left top; }
DIV#menu .pdmenu { padding: 0; font-size: 11px; }
DIV#menu .pdmenu ul { margin: 0; padding: 0; list-style-type: none; }
DIV#menu .pdmenu li { float:left; width: 260px; position: relative; margin: 0; border: none; text-decoration: none; background: #1B4F69; }
DIV#menu .pdmenu ul li.top { width: auto; margin: 0; padding: 0 0 0 0; border-right: 1px solid #9382AD; background: none; }
DIV#menu .pdmenu ul.left li.selected { width: auto; margin: 0; color: #FFFFFF; border-right: 1px solid #9382AD; background: url(images/nav_bgl.gif) no-repeat left center; }

DIV#menu .pdmenu li.selected { width: auto; margin: 0; color: #FFFFFF; border-right: 1px solid #9382AD; background: url(images/nav_bg01.gif) repeat-x; }
DIV#menu .pdmenu li.selected a { text-decoration: none; display: block; font-weight: normal; color: #FFFFFF; background: none; padding: 6px 8px 7px 6px; }
DIV#menu .pdmenu li.selected a:hover { color: #FFFFFF; background: url(images/nav_bg01.gif) repeat-x left 0px; }
DIV#menu .pdmenu ul.left li.selected a:hover { color: #FFFFFF; background: url(images/nav_bgl.gif) no-repeat left center; }

DIV#menu .pdmenu li.top a { text-decoration: none; display: block; font-weight: normal; color: #FFFFFF; background: none; padding: 6px 8px 7px 6px; }
DIV#menu .pdmenu ul.left li.top a:hover { color: #FFFFFF; background: url(images/nav_bgl.gif) no-repeat left center; }
DIV#menu .pdmenu li.top a:hover { color: #FFFFFF; background: url(images/nav_bg01.gif) repeat-x left 0px; }

DIV#menu .pdmenu li ul { display: none; border: 1px solid #9382AD; }
DIV#menu .pdmenu li:hover ul, DIV#menu .pdmenu li.over ul { width: 260px; display: block; position: absolute; left: -1px; z-index: 10; padding: 0; margin: 0; }
DIV#menu .pdmenu li li { font-size: 11px; }

DIV#menu .pdmenu li.selected li a { padding: 2px 0 2px 5px; vertical-align: middle; color: #FFFFFF; font-size: 1em; font-weight: normal; }
DIV#menu .pdmenu li.top li a { padding: 4px 0 4px 5px; vertical-align: middle; color: #FFFFFF; font-size: 1em; font-weight: normal; }
/*DIV#menu .pdmenu li.top li a:hover { background: #0066CC; }*/

/* navigation 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; }

DIV#toolbar { float: left; width: 100%; margin: 6px 0 12px 0; }

/* Font Size adjust*/
DIV #accfont { float: left; height: 18px; margin: 0 0 0 0; padding: 5px 0 2px 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; }

/* Site Search */
DIV#sitesearch { float: right; margin: 4px 0 10px 0; }
DIV#sitesearch INPUT { font-size: 0.9em; }
DIV#sitesearch .query { width: 150px; }

SPAN.textOnly { display: none; }

/* NAVIGATION */
DIV.nav { margin: 1.4em 0 24px 0; padding: 8px 0 8px 0; float: none; }
.nav_img { padding-top: 0; padding-right: 4px; vertical-align: middle; }
.nav_top { padding: 2px 0 2px 22px; font-size: 1em; 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; }
/* 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/word_doc.gif) no-repeat left center; }

DIV.reqpword { margin: 14px 0 4px 0; }
DIV.reqpword a { font-size: 0.9em; }

.nostoolkit_link { float: right; border: 2px solid #DDDDDD; }

/* 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_subscriber { float: right; width: 195px; font-size: 11px; color: #FFFFFF; background: #077CC4; }
.sub_menu_subscriber .top { width: 100%; height: 4px; background: url(images/sub_menu_top02.gif) no-repeat; }
.sub_menu_subscriber .bottom { width: 100%; height: 16px; background: url(images/sub_menu_bot02.gif) no-repeat left bottom; }
.sub_menu_subscriber .content { height: 400px; padding: 4px 4px 0 6px; background: url(images/sub_menu_subscriber_h01.gif) repeat-x; }
.sub_menu_subscriber a { color: #FFFFFF; }
.sub_menu_subscriber 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_subscriber ul { padding: 0px; margin: 0px; border-style: none; list-style: none; }
.sub_menu_subscriber ul li { color: #FFFFFF; }
.sub_menu_subscriber ul li img { vertical-align: middle; }
.sub_menu_subscriber ul li a { color: #FFFFFF; padding-left: 10px; background: url(images/lnk_01.gif) no-repeat left center; }
.sub_menu_subscriber 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: 40px; 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 }

/* FUNCTIONAL MAP FLOW DIAGRAMS */


/* EPC COURSES */
.epc_banner { float: left; padding-bottom: 4px; border-bottom: 1px dotted #DDDDDD; }
.epc_banner .image { float: left; }
.epc_banner .contact { float: right; text-align: right; font-size: 11px; color: #808080; } 

.epc_courses h3 { font-size: 1.1em; border-bottom: 1px dotted #CCCCCC; }
.epc_courses .course { padding: 6px 0 6px 0; }
.epc_courses .course_title { font-weight: bold; }
.epc_course .overview h2 { font-size: 1.6em; font-weight: normal; margin: 8px 0 2px 0; padding: 0 0 0 0; }
.epc_course .overview h3 { margin: 8px 0 2px 0; padding: 0 0 0 0; }
.epc_course .url { color: #808080; font-size: 0.9em; }
.epc_course .mapped_nos h2 { font-size: 1.2em; font-weight: bold; }
.epc_course .mapped_nos h3 { margin: 8px 0 8px 0; padding: 0 0 0 0; border-bottom: 1px solid #CCCCCC; }
.module { margin-bottom: 1em; }

/* NOS MAPPED COURSES */
.mapped_courses { margin-left: 2em; margin-bottom: 8px; }
.mapped_courses .course { border-bottom: 0px dotted #EEEEEE; font-size: 0.9em; margin: 2px 0 2px 0; }
.correlation { color: #a40d29; margin: 8px 0 8px 0; font-size: 0.9em; }
.correlation a { color: #a40d29; }
.contributing { color: #a40d29; }
.correlation_notes { margin-top: 40px; color: #666666; font-size: 0.9em; width: 350px; }

/* NOS USES */
.ul_doc { margin: 0; padding-left: 0; }
.ul_doc li { list-style: none; padding: 0 0 5px 0; }

/* 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: 1.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; }

/* TABLES */
.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; }

.tbl_ssc { width: 100%; }
.tbl_ssc .hd td { border: none; }
.tbl_ssc td { vertical-align: top; padding: 2px 12px 2px 0; border-bottom: 1px dotted #DDDDDD; }

/* 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; }

/* ACTIVE USER DISPLAY */
.user_count { color: #808080; }

TABLE.nos { width: 100%; }
.nos_collapsed { border-bottom: 1px dotted #DDDDDD; }
.nos_collapsed td { padding: 8px 0 8px 0px; vertical-align: top; border-bottom: 1px dotted #DDDDDD; }
.nos_collapsed .summary { display: none; }
.nos_select { width: 100%; clear: both; }
.nos_select .title { float: left; width: 85%; }
.nos_doc { border-bottom: 1px dotted #DDDDDD; vertical-align: top; }
.nos_doc td { padding: 10px 0 10px 0px; border-bottom: 1px dotted #DDDDDD; }
.nos_doc .summary { margin-left: 1.9em; }
.nos_doc .no, .nos_collapsed .no { float: left; width: 1.8em; margin-right: 4px; font-size: 1em; color: #808080; padding-bottom: 0.3em; }
.nos_doc .title, .nos_collapsed .title { font-size: 1em; padding-bottom: 0.3em; }
.filesize { font-size: 0.9em; color: #808080; }
.nos_doc .title a, .nos_collapsed .title a { font-weight: bold; }
.nos_doc .title a .match, .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 { 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; }
.details_holder { margin-left: 2em; }
.nos_img_link { padding-right: 8px; }

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

/* SUITES */
.lst_suite { padding: 2px 0 2px 0; border-bottom: 1px solid #DDDDDD; }


/* FMAP */
.fmap_nos_block { margin-bottom: 40px; }
.nos_fmap a { font-weight: bold; }
.aofc { margin: 0 0 8px 0; color: #808080; font-size: 1.1em; font-weight: bold; }

/* NOS USER */
.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-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; }
.match input { margin-left: 12px; }

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

/* SITE SEARCH */
.results { float: left; width: 100%; margin-top: 18px; font-size: 1em; }
.result_block, .result_altblock { float: left; margin: 10px 0 8px 0; border-bottom: 1px dotted #DDDDDD; }

.result_image { float: left; margin-right: 8px; }
.result_content { float: left; width: 711px; }

.result_no { color: #808080; }
.result_title { font-size: 1em; padding-bottom: 0.3em; }
.result_title a { font-weight: bold; }
.result_title a SPAN { background: #C6EAFB; }
.category { color: #999999; }
.context { clear: left; font-size: 1em; margin: 0 0 8px 0; }
.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/word_doc.gif) no-repeat left center; }
.alt_formats a.html { padding: 2px 8px 2px 22px; background: url(images/html_doc.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; }

/* SITE MAP */
DIV#sitemap ul { margin-bottom: 10px; }
DIV#sitemap li ul { margin-top: 8px; }

DIV#sitemap li ul li ul{ margin-bottom: 18px; }
DIV#sitemap li ul li ul li { list-style-type: circle; }

/* TOP 10 */
/* nos */
.top10 { width: 90%; margin-bottom: 12px; }
.top10 td { vertical-align: top; padding: 4px 2px 8px 2px; font-size: 1em; }
.top10 .hd { color: #FFFFFF; font-weight: bold; background: url(images/el/rowbg02.gif) repeat-x #333366; }
.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; }
.top10 .opt a.word { padding: 2px 8px 2px 22px; background: url(images/el/word_doc.gif) no-repeat left center; }
.top10 .opt a.html { padding: 2px 8px 2px 22px; background: url(images/el/html_doc.gif) no-repeat left center; }

.vw_opt { width: 100%; text-align: right; 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; }

/* SUBSCRIBER */
/* login */
#auth h2 { border-bottom: 1px solid #CCCCCC; }
#auth .label { float: left; margin: 3px 0 0 0; width: 6em; vertical-align: middle; }
#auth .username { width: 200px; }
#auth .password { width: 160px; }

/* SUBSCRIBER 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: 420px; }
.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; }
.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; }

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-bottom: 12px; 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; }

DIV.developer { margin: 20px 0 20px 0; font-size: 9px; color: #999999; }
DIV.developer p { text-align: left; }
DIV.developer a { margin-top: 20px; color: #999999; }