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

H1 { font-size: 1.8em; font-weight: normal; color: #330065; }
H2 { font-size: 1.4em; padding-bottom: 4px; font-weight: normal; color: #330065; border-bottom: 0px solid #000066;}
H3 { font-size: 1.2em; font-weight: bold; color: #330065; }
H4 { color: #000066; }

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

FORM { padding: 0px; margin: 0px; border-style: none; }
LABEL { vertical-align: middle; }
INPUT { font-size: 12px; }
INPUT.required { border: 1px solid #FF0000; background: #FFCC66; }
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; }

a.print { padding: 2px 0 2px 20px; background: url(images/print01.gif) no-repeat left center; }
a.word { padding: 2px 0 2px 20px; background: url(images/word_doc.gif) no-repeat left center; }
a.word_btn { padding: 6px 0 6px 28px; background: url(images/word_doc_bg.png) no-repeat left center; }
a.pdf { padding: 2px 0 2px 20px; background: url(images/pdf_doc.gif) no-repeat left center; }
a.zip { padding: 2px 0 2px 20px; background: url(images/zip_doc.gif) no-repeat left center; }
a.page { padding: 2px 0 2px 14px; background: url(images/lnk_01.gif) no-repeat left center; }
a.expanded { padding: 2px 0 2px 14px; background: url(images/lnk_exp01.gif) no-repeat left center; }
a.auth { padding: 2px 0 2px 20px; background: url(images/lock.gif) no-repeat left center; }

li.word { list-style-type: none; background: url(images/word_doc.gif) 0px 3px no-repeat; }
li.pdf { list-style-type: none; background: url(images/pdf_doc.gif) 0px 3px no-repeat; }
li.page { list-style-type: none; background: url(images/lnk_01.gif) left center no-repeat; }

.filesize{ color: #808080; font-size: 0.9em; }

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

/* MASTER PAGE LAYOUT */
DIV#holder { width: 1000px; text-align: center; margin: 0 auto 0 auto; }
DIV#top { width: 1000px; height: 30px; border: 0px solid #CCCCCC; background: url(images/bg_topcurve.png) no-repeat top center; }
DIV#bottom { clear: left; width: 1000px; 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; border: 0px solid #CCCCCC; background: url(images/bg_grad.png) repeat-y; }
DIV#content { clear: right; width: 960px; min-height: 680px; margin: 10px auto 10px auto; border: 0px solid #000000; }
DIV#user { float: right; height: 12px; margin: 8px 24px 0px 0px; font-size: 11px; color: #808080; }
DIV#header { width: 910px; margin: 10px auto 10px auto; clear: both; border: 0px solid #000000; }
DIV#header #logos { width: 100%; }
DIV#header #logo1 { float: left; margin-top: 0px; }
DIV#header #logo2 { float: right; }
DIV#footer { width: 910px; margin: 20px auto 0 auto; padding: 8px 0 8px 0; border-top: 0px dashed #CCCCCC; border-bottom: 0px dashed #CCCCCC; text-align: left; clear: both; }
DIV.developer { width: 760px; margin: 0 auto 10px auto; color: #999999; }
DIV.developer p { text-align: left; }
DIV.developer a { margin-top: 20px; color: #999999; }
DIV#login { float: right; margin-top: 8px; }
DIV#searcharea { padding: 5px 0 10px 27px; background-color: #DDEBF6; }
DIV#searcharea #sitesearch { margin-top: 0px; } 
DIV#searcharea input#query { width: 173px; margin: 0 4px 0 0; padding: 4px 0 4px 5px; border: 0; border-top: 1px solid #C3C4C6; border-left: 1px solid #C3C4C6; color: #0967AF; }
DIV#searcharea #searchbut { position: relative; top: 5px; }
DIV#menu { width: 960px; height: 39px; margin: 0 0 0 0; text-align: left; background: url(images/bg_menu.gif) repeat-x #000066; }
DIV#splashimage { height: 140px; }
DIV#breadcrumb { font-size: 12px; color: #0033FF; margin: 0 0 1em 0; }
DIV#main {  width: 910px; margin: 10px auto 10px auto; }

DIV#main_left { float: left; padding: 0; margin: 2px 0px 0px 0px; width: 220px; font-size: 11px; /*background: #000066;*/ }
DIV#main_left .top { height: 12px; width: 100%; background: url(images/menu_l_top01.gif) no-repeat center top; }
DIV#main_left .content { min-height: 280px; padding: 0 0 0 8px; margin: 0; background: url(images/menu_l_h.gif) repeat-x #000066; }
DIV#main_left .content h1 { font-size: 12px; font-weight: bold; color: #FFFFFF; border-bottom: 1px solid #808080; padding: 0; margin: 0 0 8px 0; }
DIV#main_left .content h2 { font-size: 11px; font-weight: bold; color: #FFFFFF; border: none; 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; padding-bottom: 8px; }
DIV#main_left .content ul li img { vertical-align: middle; }
DIV#main_left .content ul a { color: #FFFFFF; }
DIV#main_left .content ul a:hover { color: #FF5F00; }
DIV#main_left .content a.img { padding: 0; background: none; }
DIV#main_left .content ul a.navlnk { background: url(images/lnk_01.gif); }
DIV#main_left .bottom { height: 8px; width: 100%; background: url(images/menu_l_bot01.gif) no-repeat center bottom; }
DIV#main_left .login_box { margin-top: -3px; }

DIV#main_content { margin-left: 240px; }

/* NAVIGATION MENUS */

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


/* LEFT SUB MENUS */
DIV#main_left .menu_exp li { padding: 4px 0 4px 0; border-bottom: 0px solid #808080; }
DIV#main_left .menu_exp li a { font-weight: bold; text-decoration: none; }

DIV#main_left .menu_exp li ul { margin: 6px 12px 0px 12px; }
/*DIV#main_left .menu_exp li:hover ul { display: block; }*/
DIV#main_left .menu_exp li ul li { font-size: 0.96em; width: 180px; padding: 4px 0 4px 0; border: none; }
DIV#main_left .menu_exp li ul li a { font-weight: normal; }
DIV#main_left .menu_exp li ul li div { margin-left: 22px; }

/* 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.video_menu { width: 300px; height: 310px; padding: 0px; font-size: 0.9em; overflow: auto; border: 1px solid #DDDDDD; background: #EEEEEE; }
DIV.video_menu .video, DIV.video_menu .sel_video { float: left; width: 278px; height: 66px; padding: 2px; margin-bottom: 4px; }
DIV.video_menu .sel_video { background: url(images/menu_l_h.gif) repeat-x; }
DIV.video_menu .sel_video a { color: #FFFFFF; }
DIV.video_menu .video_img { float: left; width: 80px; height: 64px; }
DIV.video_menu .details { float: left; width: 180px; font-size: 0.96em; margin: 4px 0px 4px 12px; }
DIV.video_menu .duration { color: #808080; }
DIV.video_menu .video a img { border: 1px solid #DDDDDD; }
DIV.video_menu .video a img:hover { border: 1px solid #0033FF; }
DIV.video_menu .sel_video a img { border: 1px solid #003366; }
DIV.video_menu .sel_video a img:hover { border: 1px solid #FFFFFF; }

/* NAVIGATION */
.nav { font-size: 0.88em; margin: 3em 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 { }
TABLE td { empty-cells: show; }

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

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

/* BOXES */
DIV.boxr { float: right; }
DIV.didyoufind { color: #444444; font-size: 11px; }
DIV.didyoufind .dyftop { width: 200px; height: 6px; margin: 0; padding: 0; background: url(images/dyf_top.png) no-repeat left bottom; }
DIV.didyoufind .dyfcontent { width: 184px; height: 66px; margin: 0; padding: 4px 8px 0 8px; background: url(images/dyf_bg01.gif) no-repeat #CCFF33;}
DIV.didyoufind .dyfcontent a { color: #0033FF; }
DIV.didyoufind .dyfcontent a:link { color: #0033FF; }
DIV.didyoufind .dyfcontent a:hover { color: #0033FF; }
DIV.didyoufind .dyfcontent a:visited { color: #0033FF; }
DIV.didyoufind .dyfbottom { width: 200px; height: 6px; background: url(images/dyf_bot.png) no-repeat left top; }

/* SITE SEARCH */
.searchform { margin-bottom: 1.2em; padding: 6px; border: 1px solid #DDDDDD; background: url(images/corp_bg_01.gif) no-repeat right bottom #EEEEEE; }
.searchform input, .searchform select, .searchform label { vertical-align: middle; }
.searchform input.search_btn { position: relative; }
.searchform .search_input { width: 250px; }
.sel_per_page { font-size: 1em; }
.categories { vertical-align: middle; font-size: 0.9em; }
.perpage { font-size: 0.9em; }
.match { font-size: 0.9em; padding: 8px 0 8px 0; }

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

.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: 860px; }

.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; width: 700px; font-size: 0.9em; 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; }

.nfs h2 { border-bottom: 1px solid #DDDDDD; }
.nfs .contact { margin-top: 30px; font-size: 0.9em; }
.nfs .name { margin-bottom: 4px; }

/* EFS DATABASE */
TABLE.nos, TABLE.allmodules { width: 100%; }
TABLE.nos td, TABLE.allmodules td { padding: 0px 4px 6px 0px; vertical-align: middle; }

TABLE.modules { }
TABLE.modules td { padding: 0px 4px 4px 0px; vertical-align: top; }

TABLE.modulebtns { text-align: center; }

TABLE.keywords { width: 100%; }
TABLE.keywords td { padding: 6px 4px 6px 0px; vertical-align: top; border-bottom: 1px dotted #DDDDDD; }

#feedbackform .label { margin-bottom: 2px; }

/* LOGIN */
INPUT.username, INPUT.email { width: 190px; }
INPUT.password { width: 160px; }

DIV.sidebar_login_top { width: 204px; height: 3px; background: url(images/side_bar_login_top.gif) no-repeat; }
DIV.sidebar_login .login_for { margin-bottom: 4px; }
DIV.sidebar_login { padding: 3px 6px 6px 6px; color: #000000; background: url(images/side_bar_login_bg.gif) repeat-x; }
DIV.sidebar_login INPUT.username, DIV.sidebar_login INPUT.password { width: 160px; }
DIV.sidebar_login .prompt { margin: 4px 0px 4px 0px; }
DIV.sidebar_login_bot { width: 204px; height: 3px; background: url(images/side_bar_login_bot.gif) no-repeat; }


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

.iterms { width: 600px; height: auto; border: 1px solid #DDDDDD; }
.terms { width: 70%; }
.conditions { font-family: "Courier New", Courier, mono; margin-top: 30px; font-size: 0.9em; }
.conditions ol li { padding-left: 0; margin: 0 0 12px -12px; }

#frmvaccept .label { float: left; width: 11em; }
#frmvaccept .value { float: left; }
#frmvaccept .value input { width: 200px; }

.dl_note { padding: 6px 6px 6px 6px; margin-bottom: 40px; font-size: 0.85em; border: 1px solid #DDDDDD; background: url(images/diag01.gif) #EEEEEE; }

TABLE.user_files { width: 100%; }
TABLE.user_files a:visited { color: #551A8B; }
TABLE.user_files thead tr { padding: 4px; border: 1px solid #DDDDDD; }
TABLE.user_files thead td { font-size: 0.9em; padding: 4px; font-weight: bold; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background: #EEEEEE; }
TABLE.user_files tbody td { padding: 4px; border-bottom: 1px dotted #DDDDDD; }