@CHARSET "UTF-8"; body {background:#f9f3e3;} #boundary {min-width:960px; width:960px; margin:0 auto; position:relative;} /* 原高172px */ #header {background:url(/p/css/default.img/header01.png) no-repeat left bottom; font-size:12px; height:149px; } .full #header {background:url(/p/css/default.img/header02.png) no-repeat left bottom;} .side #header {background:url(/p/css/default.img/header03.png) no-repeat left bottom;} /* 原top:42px */ #logo {left:30px; top:22px; position:absolute;} #quick_menu {color:#700; font-weight:bold; text-align:right; padding:5px 3px 3px; position:relative; *zoom:1;} #quick_menu a {background:url(/p/css/default.img/point.gif) no-repeat 0 -25px; padding:0 5px 0 10px; margin-left:5px;} #quick_menu a.bug_report {background:url(/p/img/icon/bug.png) no-repeat 0 -1px; padding-left:18px; color:#070;} #quick_menu a.daren {color:#07a; background-position: 0 -10px;} #quick_menu a.close {color:#777; font-weight:normal; background:#eee;} #quick_menu a.online {color:#915; background:none;} #other_webs {position:absolute; right:0px; top:27px; display:none; border:1px solid #ddd; border-width:0px 1px 1px 0;} #other_webs .bd {border:1px solid #b95; background:#fff;} #other_webs a {background:none; padding:2px 6px; display:inline-block;} #online_status {position:absolute; left:26px; top:101px;} /* 原top:79px */ #login_area {color:#666; margin-left:283px; z-index:999; line-height:20px; position:absolute; top:53px; border-left:1px solid #db8; padding:1px 12px; white-space:nowrap;} #login_area .menu {float:left; border-radius:3px; background:rgba(255,255,255,0.7); margin-top:2px; color:#888; padding:1px 3px; height:42px; width:215px;} #login_area .menu a {margin:0 3px 0 2px;} #login_area .menu .sys {border-radius:3px; position:absolute; top:24px; right:-89px; background: #FFF;} #login_area .help {margin-left:6px; vertical-align:text-top; padding-right:18px; } a.helptip span {display:none; background: #FFFFFF;} #login_area .help:hover {/*border-bottom:1px dotted #c33*/} a.helptip {z-index:9; text-decoration:none; background:url(/p/css/img/download.gif) right no-repeat;} a.helptip:hover {position:relative;z-index:99;} a.helptip span {display:none;} a.helptip:hover span {display:block;position:absolute;float:left;white-space:nowrap;top:18px;left:0;background:#666;color:#fff;padding:3px 5px;margin:0;z-index:9;text-align:left;} #tip_msg {color:#ff0000; background:#fff; border:1px solid #aaa; padding:2px; z-index:999; margin-top:1px; position:absolute; right:0px; width:340px;} #tip_msg a {background:#f21; padding:1px 2px; margin:0 1px; color:#fff; white-space:nowrap; border:1px solid #a32; border-width:0 1px 1px 0;} #tip_msg a:hover {background:#710;} #tip_msg .fix_desc {color:#0000aa;} #web_path {position:absolute; left:285px; top:127px; z-index:999;} .full #web_path {left:42px;} #container {background:url(/p/css/default.img/content01.png) repeat-y; display:inline-block; width:100%; padding-bottom:12px;} #container2 {} .full #container {background:url(/p/css/default.img/content02.png) repeat-y;} #content {min-height:380px; _height:380px; padding:0 4px 15px 20px; margin-top:-3px; position: relative;} .full #content {padding:0px 3px 15px 10px;} #content2 {padding:20px 0px;} #main {float:right; width:653px; padding:0 35px 0 0; display:block;} .full #main {width:auto; float:none; padding:0 35px;} #sidebar {width:248px; padding:0 5px 0 15px;} #sidebar2 {padding-left:11px; position: relative;} #sidebar .block { background: url("/p/css/default.img/sidebar_bak.png") no-repeat scroll left bottom transparent; padding: 1px 15px 20px 21px; } #footer {clear:both; background:url(/p/css/default.img/footer01.png) no-repeat; height:167px;} #footer2 {padding-top:70px; padding-left:20px;} .full #footer {clear:both; background:url(/p/css/default.img/footer02.png) no-repeat;} #chihlee_logo {float:left; margin-right:10px; font-size:12px;} #about_school {} #copyright {} label.error {color:#ff0000; padding-left: 6px; border-left:3px solid #ff0000; margin:0 1px;} #error_message { color:#f00; font-size:23px; text-align:center; padding-top:50px;} #login_now {text-align:center; border-top:1px solid #ddd; margin:5px 170px 0; padding-top:5px;} #login_now a {display:block; padding:3px 0;} #error_message_bar {background:#fff; padding:0 3px; color:#f00; border-bottom:1px solid #edc;} #error_message_bar img {padding:1px 3px;} #port_header {} #port_header ul li {display:inline-block; *display:inline; *zoom:1; padding:0 6px; margin:2px; border:1px dotted #aaa; } #port_header ul li:hover {background:#fde;} #port_header h1 {border-bottom:1px solid #baa; padding:0 6px; *zoom:1;} #port_header h1 .back {font-size:12px; font-weight:normal; margin:0 2px; padding:1px 2px; background:#eee;} #port_manage {padding:5px 8px; background:#dcc; display:block; zoom:1;} #port_content {color:#b32; font-size:15px; margin-top:12px; _height:300px; min-height:300px;} ul.bar li {display:inline-block; *display:inline; *zoom:1; padding:1px 6px;} ul.bar li.active {background:#edd;} .pic_item {margin:0 auto; border:1px solid #ba9; background:#fed; padding:1px; display:inline-block; *display:inline; *zoom:1; text-align:center;} .pic_item img {height:100%;} .small_pic {width:50px; height:50px; display:block; overflow:hidden;} .big_pic {width:75px; height:75px; display:block; overflow:hidden; } #search_result {color:#e21; font-size:13px; margin-top:5px; background:#fff; display:inline-block;} #search_result li {float:left; background:#edd; border:1px solid #dcc; margin:2px; padding:2px;} #search_result li.title {color:#000; background:none; border:none;} #search_result li.close {float:right; background:#fcc;} .online_status .online {color:#292;} .online_status .offline {color:#888;} .line {margin:15px auto 5px; border:1px solid #eee; background:#cbb; height:1px; font-size:1px; overflow:hidden; width:90%;} .validate_error {font-size:13px; color:#f00; padding-left:3px; } /******************************************************** login */ #login { margin:30px;} #login input { margin:3px; border:1px solid #aaa; padding:2px 3px; vertical-align:middle;} #login .hd { border-bottom:1px dotted #ccc; margin-bottom:10px;} #login .hd h1 {color:#c21;} #login .desc {color:#877;} #login .input_area {margin:20px ;} #ke_content {overflow:hidden; line-height:1.7em; font-size:120%;} #ke_content table {border-spacing:1px; border-collapse:separate;} #ke_content * {line-height:inherit;} #ke_content h1 {font-size:1.5em;} #ke_content h2 {font-size:1.3em;} #ke_content h3 {font-size:1.1em; text-align:left; color:inherit;} #ke_content h4 {font-size:1em} #ke_content ul, #ke_content ol {font-size:inherit;} #ke_content ul li {list-style:square inside; font-size:inherit;} #ke_content ol li {list-style:decimal inside; font-size:inherit;} #ke_content #cube_pic {float:right; margin:0 0 12px 12px;} #ke_content ul, #ke_content ol {padding:6px 12px; margin:0px;} #ke_content img {margin:3px 5px; padding:0px;}@CHARSET "UTF-8"; @font-face { font-family:"EUDC"; src:url("/p/css/font/eudc.tte") format("truetype"); /** 設定firefox、chrome...等使用的字型檔放置的地方 **/ src:url("http://140.131.77.72/sTimeTable/eudc.eot") \9; /** 設定IE使用的EOT字型檔位置 **/ } html {color:#000; background:#FFF;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td{margin:0;padding:0;} input, select, button, textarea {padding:1px; font-size:13px; vertical-align:middle} body {font-family:arial,helvetica,clean,sans-serif;font-size:13px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.8;} img { vertical-align: middle;} a img { border:0;} em {font-style:normal; color:red; margin-right:2px; pdding:1px;} li {list-style:none;} h1 {font-size:16px;} h2 {font-size:12px; font-weight:normal;} h3 {font-size:15px;} .tip_msg {color:#f00; font-size:12px; padding-left:3px;} a {cursor:hand; color:#930;} a:link {color:#930;} a:visited {color:#930;} a:hover {color:#c50; } a:active {} textarea {width:90%;} .clear {clear:both; line-height:0px;} .sName {font-family : "EUDC";} a.sName{font-family : "EUDC";font-size:14px;} #web_path .sName {font-size:14px;}/* * Sexy Buttons * * DESCRIPTION: * Sexy, skinnable HTML/CSS buttons with icons. * * PROJECT URL: * http://code.google.com/p/sexybuttons/ * * AUTHOR: * Richard Davies * http://www.richarddavies.us * Richard@richarddavies.us * * VERSION: * 1.1 * * LICENSE: * Apache License 2.0 (http://www.apache.org/licenses/LICENSE-2.0) * Creative Commons 3.0 Attribution (http://creativecommons.org/licenses/by/3.0/) * * CREDITS: * Inspired by, derived from, and thanks to: * http://www.p51labs.com/simply-buttons-v2/ * http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html * http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba * http://www.elctech.com/snippets/make-your-buttons-look-super-awesome * * USAGE: * Simply add class="sexybutton [skin]" to a */ /* * Generic styles for all Sexy Buttons */ .sexybutton { display: inline-block; margin: 0; padding: 0; font: bold 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important; text-decoration: none !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.20); background: none; border: none; white-space: nowrap; cursor: pointer; user-select: none; -moz-user-select: none; /* Fix extra width padding in IE */ _width: 0; overflow: visible; } .sexybutton span { display: block; /* Prevents :active from working in IE--oh well! */ height: 24px; padding-right: 12px; background-repeat: no-repeat; background-position: right top; } .sexybutton span span { padding-right: 0; padding-left: 12px; line-height: 24px; background-position: left top; } .sexybutton span span span { padding-left: 21px; background-image: none; background-repeat: no-repeat; background-position: left center; /* IE6 still requires a PNG transparency fix */ /* _background-image: none; Or just hide icons from the undeserving IE6 */ /* _padding-left: 0; Or just hide icons from the undeserving IE6 */ } .sexybutton span span span.after { padding-left: 0px; padding-right: 21px; background-position: right center; /* IE6 still requires a PNG transparency fix */ /* _padding-right: 0; Or just hide icons from the undeserving IE6 */ } .sexybutton[disabled], .sexybutton[disabled]:hover, .sexybutton[disabled]:focus, .sexybutton[disabled]:active, .sexybutton.disabled, .sexybutton.disabled:hover, .sexybutton.disabled:focus, .sexybutton.disabled:active { color: #333 !important; cursor: inherit; text-shadow: none; opacity: 0.33; } .sexybutton:hover span, .sexybutton:focus span { background-position: 100% -24px; } .sexybutton:hover span span, .sexybutton:focus span span { background-position: 0% -24px; } .sexybutton:active span { background-position: 100% -48px; } .sexybutton:active span span { background-position: 0% -48px; } .sexybutton[disabled] span, .sexybutton.disabled span { background-position: 100% -72px; } .sexybutton[disabled] span span, .sexybutton.disabled span span { background-position: 0% -72px; } .sexybutton:hover span span span, .sexybutton:focus span span span, .sexybutton:active span span span, .sexybutton[disabled] span span span, .sexybutton.disabled span span span { background-position: left center; } .sexybutton:hover span span span.after, .sexybutton:focus span span span.after, .sexybutton:active span span span.after, .sexybutton[disabled] span span span.after, .sexybutton.disabled span span span.after { background-position: right center; } .sexybutton img { margin-right: 5px; vertical-align: text-top; /* IE6 Hack */ _margin-top: 4px; _vertical-align: text-bottom; /* IE6 still requires a PNG transparency fix */ /* _display: none; Or just hide icons from the undeserving IE6 */ } .sexybutton img.after { margin-right: 0; margin-left: 5px; /* IE6 still requires a PNG transparency fix */ /* _margin-left: 0; Or just hide icons from the undeserving IE6 */ } .sexybutton.sexymedium { font-size: 15px !important; } .sexybutton.sexylarge { font-size: 18px !important; } /* * Button Skins * * .PNG background images with alpha transparency are also supplied if you'd rather use them instead of the * default .GIF images. (Just beware of IE6's lack of support.) * * Additional skins can be added below. The images/skins/ButtonTemplate.psd can be used to create new skins. * Prefix the skin name with "sexy" to avoid any potential conflicts with other class names. */ /* Silver Button Skin (the default skin) */ .sexybutton, .sexybutton.sexysilver { color: #666 !important; } .sexybutton:hover, .sexybutton:focus, .sexybutton.sexysilver:hover, .sexybutton.sexysilver:focus { color: #333 !important; } .sexybutton span, .sexybutton.sexysilver span { background-image: url(/p/css/sexybuttons/images/skins/silver/button_right.png); } .sexybutton span span, .sexybutton.sexysilver span span { background-image: url(/p/css/sexybuttons/images/skins/silver/button_left.png); } /* Orange Button Skin */ .sexybutton.sexyorange, .sexybutton.sexyorange:hover, .sexybutton.sexyorange:focus { color: white !important; } .sexybutton.sexyorange[disabled], .sexybutton.sexyorange[disabled]:hover, .sexybutton.sexyorange[disabled]:active, .sexybutton.sexyorange[disabled]:focus, .sexybutton.sexyorange.disabled, .sexybutton.sexyorange.disabled:hover, .sexybutton.sexyorange.disabled:active, .sexybutton.sexyorange.disabled:focus { color: #333 !important; } .sexybutton.sexyorange span { background-image: url(/p/css/sexybuttons/images/skins/orange/button_right.gif); } .sexybutton.sexyorange span span { background-image: url(/p/css/sexybuttons/images/skins/orange/button_left.gif); } /* Yellow Button Skin */ .sexybutton.sexyyellow, .sexybutton.sexyyellow:hover, .sexybutton.sexyyellow:focus { color: #994800 !important; } .sexybutton.sexyyellow span { background-image: url(/p/css/sexybuttons/images/skins/yellow/button_right.gif); } .sexybutton.sexyyellow span span { background-image: url(/p/css/sexybuttons/images/skins/yellow/button_left.gif); } /* * Simple Skin Buttons */ .sexybutton.sexysimple { position: relative; padding: 5px 10px 5px; font: inherit; font-size: 13px !important; font-style: normal !important; font-weight: bold !important; color: #fff !important; line-height: 1; background-image: url(/p/css/sexybuttons/images/skins/simple/awesome-overlay-sprite.png); background-repeat: repeat-x; background-position: 0 0; /* Special effects */ text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5); /* IE only stuff */ border-bottom: 1px solid transparent\9; _background-image: none; /* Cross browser inline block hack - http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ display: -moz-inline-stack; display: inline-block; vertical-align: middle; *display: inline !important; position: relative; /* Force hasLayout in IE */ zoom: 1; /* Disable text selection (Firefox only)*/ -moz-user-select: none; } .sexybutton.sexysimple::selection { background: transparent; } .sexybutton.sexysimple:hover, .sexybutton.sexysimple:focus { background-position: 0 -50px; color: #fff !important; } .sexybutton.sexysimple:active { background-position: 0 -100px; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7); /* Unfortunately, Safari doesn't support inset yet */ -webkit-box-shadow: none; /* IE only stuff */ border-bottom: 0\9; border-top: 1px solid #666\9; } .sexybutton.sexysimple[disabled], .sexybutton.sexysimple.disabled { background-position: 0 -150px; color: #333 !important; text-shadow: none; } .sexybutton.sexysimple[disabled]:hover, .sexybutton.sexysimple[disabled]:focus, .sexybutton.sexysimple[disabled]:active, .sexybutton.sexysimple.disabled:hover, .sexybutton.sexysimple.disabled:focus, .sexybutton.sexysimple.disabled:active { -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5); } .sexybutton.sexysimple span { height: auto; padding-left: 24px; padding-right: 0; background-position: left center; background-repeat: no-repeat; /* IE6 still requires a PNG transparency fix */ /* _padding-left: 0; Or just hide icons from the undeserving IE6 */ } .sexybutton.sexysimple span.after { padding-left: 0; padding-right: 24px; background-position: right center; /* IE6 still requires a PNG transparency fix */ /* _padding-right: 0; Or just hide icons from the undeserving IE6 */ } /* Simple button colors */ .sexybutton.sexysimple { background-color: #333; } /* Default */ .sexybutton.sexysimple.sexyblack { background-color: #333; } .sexybutton.sexysimple.sexyred { background-color: #a90118; } .sexybutton.sexysimple.sexyorange { background-color: #ff8a00; } .sexybutton.sexysimple.sexyyellow { background-color: #ffb515; } .sexybutton.sexysimple.sexygreen { background-color: #59a901; } .sexybutton.sexysimple.sexyblue { background-color: #015ea9; } .sexybutton.sexysimple.sexyteal { background-color: #2daebf; } .sexybutton.sexysimple.sexymagenta { background-color: #a9014b; } .sexybutton.sexysimple.sexypurple { background-color: #9d01a9; } /* Simple button sizes */ .sexybutton.sexysimple.sexysmall { padding: 4px 7px 5px; font-size: 10px !important; } .sexybutton.sexysimple.sexysmall:active { padding: 5px 7px 4px; } .sexybutton.sexysimple { /* default */ } .sexybutton.sexysimple:active { padding: 6px 10px 4px; } .sexybutton.sexysimple.sexymedium { /* default */ } .sexybutton.sexysimple.sexymedium:active { padding: 6px 10px 4px; } .sexybutton.sexysimple.sexylarge { padding: 8px 14px 8px; font-size: 14px !important; } .sexybutton.sexysimple.sexylarge:active { padding: 9px 14px 7px; } .sexybutton.sexysimple.sexyxl { padding: 8px 14px 8px; font-size: 16px !important; } .sexybutton.sexysimple.sexyxl:active { padding: 9px 14px 7px; } .sexybutton.sexysimple.sexyxxl { padding: 8px 14px 8px; font-size: 20px !important; } .sexybutton.sexysimple.sexyxxl:active { padding: 9px 14px 7px; } .sexybutton.sexysimple.sexyxxxl { padding: 8px 14px 8px; font-size: 26px !important; } .sexybutton.sexysimple.sexyxxxl:active { padding: 9px 14px 7px; } .sexybutton.sexysimple.sexysmall[disabled]:active, .sexybutton.sexysimple.sexysmall.disabled:active { padding: 4px 7px 5px; } .sexybutton.sexysimple[disabled]:active, .sexybutton.sexysimple.disabled:active { padding: 5px 10px 5px; } .sexybutton.sexysimple.sexymedium[disabled]:active, .sexybutton.sexysimple.sexymedium.disabled:active { padding: 6px 10px 4px; } .sexybutton.sexysimple.sexylarge[disabled]:active, .sexybutton.sexysimple.sexylarge.disabled:active { padding: 8px 14px 8px; } .sexybutton.sexysimple.sexyxl[disabled]:active, .sexybutton.sexysimple.sexyxl.disabled:active { padding: 8px 14px 8px; } .sexybutton.sexysimple.sexyxxl[disabled]:active, .sexybutton.sexysimple.sexyxxl.disabled:active { padding: 8px 14px 8px; } .sexybutton.sexysimple.sexyxxxl[disabled]:active, .sexybutton.sexysimple.sexyxxxl.disabled:active { padding: 8px 14px 8px; } /* * Icon Definitions */ /* Silk Icons - http://www.famfamfam.com/lab/icons/silk/ */ /* (Obviously not all Silk icons are defined here. Feel free to define any other icons that you may need.) */ .sexybutton span.ok { background-image: url(/p/css/sexybuttons/images/icons/silk/tick.png) !important; } .sexybutton span.cancel { background-image: url(/p/css/sexybuttons/images/icons/silk/cross.png) !important; } .sexybutton span.add { background-image: url(/p/css/sexybuttons/images/icons/silk/add.png) !important; } .sexybutton span.delete { background-image: url(/p/css/sexybuttons/images/icons/silk/delete.png) !important; } .sexybutton span.download { background-image: url(/p/css/sexybuttons/images/icons/silk/arrow_down.png) !important; } .sexybutton span.download2 { background-image: url(/p/css/sexybuttons/images/icons/silk/package_down.png) !important; } .sexybutton span.upload { background-image: url(/p/css/sexybuttons/images/icons/silk/arrow_up.png) !important; } .sexybutton span.search { background-image: url(/p/css/sexybuttons/images/icons/silk/magnifier.png) !important; } .sexybutton span.find { background-image: url(/p/css/sexybuttons/images/icons/silk/find.png) !important; } .sexybutton span.first { background-image: url(/p/css/sexybuttons/images/icons/silk/resultset_first.png) !important; } .sexybutton span.prev { background-image: url(/p/css/sexybuttons/images/icons/silk/resultset_previous.png) !important; } .sexybutton span.next { background-image: url(/p/css/sexybuttons/images/icons/silk/resultset_next.png) !important; } .sexybutton span.last { background-image: url(/p/css/sexybuttons/images/icons/silk/resultset_last.png) !important; } .sexybutton span.play { background-image: url(/p/css/sexybuttons/images/icons/silk/play_blue.png) !important; } .sexybutton span.pause { background-image: url(/p/css/sexybuttons/images/icons/silk/pause_blue.png) !important; } .sexybutton span.rewind { background-image: url(/p/css/sexybuttons/images/icons/silk/rewind_blue.png) !important; } .sexybutton span.forward { background-image: url(/p/css/sexybuttons/images/icons/silk/forward_blue.png) !important; } .sexybutton span.stop { background-image: url(/p/css/sexybuttons/images/icons/silk/stop_blue.png) !important; } .sexybutton span.reload { background-image: url(/p/css/sexybuttons/images/icons/silk/reload.png) !important; } .sexybutton span.sync { background-image: url(/p/css/sexybuttons/images/icons/silk/arrow_refresh.png) !important; } .sexybutton span.save { background-image: url(/p/css/sexybuttons/images/icons/silk/disk.png) !important; } .sexybutton span.email { background-image: url(/p/css/sexybuttons/images/icons/silk/email.png) !important; } .sexybutton span.print { background-image: url(/p/css/sexybuttons/images/icons/silk/printer.png) !important; } .sexybutton span.heart { background-image: url(/p/css/sexybuttons/images/icons/silk/heart.png) !important; } .sexybutton span.like { background-image: url(/p/css/sexybuttons/images/icons/silk/thumb_up.png) !important; } .sexybutton span.dislike { background-image: url(/p/css/sexybuttons/images/icons/silk/thumb_down.png) !important; } .sexybutton span.accept { background-image: url(/p/css/sexybuttons/images/icons/silk/accept.png) !important; } .sexybutton span.decline { background-image: url(/p/css/sexybuttons/images/icons/silk/decline.png) !important; } .sexybutton span.help { background-image: url(/p/css/sexybuttons/images/icons/silk/help.png) !important; } .sexybutton span.home { background-image: url(/p/css/sexybuttons/images/icons/silk/house.png) !important; } .sexybutton span.info { background-image: url(/p/css/sexybuttons/images/icons/silk/information.png) !important; } .sexybutton span.cut { background-image: url(/p/css/sexybuttons/images/icons/silk/cut.png) !important; } .sexybutton span.copy { background-image: url(/p/css/sexybuttons/images/icons/silk/page_white_copy.png) !important; } .sexybutton span.paste { background-image: url(/p/css/sexybuttons/images/icons/silk/paste_plain.png) !important; } .sexybutton span.erase { background-image: url(/p/css/sexybuttons/images/icons/silk/erase.png) !important; } .sexybutton span.undo { background-image: url(/p/css/sexybuttons/images/icons/silk/arrow_undo.png) !important; } .sexybutton span.redo { background-image: url(/p/css/sexybuttons/images/icons/silk/arrow_redo.png) !important; } .sexybutton span.edit { background-image: url(/p/css/sexybuttons/images/icons/silk/pencil.png) !important; } .sexybutton span.calendar { background-image: url(/p/css/sexybuttons/images/icons/silk/date.png) !important; } .sexybutton span.user { background-image: url(/p/css/sexybuttons/images/icons/silk/user.png) !important; } .sexybutton span.settings { background-image: url(/p/css/sexybuttons/images/icons/silk/cog.png) !important; } .sexybutton span.cart { background-image: url(/p/css/sexybuttons/images/icons/silk/cart.png) !important; } .sexybutton span.wand { background-image: url(/p/css/sexybuttons/images/icons/silk/wand.png) !important; } .sexybutton span.wrench { background-image: url(/p/css/sexybuttons/images/icons/silk/wrench.png) !important; } .boxy-wrapper { position: absolute; } .boxy-wrapper.fixed { position: fixed; } /* Modal */ .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; } /* Border */ .boxy-wrapper { empty-cells: show; } .boxy-wrapper .top-left, .boxy-wrapper .top-right, .boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 } .boxy-wrapper .top-left { background: url('/p/img/boxy/boxy-nw.png'); } .boxy-wrapper .top-right { background: url('/p/img/boxy/boxy-ne.png'); } .boxy-wrapper .bottom-right { background: url('/p/img/boxy/boxy-se.png'); } .boxy-wrapper .bottom-left { background: url('/p/img/boxy/boxy-sw.png'); } /* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */ /* NB: these must be absolute paths or URLs to your images */ .boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/p/img/boxy/boxy-nw.png'); } .boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/p/img/boxy/boxy-ne.png'); } .boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/p/img/boxy/boxy-se.png'); } .boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/p/img/boxy/boxy-sw.png'); } .boxy-wrapper .top, .boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 } .boxy-wrapper .left, .boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 } /* Title bar */ .boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; } .boxy-wrapper .title-bar.dragging { cursor: move; } .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; } .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; } /* Content Region */ .boxy-inner { background-color: white; padding: 0 } .boxy-content { padding: 20px; line-height:24px; } /* Question Boxes */ .boxy-wrapper .question { width: 350px; min-height: 80px; } .boxy-wrapper .answers { text-align: right; } /*styles for jquery ui daterangepicker plugin */ .ui-daterangepickercontain { position: absolute; z-index: 999; } .ui-daterangepickercontain .ui-daterangepicker { float: left; padding: 5px !important; width: auto; display: inline; background-image: none !important; clear: left; } .ui-daterangepicker ul, .ui-daterangepicker .ranges, .ui-daterangepicker .range-start, .ui-daterangepicker .range-end { float: left; padding: 0; margin: 0; } .ui-daterangepicker .ranges { width: auto; position: relative; padding: 5px 5px 40px 0; margin-left: 10px; } .ui-daterangepicker .range-start, .ui-daterangepicker .range-end { margin-left: 5px; } .ui-daterangepicker button.btnDone { margin: 0 5px 5px 0; position: absolute; bottom: 0; right: 0; clear: both; cursor: pointer; font-size: 1.1em; } .ui-daterangepicker ul { width: 17.6em; background: none; border: 0; } .ui-daterangepicker li { list-style: none; padding: 1px; cursor: pointer; margin: 1px 0; } .ui-daterangepicker li.ui-state-hover, .ui-daterangepicker li.ui-state-active { padding: 0; } .ui-daterangepicker li.preset_0 { margin-top: 1.5em !important; } .ui-daterangepicker .ui-widget-content a { text-decoration: none !important; } .ui-daterangepicker li a { font-weight: normal; margin: .3em .5em; display: block; } .ui-daterangepicker li span { float: right; margin: .3em .2em; } .ui-daterangepicker .title-start, .ui-daterangepicker .title-end { display: block; margin: 0 0 .2em; font-size: 1em; padding: 0 4px 2px; } .ui-daterangepicker .ui-datepicker-inline { font-size: 1em; } .ui-daterangepicker-arrows { padding: 2px; width: 204px; position: relative; } .ui-daterangepicker-arrows input.ui-rangepicker-input { width: 158px; margin: 0 2px 0 20px; padding: 2px; height: 1.1em; } .ui-daterangepicker-arrows .ui-daterangepicker-prev, .ui-daterangepicker-arrows .ui-daterangepicker-next { position: absolute; top: 2px; padding: 1px; } .ui-daterangepicker-arrows .ui-daterangepicker-prev { left: 2px; } .ui-daterangepicker-arrows .ui-daterangepicker-next { right: 2px; } .ui-daterangepicker-arrows .ui-daterangepicker-prev:hover, .ui-daterangepicker-arrows .ui-daterangepicker-next:hover, .ui-daterangepicker-arrows .ui-daterangepicker-prev:focus, .ui-daterangepicker-arrows .ui-daterangepicker-next:focus { padding: 0; } .pagination { font-size: 80%; margin:6px 0; } .pagination a { text-decoration: none; border: solid 1px #AAE; color: #15B; } .pagination a, .pagination span { display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; } .pagination .current { background: #26B; color: #fff; border: solid 1px #AAE; } .pagination .current.prev, .pagination .current.next{ color:#999; border-color:#999; background:#fff; } /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url(../img/delete.gif) no-repeat 0 -16px} div.star-rating,div.star-rating a{background:url(../img/star.gif) no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -16px!important} div.star-rating-hover a{background-position:0 -32px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ /* ------------------------------------------------------------------- // markItUp! Universal MarkUp Engine, JQuery plugin // By Jay Salvat - http://markitup.jaysalvat.com/ // ------------------------------------------------------------------*/ .markItUp * { margin:0px; padding:0px; outline:none; } .markItUp a:link, .markItUp a:visited { color:#000; text-decoration:none; } .markItUp { width:700px; margin:5px 0 5px 0; } .markItUpContainer { border:1px solid #3C769D; background:#FFF url(/p/img/markitup/bg-container.png) repeat-x top left; padding:5px 5px 2px 5px; font:11px Verdana, Arial, Helvetica, sans-serif; } .markItUpEditor { font:12px 'Courier New', Courier, monospace; padding:5px 5px 5px 35px; border:3px solid #3C769D; width:643px; height:320px; background-image:url(/p/img/markitup/bg-editor-html.png); background-repeat:no-repeat; clear:both; display:block; line-height:18px; overflow:auto; } .markItUpPreviewFrame { overflow:auto; background-color:#FFFFFF; border:1px solid #3C769D; width:99.9%; height:350px; margin:5px 0; } .markItUpFooter { width:100%; } .markItUpResizeHandle { overflow:hidden; width:22px; height:5px; margin-left:auto; margin-right:auto; background-image:url(/p/img/markitup/handle.png); cursor:n-resize; } /***************************************************************************************/ /* first row of buttons */ .markItUpHeader ul li { list-style:none; float:left; position:relative; } .markItUpHeader ul li ul{ display:none; } .markItUpHeader ul li:hover > ul{ display:block; } .markItUpHeader ul .markItUpDropMenu { background:transparent url(/p/img/markitup/menu.png) no-repeat 115% 50%; margin-right:5px; } .markItUpHeader ul .markItUpDropMenu li { margin-right:0px; } .markItUpHeader ul .markItUpSeparator { margin:0 10px; width:1px; height:16px; overflow:hidden; } .markItUpHeader ul ul .markItUpSeparator { width:auto; height:1px; margin:0px; } /* next rows of buttons */ .markItUpHeader ul ul { display:none; position:absolute; top:18px; left:0px; background:#F5F5F5; border:1px solid #3C769D; } .markItUpHeader ul ul li { float:none; border-bottom:1px solid #3C769D; } .markItUpHeader ul ul .markItUpDropMenu { background:#F5F5F5 url(/p/img/markitup/submenu.png) no-repeat 100% 50%; } /* next rows of buttons */ .markItUpHeader ul ul ul { position:absolute; top:-1px; left:150px; } .markItUpHeader ul ul ul li { float:none; } .markItUpHeader ul a { display:block; width:16px; height:16px; text-indent:-10000px; background-repeat:no-repeat; padding:3px; margin:0px; } .markItUpHeader ul ul a { display:block; padding-left:0px; text-indent:0; width:120px; padding:5px 5px 5px 25px; background-position:2px 50%; } .markItUpHeader ul ul a:hover { color:#FFF; background-color:#3C769D; } /***************************************************************************************/ .html .markItUpEditor { background-image:url(/p/img/markitup/bg-editor-html.png); } .markdown .markItUpEditor { background-image:url(/p/img/markitup/bg-editor-markdown.png); } .textile .markItUpEditor { background-image:url(/p/img/markitup/bg-editor-textile.png); } .bbcode .markItUpEditor { background-image:url(/p/img/markitup/bg-editor-bbcode.png); } .wiki .markItUpEditor, .dotclear .markItUpEditor { background-image:url(/p/img/markitup/bg-editor-wiki.png); } /***************************************************************************************/ .markItUp .markItUpButton1 a { background-image:url(/p/img/markitup/bold.png); } .markItUp .markItUpButton2 a { background-image:url(/p/img/markitup/italic.png); } .markItUp .markItUpButton3 a { background-image:url(/p/img/markitup/underline.png); } .markItUp .markItUpButton4 a { background-image:url(/p/img/markitup/picture.png); } .markItUp .markItUpButton5 a { background-image:url(/p/img/markitup/link.png); } .markItUp .markItUpButton6 a { background-image:url(/p/img/markitup/fonts.png); } .markItUp .markItUpButton7 a { background-image:url(/p/img/markitup/list-bullet.png); } .markItUp .markItUpButton8 a { background-image:url(/p/img/markitup/list-numeric.png); } .markItUp .markItUpButton9 a { background-image:url(/p/img/markitup/list-item.png); } .markItUp .markItUpButton10 a { background-image:url(/p/img/markitup/quotes.png); } .markItUp .markItUpButton11 a { background-image:url(/p/img/markitup/code.png); } .markItUp .clean a { background-image:url(/p/img/markitup/clean.png); } .markItUp .preview a { background-image:url(/p/img/markitup/preview.png); } .markItUp .colors a { background-image:url(/p/img/markitup/colors.png); } .markItUp .colors ul { width:81px; padding:1px; } .markItUp .colors li { border:1px solid white; width:25px; height:25px; overflow:hidden; padding:0px; margin:0px; float:left; } .markItUp .colors ul a { width:25px; height:25px; } .markItUp .colors ul a:hover { background-color:none; } .markItUp .colors .col1-1 a { background:yellow; } .markItUp .colors .col1-2 a { background:orange; } .markItUp .colors .col1-3 a { background:red; } .markItUp .colors .col2-1 a { background:blue; } .markItUp .colors .col2-2 a { background:purple; } .markItUp .colors .col2-3 a { background:green; } .markItUp .colors .col3-1 a { background:white; } .markItUp .colors .col3-2 a { background:gray; } .markItUp .colors .col3-3 a { background:black; } /** jquery.lightbox **/ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 910; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }/* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=ffffff&bgTextureHeader=23_fine_grain.png&bgImgOpacityHeader=15&borderColorHeader=d4d1bf&fcHeader=453821&iconColorHeader=b83400&bgColorContent=eceadf&bgTextureContent=23_fine_grain.png&bgImgOpacityContent=10&borderColorContent=d9d6c4&fcContent=1f1f1f&iconColorContent=222222&bgColorDefault=f8f7f6&bgTextureDefault=23_fine_grain.png&bgImgOpacityDefault=10&borderColorDefault=cbc7bd&fcDefault=654b24&iconColorDefault=b83400&bgColorHover=654b24&bgTextureHover=23_fine_grain.png&bgImgOpacityHover=65&borderColorHover=654b24&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=eceadf&bgTextureActive=23_fine_grain.png&bgImgOpacityActive=15&borderColorActive=d9d6c4&fcActive=140f06&iconColorActive=8c291d&bgColorHighlight=f7f3de&bgTextureHighlight=23_fine_grain.png&bgImgOpacityHighlight=15&borderColorHighlight=b2a266&fcHighlight=3a3427&iconColorHighlight=3572ac&bgColorError=b83400&bgTextureError=23_fine_grain.png&bgImgOpacityError=68&borderColorError=681818&fcError=ffffff&iconColorError=fbdb93&bgColorOverlay=6e4f1c&bgTextureOverlay=16_diagonal_maze.png&bgImgOpacityOverlay=20&opacityOverlay=60&bgColorShadow=000000&bgTextureShadow=16_diagonal_maze.png&bgImgOpacityShadow=40&opacityShadow=60&thicknessShadow=5px&offsetTopShadow=0&offsetLeftShadow=-10px&cornerRadiusShadow=18px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #d9d6c4; background: #eceadf url(/p/css/uitheme/pepper-grinder/images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat; color: #1f1f1f; } .ui-widget-content a { color: #1f1f1f; } .ui-widget-header { border: 1px solid #d4d1bf; background: #ffffff url(/p/css/uitheme/pepper-grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png) 50% 50% repeat; color: #453821; font-weight: bold; } .ui-widget-header a { color: #453821; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cbc7bd; background: #f8f7f6 url(/p/css/uitheme/pepper-grinder/images/ui-bg_fine-grain_10_f8f7f6_60x60.png) 50% 50% repeat; font-weight: bold; color: #654b24; outline: none; width:80%;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #654b24; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #654b24; background: #654b24 url(/p/css/uitheme/pepper-grinder/images/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat; font-weight: bold; color: #ffffff; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #d9d6c4; background: #eceadf url(/p/css/uitheme/pepper-grinder/images/ui-bg_fine-grain_15_eceadf_60x60.png) 50% 50% repeat; font-weight: bold; color: #140f06; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #140f06; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #b2a266; background: #f7f3de url(/p/css/uitheme/pepper-grinder/images/ui-bg_fine-grain_15_f7f3de_60x60.png) 50% 50% repeat; color: #3a3427; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #3a3427; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #681818; background: #b83400 url(/p/css/uitheme/pepper-grinder/images/ui-bg_fine-grain_68_b83400_60x60.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_b83400_256x240.png); } .ui-state-default .ui-icon { background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_b83400_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_ffffff_256x240.png); } .ui-state-active .ui-icon {background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_8c291d_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_3572ac_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_fbdb93_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; } .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #6e4f1c url(/p/css/uitheme/pepper-grinder/images/ui-bg_diagonal-maze_20_6e4f1c_10x10.png) 50% 50% repeat; opacity: .60;filter:Alpha(Opacity=60); } .ui-widget-shadow { margin: 0 0 0 -10px; padding: 5px; background: #000000 url(/p/css/uitheme/pepper-grinder/images/ui-bg_diagonal-maze_40_000000_10x10.png) 50% 50% repeat; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 18px; -webkit-border-radius: 18px; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } @CHARSET "UTF-8"; #portfolio_process {text-align:center;} #portfolio_process .process {width:100%; border:1px solid #aaa; margin:1px auto 6px; color:#009; background:#f8f8ff; display:inline-block; *display:block; *zoom:1; } #portfolio_process .bar {background:#7cf; border-right:1px solid #37a; border-bottom:1px solid #227; height:20px; float:left;} #user_header {background:url(/p/css/default.img/sidebar_bak.png) no-repeat left bottom; padding:1px 15px 20px 21px; text-align:center;} #user_header h1 {color:#e60; } #blog_menu {padding:5px 0;} #blog_menu a {color:#06a;} #user_photo {margin:3px auto; position:relative; } #user_photo img {border:1px solid #dcc; padding:1px;} #user_photo .hd {} #user_photo .bd { overflow:hidden; } #user_photo .change_photo {position:absolute; top:1px; right:1px; background:#fba; padding:0 3px; font-size:12px; margin:0px;} #user_menu { margin:0 12px 12px; width:200px; margin:0 auto; } #user_menu .line {margin:3px 0; width:100%;} ul#user_menu a {display: block; margin:1px;} ul#user_menu li {} ul#user_menu li a {background:#f3efed; color: #c62; padding: 0.2em;} ul#user_menu li a.link {background:#f0e2e2;} ul#user_menu li a:hover { font-weight:bold;} ul#user_menu li ul { display:inline-block; *display:inline; *zoom:1; position:relative; width:200px;overflow: hidden;white-space: nowrap;} ul#user_menu li ul li {width:49%; float:left; } ul#user_menu li ul li a {background:#fff; color: #333; } ul#user_menu li ul li a:hover { background: #fff;} ul#user_menu li ul li a.middle {background:#fff; color: #666; } ul#user_menu li ul li a.hide {background:#fff; color: #999; display: inline-block;} #user_header .note {color:#c56; font-size:12px; padding:1px; margin-top:3px; } #user_header .note a {text-decoration:underline;} .manage {color:#c30;} .manage input {padding:10px; vertical-align:middle;} .notyet {color:#474} .notyet a {color:#474} .nil {color:#999} .nil a {color:#999} .show_demo {} .schedule_table tbody th, .schedule_table tbody td { text-align:center !important; height:35px;} .schedule_table tbody td {font-size:13px; border-right:1px solid #ddd; line-height:17px; padding:3px !important;} .output {border-top:1px solid #eee; padding-top:9px; margin-top:15px;} .output a {margin:2px;} .port_rdate {color:#172; font-size:12px; line-height:20px;} .port_title {color:#322; font-size:16px; font-weight:bold;} .port_detail {color:#457; font-size:13px; font-weight:normal;} .port_feedback {color:#923; padding:4px 10px 10px; font-size:13px; } .port_feedback em {border-left:5px solid #ea9; padding:0px 6px;} .port_manage {color:#888; font-size:12px;} .port_manage a {color:#544;} .year_term_list {margin:0 0 16px 0; font-size:12px;} .year_term_list a {padding:1px 5px; margin-right:6px; margin-bottom:5px; background:#eee; display:inline-block; border-left:4px solid #ccc;} /* target */ #target .term_item {margin:3px 0 13px;} #target .term_item .content {padding:3px; margin:1px 0; background:#eee; color:#666;} #target_frm_container .term_item {margin:3px 0 13px;} /*----------------------- port_index -- */ #port_index {} #port_index .block {margin-bottom:20px;} #port_index .block_title {border-bottom:1px dashed #ccc; margin-bottom:5px; padding:0 2px; color:#e50; *zoom:1} #port_index .block_content {padding:0 20px; color:#444;} #port_index .date {font-size:12px; color:#273;} #port_index .item .title { color:#621;} /*----------------------- intro -- */ #intro {} #intro .item {border-bottom:1px solid #eee; padding:1px 5px; margin:4px;} #intro .item .title {font-weight:bold; color:#842;} #intro .item .content {} /*----------------------- health */ #health {} #health .item {color:#222; font-size:13px;} #health .item .content {color:#346; padding-left:16px;} /**----------------------- diagnosis */ #diagnosis {} #diagnosis .note {color:#f00;} #diagnosis .txt {color:#223; margin:6px 0;} #diagnosis .menu { margin-top:10px; border-top:1px solid #ccc; padding-top:3px;} #diagnosis .func { margin:12px 2px 1px; float:left; width:29%; background:#ddf; padding:5px 7px;} #diagnosis .main_content {margin:6px 0; padding:6px 6px; background:#f2f2f2;} #diagnosis .main_content b {color:#f00;} #diagnosis .main_content .spt {margin:8px 0;} #diagnosis #contact { margin-top:25px;} #diagnosis #contact td {text-align:center; font-size:13px; line-height:23px;} .diagnosis_content thead tr {line-height:23px !important; font-size:15px; text-align:center;} .diagnosis_content td {} .diagnosis_content .block {float:left;} .diagnosis_content .block_title {color:#b00; font-size:13px;} @CHARSET "UTF-8"; /* Style: OrangeYouGlad.css Created by Randy Peterman, September 2nd, 2005 http://design.randypeterman.com using TopStyle Pro 3.12 Requires one image: down_arrow.gif for {mostly} Standards Compliant browsers like Firefox. */ .table_content table{ /*line-height:24px; background: #FFEFD5;*/ color:#222; } .table_content caption {width: 100%; text-align: left; font-size:13px; color:#555; padding:2px 0;} .table_content caption h1 {margin-bottom:8px; color:#920; font-weight: bolder;} .table_content caption b {font-weight: bolder; font-size:15px;} .table_content table tbody tr {line-height:22px;} .table_content table *{font-family: Arial, 新細明體;} .table_content thead {background: #FFA109;} .table_content thead * th{border-bottom: 1px outset; border-top: 1px outset; padding:3px 1px; }.table_content thead tr {line-height:28px;} .table_content tfoot{ background: #FFA109; font-size:13px; } .table_content table * a{} .table_content tbody * th{ background: #FFDfA5; border-right: 1px solid #d3b199 !important; border-bottom: 1px solid #dFbCa2; font-size: 14px; font-weight: normal; padding:3px 6px; /*vertical-align: top;*/ } .table_content tbody * th a{ } .table_content tbody * td{ /* border: 0px none; */ border-bottom: 1px solid #ddd; padding:3px 6px; font-size:13px; /* text-align: left; */ /* vertical-align: top; */ } .table_content tbody tr.odd {background: #FFF4E6; } .table_content tbody tr.odd th{ background: #FFE2B0; } .table_content tbody tr.hover{ background: #DDCCCC; } .table_content tfoot tr td[colspan='4']{ } .table_content tbody td a{ } .table_content tbody tr th+td a{ } /* Fake for IE, argh! Maybe IE 7 will resolve this. */ .table_content tbody td a{ } .table_content tfoot * td{ padding:0 4px; background:#fff; color:#821; } .table_content tfoot * th{ padding:0 4px; border-bottom: 1px outset; border-top: 1px outset; } .table_content table input { /*height:26px;*/ /*padding:3px 4px;*/ /*border:1px solid #cab;*/ } .boxy-wrapper { position: absolute; } .boxy-wrapper.fixed { position: fixed; } /* Modal */ .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; } /* Border */ .boxy-wrapper { empty-cells: show; } .boxy-wrapper .top-left, .boxy-wrapper .top-right, .boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 } .boxy-wrapper .top-left { background: url('/p/img/boxy/boxy-nw.png'); } .boxy-wrapper .top-right { background: url('/p/img/boxy/boxy-ne.png'); } .boxy-wrapper .bottom-right { background: url('/p/img/boxy/boxy-se.png'); } .boxy-wrapper .bottom-left { background: url('/p/img/boxy/boxy-sw.png'); } /* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */ /* NB: these must be absolute paths or URLs to your images */ .boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/p/img/boxy/boxy-nw.png'); } .boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/p/img/boxy/boxy-ne.png'); } .boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/p/img/boxy/boxy-se.png'); } .boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/p/img/boxy/boxy-sw.png'); } .boxy-wrapper .top, .boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 } .boxy-wrapper .left, .boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 } /* Title bar */ .boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; } .boxy-wrapper .title-bar.dragging { cursor: move; } .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; } .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; } /* Content Region */ .boxy-inner { background-color: white; padding: 0 } .boxy-content { padding: 20px; line-height:24px; } /* Question Boxes */ .boxy-wrapper .question { width: 350px; min-height: 80px; } .boxy-wrapper .answers { text-align: right; } /*styles for jquery ui daterangepicker plugin */ .ui-daterangepickercontain { position: absolute; z-index: 999; } .ui-daterangepickercontain .ui-daterangepicker { float: left; padding: 5px !important; width: auto; display: inline; background-image: none !important; clear: left; } .ui-daterangepicker ul, .ui-daterangepicker .ranges, .ui-daterangepicker .range-start, .ui-daterangepicker .range-end { float: left; padding: 0; margin: 0; } .ui-daterangepicker .ranges { width: auto; position: relative; padding: 5px 5px 40px 0; margin-left: 10px; } .ui-daterangepicker .range-start, .ui-daterangepicker .range-end { margin-left: 5px; } .ui-daterangepicker button.btnDone { margin: 0 5px 5px 0; position: absolute; bottom: 0; right: 0; clear: both; cursor: pointer; font-size: 1.1em; } .ui-daterangepicker ul { width: 17.6em; background: none; border: 0; } .ui-daterangepicker li { list-style: none; padding: 1px; cursor: pointer; margin: 1px 0; } .ui-daterangepicker li.ui-state-hover, .ui-daterangepicker li.ui-state-active { padding: 0; } .ui-daterangepicker li.preset_0 { margin-top: 1.5em !important; } .ui-daterangepicker .ui-widget-content a { text-decoration: none !important; } .ui-daterangepicker li a { font-weight: normal; margin: .3em .5em; display: block; } .ui-daterangepicker li span { float: right; margin: .3em .2em; } .ui-daterangepicker .title-start, .ui-daterangepicker .title-end { display: block; margin: 0 0 .2em; font-size: 1em; padding: 0 4px 2px; } .ui-daterangepicker .ui-datepicker-inline { font-size: 1em; } .ui-daterangepicker-arrows { padding: 2px; width: 204px; position: relative; } .ui-daterangepicker-arrows input.ui-rangepicker-input { width: 158px; margin: 0 2px 0 20px; padding: 2px; height: 1.1em; } .ui-daterangepicker-arrows .ui-daterangepicker-prev, .ui-daterangepicker-arrows .ui-daterangepicker-next { position: absolute; top: 2px; padding: 1px; } .ui-daterangepicker-arrows .ui-daterangepicker-prev { left: 2px; } .ui-daterangepicker-arrows .ui-daterangepicker-next { right: 2px; } .ui-daterangepicker-arrows .ui-daterangepicker-prev:hover, .ui-daterangepicker-arrows .ui-daterangepicker-next:hover, .ui-daterangepicker-arrows .ui-daterangepicker-prev:focus, .ui-daterangepicker-arrows .ui-daterangepicker-next:focus { padding: 0; } .pagination { font-size: 80%; margin:6px 0; } .pagination a { text-decoration: none; border: solid 1px #AAE; color: #15B; } .pagination a, .pagination span { display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; } .pagination .current { background: #26B; color: #fff; border: solid 1px #AAE; } .pagination .current.prev, .pagination .current.next{ color:#999; border-color:#999; background:#fff; } /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url(../img/delete.gif) no-repeat 0 -16px} div.star-rating,div.star-rating a{background:url(../img/star.gif) no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -16px!important} div.star-rating-hover a{background-position:0 -32px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ /* ------------------------------------------------------------------- // markItUp! Universal MarkUp Engine, JQuery plugin // By Jay Salvat - http://markitup.jaysalvat.com/ // ------------------------------------------------------------------*/ .markItUp * { margin:0px; padding:0px; outline:none; } .markItUp a:link, .markItUp a:visited { color:#000; text-decoration:none; } .markItUp { width:700px; margin:5px 0 5px 0; } .markItUpContainer { border:1px solid #3C769D; background:#FFF url(/p/img/markitup/bg-container.png) repeat-x top left; padding:5px 5px 2px 5px; font:11px Verdana, Arial, Helvetica, sans-serif; } .markItUpEditor { font:12px 'Courier New', Courier, monospace; padding:5px 5px 5px 35px; border:3px solid #3C769D; width:643px; height:320px; background-image:url(/p/img/markitup/bg-editor-html.png); background-repeat:no-repeat; clear:both; display:block; line-height:18px; overflow:auto; } .markItUpPreviewFrame { overflow:auto; background-color:#FFFFFF; border:1px solid #3C769D; width:99.9%; height:350px; margin:5px 0; } .markItUpFooter { width:100%; } .markItUpResizeHandle { overflow:hidden; width:22px; height:5px; margin-left:auto; margin-right:auto; background-image:url(/p/img/markitup/handle.png); cursor:n-resize; } /***************************************************************************************/ /* first row of buttons */ .markItUpHeader ul li { list-style:none; float:left; position:relative; } .markItUpHeader ul li ul{ display:none; } .markItUpHeader ul li:hover > ul{ display:block; } .markItUpHeader ul .markItUpDropMenu { background:transparent url(/p/img/markitup/menu.png) no-repeat 115% 50%; margin-right:5px; } .markItUpHeader ul .markItUpDropMenu li { margin-right:0px; } .markItUpHeader ul .markItUpSeparator { margin:0 10px; width:1px; height:16px; overflow:hidden; } .markItUpHeader ul ul .markItUpSeparator { width:auto; height:1px; margin:0px; } /* next rows of buttons */ .markItUpHeader ul ul { display:none; position:absolute; top:18px; left:0px; background:#F5F5F5; border:1px solid #3C769D; } .markItUpHeader ul ul li { float:none; border-bottom:1px solid #3C769D; } .markItUpHeader ul ul .markItUpDropMenu { background:#F5F5F5 url(/p/img/markitup/submenu.png) no-repeat 100% 50%; } /* next rows of buttons */ .markItUpHeader ul ul ul { position:absolute; top:-1px; left:150px; } .markItUpHeader ul ul ul li { float:none; } .markItUpHeader ul a { display:block; width:16px; height:16px; text-indent:-10000px; background-repeat:no-repeat; padding:3px; margin:0px; } .markItUpHeader ul ul a { display:block; padding-left:0px; text-indent:0; width:120px; padding:5px 5px 5px 25px; background-position:2px 50%; } .markItUpHeader ul ul a:hover { color:#FFF; background-color:#3C769D; } /***************************************************************************************/ .html .markItUpEditor { background-image:url(/p/img/markitup/bg-editor-html.png); } .markdown .markItUpEditor { background-image:url(/p/img/markitup/bg-editor-markdown.png); } .textile .markItUpEditor { background-image:url(/p/img/markitup/bg-editor-textile.png); } .bbcode .markItUpEditor { background-image:url(/p/img/markitup/bg-editor-bbcode.png); } .wiki .markItUpEditor, .dotclear .markItUpEditor { background-image:url(/p/img/markitup/bg-editor-wiki.png); } /***************************************************************************************/ .markItUp .markItUpButton1 a { background-image:url(/p/img/markitup/bold.png); } .markItUp .markItUpButton2 a { background-image:url(/p/img/markitup/italic.png); } .markItUp .markItUpButton3 a { background-image:url(/p/img/markitup/underline.png); } .markItUp .markItUpButton4 a { background-image:url(/p/img/markitup/picture.png); } .markItUp .markItUpButton5 a { background-image:url(/p/img/markitup/link.png); } .markItUp .markItUpButton6 a { background-image:url(/p/img/markitup/fonts.png); } .markItUp .markItUpButton7 a { background-image:url(/p/img/markitup/list-bullet.png); } .markItUp .markItUpButton8 a { background-image:url(/p/img/markitup/list-numeric.png); } .markItUp .markItUpButton9 a { background-image:url(/p/img/markitup/list-item.png); } .markItUp .markItUpButton10 a { background-image:url(/p/img/markitup/quotes.png); } .markItUp .markItUpButton11 a { background-image:url(/p/img/markitup/code.png); } .markItUp .clean a { background-image:url(/p/img/markitup/clean.png); } .markItUp .preview a { background-image:url(/p/img/markitup/preview.png); } .markItUp .colors a { background-image:url(/p/img/markitup/colors.png); } .markItUp .colors ul { width:81px; padding:1px; } .markItUp .colors li { border:1px solid white; width:25px; height:25px; overflow:hidden; padding:0px; margin:0px; float:left; } .markItUp .colors ul a { width:25px; height:25px; } .markItUp .colors ul a:hover { background-color:none; } .markItUp .colors .col1-1 a { background:yellow; } .markItUp .colors .col1-2 a { background:orange; } .markItUp .colors .col1-3 a { background:red; } .markItUp .colors .col2-1 a { background:blue; } .markItUp .colors .col2-2 a { background:purple; } .markItUp .colors .col2-3 a { background:green; } .markItUp .colors .col3-1 a { background:white; } .markItUp .colors .col3-2 a { background:gray; } .markItUp .colors .col3-3 a { background:black; } /** jquery.lightbox **/ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 910; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }/* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=ffffff&bgTextureHeader=23_fine_grain.png&bgImgOpacityHeader=15&borderColorHeader=d4d1bf&fcHeader=453821&iconColorHeader=b83400&bgColorContent=eceadf&bgTextureContent=23_fine_grain.png&bgImgOpacityContent=10&borderColorContent=d9d6c4&fcContent=1f1f1f&iconColorContent=222222&bgColorDefault=f8f7f6&bgTextureDefault=23_fine_grain.png&bgImgOpacityDefault=10&borderColorDefault=cbc7bd&fcDefault=654b24&iconColorDefault=b83400&bgColorHover=654b24&bgTextureHover=23_fine_grain.png&bgImgOpacityHover=65&borderColorHover=654b24&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=eceadf&bgTextureActive=23_fine_grain.png&bgImgOpacityActive=15&borderColorActive=d9d6c4&fcActive=140f06&iconColorActive=8c291d&bgColorHighlight=f7f3de&bgTextureHighlight=23_fine_grain.png&bgImgOpacityHighlight=15&borderColorHighlight=b2a266&fcHighlight=3a3427&iconColorHighlight=3572ac&bgColorError=b83400&bgTextureError=23_fine_grain.png&bgImgOpacityError=68&borderColorError=681818&fcError=ffffff&iconColorError=fbdb93&bgColorOverlay=6e4f1c&bgTextureOverlay=16_diagonal_maze.png&bgImgOpacityOverlay=20&opacityOverlay=60&bgColorShadow=000000&bgTextureShadow=16_diagonal_maze.png&bgImgOpacityShadow=40&opacityShadow=60&thicknessShadow=5px&offsetTopShadow=0&offsetLeftShadow=-10px&cornerRadiusShadow=18px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #d9d6c4; background: #eceadf url(/p/css/uitheme/pepper-grinder/images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat; color: #1f1f1f; } .ui-widget-content a { color: #1f1f1f; } .ui-widget-header { border: 1px solid #d4d1bf; background: #ffffff url(/p/css/uitheme/pepper-grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png) 50% 50% repeat; color: #453821; font-weight: bold; } .ui-widget-header a { color: #453821; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cbc7bd; background: #f8f7f6 url(/p/css/uitheme/pepper-grinder/images/ui-bg_fine-grain_10_f8f7f6_60x60.png) 50% 50% repeat; font-weight: bold; color: #654b24; outline: none; width:80%;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #654b24; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #654b24; background: #654b24 url(/p/css/uitheme/pepper-grinder/images/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat; font-weight: bold; color: #ffffff; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #d9d6c4; background: #eceadf url(/p/css/uitheme/pepper-grinder/images/ui-bg_fine-grain_15_eceadf_60x60.png) 50% 50% repeat; font-weight: bold; color: #140f06; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #140f06; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #b2a266; background: #f7f3de url(/p/css/uitheme/pepper-grinder/images/ui-bg_fine-grain_15_f7f3de_60x60.png) 50% 50% repeat; color: #3a3427; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #3a3427; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #681818; background: #b83400 url(/p/css/uitheme/pepper-grinder/images/ui-bg_fine-grain_68_b83400_60x60.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_b83400_256x240.png); } .ui-state-default .ui-icon { background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_b83400_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_ffffff_256x240.png); } .ui-state-active .ui-icon {background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_8c291d_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_3572ac_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/p/css/uitheme/pepper-grinder/images/ui-icons_fbdb93_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; } .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #6e4f1c url(/p/css/uitheme/pepper-grinder/images/ui-bg_diagonal-maze_20_6e4f1c_10x10.png) 50% 50% repeat; opacity: .60;filter:Alpha(Opacity=60); } .ui-widget-shadow { margin: 0 0 0 -10px; padding: 5px; background: #000000 url(/p/css/uitheme/pepper-grinder/images/ui-bg_diagonal-maze_40_000000_10x10.png) 50% 50% repeat; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 18px; -webkit-border-radius: 18px; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; }