/* Health Informatics Career Framework Styles */
BODY { padding: 0px; font-size: 0.8em; margin: 0px; color: #333; font-family: Arial, Verdana, Sans-Serif; background: url(images/bg_middle.gif) #FFFFFF repeat-x; }
a { color: #03f; text-decoration: none; }
a:hover { text-decoration: underline; }
.hide { display: none; }

H1 { font-size: 1.6em; font-weight: normal; color: #000000; margin: 0 0 12px 0; padding-bottom: 4px; border-bottom: 1px dotted #CCCCCC; /*background: url(images/h_hr01.gif) repeat-x left bottom;*/ }
H1.annex { font-size: 1.6em; font-weight: normal; color: #000000; border-bottom: 1px solid #CCCCCC; }
H2 { font-size: 1.4em; font-weight: normal; color: #000000; }
H2.annex { font-size: 1.4em; text-decoration: underline; }
H3 { font-size: 1.2em; font-weight: bold; color: #000000; }

UL { margin-left: 1.4em; padding-left: 0; list-style-type: disc; }
UL LI { color: #000000; }
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; }
INPUT { font-size: 12px; 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; mergin: 0; padding: 0; }
DIV .clearfix:unknown { clear: both; display: block; visibility: hidden; height: 0px; content: "." }

DIV#holder { width: 900px; text-align: center; margin: 0 auto 14px auto; }
DIV#header { width: 100%; text-align: left; margin: 0 0 14px 0; padding: 3px 0 0 0; clear: both; }
DIV#header #logos { float: left; width: 100%; margin: 18px 0 18px 0; }
DIV#header #logo1 { float: left; }
DIV#header #logos img { vertical-align: middle; }
DIV#header #logo2 { float: right; }
DIV#header #logo2 img { vertical-align: middle; padding-left: 10px; }
DIV#login { float: right; margin-top: 8px; }
DIV#breadcrumb { color: #0000FF; margin: 1em 0 1em 0; text-align: left; }
DIV#main { margin-top: 20px; text-align: left; font-size: 1em; }
DIV.matrix { padding-bottom: 20px; background: url(images/matrix_bg.jpg) right bottom no-repeat; }


/* NAVIGATION MENUS */
DIV#menu { height: 32px; margin: 0 0 10px 0; padding: 0; text-align: left; background: #FFFFFF; background: url(images/nav_bar.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 0 0 0; border: none; text-decoration: none; background: #330066; }
DIV#menu .pdmenu li.top { width: auto; margin: 0 0 0 0; padding: 0 0 0 0; border-right: 1px solid #9999CC; background: none; }
DIV#menu .pdmenu ul.left li.selected { width: auto; margin: 0; padding: 0 0 0 0; color: #FFFFFF; background: url(images/nav_bgl01.gif) no-repeat left top; }
DIV#menu .pdmenu li.selected { width: auto; margin: 0 0 0 0; padding: 0 0 0 0; color: #FFFFFF; border-right: 1px solid #9999CC; background: url(images/nav_bg01.gif) repeat-x left top; }


DIV#menu .pdmenu li.top a , DIV#menu .pdmenu li.selected a { text-decoration: none; display: block; font-weight: normal; color: #FFFFFF; background: none; padding: 8px 4px 8px 4px; }
DIV#menu .pdmenu ul.left li.top a:hover { color: #FFFFFF; background: url(images/nav_bgl01.gif) no-repeat left top; }
DIV#menu .pdmenu li.top a:hover, DIV#menu .pdmenu li.selected 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, #menu .pdmenu li.over ul { width: 200px; display: block; position: absolute; z-index: 10; padding: 0; margin: 0; }
DIV#menu .pdmenu li li { font-size: 11px; }	
DIV#menu .pdmenu li.top li a { padding: 2px 0 2px 5px; 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; }

DIV#menu .search { float: left; width: 100px; margin-top: 3px; }
DIV#menu .search input { }


DIV#breadcrumb { font-size: 0.84em; margin-left: 2px; margin-bottom: 20px; }


/* NAVIGATION */
.nav { font-size: 1em; 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; }

.alt_pres { margin: 4px 0 10px 0; text-align: right; }
.alt_pres a { font-size: 0.9em; }

.options { width: 100%; font-size: 0.9em; }
.options div { float: right; margin-right: 12px; }
.options a { color: #808080; }
.options a:hover { color: #03f; }
.print { background: url(images/print01.gif) left center no-repeat; padding: 5px 0 5px 22px; }
.word { background: url(images/word_doc.gif) left center no-repeat; padding: 5px 0 5px 22px; }

/* SEARCH - PAGE */
.query_holder { }
.search_input { width: 250px; padding: 2px; font-size: 0.9em; }
.s_help { width: 100%; margin-bottom: 1em; padding-top: 1em; color: #555555; }
.tips { font-weight: bold; }

.searchform { padding: 10px 4px 10px 4px; margin-bottom: 12px; border: 1px solid #CCCCCC; background: #E8E8E8; }
.sel_per_page { font-size: 0.9em; }
.sel_cats { }
.match { margin-bottom: 4px; }
.other { }
.categories { }
.perpage { }

.search_boxhd { width: 900px; height: 32px; background: url(images/search_hd1.gif) left top no-repeat; }
.searchheading { margin-bottom: 4px; font-size: 1.6em; font-weight: normal; color: #003399; }
.summary { font-size: 0.9em; margin-bottom: 1em; }
.range { font-size: 0.9em; margin-bottom: 12px; }
.result_pages { font-size: 0.9em; margin: 0 0 8px 0; }

.sri { width: 800px; height: 32px; margin: 0; padding: 0; background: url(images/sr_row_bg.gif) left top no-repeat; }
DIV.search_result { margin-bottom: 4px; }
DIV.search_result .result_title { margin-bottom: 4px; font-size: 1.2em; }
DIV.search_result .context, DIV.search_result .details { margin: 4px 0 4px 0; font-size: 0.9em; }

/* A - Z */
DIV.a2z { float: left; }
DIV.letter { float: left; width: 20px; height: 20px; border: 1px solid #DDDDDD; text-align: center; padding: auto 0 auto 0; vertical-align: center; }
DIV.letter a { width: 20px; height: 20px; font-size: 18px; }
DIV.letter a:hover { background: #EEEEEE; }

DIV.a2z { float: left; }
DIV.a2z ul { margin: 0; padding: 0; list-style-type: none; }
DIV.a2z li { float: left; margin-right: 2px; border: 1px solid #BBBBBB; text-align: center; vertical-align: center; background: url(images/a2z_bg1.gif) }
DIV.a2z .letter { width: 30px; }
DIV.a2z li a { display: block; padding: 4px; font-weight: bold; }
DIV.a2z li a:hover { background: #99CCFF; text-decoration: none; }

/* CASE STUDIES */
.case_study { margin-bottom: 40px; }
.case_study h2 { padding-bottom: 6px; border-bottom: 1px dotted #CCCCCC; }

/* TABLES */
.hdi { width: 900px; height: 32px; margin: 0px; padding: 0px; background: url(images/jr_row_bg.gif) left top no-repeat; }
.tbl_jr { margin-top: 0px; width: 100%; border: 1px solid #DDDDDD; }
.tbl_jr td { padding: 4px; vertical-align: top; border-top: 1px dotted #CCCCCC; }
.tbl_jr .hd td { padding: 4px; font-weight: bold; border: none; background: #DDDDDD; }
.tbl_jr .no { width: 20px; padding-right: 4px; color: #666666; }
.tbl_jr .jr { width: 600px; }
.tbl_jr .details { padding-bottom: 2px; }
.tbl_jr .title a { font-size: 1.2em; }
.tbl_jr .showdesc { margin: 4px 0 4px 0; font-size: 0.84em; }
.tbl_jr .showdesc a { color: #808080; }
.tbl_jr .showdesc a:hover { color: #03f; }
.tbl_jr .summary { font-size: 1em; padding-bottom: 2px; }
.tbl_jr .desc { font-size: 1em; padding-bottom: 2px; }
.tbl_jr .desc p { margin: 0; padding: 0; }

.cf_lvl { text-align: right; }

.tbl_nos { width: 100%; }
.tbl_nos h3 { margin: 0; padding: 0; }
.tbl_nos td { padding: 4px 0 4px 0; vertical-align: top; border-bottom: 1px dotted #CCCCCC; }
.tbl_nos .hd td { padding: 2px 0 4px 0; font-weight: bold; }
.tbl_nos .no { float: left; width: 2em; padding-right: 4px; color: #808080; }
.tbl_nos .details { float: left; padding-bottom: 2px; }
.tbl_nos .title a { font-weight: bold; }
.tbl_nos .showdesc { margin-top: 4px; }
.tbl_nos .desc { font-size: 0.84em; padding-bottom: 2px; }

.jr_ban { width: 900px; height: 32px; margin: 0px; padding: 0px; background: url(images/jr_ban.gif) left top no-repeat; }
.jobrole { padding: 0px; border: 1px solid #DDDDDD; }
.jobrole .content { padding: 8px; }
.jobrole h2 { margin: 0; padding: 0 0 8px 0; font-size: 1.6em; border-bottom: 1px solid #CCCCCC; }

DIV.sort { float: right; font-size: 0.84em; }
DIV.sort a { color: #808080; }
DIV.sort a:hover { color: #03f; }
DIV.sort img { padding-right: 2px; vertical-align: middle; }

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

.links { margin-left: 0px; padding-left: 0px; list-style-type: none; }
.links LI { padding-bottom: 4px; }

.author { padding: 12px 0 12px 0; text-align: right; font-size: 11px; color: #808080; }
.author a { font-size: 11px; color: #808080; }

/* EVALUATION */
#frmcstool div { vertical-align: middle; }
#frmcstool div img { padding-right: 8px; vertical-align: middle; }
#frmcstool div input { margin-top: -14px; width: 40px; }