/* Skills for Justice - 4sight */
BODY { padding: 0px; font-size: 0.8em; margin: 0px; color: #000000; font-family: Arial, Verdana, Sans-Serif; background: url(images/bg_grad.jpg) #FFFFFF repeat-x; }

H1 { font-size: 2.2em; font-weight: normal; color: #000066; border-bottom: 0px solid #999999; }
H2 { font-size: 1.6em; margin-top: 0; padding-bottom: 4px; font-weight: normal; color: #000066; }
H3 { font-size: 1.4em; font-weight: normal; color: #000066; }
H4 { color: #000066; }

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

FORM { padding: 0px; margin: 0px; border-style: none; }
INPUT { font-size: 12px; vertical-align: middle; }
SELECT { font-size: 12px; }
TEXTAREA { font-size: 12px; width: 400px; }
.form_error { color: #FF0033; }
FORM .label { margin-bottom: 4px; }

a { color: #0033FF; text-decoration: none; }
a:hover { text-decoration: underline; }

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

DIV { padding: 0px; margin: 0px; border-style: none; }
DIV .clearfix { clear: both; height: 0px; }

/* MASTER PAGE LAYOUT */
DIV#holder { width: 920px; text-align: center; margin: 0 auto 0 auto; }
DIV#container { float: left; width: 880px; padding: 0px 20px 40px 20px; text-align: left; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background: url(images/horizon01.jpg) no-repeat left top #FFFFFF; }
DIV#header { padding-top: 3px; margin: 60px 0 10px 0; clear: both; }
DIV#header #logos { float: left; width: 100%; }
DIV#header #logo1 { float: left; margin-top: 16px; }
DIV#header #logo2 { float: right; }
DIV#footer { margin-top: 40px; }
DIV#login { float: right; margin-top: 8px; }
DIV#breadcrumb { font-size: 11px; color: #0033FF; margin: 0 0 1em 0; }
DIV#main { text-align: left; width: 100%; margin-top: 10px; }
DIV#main_col { width: 640px; }
DIV#footer { border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; padding: 4px 0 4px 0; font-size: 0.85em; color: #808080; }
.developer { }

/* COLUMNS */
DIV.idxda { float: left; border: 1px solid #CCCCCC; width: 270px; margin: 0px 10px 23px 10px; background: url(images/idx_da_bg01.gif) no-repeat  left top; }
DIV.idxda .top { width: 270px; height: 10px; }
DIV.idxda .bottom { width: 270px; height: 10px; }
DIV.idxda .content { width: 254px; height: 320px; padding: 0px 8px 8px 8px; }
DIV.idxda p { font-size: 0.85em; }
DIV.idxda .overview { font-style: italic; font-size: 1em; }
DIV.idxda h2 { margin-top: 0; font-size: 1.5em; font-weight: normal; border-bottom: 1px solid #BBBBBB; color: #FFFFFF; }
DIV.idxda h3 { font-size: 1em; font-weight: bold; }
DIV.idxda a { color: #0033CC; }
DIV.idxda .info_block { margin-bottom: 30px; }

/* BACK UP
DIV.idxda { float: left; color: #FFFFFF; width: 270px; margin: 0px 23px 23px 0px; }
DIV.idxda .top { width: 270px; height: 10px; background: url(images/col_top01.gif) no-repeat; }
DIV.idxda .bottom { width: 270px; height: 10px; background: url(images/col_bot01.gif) no-repeat; }
DIV.idxda .content { width: 254px; height: 300px; padding: 0px 8px 8px 8px; background: url(images/col_h01.gif) repeat-x; }
DIV.idxda p { font-size: 0.85em; }
DIV.idxda .overview { font-style: italic; font-size: 1em; }
DIV.idxda h2 { margin-top: 0; font-size: 1.5em; font-weight: normal; border-bottom: 1px solid #BBBBBB; color: #FFFFFF; }
DIV.idxda h3 { font-size: 1em; font-weight: bold; color: #FFFFFF; }
DIV.idxda a { color: #FFFFFF; }
DIV.idxda .info_block { margin-bottom: 30px; }
*/

DIV.col_1 { float: right; color: #FFFFFF; }
DIV.col_1 .top { width: 270px; height: 10px; background: url(images/col_top01.gif) no-repeat; }
DIV.col_1 .bottom { width: 270px; height: 10px; background: url(images/col_bot01.gif) no-repeat; }
DIV.col_1 .content { width: 254px; padding: 8px; background: url(images/col_h01.gif) repeat-x; }
DIV.col_1 h2 { margin-top: 0; font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #666666; color: #FFFFFF; }
DIV.col_1 h3 { font-size: 1em; font-weight: bold; color: #FFFFFF; }
DIV.col_1 a { color: #FFFFFF; }
DIV.col_1 .info_block { margin-bottom: 30px; }
DIV.col_1 .info_block p { font-size: 0.85em; }

DIV#main_left { float: left; padding: 0; margin-top: 4px; width: 195px; font-size: 11px; background: #333399; }
DIV#main_left .top { height: 12px; width: 100%; background: url(images/menu_l_top01.gif) no-repeat center top; }
DIV#main_left .content { padding: 0 8px 0 8px; margin: 0; height: 525px; background: url(images/menu_l_h.gif) repeat-x; }
DIV#main_left .content h1 { font-size: 11px; font-weight: bold; color: #FFFFFF; border-bottom: 1px solid #808080; padding: 0; margin: 0 0 8px 0; }
DIV#main_left .content p { margin-top: 0; color: #CCCCCC; }
DIV#main_left .content ul { padding: 0px; margin: 0px; border-style: none; list-style: none; }
DIV#main_left .content ul li { color: #CCCCCC; }
DIV#main_left .content ul li img { vertical-align: middle; }
DIV#main_left .content a { color: #FFFFFF; padding-left: 10px; background: url(images/lnk_01.gif) no-repeat left center; }
DIV#main_left .content a:hover { color: #FF9933; background: url(images/lnk_02.gif) no-repeat left center; }
DIV#main_left .content a.img { padding: 0; background: none; }

DIV#main_left .bottom { height: 24px; width: 100%; background: url(images/menu_l_bot01.gif) no-repeat center top; }
DIV#main_content { margin-left: 205px; }
.filesize { color: #808080; }

/* NAVIGATION MENUS */
DIV#menu { width: 880px; height: 26px; padding: 0 0 0 0; text-align: left; background: #FFFFFF; background: url(images/nav_bar_bg.gif) no-repeat left top; }
DIV#menu .pdmenu { padding: 0; font-size: 12px; }
DIV#menu .pdmenu ul { margin: 0; padding: 0; list-style-type: none; }
DIV#menu .pdmenu li { float:left; width: 200px; position: relative; margin: 0; border: none; text-decoration: none; background: #330066; }
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 5px 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 5px 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: 200px; 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: 2px 0 2px 5px; vertical-align: middle; color: #FFFFFF; font-size: 1em; font-weight: normal; }

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

/* Font Size adjust*/
DIV#accfont { float: right; height: 18px; margin: 0 0 0 0; padding: 2px 0 2px 0;}
DIV#accfont span.label { float: left; font-size: 11px; }
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; }

DIV#search { float: right; color: #FFFFFF; padding: 2px 4px 2px 0; vertical-align: middle; }
DIV#search span { padding: 2px 4px 2px 0; vertical-align: middle; }
DIV#search input { vertical-align: middle; }

/* NAVIGATION */
.nav { font-size: 0.88em; margin: 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_doc1 { padding: 2px 0 2px 22px; background: url(images/doc_img02.gif) no-repeat left center; }

a.pdf { padding: 2px 0 2px 22px; font-size: 1em; background: url(images/pdf_doc.gif) no-repeat left center; }
a.page { padding: 2px 0 2px 22px; font-size: 1em; background: url(images/lnk_01.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; }

/* TABLES */
TABLE { width: 100%; }
TABLE td { empty-cells: show; }

/* skills needs */
TABLE.tbl_skillsneeds { border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
TABLE.tbl_skillsneeds thead td { padding: 2px; background: #EEEEEE; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
TABLE.tbl_skillsneeds tbody td { padding: 2px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
TABLE.tbl_skillsneeds tbody { text-align: left; }

TABLE.references { font-size: 0.85em; }
TABLE.references td { vertical-align: top; padding-bottom: 4px; }
TABLE.references td p { margin: 0; padding: 0; }

/* SEARCH */

.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 .query { vertical-align: middle; }
.searchbox .help { float: right; margin: 0; }
.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; }
.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: normal; color: #003399; }
.filters { margin-bottom: 1em; font-size: 1em; color: #003399; }
.summary { font-size: 1em; margin-bottom: 1em; }

.resultrange { margin-bottom: 18px; }

.search_result { border-bottom: 1px solid #EEEEEE; padding: 0 0 6px 0; margin-bottom: 8px; }
.result_title .no { color: #808080; }
.result_title { font-size: 1.4em; padding-bottom: 0.3em; }
.result_title a { font-weight: normal; }
.result_title a SPAN { background: #C6EAFB; }
.search_result .context { width: 70%; font-size: 0.9em; }
.context SPAN { background: #C6EAFB; }
.search_result .details { font-size: 0.85em; margin-top: 8px; color: #808080; }

.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; }