/* SimplestNet 3 Intranet css Eric Grossi 11 apr 2006 Copyright 2004-2006 SimplestNet Inc. See the enclosed file GPL for license information (GPL). If you did not receive this file, see http://www.gnu.org/copyleft/gpl.html. */ /* default element */ html, body { background: #C7C7C7; color: #222222; font-family: Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; /*overflow: hidden;*/ margin: 0px; padding: 0px; height: 100%; width: 100%; } img { border: none; margin: 0px; padding: 0px; } a { text-decoration: none; color: #064178; font-weight: bolder; } p { margin: 0px; padding: 2px; } a:hover { color: #045EB2; } a:active { color: #045EB2; } a:focus { color: #045EB2; } input { font-family: Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif; } form { padding: 0px; margin: 0px; } /* main layout */ #frame { width: 100%; height: 100%; background: url(../images/layout/bodybk.png); } #frtop { vertical-align: top; } #frbottom { vertical-align: bottom; } #header { width: 100%; height: 95px; background: url(../images/layout/header_02.png) top repeat-x; color: #C5D8E7; } #header .logo { width: 230px; vertical-align: top; text-align: left; background: url(../images/layout/header_01.png) left top no-repeat; } #header .logo img { margin-top: 2px; margin-left: 2px; } #header .title { vertical-align: top; text-align: center; font-size: 20px; font-weight: bold; padding-top: 30px; color: #DFF1FF; cursor: default; } #header .ctrl { width: 230px; vertical-align: top; padding: 0px; padding-top: 15px; background: url(../images/layout/header_04.png) left top no-repeat; } #header .lngsel { margin-left: 12px; margin-right: 9px; margin-top: 4px; font-weight: bold; height: 20px; cursor: default; } #header .lcuser { margin-left: 12px; margin-right: 9px; padding-top: 1px; font-weight: bold; cursor: default; border-top: solid 1px #073B52; } #header .cuser { margin-left: 12px; margin-right: 9px; white-space: nowrap; padding-top: 1px; cursor: default; } #header .cuser a { float: left; color: #B4CFE4; padding-bottom: 4px; } #header .cuser a:hover { float: left; color: #CEE2F2; } #header .cuser img { margin-right: 3px; margin-bottom: -4px; } #body { padding-left: 5px; padding-right: 5px; padding-bottom: 8px; margin: 0px; } #minwidth { width: 940px; height: 2px; font-size: 0px; } #footer { height: 20px; background: url(../images/layout/footer.png) left top repeat-x; } #footer p { padding: 0px; margin: 0px; padding-top: 4px; font-size: 10px; font-weight: bold; color: #C5D8E7; text-align: center; cursor: default; white-space: nowrap; } /* language menu */ #titlang { float: left; height: 17px; padding-top: 2px; } #seplang { float: right; height: 18px; width: 24px; background: url(../images/layout/r-arrow.png) top left no-repeat; } #mnlang { float: right; } /* main menu */ #menubar { width: 100%; height: 35px; background: url(../images/layout/menubar_03.png) top repeat-x; } #menubar .left { width: 30px; background: url(../images/layout/menubar_01.png) top left no-repeat; } #menubar .right { width: 30px; background: url(../images/layout/menubar_05.png) top right no-repeat; } #lmenu { vertical-align: middle; } #lmenu .imgmenu { float: left; } #lmenu .txtmenu { float: left; padding-top: 2px; } #rmenu { vertical-align: middle; width: 125px; } /* -- Error printing -- */ #error { font-size: 12px; font-weight: bold; text-align: center; color: #ff0000; padding-top: 10px; } /* login panel */ #loginfrm { width: 500px; height: 300px; margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 60px; background: url(../images/layout/login-panel.png) top left no-repeat; padding: 0px; } #loginfrm .title { height: 100px; padding-top: 40px; text-align: center; font-size: 18px; font-weight: bold; color: #C5D8E7; } #loginfrm .err { padding-top: 8px; text-align: center; font-size: 12px; font-weight: bold; color: #A90A0A; background: url(../images/layout/login-panel-err.png) top left no-repeat; width: 406px; height: 22px; margin-left: auto; margin-right: auto; margin-top: 10px; } #loginfrm .entry { padding-left: 75px; padding-right: 75px; line-height: 40px; color: #3e5e7d; } #loginfrm .label { font-size: 13px; font-weight: bold; } #loginfrm .value { background: #93BFEA; float: right; clear: right; width: 55%; margin-top: 10px; color: #2a4c6b; border-top: solid 1px #163a5b; border-left: solid 1px #163a5b; border-bottom: solid 1px #527594; border-right: solid 1px #527594; font-size: 13px; font-weight: bold; } #loginfrm .action { padding-top: 35px; text-align: center; } #loginfrm .button { font-size: 11px; font-weight: bold; border: none 0px; height: 22px; width: 100px; background: #477dc9 url(../images/layout/button.png) left top no-repeat; cursor: pointer; } #loginfrm .obutton { font-size: 11px; font-weight: bold; border: none 0px; height: 22px; width: 100px; background: #517ca9 url(../images/layout/obutton.png) left top no-repeat; color: #bbbbbb; } /* top path list */ #pathlist { width: 100%; margin-top: 2px; } #pathlist .tleft { height: 6px; width: 11px; background: url(../images/layout/path-list_03.png) right top no-repeat; } #pathlist .top { background: url(../images/layout/path-list_05.png) left bottom repeat-x; } #pathlist .tright { width: 10px; background: url(../images/layout/path-list_07.png) left top no-repeat; } #pathlist .left { background: url(../images/layout/path-list_12.png) right top repeat-y; } #pathlist .right { background: url(../images/layout/path-list_14.png) left top repeat-y; } #pathlist .bleft { height: 6px; background: url(../images/layout/path-list_18.png) right top no-repeat; } #pathlist .bottom { background: url(../images/layout/path-list_19.png) left bottom repeat-x; } #pathlist .bright { background: url(../images/layout/path-list_20.png) left top no-repeat; } #pathlist .content { text-align: left; } #pathlist .element { float: left; padding-top: 3px; margin-right: 10px; white-space: nowrap; } #pathlist .icon { vertical-align: top; margin-top: -3px; margin-right: 2px; } /* objects list */ #memotop { margin-top: 3px; margin-bottom: 1px; margin-left: 4px; margin-right: 4px; border-top: solid 1px #888888; border-bottom: solid 1px #eeeeee; border-left: solid 1px #888888; border-right: solid 1px #eeeeee; } #memotop .outset { border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; border-left: solid 1px #eeeeee; border-right: solid 1px #888888; background: #dfdfdf; } #memotop .padded { padding: 5px; cursor: default; color: #064178; } #objlist { width: 100%; background: url(../images/layout/oblist_10.png); table-layout: fixed; } #objlist td { vertical-align: top; } #objlist .order { float: left; background: #428ED8; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; color: #B4CFE4; border: solid 1px #3C6994; } #objlist .order:hover { color: #CEE2F2; border: solid 1px #285581; } #objlist .odir { margin-left: 5px; } #objlist .btleft { width: 8px; height: 8px; background: url(../images/layout/oblist_01.png) left top no-repeat; } #objlist .top { background: url(../images/layout/oblist_03.png) left top repeat-x; } #objlist .btright { width: 8px; background: url(../images/layout/oblist_05.png) left top no-repeat; } #objlist .bleft { width: 8px; font-size: 0px; background: url(../images/layout/oblist_09.png) left top repeat-y; } #objlist .bright { width: 8px; font-size: 0px; background: url(../images/layout/oblist_11.png) left top repeat-y; } #objlist .bbleft { width: 8px; height: 8px; background: url(../images/layout/oblist_15.png) left top no-repeat; } #objlist .bottom { background: url(../images/layout/oblist_16.png) left top repeat-x; } #objlist .bbright { width: 8px; background: url(../images/layout/oblist_17.png) left top no-repeat; } #objlist .footer { height: 25px; padding-top: 3px; background: url(../images/layout/oblbottom_03.png) left bottom repeat-x; } #objlist .fleft { float: left; width: 10px; height: 22px; margin-top: 3px; background: url(../images/layout/oblbottom_01.png) left top no-repeat; } #objlist .fright { float: right; width: 10px; height: 22px; margin-top: 3px; background: url(../images/layout/oblbottom_05.png) left top no-repeat; } #objlist .fcenter { float: left; width: 100%; margin-left: -10px; margin-right: -10px; height: 20px; margin-top: 5px; } #objlist .odd { background: url(../images/layout/oblist_odd.png); } #objlist .waction { width: 142px; } #objlist .caction { height: 29px; font-weight: bold; vertical-align: middle; text-align: right; background: url(../images/layout/obltop_01.png) left top no-repeat; } #objlist .vaction { border-left: solid 1px #eeeeee; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .wsel { width: 20px; } #objlist .csel { font-weight: bold; vertical-align: top; padding-top: 4px; background: url(../images/layout/obltop_03.png) left top repeat-x; } #objlist .vsel { cursor: pointer; text-align: center; padding-top: 2px; padding-bottom: 1px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .wrank { width: 45px; } #objlist .crank { font-weight: bold; vertical-align: top; padding-top: 4px; background: url(../images/layout/obltop_03.png) left top repeat-x; } #objlist .vrank { cursor: pointer; text-align: center; color: #064178; padding-top: 4px; padding-bottom: 4px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .wtype { width: 24px; } #objlist .ctype { font-weight: bold; vertical-align: middle; background: url(../images/layout/obltop_03.png) left top repeat-x; } #objlist .vtype { cursor: pointer; text-align: center; padding-top: 2px; padding-bottom: 1px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .vtype img { vertical-align: width: 20px; height: 20px; bottom; margin-left: 2px; margin-right: 2px; } #objlist .wname { width: 195px; } #objlist .cname { font-weight: bold; padding-top: 4px; background: url(../images/layout/obltop_03.png) left top repeat-x; } #objlist .fltname { float: left; width: 100px; font-size: 11px; font-weight: bold; height: 14px; margin-left: 5px; border-top: solid 1px #144472; border-bottom: solid 1px #265C90; border-left: solid 1px #144472; border-right: solid 1px #265C90; padding-left: 2px; padding-right: 2px; background: #4686C5; color: #C9D7E2; } #objlist .vname { cursor: pointer; padding-top: 4px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .wrname { width: 264px; } #objlist .crname { font-weight: bold; padding-top: 4px; background: url(../images/layout/obltop_03.png) left top repeat-x; } #objlist .vrname { color: #064178; cursor: pointer; padding-top: 4px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .wdesc { } #objlist .cdesc { font-weight: bold; padding-top: 4px; background: url(../images/layout/obltop_03.png) left top repeat-x; } #objlist .fltdesc { float: left; width: 120px; font-size: 11px; font-weight: bold; height: 14px; margin-left: 5px; border-top: solid 1px #144472; border-bottom: solid 1px #265C90; border-left: solid 1px #144472; border-right: solid 1px #265C90; padding-left: 2px; padding-right: 2px; background: #4686C5; color: #C9D7E2; } #objlist .vdesc { cursor: pointer; color: #064178; padding-top: 4px; padding-bottom: 4px; padding-left: 2px; padding-right: 2px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .vdesc pre { font-family: Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; } #objlist .thumb { vertical-align: top; float: left; } #objlist .wsize { width: 80px; } #objlist .csize { font-weight: bold; padding-top: 4px; background: url(../images/layout/obltop_03.png) left top repeat-x; } #objlist .vsize { cursor: pointer; color: #064178; padding-top: 4px; padding-bottom: 2px; padding-left: 2px; padding-right: 6px; text-align: right; white-space: nowrap; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .wdate { width: 170px; } #objlist .cdate { font-weight: bold; padding-top: 4px; background: url(../images/layout/obltop_05.png) right top no-repeat; } #objlist .fltdate { float: left; width: 85px; font-size: 11px; font-weight: bold; height: 14px; margin-left: 5px; border-top: solid 1px #144472; border-bottom: solid 1px #265C90; border-left: solid 1px #144472; border-right: solid 1px #265C90; padding-left: 2px; padding-right: 2px; background: #4686C5; color: #C9D7E2; } #objlist .vdate { cursor: pointer; padding-top: 4px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; border-right: solid 1px #888888; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .vdateoff { cursor: default; padding-top: 4px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; border-right: solid 1px #888888; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .link { font-weight: normal; padding: 0px; margin: 0px; border: none; } #objlist .unit { float: right; width: 20px; text-align: left; } #objlist .wlinfo { width: 6px; } #objlist .clinfo { height: 30px; background: url(../images/layout/obltop_01.png) left top no-repeat; } #objlist .vlinfo { border-left: solid 1px #eeeeee; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .winfo { width: 160px; } #objlist .cinfo { font-weight: bold; color: #CEE2F2; padding-top: 6px; background: url(../images/layout/obltop_03.png) left top repeat-x; } #objlist .vinfo { padding-top: 2px; padding-bottom: 2px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .wctrl { width: 60px; } #objlist .cctrl { font-weight: bold; padding-top: 6px; color: #CEE2F2; background: url(../images/layout/obltop_03.png) left top repeat-x; } #objlist .vctrl { padding-top: 2px; padding-bottom: 2px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .vctrl img { padding: 2px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; border-left: solid 1px #eeeeee; border-right: solid 1px #888888; } #objlist .cmsg { font-weight: bold; padding-top: 6px; color: #CEE2F2; background: url(../images/layout/obltop_03.png) left top repeat-x; } #objlist .vmsg { padding-top: 2px; padding-bottom: 2px; cursor: default; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .wrmsg { width: 6px; } #objlist .crmsg { font-weight: bold; padding-top: 6px; color: #CEE2F2; background: url(../images/layout/obltop_05.png) right top no-repeat; } #objlist .vrmsg { border-right: solid 1px #888888; padding-top: 2px; padding-bottom: 2px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .sdisc { float: left; width: 24px; height: 24px; margin-right: 2px; background: #b5b5b5 url(../images/icons/discussion.png) 2px 2px no-repeat; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; border-left: solid 1px #eeeeee; border-right: solid 1px #888888; } #objlist .sdisc:hover { background-color: #858585; } #objlist .ddisc { float: left; width: 24px; height: 24px; background: #b5b5b5 url(../images/layout/delete.png) 2px 2px no-repeat; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; border-left: solid 1px #eeeeee; border-right: solid 1px #888888; } #objlist .ddisc:hover { background-color: #858585; } #objlist .reply { float: left; clear: both; width: 80px; font-size: 12px; text-align: center; padding: 3px; border-color: #cccccc #666666 #666666 #cccccc; border-width: 1px; border-style: solid; background-color: #DFE5E8; background: url(../images/layout/buttbk.png); } #objlist .header { height: 29px; margin-left: 0px; margin-right: 0px; font-size: 11px; background: url(../images/layout/oproperty_03.png) left top repeat-x;} #objlist .lheader { float: left; height: 26px; width: 10px; background: url(../images/layout/oproperty_01.png) left top no-repeat; } #objlist .rheader { float: right; height: 26px; width: 15px; background: url(../images/layout/oproperty_05.png) right top no-repeat; } #objlist .linfo { float: left; height: 20px; margin-left: 2px; margin-top: 3px; color: #e5e5e5; font-weight: bold; cursor: default; } #objlist .linfo a { color: #e5e5e5; } #objlist .linfo a:hover { color: #f5f5f5; } #objlist .linfo img { padding-right: 3px; margin-bottom: -5px; } #objlist .wsecu { width: 31px; } #objlist .csecu { height: 29px; padding-top: 4px; text-align: center; background: url(../images/layout/obltop_01.png) left top no-repeat; } #objlist .vsecu { text-align: center; border-left: solid 1px #eeeeee; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .vsecu img { margin-top: 2px; } #objlist .wsecdeff { width: 140px; } #objlist .csecdeff { background: url(../images/layout/obltop_03.png) left top repeat-x; } #objlist .vsecdeff { cursor: default; text-align: center; padding-top: 2px; padding-bottom: 1px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .wlfeed { width: 10px; } #objlist .clfeed { height: 33px; background: url(../images/layout/obltop_01.png) left top no-repeat; } #objlist .vlfeed { border-left: solid 1px #eeeeee; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .wrfeed { width: 10px; } #objlist .crfeed { background: url(../images/layout/obltop_05.png) right top no-repeat; } #objlist .vrfeed { border-right: solid 1px #888888; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #objlist .wsubs { width: 650px; } #objlist .csubs { height: 29px; padding-top: 4px; text-align: left; background: url(../images/layout/obltop_03.png) left top repeat-x; } #objlist .vsubs { border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } /* object list footer */ #oblfooter { margin-left: 10px; margin-right: 10px; padding-top: 1px; font-size: 10px; font-weight: bold; color: #3e5e7d; } #oblfooter img { vertical-align: top; } #oblfooter .records { float: left; margin-top: 2px; margin-right: 10px; cursor: default; } #oblfooter .psize { float: left; margin-left: 20px; margin-top: 2px; cursor: default; } #oblfooter .psizev { float: left; width: 30px; height: 12px; margin-left: 5px; margin-right: 5px; font-size: 10px; font-weight: normal; color: #2a4c6b; border: solid 1px #3C6994; background: #BDD6EF; } #oblfooter .pages { float: right; margin-top: 2px; margin-right: 5px; cursor: default; } #oblfooter .cpages { float: right; width: 30px; height: 12px; margin-right: 5px; font-size: 10px; font-weight: normal; color: #2a4c6b; border: solid 1px #3C6994; background: #BDD6EF; } #oblfooter .mpages { float: right; margin-left: 5px; } /* object control block */ #control { float: left; width: 132px; height: 20px; background: #b5b5b5; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; border-left: solid 1px #eeeeee; border-right: solid 1px #888888; margin-top: 1px; margin-bottom: 1px; margin-left: 2px; } #control div { float: left; width: 20px; height: 20px; margin-left: 1px; } #control .secu { cursor: pointer; background: url(../images/layout/security.png) left top no-repeat; } #control .secuoff { background: url(../images/layout/security-off.png) left top no-repeat; } #control .not { cursor: pointer; background: url(../images/layout/notif.png) left top no-repeat; } #control .notoff { background: url(../images/layout/notif-off.png) left top no-repeat; } #control .grp { cursor: pointer; background: url(../images/layout/group.png) left top no-repeat; } #control .usr { cursor: pointer; background: url(../images/layout/user.png) left top no-repeat; } #control .res { cursor: pointer; background: url(../images/layout/reservation-on.png) left top no-repeat; } #control .resoff { cursor: pointer; background: url(../images/layout/reservation-off.png) left top no-repeat; } #control .resoff2 { cursor: pointer; background: url(../images/layout/reservation-off-off.png) left top no-repeat; } #control .resoff3 { background: url(../images/layout/reservation-off-off.png) left top no-repeat; } #control .resoff4 { cursor: pointer; background: url(../images/layout/reservation-on-off.png) left top no-repeat; } #control .edit { cursor: pointer; background: url(../images/layout/edit.png) left top no-repeat; } #control .editoff { background: url(../images/layout/edit-off.png) left top no-repeat; } #control .prop { cursor: pointer; background: url(../images/layout/property.png) left top no-repeat; } #control .del { margin-left: 4px; cursor: pointer; background: url(../images/layout/delete.png) left top no-repeat; } #control .deloff { margin-left: 4px; background: url(../images/layout/delete-off.png) left top no-repeat; } /* security definition block */ #secdeff { width: 130px; } #secdeff img { vertical-align: top; margin: 0px; padding: 0px; } #secdeff input { margin-left: 0px; margin-right: 0px; margin-bottom: 2px; width: 13px; cursor: pointer; } /* notification definition block */ #notdeff { padding-top: 2px; padding-bottom: 1px; } #notdeff label { color: #064178; cursor: pointer; margin-right: 5px; } #notdeff input { margin: 0px; width: 13px; cursor: pointer; } /* object property panel */ #panel { width: 100%; margin-bottom: 10px; background: url(../images/layout/oblist_10.png); } #panel form { padding: 0px; margin: 0px; } #panel .btleft { width: 8px; height: 8px; background: url(../images/layout/oblist_01.png) left top no-repeat; } #panel .top { background: url(../images/layout/oblist_03.png) left top repeat-x; } #panel .btright { width: 8px; background: url(../images/layout/oblist_05.png) left top no-repeat; } #panel .mborder { width: 8px; height: 2px; font-size: 0px; } #panel .bleft { width: 8px; font-size: 0px; background: url(../images/layout/oblist_09.png) left top repeat-y; } #panel .body { padding: 2px; } #panel .body .layout { width: 100%; } #panel .bright { width: 8px; font-size: 0px; background: url(../images/layout/oblist_11.png) left top repeat-y; } #panel .bbleft { width: 8px; height: 8px; background: url(../images/layout/oblist_15.png) left top no-repeat; } #panel .bottom { background: url(../images/layout/oblist_16.png) left top repeat-x; } #panel .bbright { width: 8px; background: url(../images/layout/oblist_17.png) left top no-repeat; } #panel .header { height: 29px; margin-left: 2px; margin-right: 2px; font-size: 11px; background: url(../images/layout/oproperty_03.png) left top repeat-x;} #panel .lheader { float: left; height: 26px; width: 10px; background: url(../images/layout/oproperty_01.png) left top no-repeat; } #panel .rheader { float: right; height: 26px; width: 15px; background: url(../images/layout/oproperty_05.png) right top no-repeat; } #panel .mheader { width: 945px; height: 2px; clear: both; font-size: 0px; } #panel .control { float: left; padding-top: 1px; } #panel .blinfo { float: left; margin-left: 20px; margin-top: 5px; font-weight: bold; color: #e5e5e5; cursor: default; } #panel .linfo { float: left; margin-left: 2px; margin-top: 5px; color: #e5e5e5; cursor: default; } #panel .lsinfo { float: left; height: 20px; margin-left: 2px; margin-top: 3px; color: #e5e5e5; font-weight: bold; cursor: default; } #panel .lsinfo a { color: #e5e5e5; } #panel .lsinfo a:hover { color: #f5f5f5; } #panel .lsinfo img { padding-right: 3px; margin-bottom: -5px; } #panel .mailto { float: left; width: 20px; height: 20px; margin-top: 2px; background: #b5b5b5 url(../images/layout/mailto.png) left top no-repeat; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; border-left: solid 1px #eeeeee; border-right: solid 1px #888888; } #panel .mailto:hover { background-color: #858585; } #panel .brinfo { float: right; margin-right: 2px; margin-top: 5px; font-weight: bold; color: #e5e5e5; cursor: default; } #panel .rinfo { float: right; margin-right: 10px; margin-top: 5px; color: #e5e5e5; cursor: default; } #panel .rinfol { float: right; margin-right: 10px; margin-top: 5px; color: #e5e5e5; } #panel .rinfol:hover { color: #f5f5f5; } #panel .pleft { width: 49%; padding: 5px; vertical-align: top; border-left: solid 1px #eeeeee; border-right: solid 1px #888888; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #panel .pright { padding: 5px; vertical-align: top; border-left: solid 1px #eeeeee; border-right: solid 1px #888888; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #panel .pbottom { padding: 5px; vertical-align: top; border-left: solid 1px #eeeeee; border-right: solid 1px #888888; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #panel .label { display: block; clear: left; font-size: 12px; font-weight: bold; margin-bottom: 3px; cursor: default; } #panel .label img { vertical-align: bottom; } #panel .value { padding: 2px; margin-bottom: 5px; font-weight: normal; border-left: solid 1px #888888; border-right: solid 1px #eeeeee; border-top: solid 1px #888888; border-bottom: solid 1px #eeeeee; cursor: default; } #panel .bvalue { float: left; padding: 10px; margin-bottom: 5px; font-weight: normal; border-left: solid 1px #888888; border-right: solid 1px #eeeeee; border-top: solid 1px #888888; border-bottom: solid 1px #eeeeee; cursor: default; } #panel pre.value { font-family: Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; margin-bottom: 5px; } #panel .view { padding-top: 5px; border-top: solid 1px #888888; cursor: default; } #panel .vedit { display: block; width: 98%; font-size: 12px; padding: 2px; margin-bottom: 5px; background: #ebebeb; border-left: solid 1px #888888; border-right: solid 1px #eeeeee; border-top: solid 1px #888888; border-bottom: solid 1px #eeeeee; } #panel textarea.vedit { height: 60px; font-family: Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif; overflow: auto; padding: 2px; margin-bottom: 5px; } #panel .ldownload { float: left; margin-top: 7px; padding-right: 10px; } #panel .download { border-left: solid 1px #eeeeee; border-right: solid 1px #888888; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #panel .action { text-align: center; padding-top: 5px; } #panel .button { font-size: 11px; font-weight: bold; border: none 0px; height: 22px; width: 125px; background: #477dc9 url(../images/layout/gbutton.png) left top no-repeat; cursor: pointer; } #panel .obutton { font-size: 11px; font-weight: bold; border: none 0px; height: 22px; width: 125px; background: #517ca9 url(../images/layout/ogbutton.png) left top no-repeat; color: #bbbbbb; } /* object version list */ #version { width: 400px; margin-left: auto; margin-right: auto; background: url(../images/layout/oblist_10.png); } #version td { vertical-align: top; font-size: 12px; padding-top: 3px; padding-bottom: 3px; padding-left: 2px; padding-right: 2px; cursor: pointer; } #version .odd { background: url(../images/layout/oblist_odd.png); } #version .vnum { width: 100px; font-weight: bold; border-left: solid 1px #eeeeee; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #version .vsize { text-align: right; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #version .vdate { width: 160px; text-align: right; border-right: solid 1px #888888; border-top: solid 1px #eeeeee; border-bottom: solid 1px #888888; } #version .unit { float: right; width: 20px; text-align: left; } /* compatibility */ #content { width: 100%; } #path { height: 50px; padding: 0px; }