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

H1 { font-size: 2em; font-weight: normal; color: #000066; }
H2 { font-size: 1.6em; padding-bottom: 4px; font-weight: normal; color: #000066; border-bottom: 1px solid #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; }
SELECT { font-size: 12px; }
TEXTAREA { font-size: 12px; width: 400px; }
.form_error { color: #FF0033; }

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

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

/* MASTER PAGE LAYOUT */
DIV#holder { width: 740px; text-align: center; margin: 0 auto 0 auto; }
DIV#container { text-align: left; }
DIV#header { padding-top: 3px; margin: 20px 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: 20px 0 20px 0; text-align: left; font-size: 0.85em; color: #808080; }
DIV#login { float: right; margin-top: 8px; }
DIV#breadcrumb { font-size: 11px; color: #0033FF; margin: 0 0 1em 0; }
DIV#main { float: left; width: 100%; margin-top: 10px; }

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

/* NAVIGATION MENUS */
DIV#menu { width: 740px; 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; }

/* NAVIGATION */
.nav { font-size: 0.88em; margin: 1.4em 0 24px 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; }

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

TABLE.matrix01 { font-size: 0.88em; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
TABLE.matrix01 td { padding: 4px; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
TABLE.matrix01 thead { color: #FFFFFF; font-weight: bold; background: url(images/menu_l_h.gif) repeat-x #EEEEEE; }
TABLE.matrix01 thead a { color: #FFFFFF; font-weight: bold; }
TABLE.matrix01 thead a:hover { color: #FF9933; }
TABLE.matrix01 thead td { border-bottom: 1px solid #6699CC; border-left: 1px solid #6699CC; }
TABLE.matrix01 thead .data_source { width: 20%; }
TABLE.matrix01 thead span { font-size: 10px; font-weight: normal; }
TABLE.matrix01 tbody td { vertical-align: top; }
TABLE.matrix01 .grey01 { background: #EEEEEE; }
TABLE.matrix01 .blue01 { background: #EDF0F3; }
TABLE.matrix01 .bu { font-weight: bold; text-decoration: underline; }
TABLE.matrix01 .bold { font-weight: bold; }
TABLE.matrix01 .link_text { font-weight: normal; }

/* lists */
TABLE.matrix01 ul { margin: 0 0 0 16px; }

/* rows */
TABLE.matrix01 .row_strand { color: #FFFFFF; font-weight: bold; background: url(images/menu_l_h.gif) repeat-x #EEEEEE; }
TABLE.matrix01 .row_strand a { color: #FFFFFF; font-weight: bold; }
TABLE.matrix01 .row_strand a:hover { color: #FF9933; }
TABLE.matrix01 .row_strand span { font-weight: normal; }

/* columns */
TABLE.matrix01 .js2 { background: #DDEAFE; }
/* rows */
TABLE.matrix01 .row_break { height: 8px; font-size: 1px; padding: 0px; background: #DDDDDD; }

/* data sources */
TABLE.matrix01 .datasource, TABLE.matrix01 .date { font-weight: bold; background: #EEEEEE; }

/* notes */
TABLE.matrix01 .note1 { font-size: 0.8em; font-weight: normal; color: #555555; }

/* countries */
TABLE.matrix01 .uk { color: #FFFFFF; font-weight: bold; background: #666699; }
TABLE.matrix01 .england { color: #FFFFFF; font-weight: bold; background: #3366CC; }
TABLE.matrix01 .wales { color: #FFFFFF; font-weight: bold; background: #993333; }
TABLE.matrix01 .scotland { color: #FFFFFF; font-weight: bold; background: #333399; }
TABLE.matrix01 .ni { color: #FFFFFF; font-weight: bold; background: #336633; }
TABLE.matrix01 .uk span, TABLE.matrix01 .england span, TABLE.matrix01 .wales span, TABLE.matrix01 .scotland span, TABLE.matrix01 .ni span { font-weight: normal; } 
/* crown dependencies */
TABLE.matrix01 .cd { color: #FFFFFF; font-weight: bold; background: #999966; }
TABLE.matrix01 .row_no_spec { color: #FFFFFF; font-weight: bold; background: #666666; }
TABLE.matrix01 .no_spec_ttl { font-weight: bold; background: #DDDDDD; }
TABLE.matrix01 .no_spec_dat { background: #DDDDDD; }
TABLE.matrix01 .lightblue01 { background: #DDEAFE; }

/* regions */
TABLE.matrix01 .english_region { font-weight: bold; background: #FFFFAA; }

TABLE.dsa { font-size: 0.88em; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
TABLE.dsa td { padding: 4px; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
TABLE.dsa thead { color: #FFFFFF; font-weight: bold; background: url(images/menu_l_h.gif) repeat-x #000066; }
TABLE.dsa thead td { border-bottom: 1px solid #6699CC; border-left: 1px solid #6699CC; }

/* NOTES */
DIV.note_hd { margin-bottom: 6px; font-size: 0.88em; color: #555555; border-bottom: 2px solid #CCCCCC; }
DIV.notes { margin-bottom: 10px; font-size: 0.88em; color: #555555; }
DIV.notes ol { margin-left: 30px; padding-left: 0; }
DIV.notes li { list-style-type: lower-roman; margin-bottom: 4px; padding-bottom: 4px; }

/* FOOTNOTES - generic */
DIV.footnotes_hd { font-size: 0.88em; color: #555555; border-bottom: 2px solid #CCCCCC; }
DIV.footnotes { padding: 4px; color: #000000; background: #F5F5ED; border: 1px solid #E6E6DF; }
DIV.footnotes_gen { font-size: 0.88em; color: #555555; border-bottom: 2px solid #CCCCCC; }
DIV.footnotes_gen ol { margin-left: 30px; padding-left: 0; font-weight: bold; }
DIV.footnotes_gen li { margin-bottom: 4px; padding-bottom: 4px; }
DIV.footnotes_gen li p { margin-top: 4px; font-weight: normal; }
DIV.footnotes_gen ol table { margin-top: 4px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
DIV.footnotes_gen ol table thead { font-weight: bold; background: #DBDBCB; }
DIV.footnotes_gen ol table td { padding: 4px; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
DIV.footnotes_gen ol.roman { margin-left: 22px; padding-top: 4px; list-style-type: lower-roman; font-weight: normal; }
DIV.footnotes_gen ol.roman li { font-weight: bold; border-bottom: none; font-weight: normal; }


/* DISPLAY */
.hide { display: none; }
.show { display: block; }

/* INDEX */
DIV#mlinks { float: left; width: 100%; margin: 0 0 18px -5px; }
DIV#mlinks .col { float: left; width: 260px; font-size: 12px; }
DIV#mlinks ol, DIV#strand ol { margin: 0 0 0 30px; padding: 0 0 0 0; color: #0033FF; list-style-position: outside;}
DIV#strand ul { margin: 0 0 0 18px; padding: 0 0 0 0; list-style-image: url(images/pdf_doc.gif); list-style-type: none; }
DIV#strand li { padding-left: 4px; vertical-align: middle; }
DIV#mlinks ol li, DIV#strand ol li { margin: 0; padding: 0; vertical-align: middle; }