html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, hr { margin: 0; padding: 0; } html { height: 100%; } body { height: 100%; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; min-width: 960px; background: #f3f3f3; } #global { position: relative; top: 0; min-height: 100%; } * html #global { height: 100%; } h1 { } h2 { } h3 { } p { padding-bottom: 9px; } ul, ol { padding: 0 0 5px 25px; } ul ul, ol ol { padding: 0 0 5px 15px; } ul li { padding: 2px 0 3px 0; } ol li { padding: 2px 0 3px 0; } a img { border: 0 none; } :focus, a, a:active { outline: 0 none; } /* alignment */ .lft { text-align: left; } .ctr { text-align: center; } .rgt { text-align: right; } .jty { text-align: justify; } /* floating */ .flft { float: left; } .frgt { float: right; } .clft { clear: left; } .crgt { clear: right; } img.flft { margin-right: 6px; } img.frgt { margin-left: 6px; } /* header */ #dtop { background: #1f87bb url(../img/top-back.png) repeat-x 0 bottom; color: #fff; height: 40px; } #dtop a { color: #fff; text-decoration: underline; } #dtop a:hover { color: #000; } #dtop h1 { float: left; height: 40px; margin-right: 20px; width: 150px; } #dtop h1 a { background: url(../img/logo.png) no-repeat; display: block; height: 40px; text-indent: -999px; width: 150px; } #dtop #duser { float: right; line-height: 1.125em; padding: 4px 8px; text-align: right; width: 150px; } #dtop #duser p a { text-decoration: none; } #dtop #duser p a:hover { color: #fff; } #dtop #duser p a small { color: #9cf; } #dtop #duser p a:hover small { color: #cce3ff; } #dtop #duser ul { top: 20px; background-color: #ccc; border: 1px solid #999; margin: 0; padding: 0; position: absolute; right: 5px; min-width: 150px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-radius: 5px 0 5px 5px; } #dtop #duser ul#dmenu { display: none; } #dtop #duser ul li { font-size: 11px; list-style: none; padding: 0; text-align: left; } #dtop #duser ul li a { color: #333; display: block; text-decoration: none; padding: 2px 4px; } #dtop #duser ul li:first-child a { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-radius: 5px 0 0 0; } #dtop #duser ul li:last-child a { -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-radius: 0 0 5px 5px; } #dtop #duser ul li a:hover { background-color: #fff; color: #000; } /* search form */ form#search p { padding: 2px 0 7px; line-height: 1em; } form#search p input { width: 140px; height: 12px; padding: 3px 10px 3px 20px; line-height: 12px; font-size: 11px; color: #333; border: 0 none; background: transparent url(../img/search.png) no-repeat left top; } form#search.filled p input { background-position: left -22px; } form#search p button { position: relative; top: 2px; width: 15px; height: 16px; padding: 0; margin: 0; line-height: 16px; text-indent: -9999px; background: transparent; border: 0 none; } form#search p button#b_submit { left: -170px; } form#search p button#b_clear { left: -42px; } /* working area */ #dwork { padding-top: 10px; padding-bottom: 50px; } /* layout : 1 column */ #dmain.full { margin: 0 1%; } /* layout : 2 columns */ #dmain.two, #dmain.three { margin-left: 135px; } #dleft { float: left; width: 110px; overflow: hidden; padding: 50px 10px 0 10px; } #dleft h4 { color: #333; font-size: 11px; border-bottom: 1px solid #666; padding-left: 4px; margin: 5px 0 5px; } #dmain.three #dlist { margin-right: 250px; } /* calendar */ .jdpicker_w .date_selector * { width: auto; height: auto; border: none; background: none; margin: 0; padding: 0; text-align: left; text-decoration: none; font-size:11px; } .jdpicker_w .date_selector { background: #FFF; border: 1px solid #bbb; padding: 3px; margin: -1px 0 0 0; position: absolute; z-index: 100000; display: none; width:180px } .jdpicker_w .date_selector table{ width:180px; margin-left:3px; } .jdpicker_w .date_clearer{ color: #a00; padding-left:3px; cursor:pointer; font-weight:bold; font-family:sans-serif } .jdpicker_w .date_selector_ieframe { position: absolute; z-index: 99999; display: none; } .jdpicker_w .error_msg{ display:none; text-align:center; font-size:0.8em; color:#666 } .jdpicker_w .date_selector .nav { width: 180px; } .jdpicker_w .date_selector .month_nav, .jdpicker_w .date_selector .year_nav { margin: 0 0 3px 0; padding: 0; display: block; position: relative; text-align: center; } .jdpicker_w .date_selector .month_nav { float: left; width: 56%; } .jdpicker_w .date_selector .year_nav { float: right; width: 40%; position:relative; } .jdpicker_w .date_selector .month_nav select { width:60px; margin: 0 auto; border:1px solid #ccc; position:relative; top:1px } .jdpicker_w .date_selector .year_nav .year_input { text-align:center; width:30px; border:1px solid #ccc; position:relative; top:2px } .jdpicker_w .date_selector .month_name, .jdpicker_w .date_selector .year_name { font-weight: normal; line-height: 18px; } .jdpicker_w .date_selector .button { display: block; position: absolute; top: 0; width: 16px; height: 16px; line-height: 16px; font-weight: bold; text-align: center; font-size: 120%; overflow: hidden; cursor:pointer; color: #369; } .jdpicker_w .date_selector .button:hover, .jdpicker_w .date_selector .button.hover { background: #69c; color: #fff !important; cursor: pointer; } .jdpicker_w .date_selector .prev { left: 0; } .jdpicker_w .date_selector .next { right: 0; } .jdpicker_w .date_selector table { margin:0 auto; clear: both; border-collapse: collapse; } .jdpicker_w .date_selector th { padding-top: 5px; padding-bottom: 4px; font-weight: normal; } .jdpicker_w .date_selector th, .jdpicker_w .date_selector td { text-align: center; color: black; } .jdpicker_w .date_selector th.week_label{ font-weight:normal; font-style:italic; font-size:80%; width:20px } .jdpicker_w .date_selector .week_num, .jdpicker_w .date_selector .hover .week_num, .jdpicker_w .date_selector .selected .week_num{ font-style:italic; color:#333 !important; vertical-align:bottom !important; text-align:right; border:none !important; font-size:70%; background:#FCFCFC; padding-right:4px; } .jdpicker_w .date_selector td { border: 1px solid #ccc; line-height: 2em; text-align: center; white-space: nowrap; color: #003C78; background: white; } .jdpicker_w .date_selector td.today { background-color: #fc3; } .jdpicker_w .date_selector td.unselected_month { color: #ccc; } .jdpicker_w .date_selector td.selectable_day, .jdpicker_w .date_selector tr.selectable_week td { cursor: pointer; border:1px solid #aaa; color:#333 } .jdpicker_w .date_selector td.selected, .jdpicker_w .date_selector tr.selected td{ background-color: #369; color: #fff; } .jdpicker_w .date_selector tr.selectable_week.hover td, .jdpicker_w .date_selector td.selectable_day.hover { color: #fff; background-color: #69c; } /* system message */ span#message { padding: 0px 5px 1px; } span#message.message { color: #069; font-weight: bold; background-color: #ff9; } span#message.error { color: #000; font-weight: bold; background-color: #f99; } /* footer */ #dfoot { background: #3298cb url(../img/bot-back.png) repeat-x 0 top; font-size: 11px; color: #fff; height: 16px; margin-top: -22px; padding: 3px 10px; position: relative; } #dfoot a { color: #fff; } #dfoot.exp { margin-top: -306px; height: 300px; } #dfoot #dcopy { float: right; font-size: 10px; } #dfoot #dcopy a { background: url(../img/bot-logo.png); display: block; float: left; height: 16px; text-indent: -9999px; width: 70px; } #dfoot #dcopy span { vertical-align: bottom; font-size: 9px; } hr.clear { clear: left; border: 0 none; height: 0; visibility: hidden; } hr.sep { clear: right; border: 0 none; height: 8px; visibility: hidden; } hr.separator { padding-bottom: 10px; } hr.footer { padding-bottom: 40px; }