/* common - based on Eric Meyer's reset, you shouldn't change this section ======================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ border:0; margin:0; padding:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit} h1{ font-size:200%} h2{ font-size:150%} h3{ font-size:125%} h4{ font-size:100%} h5{ font-size:80%} h6{ font-size:60%} small{ font-size:90%} html, body{ height:100%} body{ background:#ddd; font:68% / 1.5 "Lucida Sans Unicode","Lucida Grande",sans-serif; color:#333; background-repeat:no-repeat; background-position:bottom right} table{ border-collapse:separate; border-spacing:0} caption, th, td{ text-align:left; font-weight:normal} blockquote:before, blockquote:after, q:before, q:after{ content:""} blockquote, q{ quotes:""""} li{ list-style-type:none} hr{ display:none} strong, b{ font-weight:bold} em, i{ font-style:italic} /* basic links properties */ a{ border-bottom:0px solid #ccc; text-decoration:none; color:#333} a.alt, .altbox .content a{ border-color:#ddecc1; color:#386b00} a:hover, a:active, a:focus, a.alt:hover, a.alt:active, a.alt:focus, .altbox .content a:hover, .altbox .content a:active, .altbox .content a:focus{ border-color:#ceec96; color:#59aa00} a img{ border:none} /* abstract classes ======================================*/ /* autocleaning (use for parent of floated element, but take care, it has some limitations) */ .cw{ width:100%; overflow:hidden} .cw2{ overflow:hidden; height:1%} /* float helpers */ .fl{ float:left} .fr{ float:right} /* classic cleaner */ .cleaner{ clear:both; visibility:hidden; height:0; overflow:hidden; line-height:0; font-size:0} /* safe cleaning, use eg. for parent of floated element */ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden} /* image replacement (see

section in index.html for example) */ .ir{ position:absolute; top:0; left:0; display:block; width:100%; height:100%} /* text align helpers */ .tl{ text-align:left !important} .tr{ text-align:right !important} .tc{ text-align:center !important} .ttop{ vertical-align:top !important} /* for buttons etc. */ .hand{ cursor:hand; cursor:pointer} /* accessible hiding of elements */ .a-hidden{ position:absolute; top:-10000em} /* first and last helpers, mainly for table cells */ .first{ border-left:0 !important} .last{ border-right:0 !important} .automargin { margin: 0 auto; } /* layout ======================================*/ .inner-container{ width:100%; margin:0;} #header{ border-bottom:1px solid #9dd930; min-height:50px; padding: 0px 20px;} #header .inner-container{ padding:10px 0 0px 0; width:100%;} /* logo:set the width and height of your logo (in px) and margin-top depending on height of your logo */ #header #logo{ position:relative; float:left; width:196px; height:36px; margin-top:9px} #header #logo a.home{ border:0; display:block; width:100%; height:100%; overflow:hidden; text-shadow:#2c5500 1px 1px 0; font-size:180%; font-weight:bold; font-style:italic; color:#fff} #header #logo a.home .ir{ background:url("../img-design/spidey.png")} #header #logo a.button{ position:absolute; left:100%; top:3px; margin-left:20px; padding:4px 9px 4px; white-space:nowrap} /* box for user info, settings and logout */ #header #userbox{ position:relative; float:right; width:225px; min-height:65px; line-height:1.3} #header #userbox .inner{ padding:17px 10px 0 55px} #header #userbox a#logout{ border:0; position:absolute; right:14px; top:21px; display:block; width:23px; height:24px; overflow:hidden; line-height:1; font-size:90%; text-indent:-9999px} #header #userbox a#logout .ir{ background:url("../img-design/logout.png")} #header #userbox a#logout:hover .ir, #header #userbox a#logout:focus .ir, #header #userbox a#logout:active .ir{ background-position:-23px 0} #header #userbox strong{ font-size:120%; font-weight:normal; color:#fff} #header #userbox span{ border-color:#8ec131; color:#ebf8d2} #header #userbox a{ border-color:#8ec131; color:#ebf8d2} #header #userbox a:hover, #header #userbox a:active, #header #userbox a:focus{ border-color:#a9cb78; color:#fff} #header #userbox ul{} #header #userbox ul li{ display:inline} #header #userbox ul a{ float:left; margin-right:7px} #header #userbox ul span{ float:left; margin-right:7px} /* navigation stripe */ #nav{ border-top:1px solid #386b00; border-bottom:1px solid #999; background:#fff; padding-left: 30px;} #nav .inner-container{ position:relative; z-index:2; padding:6px 0 5px 0; height:28px; width:940px; margin:0 auto; } /* navigation section switcher */ #nav #h-wrap { position: absolute; top:8px; left:0px; =width: 220px; display:block; } #nav #h-wrap .inner { display:block; } #nav #h-wrap .menu-header { display:block; } /* Set your width for section switcher (only in IE 7 and older, modern browsers will set optimal width automatically) */ #nav #h-wrap:hover { border:4px solid rgba(0,0,0,0.3); top:-7px; left:-22px} #nav #h-wrap:hover { -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px} #nav #h-wrap:hover .inner{ border:1px solid #333; background:#fff; padding:10px 0 10px 17px} #nav #h-wrap:hover .inner{ -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px} #nav #h-wrap:hover{ border:4px solid rgba(0,0,0,0.3); top:-7px; left:-22px} #nav #h-wrap:hover{ -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px} #nav #h-wrap:hover .inner{ border:1px solid #333; background:#fff; padding:10px 0 10px 17px} #nav #h-wrap:hover .inner{ -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px} #nav #h-wrap .menu-header{ width:200px; position:relative; cursor:default; height:24px; line-height:24px; vertical-align:middle; font-size:130%} #nav #h-wrap:hover .menu-header{ background:none; } #nav #h-wrap .menu-header .h-ico{ display:block; height:100%; padding-right:27px} #nav #h-wrap .menu-header .h-arrow{ background-position:-0px -133px; position:absolute; top:5px; right:10px; display:block; width:11px; height:15px; overflow:hidden} #nav #h-wrap:hover .menu-header .h-arrow{ display:none;} #nav #h-wrap .menu-header .default{ display:block;} #nav #h-wrap .menu-header .over{ display:none;} #nav #h-wrap:hover .menu-header .default{ display:none;} #nav #h-wrap:hover .menu-header .over{ display:block;} #nav #h-wrap .menu-content{ display:none; padding-top:10px; border-top:1px #ccc solid;} #nav #h-wrap .menu-content li{ display:inline} #nav #h-wrap .menu-content li a span.activemodule{ } #nav #h-wrap .menu-content a{ border:0; padding:8px 0px; display:block; height:16px; width:100%; overflow:hidden; line-height:16px; vertical-align:middle; font-size:130%} #nav #h-wrap .menu-content a:hover, #nav #h-wrap .menu-content a:focus, #nav #h-wrap .menu-content a:active{ color:#59aa00} #nav #h-wrap:hover .menu-content { display:block; } /* search form */ #nav form{ background:url("../img-design/search-input.png") no-repeat; float:right; width:227px; height:28px; padding:0; overflow:hidden; font-family:inherit} #nav form input.text{ outline:0; border:0; background:transparent; width:194px; height:14px; vertical-align:middle; margin:1px 0 1px 1px; padding:6px 2px; overflow:hidden; font-size:100%; color:#555} /* content wrapper */ #container{float:left;width:100%;} #container .inner-container{ /*position:relative; z-index:1; left:0px; width:960px; margin:0 auto;*/} #container .inner-container .boxes{ padding:10px; } #footer{ clear:both; padding:20px 0 10px 0; text-align:center} #footer p{ margin:0 0 10px 0; color:#999} #footer a{ color:#777} #footer a:hover, #footer a:active, #footer a:focus{ border:none} /* content styling --------------------------------------*/ /* stylish buttons with rounded corners */ .button{ border:1px solid #386b00; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#52801f url("../img-design/button.gif") repeat-x; padding:5px 9px 5px; text-shadow:#2f5d0b 1px 1px 0; color:#fff; cursor:pointer} .button:hover, .button:focus, .button:active{ border-color:#272727; background:#2a2a2a url("../img-design/altbutton.gif") repeat-x; text-shadow:#000 1px 1px 0; color:#fff} /* alternative colors */ .altbox .button{ border:1px solid #272727; background:#2a2a2a url("../img-design/altbutton.gif") repeat-x; text-shadow:#000 1px 1px 0} .altbox .button:hover, .altbox .button:focus, .altbox .button:active{ border-color:#386b00; background:#52801f url("../img-design/button.gif") repeat-x; text-shadow:#2f5d0b 1px 1px 0; color:#fff} .altbutton{ border:1px solid #272727; background:#2a2a2a url("../img-design/altbutton.gif") repeat-x; text-shadow:#000 1px 1px 0} .altbutton:hover, .altbutton:focus, .altbutton:active{ border-color:#386b00; background:#52801f url("../img-design/button.gif") repeat-x; text-shadow:#2f5d0b 1px 1px 0; color:#fff} .altbox .altbutton{ border:1px solid #386b00; background:#52801f url("../img-design/button.gif") repeat-x; text-shadow:#2f5d0b 1px 1px 0} .altbox .altbutton:hover, .altbox .altbutton:focus, .altbox .altbutton:active{ border-color:#272727; background:#2a2a2a url("../img-design/altbutton.gif") repeat-x; text-shadow:#000 1px 1px 0; color:#fff} /* icons for content links etc. */ .ico{ border:0 !important} .ico-a{ border:0 !important; padding-left:20px !important} /* tags, filetypes */ .tag{ padding:4px 7px; color:#fff !important; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px} .tag-gray{/* feel free to add more tag types,just change the colors of gradients/borders */ border-bottom:1px solid #666; background:#999; background:gradient(linear,left top,left bottom,from(#bbb),to(#999)); background:-webkit-gradient(linear,left top,left bottom,from(#bbb),to(#999))} /* error/information messages */ .msg{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid; margin:0 0 15px 0; padding:8px 10px 0 10px} .msg p{margin:0 0 8px 0; padding-left:25px} .msg-ok{border-color:#a6d877; background:#d2ecba url("../img-design/msg-ok.png") repeat-x; color:#336801} .msg-error{border-color:#f3abab; background:#f9c9c9 url("../img-design/msg-error.png") repeat-x; color:#8d0d0d} .msg-warn{border-color:#d7e059; background:#f3f7aa url("../img-design/msg-warn.png") repeat-x; color:#6c6600} .msg-info{border-color:#9fd1f5; background:#c3e6ff url("../img-design/msg-info.png") repeat-x; color:#005898} .msg-ok p{background:url("../img-design/accept.png") 0 50% no-repeat} .msg-error p{background:url("../img-design/cross_octagon.png") 0 50% no-repeat} .msg-warn p{background:url("../img-design/exclamation_octagon_fram.png") 0 50% no-repeat} .msg-info p{background:url("../img-design/exclamation.png") 0 50% no-repeat} .error{color:#b70b0b} /* forms */ form{padding:18px} form.plain{padding:0}/* plain forms - used in tabular and grid data structures, TAKE CARE of it, please */ form.plain fieldset{border:0 !important; padding:0 !important} form.basic dl{width:100%; overflow:hidden}/* basic layout for forms */ form.basic dl dt, form.basic dl dd{float:left} form.basic dl dt{padding:3px 5px 3px 0; width:20%} form.basic dl dd{padding:3px 0 3px 5px; width:80%} form.basic fieldset{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #ccc; margin-bottom:15px; padding:10px 15px 15px 15px} form.basic fieldset.last{margin-bottom:0; border-right:1px solid #ccc !important} form.basic fieldset legend{padding:0 10px; font-size:110%} label.check, label.radio{margin-right:5px} form small{color:#999} input.txt, textarea{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #999; background:#fff url("../img-design/txt.png") repeat-x; padding:5px 2px;} textarea{ height:100px; } form.basic input.txt, form.basic textarea{width:100%;} input.error, textarea.error{border-color:#d35757; background-image:url("../img-design/txt-error.png")} span.loading{background:url("../img-design/upload.gif") 0 50% no-repeat; padding:3px 0 3px 20px} form.fields{}/* plain and clean layout for forms */ form.fields fieldset{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #ccc; margin-bottom:15px; padding:10px 15px 15px 15px} form.fields fieldset.last{margin-bottom:0; border-right:1px solid #ccc !important} form.fields fieldset legend{padding:0 10px; font-size:110%} form.fields label, form.fields div.sep{display:block; margin-top:6px} form.fields label.check, form.fields label.radio{display:inline; margin-top:0} form.fields span.loading{margin-left:10px} /* lists for actions (remove, modify) */ ul.actions{margin:0} ul.actions li{display:inline; margin-right:5px} /* elastic boxes */ .unit:after,.container:after,.columns:after,.column:after,.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;} .unit,.container,.columns,.column,.clearfix{display:block;*zoom:1;*display:inline-block;}.full-height{display:block;}.same-height{display:block;} .elastic-height{height:0;}.horizontal-center{margin:0 auto;}.vertical-center{/* margin:auto 0; */display:block;}.center{/* margin:auto */margin:0 auto;} .column{float:left;}.column.final{display:block;}.column.fixed{width:auto;}.column.elastic{display:block;}.inverted>.column,.inverted>.container>.column{float:right;} .on-2.columns>.column:not(.fixed),.on-2.columns>.container>.column:not(.fixed){width:50%;}.on-3.columns>.column:not(.fixed),.on-3.columns>.container>.column:not(.fixed){width:33.33%;} .on-3.columns>.column.span-2,.on-3.columns>.container>.column.span-2{width:66.66%;}.on-4.columns>.column:not(.fixed),.on-4.columns>.container>.column:not(.fixed){width:25%;} .on-4.columns>.column.span-2,.on-4.columns>.container>.column.span-2{width:50%;}.on-4.columns>.column.span-3,.on-4.columns>.container>.column.span-2{width:75%;} .columns{margin-bottom:10px;} /* content boxes */ .box {float:left; width:100%;} .outerbox {padding:10px;} .box-25 {width:23%;} .box-33 {width:33.33%;} .box-50 {width:50%;} .box-66 {width:66.66%;} .box-75 {width:75%;} .box-100 {width:100%;} .width-100{width:100px !important;} .width-200{width:200px !important;} .width-250{width:250px !important;} .width-500{width:500px !important;} /* wrap of box's content */ .boxin{box-shadow:#aaa 0 0 10px; -webkit-box-shadow:#aaa 0 0 10px; -moz-box-shadow:#aaa 0 0 10px; border:1px solid #999; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; background:#fff} /* boxes' headers */ .box .header{ background:#3d3d3d border-top:1px solid #444; border-radius:5px 5px 0 0; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; position:relative; margin:-1px -1px 0 -1px; padding:7px 0 9px 20px} .altbox .header{ background: url(../../assets/design-raw.png); background-position:-0px -149px; border-top-color:#60912b; } .box .header h3{position:relative; top:2px; display:inline; font-size:150%; color:#fff; text-shadow:#151515 0 1px 0} .altbox .header h3{text-shadow:#2c5500 0 1px 0} .box .header .button{margin-left:15px} /* tags in the header */ .box .header ul{position:absolute; right:9px; bottom:33px} .box .header ul li{display:inline} .box .header ul a{border-radius:5px 5px 0 0; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; background:#777; border:0; float:left; margin:0 0 0 5px; padding:8px 13px 6px; color:#fff} .box .header ul a.active, .box .header ul a:hover, .box .header ul a:focus, .box .header ul a:active{background:#fff url("../img-design/headertab.png") repeat-x; color:#444} .altbox .header ul a{background-color:#a0d04a} .altbox .header ul a.active, .altbox .header ul a:hover, .altbox .header ul a:focus, .altbox .header ul a:active{background:#fff url("../img-design/altheadertab.png") repeat-x; color:#386b00} .box .content{margin-bottom:5px} .box .content table{width:100%} .box .content table th, .box .content table td{padding:10px 10px 8px 10px} .box .content table th{text-align:left; font-weight:normal} .box .content table tr.even th, .box .content table tr.even td{background:#f5f5f5} .altbox .content table tr.even th, .altbox .content table tr.even td{background:#f5f5f5} .box .content table th.first, .box .content table td.first{} .box .content table thead th, .box .content table thead td{border-left:1px solid #f2f2f2; border-right:1px solid #d5d5d5; background:#ddd url("../img-design/thead.gif") repeat-x; text-shadow:#fff 0 1px 0} .box .content table tbody tr.first th, .box .content table tbody tr.first td{border-top:1px solid #bbb} .altbox .content table tbody{color:#2b5200} .box .content table a.ico-comms{border:0; background:url("../img-design/ico-tablecomms.gif") 50% 60% no-repeat; padding:10px; color:#fff} .box .content table tfoot th, .box .content table tfoot td{border-top:1px solid #ccc; background:#fff url("../img-design/tfoot.gif") repeat-x} /* misc */ .tab{display:none} .tab-active{display:block} .hidden{display:none} .table-footer{border-top:1px solid #ccc; padding:5px 10px 0px 10px; text-align:right} .table-footer a{border-bottom:none; text-decoration:none} .table-footer-inner{border:1px solid #ccc; background-color:#f8f8f8; margin:0px 2px; border-top:none; padding:2px 10px 5px 10px; text-align:right} .table-footer-inner a{border-bottom:none; text-decoration:none} .table-header{border-bottom:1px solid #ccc; padding:5px 10px 3px 10px; text-align:right} .table-header a{border-bottom:none; text-decoration:none} .content-footer{border-top:1px solid #ccc; padding:10px; text-align:right} .content-footer a{border-bottom:none; text-decoration:none} .list li{padding:5px 0px} .padding{padding:10px} .nopadding{padding:0px} .formdivider{border-top:1px solid #ccc; margin:10px 0px} .tab-seperator a {margin-left:20px !important;} #tools {padding:5px; border:1px solid #ccc; background-color:#eee; text-align:left; float:right; margin-right:20px;} #container {position:relative;} .strike, .strike td, .strike a, strike td a { text-decoration:line-through; } .filterdiv { padding: 10px 10px 0px 10px; } /* table DnD */ .tDnD_whileDrag td, .tDnD_whileDrag td a{font-weight:bold} .dragHandle div.handle{background:url("../img-design/h-arrow.gif") 0 0 no-repeat; display:block; width:11px; height:15px; overflow:hidden} .showDragHandle div.handle{ background-position:100% 0; } .filterbox {padding:10px;} .areagraph, .bargraph, .linegraph { width: 80% !important; } /* login page */ #login p.inner{padding:10px} #login .box{float:none; margin:0 auto; padding-top:100px; width:480px;} #login .boxin{box-shadow:#111 0 0 10px; -webkit-box-shadow:#111 0 0 10px; -moz-box-shadow:#111 0 0 10px; border:0} #login .header{padding-top:20px; padding-bottom:15px; margin:0} #login table{width:75%; margin:0 auto} #login th, #login td{padding:0 0 10px 0} #login th{width:100px} #login td.proceed{padding-right:0} #login td.proceed input{margin:0} #login input.txt{width:220px} #login input.captcha{width:100px} .infomessage { padding-left: 20px; display: block; background: url(../img-design/exclamation.png) no-repeat top left;} /* jquery-ui */ .uploadProgress{ display:none; height:14px; margin:2px; width:104px; border:1px solid #01661F; background-color:#f6f6f6; float:left; margin-left:10px} .uploadProgress-inner{ height:10px; width:0px; margin:2px; background-color:#37874E} /* Fancybox */ html, body{height:100%} div#fancy_overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#666; display:none; z-index:30} * html div#fancy_overlay{position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')} div#fancy_wrap{text-align:left} div#fancy_loading{position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100} div#fancy_loading div{position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url('../../../assets/img-other/fancybox/fancy_progress.png') no-repeat} div#fancy_loading_overlay{position:absolute; background-color:#FFF; z-index:30} div#fancy_loading_icon{position:absolute; background:url('../../../assets/img-other/fancybox/fancy_loading.gif') no-repeat; z-index:35; width:16px; height:16px} div#fancy_outer{position:absolute; top:0; left:0; z-index:90; padding:18px 18px 33px 18px; margin:0; overflow:hidden; background:transparent; display:none} div#fancy_inner{position:relative; width:100%; height:100%; border:1px solid #BBB; background:#FFF} div#fancy_content{margin:0; z-index:100; position:absolute} div#fancy_div{background:#000; color:#FFF; height:100%; width:100%; z-index:100} img#fancy_img{position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:100; width:100%; height:100%} div#fancy_close{position:absolute; top:-12px; right:-15px; height:30px; width:30px; background:url('../../../assets/img-other/fancybox/fancy_closebox.png') top left no-repeat; cursor:pointer; z-index:181; display:none} #fancy_frame{position:relative; width:100%; height:100%; display:none} #fancy_ajax{width:100%; height:100%; overflow:auto} a#fancy_left, a#fancy_right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; z-index:111; display:none; background-image:url(data:image/gif; base64,AAAA); outline:none} a#fancy_left{left:0px} a#fancy_right{right:0px} span.fancy_ico{position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:112; cursor:pointer; display:block} span#fancy_left_ico{left:-9999px; background:transparent url('../../../assets/img-other/fancybox/fancy_left.png') no-repeat} span#fancy_right_ico{right:-9999px; background:transparent url('../../../assets/img-other/fancybox/fancy_right.png') no-repeat} a#fancy_left:hover{ visibility:visible} a#fancy_right:hover{ visibility:visible} a#fancy_left:hover span{left:20px} a#fancy_right:hover span{right:20px} .fancy_bigIframe{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent} div#fancy_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:70; border:0; padding:0; margin:0} div.fancy_bg{position:absolute; display:block; z-index:70; border:0; padding:0; margin:0} div.fancy_bg_n{top:-18px; width:100%; height:18px; background:transparent url('../../../assets/img-other/fancybox/fancy_shadow_n.png') repeat-x} div.fancy_bg_ne{top:-18px; right:-13px; width:13px; height:18px; background:transparent url('../../../assets/img-other/fancybox/fancy_shadow_ne.png') no-repeat} div.fancy_bg_e{right:-13px; height:100%; width:13px; background:transparent url('../../../assets/img-other/fancybox/fancy_shadow_e.png') repeat-y} div.fancy_bg_se{bottom:-18px; right:-13px; width:13px; height:18px; background:transparent url('../../../assets/img-other/fancybox/fancy_shadow_se.png') no-repeat} div.fancy_bg_s{bottom:-18px; width:100%; height:18px; background:transparent url('../../../assets/img-other/fancybox/fancy_shadow_s.png') repeat-x} div.fancy_bg_sw{bottom:-18px; left:-13px; width:13px; height:18px; background:transparent url('../../../assets/img-other/fancybox/fancy_shadow_sw.png') no-repeat} div.fancy_bg_w{left:-13px; height:100%; width:13px; background:transparent url('../../../assets/img-other/fancybox/fancy_shadow_w.png') repeat-y} div.fancy_bg_nw{top:-18px; left:-13px; width:13px; height:18px; background:transparent url('../../../assets/img-other/fancybox/fancy_shadow_nw.png') no-repeat} div#fancy_title{position:absolute; bottom:-33px; left:0; width:100%; z-index:100; display:none} div#fancy_title div{color:#FFF; font:bold 12px Arial; padding-bottom:3px} div#fancy_title table{margin:0 auto} div#fancy_title table td{padding:0; vertical-align:middle} td#fancy_title_left{height:32px; width:15px; background:transparent url(../../../assets/img-other/fancybox/fancy_title_left.png) repeat-x} td#fancy_title_main{height:32px; background:transparent url(../../../assets/img-other/fancybox/fancy_title_main.png) repeat-x} td#fancy_title_right{height:32px; width:15px; background:transparent url(../../../assets/img-other/fancybox/fancy_title_right.png) repeat-x} .colorpicker{width:356px; height:176px; overflow:hidden; position:absolute; background:url(../../../assets/img-other/colorpicker/colorpicker_background.png); font-family:Arial,Helvetica,sans-serif; display:none} .colorpicker_color{width:150px; height:150px; left:14px; top:13px; position:absolute; background:#f00; overflow:hidden; cursor:crosshair} .colorpicker_color div{position:absolute; top:0; left:0; width:150px; height:150px; background:url(../../../assets/img-other/colorpicker/colorpicker_overlay.png)} .colorpicker_color div div{position:absolute; top:0; left:0; width:11px; height:11px; overflow:hidden; background:url(../../../assets/img-other/colorpicker/colorpicker_select.gif); margin:-5px 0 0 -5px} .colorpicker_hue{position:absolute; top:13px; left:171px; width:35px; height:150px; cursor:n-resize} .colorpicker_hue div{position:absolute; width:35px; height:9px; overflow:hidden; background:url(../../../assets/img-other/colorpicker/colorpicker_indic.gif) left top; margin:-4px 0 0 0; left:0px} .colorpicker_new_color{position:absolute; width:60px; height:30px; left:213px; top:13px; background:#f00} .colorpicker_current_color{position:absolute; width:60px; height:30px; left:283px; top:13px; background:#f00} .colorpicker input{background-color:transparent; border:1px solid transparent; position:absolute; font-size:10px; font-family:Arial,Helvetica,sans-serif; color:#898989; top:4px; right:11px; text-align:right; margin:0; padding:0; height:11px} .colorpicker_hex{position:absolute; width:72px; height:22px; background:url(../../../assets/img-other/colorpicker/colorpicker_hex.png) top; left:212px; top:142px} .colorpicker_hex input{right:6px} .colorpicker_field{height:22px; width:62px; background-position:top; position:absolute} .colorpicker_field span{position:absolute; width:12px; height:22px; overflow:hidden; top:0; right:0; cursor:n-resize} .colorpicker_rgb_r{background-image:url(../../../assets/img-other/colorpicker/colorpicker_rgb_r.png); top:52px; left:212px} .colorpicker_rgb_g{background-image:url(../../../assets/img-other/colorpicker/colorpicker_rgb_g.png); top:82px; left:212px} .colorpicker_rgb_b{background-image:url(../../../assets/img-other/colorpicker/colorpicker_rgb_b.png); top:112px; left:212px} .colorpicker_hsb_h{background-image:url(../../../assets/img-other/colorpicker/colorpicker_hsb_h.png); top:52px; left:282px} .colorpicker_hsb_s{background-image:url(../../../assets/img-other/colorpicker/colorpicker_hsb_s.png); top:82px; left:282px} .colorpicker_hsb_b{background-image:url(../../../assets/img-other/colorpicker/colorpicker_hsb_b.png); top:112px; left:282px} .colorpicker_submit{position:absolute; width:22px; height:22px; background:url(../../../assets/img-other/colorpicker/colorpicker_submit.png) top; left:322px; top:142px; overflow:hidden} .colorpicker_focus{background-position:center} .colorpicker_hex.colorpicker_focus{background-position:bottom} .colorpicker_submit.colorpicker_focus{background-position:bottom} .colorpicker_slider{background-position:bottom} .colorSelector{position:relative; width:36px; height:36px; background:url(../../../assets/img-other/colorpicker/select.png)} .colorSelector div{position:absolute; top:3px; left:3px; width:30px; height:30px; background:url(../../../assets/img-other/colorpicker/select.png) center} .carttable { width:100%; border: 1px solid #ccc } .carttable tr.head td { font-weight: bold; } .carttable tr td { padding: 5px; vertical-align: middle; border-right: 1px solid #f4f4f4; } .carttable tr.odd td { border-right: 1px solid #eaeaea; } .carttable tr td.col-delete { width: 16px; text-align: center; } .carttable tr td.col-image { width: 32px; text-align: center; } .carttable tr td.col-name { } .carttable tr td.col-productcode { width: 100px; } .carttable tr td.col-price { width: 70px; text-align: right; } .carttable tr td.col-qty { width: 40px; } .carttable tr td.col-qty a img, .carttable tr td.col-qty img { display:inline; } .carttable tr td.col-linetotal { width: 80px; border-right: none; text-align: right; } .carttable tr td{ border-top: 1px solid #f4f4f4; } .carttable tr.head td { border-top: none; } .carttabletotals { width:300px; border: 1px solid #ccc } .carttabletotals tr td { padding: 5px; vertical-align: middle; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; background-color: #eaeaea; text-align:right; } .carttabletotals tr td.title { padding: 5px; vertical-align: middle; border-right: 1px solid #f4f4f4; background-color: #ddd; font-weight: bold; text-align:left; } .checkouttable { width:500px; border: 1px solid #ccc } .checkouttable tr td { padding: 5px; vertical-align: middle; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; background-color: #eaeaea; text-align:right; } .checkouttable tr td.title { width:150px; padding: 5px; vertical-align: middle; border-right: 1px solid #f4f4f4; background-color: #ddd; font-weight: bold; text-align:left; } .carttable-print tr.head, .carttable-print tr.odd, .carttable-print tr.even, .carttabletotals tr td, .checkouttable tr td, .carttabletotals tr td.title, .checkouttable tr td.title { background-color: #fff; } .flexigrid th, .flexigrid td { padding: 0px !important; } .flexigrid{ margin:10px; font-family:Arial,Helvetica,sans-serif !important; font-size:11px !important; position:relative; border:0px solid #eee; overflow:hidden; color:#000} .flexigrid.hideBody{height:26px !important; border-bottom:1px solid #ccc} .ie6fullwidthbug{border-right:0px solid #ccc; padding-right:2px} .flexigrid div.nDiv{background:#eee url(../../../assets/img-other/flexigrid/line.gif) repeat-y -1px top; border:1px solid #ccc; border-top:0px; overflow:auto; left:0px; position:absolute; z-index:999; float:left} .flexigrid div.nDiv table{margin:2px} .flexigrid div.hDivBox{} .flexigrid div.bDiv table{margin-bottom:10px; width: 100%;} .flexigrid div.bDiv table.autoht{border:0px; margin-bottom:0px} .flexigrid div.nDiv td{padding:2px 3px; border:1px solid #eee; cursor:default; overflow: hidden; } .flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td{background:#d5effc url(../../../assets/img-other/flexigrid/hl.png) repeat-x top; border:1px solid #a8d8eb} .flexigrid div.nDiv td.ndcol1{border-right:1px solid #ccc} .flexigrid div.nDiv td.ndcol2{border-left:1px solid #fff; padding-right:10px} .flexigrid div.nDiv tr:hover td.ndcol1, .flexigrid div.nDiv tr.ndcolover td.ndcol1{border-right:1px solid #d2e3ec} .flexigrid div.nDiv tr:hover td.ndcol2, .flexigrid div.nDiv tr.ndcolover td.ndcol2{border-left:1px solid #eef8ff} .flexigrid div.nBtn{position:absolute; height:24px; width:14px; z-index:900; background:#fafafa url(../../../assets/img-other/flexigrid/fhbg.gif) repeat-x bottom; border:0px solid #ccc; border-left:1px solid #ccc; top:0px; left:0px; margin-top:1px; cursor:pointer; display:none} .flexigrid div.nBtn div{height:24px; width:12px; border-left:1px solid #fff; float:left; background:url(../../../assets/img-other/flexigrid/ddn.png) no-repeat center} .flexigrid div.nBtn.srtd{background:url(../../../assets/img-other/flexigrid/wbg.gif) repeat-x 0px -1px} .flexigrid div.mDiv{background:url(../../../assets/img-other/flexigrid/wbg.gif) repeat-x top; border:1px solid #ccc; border-bottom:0px; border-top:0px; font-weight:bold; display:block; overflow:hidden; white-space:nowrap; position:relative} .flexigrid div.mDiv div{padding:6px; white-space:nowrap} .flexigrid div.mDiv div.ptogtitle{position:absolute; top:4px; right:3px; padding:0px; height:16px; width:16px; overflow:hidden; border:1px solid #ccc; cursor:pointer} .flexigrid div.mDiv div.ptogtitle:hover{background-position:left -2px; border-color:#bbb} .flexigrid div.mDiv div.ptogtitle span{display:block; border-left:1px solid #eee; border-top:1px solid #fff; border-bottom:1px solid #ddd; width:14px; height:14px; background:url(../../../assets/img-other/flexigrid/uup.png) no-repeat center} .flexigrid div.mDiv div.ptogtitle.vsble span{background:url(../../../assets/img-other/flexigrid/ddn.png) no-repeat center} .flexigrid div.tDiv{background:#fafafa url(../../../assets/img-other/flexigrid/bg.gif) repeat-x top; position:relative; border:1px solid #ccc; border-bottom:0px; overflow:hidden} .flexigrid div.tDiv2{float:left; clear:both; padding:1px} .flexigrid div.sDiv{ position:relative; border:none; overflow:hidden;} .flexigrid div.sDiv2{float:right; clear:both; padding-bottom:10px; } .flexigrid div.sDiv2 input, .flexigrid div.sDiv2 select{vertical-align:middle} .flexigrid div.btnseparator{float:left; height:22px; border-left:1px solid #ccc; border-right:1px solid #fff; margin:1px} .flexigrid div.fbutton{float:left; display:block; cursor:pointer; padding:1px} .flexigrid div.fbutton div{float:left; padding:1px 3px} .flexigrid div.fbutton span{float:left; display:block; padding:3px} .flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver{padding:0px; border:1px solid #ccc} .flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div{padding:0px 2px; border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #eee; border-bottom:1px solid #eee} .flexigrid div.hDiv{background:#fafafa url(../../../assets/img-other/flexigrid/fhbg.gif) repeat-x bottom; position:relative; border:1px solid #ccc; border-bottom:0px; overflow:hidden} .flexigrid div.hDiv table{border-right:1px solid #fff; width:100%;} .flexigrid div.cDrag{float:left; position:absolute; z-index:2; overflow:visible} .flexigrid div.cDrag div{display:none; float:left; background:none; display:block; position:absolute; height:24px; width:5px; cursor:col-resize} .flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging{background:url(../../../assets/img-other/flexigrid/line.gif) repeat-y 2px center} .flexigrid div.iDiv{border:1px solid #316ac5; position:absolute; overflow:visible; background:none} .flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea{font-family:Arial,Helvetica,sans-serif; font-size:11px} .flexigrid div.iDiv input.tb{border:0px; padding:0px; width:100%; height:100%; padding:0px; background:none} .flexigrid div.bDiv{border:1px solid #ccc; border-top:0px; background:#fff; overflow:auto; position:relative} .flexigrid div.bDiv table{border-bottom:1px solid #ccc} .flexigrid div.hGrip{display:none; position:absolute; top:0px; right:0px; height:5px; width:5px; background:url(../../../assets/img-other/flexigrid/line.gif) repeat-x center; margin-right:1px; cursor:col-resize} .flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver{border-right:1px solid #999; margin-right:0px} .flexigrid div.vGrip{display:none; height:5px; overflow:hidden; position:relative; background:#fafafa url(../../../assets/img-other/flexigrid/wbg.gif) repeat-x 0px -1px; border:1px solid #ccc; border-top:0px; text-align:center; cursor:row-resize} .flexigrid div.vGrip span{display:block; margin:1px auto; width:20px; height:1px; overflow:hidden; border-top:1px solid #aaa; border-bottom:1px solid #aaa; background:none} .flexigrid div.hDiv th, .flexigrid div.bDiv td{text-align:left; border-right:1px solid #ddd; border-left:1px solid #fff; overflow:hidden; vertical-align:top !important} .flexigrid div.hDiv th div, .flexigrid div.bDiv td div, div.colCopy div{padding:5px; border-left:0px solid #fff} .flexigrid div.hDiv th, div.colCopy{font-weight:normal; height:24px; cursor:default; white-space:nowrap; overflow:hidden} div.colCopy{font-family:Arial,Helvetica,sans-serif; font-size:11px; background:#fafafa url(../../../assets/img-other/flexigrid/fhbg.gif) repeat-x bottom; border:1px solid #ccc; border-bottom:0px; overflow:hidden} .flexigrid div.hDiv th.sorted{background:url(../../../assets/img-other/flexigrid/wbg.gif) repeat-x 0px -1px; border-bottom:0px solid #ccc} .flexigrid div.hDiv th.thOver{} .flexigrid2 div.hDiv th.thOver div, .flexigrid2 div.hDiv th.sorted.thOver div{border-bottom:1px solid orange; padding-bottom:4px} .flexigrid div.hDiv th.sorted div{border-bottom:0px solid #ccc; padding-bottom:5px} .flexigrid div.hDiv th.thMove{background:#fff; color:#fff} .flexigrid div.hDiv th.sorted.thMove div{border-bottom:1px solid #fff; padding-bottom:4px} .flexigrid div.hDiv th.thMove div{background:#fff !important} .flexigrid div.hDiv th div.sdesc{background:url(../../../assets/img-other/flexigrid/dn.png) no-repeat center top} .flexigrid div.hDiv th div.sasc{background:url(../../../assets/img-other/flexigrid/up.png) no-repeat center top} .flexigrid div.bDiv td{border-bottom:1px solid #fff; vertical-align:top; white-space:nowrap} .flexigrid div.hDiv th div{} .flexigrid span.cdropleft{display:block; background:url(../../../assets/img-other/flexigrid/prev.gif) no-repeat -4px center; width:24px; height:24px; position:relative; top:-24px; margin-bottom:-24px; z-index:3} .flexigrid div.hDiv span.cdropright{display:block; background:url(../../../assets/img-other/flexigrid/next.gif) no-repeat 12px center; width:24px; height:24px; float:right; position:relative; top:-24px; margin-bottom:-24px} .flexigrid div.bDiv td div{border-top:0px solid #fff; padding-bottom:4px} .flexigrid tr td.sorted{background:#f3f3f3; border-right:1px solid #ddd; border-bottom:1px solid #f3f3f3} .flexigrid tr td.sorted div{} .flexigrid tr.erow td{background:#f7f7f7; border-bottom:1px solid #f7f7f7} .flexigrid tr.erow td.sorted{background:#e3e3e3; border-bottom:1px solid #e3e3e3} .flexigrid tr.erow td.sorted div{} .flexigrid div.bDiv tr:hover td, .flexigrid div.bDiv tr:hover td.sorted, .flexigrid div.bDiv tr.trOver td.sorted, .flexigrid div.bDiv tr.trOver td{background:#d9ebf5; border-left:1px solid #eef8ff; border-bottom:1px dotted #a8d8eb} .flexigrid div.bDiv tr.trSelected:hover td, .flexigrid div.bDiv tr.trSelected:hover td.sorted, .flexigrid div.bDiv tr.trOver.trSelected td.sorted, .flexigrid div.bDiv tr.trOver.trSelected td, .flexigrid tr.trSelected td.sorted, .flexigrid tr.trSelected td{background:#d5effc url(../../../assets/img-other/flexigrid/hl.png) repeat-x top; border-right:1px solid #d2e3ec; border-left:1px solid #eef8ff; border-bottom:1px solid #a8d8eb} .flexigrid.novstripe .bDiv table{border-bottom:1px solid #ccc; border-right:none;} .flexigrid.novstripe div.bDiv td{border-right-color:#fff} .flexigrid.novstripe div.bDiv tr.erow td.sorted{border-right-color:#e3e3e3} .flexigrid.novstripe div.bDiv tr td.sorted{border-right-color:#f3f3f3} .flexigrid.novstripe div.bDiv tr.erow td{border-right-color:#f7f7f7; border-left-color:#f7f7f7} .flexigrid.novstripe div.bDiv tr.trSelected:hover td, .flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted, .flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted, .flexigrid.novstripe div.bDiv tr.trOver.trSelected td, .flexigrid.novstripe tr.trSelected td.sorted, .flexigrid.novstripe tr.trSelected td{border-right:1px solid #06F; border-left:1px solid #06F} .flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td{border-left-color:#d9ebf5; border-right-color:#d9ebf5} .flexigrid div.pDiv{background:url(../../../assets/img-other/flexigrid/wbg.gif) repeat-x 0 -1px; border:1px solid #ccc; border-top:0px; overflow:hidden; white-space:nowrap; position:relative} .flexigrid div.pDiv div.pDiv2{margin:3px; margin-left:-2px; float:left; width:1024px} div.pGroup{float:left; background:none; height:24px; margin:0px 5px} .flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol{position:relative; top:5px; overflow:visible} .flexigrid div.pDiv input{vertical-align:text-top; position:relative; top:-5px} .flexigrid div.pDiv div.pButton{float:left; width:22px; height:22px; border:0px; cursor:pointer; overflow:hidden} .flexigrid div.pDiv div.pButton:hover, .flexigrid div.pDiv div.pButton.pBtnOver{width:20px; height:20px; border:1px solid #ccc; cursor:pointer} .flexigrid div.pDiv div.pButton span{width:20px; height:20px; display:block; float:left} .flexigrid div.pDiv div.pButton:hover span, .flexigrid div.pDiv div.pButton.pBtnOver span{width:19px; height:19px; border-top:1px solid #fff; border-left:1px solid #fff} .flexigrid .pSearch{background:url(../../../assets/img-other/flexigrid/magnifier.png) no-repeat center} .flexigrid .pFirst{background:url(../../../assets/img-other/flexigrid/first.gif) no-repeat center} .flexigrid .pPrev{background:url(../../../assets/img-other/flexigrid/prev.gif) no-repeat center} .flexigrid .pNext{background:url(../../../assets/img-other/flexigrid/next.gif) no-repeat center} .flexigrid .pLast{background:url(../../../assets/img-other/flexigrid/last.gif) no-repeat center} .flexigrid .pReload{background:url(../../../assets/img-other/flexigrid/load.png) no-repeat center} .flexigrid .pReload.loading{background:url(../../../assets/img-other/flexigrid/load.gif) no-repeat center} .flexigrid.ie div.hDiv th div, .flexigrid.ie div.bDiv td div, div.colCopy.ie div{overflow:hidden} .sortable { padding: 0px; padding-left:10px; margin-left:0em; } .vpadding5 { padding: 5px 0px; } .sortable li { padding: 5px 0px 0px 0px; cursor: move; } .sortable li div { padding:3px; } .sortable li div:hover { background-color:#f4f4f4; padding: 2px; border: 1px dashed #ddd;} .ui-state-highlight { border: 1px dashed #faa; height: 10px; margin-right:10px; background-color: #fee; } .progressouter { width: 100px; border: 1px solid #ccc; height: 12px; position: relative; } .progressinner { background: #ccc; width: 0px; position: absolute; top: 1px; left: 1px; height: 10px; } .progresstext { text-align: center; font-size: 8px; color: #666; position: absolute; top: 0px; left: 1px; width: 100px; height: 10px; } /* icons */ .design { background: url(../../assets/design-raw.png); } .design-userbox { background-position:-0px -0px; width: 225px; height:65px; } .design-logo { background-position:-0px -67px; width: 187px; height:36px; } .design-menuheader { background-position:-0px -107px; width: 200px; height:24px; } .design-header { background-position:-0px -149px; height:70px; } /* New Untangler */ /******************************** Basic Structure ********************************/ html { font-size: 100%; height: 100%; margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears */ } body { font-family: Arial, Helvetica, sans-serif; color: #555; background: #f0f0f0 url('../img-design/images//bg-body.gif') top left repeat-y; font-size: 12px; } #body-wrapper { background: url('../img-design/images//bg-radial-gradient.gif') fixed 230px top no-repeat; } /******************************** Elements styling ********************************/ h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; color: #222; font-weight: bold; } h1 { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff; position: absolute; top: -1000px; /* Remove this line and delete the logo (in the HTML) if you don't want an image as a logo */ } h2 { font-size: 26px; padding: 0 0 10px 0; } h3 { font-size: 17px; padding: 0 0 10px 0; } h4 { font-size: 16px; padding: 0 0 5px 0; } h5 { font-size: 14px; padding: 0 0 5px 0; } h6 { font-size: 12px; padding: 0 0 5px 0; } a { color: #57a000; text-decoration: none; } a:hover { color: #000; } a:active { color: #777; } a:focus { outline: 1px; } strong { font-weight: bold; color: #333; } small { font-size: 0.85em; } pre { font-family: monospace; } p { padding: 5px 0 10px 0; line-height: 1.6em; } /******************************** General Classes ********************************/ .clear { clear: both; } .align-left { float: left; } .align-right { float: right; } /************ Button ************/ .button { font-family: Verdana, Arial, sans-serif; display: inline-block; background: #459300 url('../img-design/images//bg-button-green.gif') top left repeat-x !important; border: 1px solid #459300 !important; padding: 4px 7px 4px 7px !important; color: #fff !important; font-size: 11px !important; cursor: pointer; } .button:hover { text-decoration: underline; } .button:active { padding: 5px 7px 3px 7px !important; } a.remove-link { color: #bb0000; } a.remove-link:hover { color: #000; } /******************************** Sidebar ********************************/ #sidebar { background: url('../img-design/images//bg-sidebar.gif') top left no-repeat; width: 230px; height: 100%; position: absolute; left: 0; top: 0; color: #888; font-size: 11px; } #sidebar #sidebar-wrapper { margin: 0 0 0 9px; } #sidebar a, #sidebar a:active { color:#ccc; } #sidebar a:hover { color:#fff; } #sidebar #sidebar-title { margin: 40px 0 40px 15px; } #sidebar #logo { margin: 40px 0 40px 0; } #sidebar #profile-links { padding: 0 15px 20px 15px; text-align: right; line-height: 1.5em; } /************ Sidebar Accordion Menu ************/ #sidebar #main-nav { width: 206px; padding: 0; margin: 0 0 0 15px; font-family: Helvetica, Arial, sans-serif; } #sidebar #main-nav li { list-style: none; padding-bottom: 10px; text-align: right; } #sidebar #main-nav li a.nav-top-item { background: transparent url('../img-design/images//bg-menu-item-green.gif') right center no-repeat; /* Background image for default color scheme - green */ padding: 10px 15px; color: #fff; font-size: 14px; cursor: pointer; display: block; text-decoration: none; } #sidebar #main-nav li a.current { background-image: url('../img-design/images//bg-menu-item-current.gif') !important; color: #333; font-weight: bold; } #sidebar #main-nav li a.current:hover { color: #333; } #sidebar #main-nav ul { padding: 0; font-size: 12px; margin: 0; } #sidebar #main-nav ul li { list-style: none; margin: 0; text-align: right; padding: 0; } #sidebar #main-nav ul li a { padding: 8px 15px; display: block; color: #aaa; font-size: 13px; line-height: 1.2em; } #sidebar #main-nav ul li a:hover, #sidebar #main-nav ul li a.current, #sidebar #main-nav ul li a.current:hover { color: #fff; } #sidebar #main-nav ul li a.current { background: transparent url('../img-design/images//menu-current-arrow.gif') right center no-repeat !important; } /************ Messages ************/ #messages p, #messages form { border-top: 1px solid #ddd; padding: 10px 0; } #messages h4 { padding: 10px 0; } #messages fieldset { margin: 0; } #messages textarea { margin: 0 0 15px 0; } /******************************** Main Content ********************************/ /************ Layout ************/ #main-content { margin: 0 30px 0 260px; padding: 75px 0 0 0; } .column-left { width: 48%; float: left; } .column-right { width: 48%; float: right; } #page-intro { font-size: 17px; padding: 0 0 20px 0; } #footer { border-top: 1px solid #ccc; margin: 40px 0 0 0; padding: 20px 0; font-size: 12px; } /************ Lists ************/ #main-content ul, #main-content ol { padding: 10px 0; } /* Unordered List */ #main-content ul li { background: url('../img-design/images//icons/bullet_black.png') center left no-repeat; padding: 4px 0 4px 20px; } /* Ordered List */ #main-content ol { padding: 0 0 0 24px; } #main-content ol li { list-style: decimal; padding: 4px 0; } /*************** Content Box ***************/ .content-box { border: 1px solid #ccc; margin: 0 0 20px 0; background: #fff; } .content-box-header { background: #e5e5e5 url('../img-design/images//bg-content-box.gif') top left repeat-x; margin-top: 1px; height: 40px; } .content-box-header h3 { padding: 12px 15px 10px; float: left; } ul.content-box-tabs { float: right; padding: 12px 15px 0 0 !important; margin: 0 !important; } ul.content-box-tabs li { float: left; margin: 0; padding: 0 !important; background-image: none !important; } ul.content-box-tabs li a { color: #333; padding: 8px 10px; display: block; margin: 1px; border-bottom: 0; } ul.content-box-tabs li a:hover { color: #57a000; } ul.content-box-tabs li a.current { background: #fff; border: 1px solid #ccc; border-bottom: 0; margin: 0; } .content-box-content { padding: 20px; font-size: 13px; border-top: 1px solid #ccc; } /************ Table ************/ #main-content table { width: 100%; border-collapse: collapse; } #main-content table thead th { font-weight: bold; font-size: 15px; border-bottom: 1px solid #ddd; } #main-content tbody { border-bottom: 1px solid #ddd; } #main-content tbody tr { background: #fff; } #main-content tbody tr.alt-row { background: #f3f3f3; } #main-content table td, #main-content table th { padding: 10px; line-height: 1.3em; } #main-content table tfoot td .bulk-actions { padding: 15px 0 5px 0; } #main-content table tfoot td .bulk-actions select { padding: 4px; border: 1px solid #ccc; } /*************** Pagination ***************/ #main-content .pagination { text-align: right; padding: 20px 0 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } .pagination a { margin: 0 5px 0 0; padding: 3px 6px; } .pagination a.number { border: 1px solid #ddd; } .pagination a.current { background: #469400 url('../img-design/images//bg-button-green.gif') top left repeat-x !important; border-color: #459300 !important; color: #fff !important; } .pagination a.current:hover { text-decoration: underline; } /************ Shortcut Buttons ************/ .shortcut-button { border: 1px solid #ccc; background: #f7f7f7 url('../img-design/images//shortcut-button-bg.gif') top left no-repeat; display: block; width: 120px; margin: 0 0 20px 0; } .shortcut-button span { border: 1px solid #fff; display:block; padding: 15px 10px 15px 10px; text-align: center; color: #555; font-size: 13px; line-height: 1.3em; } .shortcut-button span img { margin-bottom: 10px; } .shortcut-button:hover { background: #fff; } .shortcut-button span:hover { color: #57a000; } ul.shortcut-buttons-set li { float: left; margin: 0 15px 0 0; padding: 0 !important; background: 0; } /*************** Forms ***************/ form label { display: block; padding: 0 0 10px; font-weight: bold; } form fieldset legend { font-weight: bold; margin-bottom: 10px; padding-top: 10px; } form p small { font-size: 0.75em; color: #777; } form input.text-input, form select, form textarea, form .wysiwyg { padding: 6px; font-size: 13px; background: #fff url('../img-design/images//bg-form-field.gif') top left repeat-x; border: 1px solid #d5d5d5; color: #333; } form .small-input { width: 25% !important; } form .medium-input { width: 50% !important; } form .large-input { width: 97.5% !important; font-size: 16px !important; padding: 8px !important; } form textarea { width: 97.5% !important; font-family: Arial, Helvetica, sans-serif; } form select { padding: 4px; background: #fff; } form input[type="checkbox"], form input[type="radio"] { padding: 0; background: none; border: 0; } /*************** Notifications ***************/ .notification { position: relative; margin: 0 0 15px 0; padding: 0; border: 1px solid; background-position: 10px 11px !important; background-repeat: no-repeat !important; font-size: 13px; width: 99.8%; } .attention { background: #fffbcc url('../img-design/images//icons/exclamation.png') 10px 11px no-repeat; border-color: #e6db55; color: #666452; } .information { background: #dbe3ff url('../img-design/images//icons/information.png'); border-color: #a2b4ee; color: #585b66; } .success { background: #d5ffce url('../img-design/images//icons/tick_circle.png'); border-color: #9adf8f; color: #556652; } .error { background: #ffcece url('../img-design/images//icons/cross_circle.png'); border-color: #df8f8f; color: #665252; } .notification div { display:block; font-style:normal; padding: 10px 10px 10px 36px; line-height: 1.5em; } .notification .close { color:#990000; font-size:9px; position:absolute; right:5px; top:5px; } /* Notification for form inputs */ .input-notification { background-position: left 2px; background-repeat: no-repeat; padding: 2px 0 2px 22px; background-color: transparent; margin: 0 0 0 5px; } /* Notification for login page */ #login-wrapper #login-content .notification { border: 0; background-color: #141414; color: #fff !important; } /******************************** Login Page ********************************/ body#login { color: #fff; background: #222 url('../img-design/images//bg-login.gif'); } #login-wrapper { background: url('../img-design/images//bg-login-top.png') top left repeat-x; } #login-wrapper #login-top { width: 100%; padding: 140px 0 50px 0; text-align: center; } #login-wrapper #login-content { text-align: left; width: 300px; margin: 0 auto; } #login-wrapper #login-content label { color: #fff; font-weight: normal; font-size: 14px; font-family: Helvetica, Arial, sans-serif; float: left; width: 70px; padding: 0; } #login-wrapper #login-content input { width: 200px; float: right; margin: 0 0 20px 0; border: 0; background: #fff; } #login-wrapper #login-content p { padding: 0; } #login-wrapper #login-content p#remember-password { float: right; } #login-wrapper #login-content p#remember-password input { float: none; width: auto; border: 0; background: none; margin: 0 10px 0 0; } #login-wrapper #login-content p .button { width: auto; margin-top: 20px; } /******************************** jQuery plugins styles ********************************/ /*************** Facebox ***************/ #facebox .b { background:url(../img-design/images//b.png); } #facebox .tl { background:url(../img-design/images//tl.png); } #facebox .tr { background:url(../img-design/images//tr.png); } #facebox .bl { background:url(../img-design/images//bl.png); } #facebox .br { background:url(../img-design/images//br.png); } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 10px; background: #fff; width: 370px; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } /*************** jQuery WYSIWYG ***************/ div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; width: 97.5% !important; } div.wysiwyg * { margin: 0; padding: 0; } div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 5px 0; } div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; padding: 0 !important; background: #ffffff; background-image: none !important;} div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; } div.wysiwyg ul.panel li a { display: block; padding: 0 !important; width: 16px; height: 16px; background: url('../img-design/images//icons/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; } div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { } div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; } div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; } div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; } div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; } div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; } div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; } div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; } div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; } div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; } div.wysiwyg ul.panel li a.indent { background-position: -64px 0; } div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; } div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; } div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; } div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; } div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; } div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; } div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; } div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; } div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; } div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; } div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; } div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; } div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; } div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; } div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; } div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; } div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; } div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; } div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; } div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; } div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; } div.wysiwyg ul.panel li a.html { background-position: -48px -48px; } div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; } div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; } div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 97.5% !important; } /* end */ /* icons */ .icon { background: url(../../assets/icons.png); width: 16px; height: 16px; } .icon-edit { background-position:-74px -2px; } .icon-add { background-position:-38px -2px; } .icon-edit-d { background-position:-164px -2px; } .icon-process { background-position:-128px -20px; } .icon-process-d { background-position:-164px -20px; } .icon-delete { background-position: -56px -2px; } .icon-delete-nolink { background-position: -56px -2px; } .icon-delete-sm { background-position:-218px -2px; height: 10px; width: 10px; } .icon-status0 { background-position:-2px -2px; } .icon-status1 { background-position:-2px -20px; } .icon-status2 { background-position:-20px -20px; } .icon-status3 { background-position:-38px -20px; } .icon-status0-d { background-position:-92px -2px; } .icon-status1-d { background-position:-2px -38px; } .icon-status2-d { background-position:-20px -38px; } .icon-status3-d { background-position:-38px -38px; } /* module icons */ .moduleicon { background: url(../../assets/moduleicons.png); width: 16px; height: 16px; background-position:-2px -2px } .moduleicon-backup { background-position:-20px -2px; } .moduleicon-beusers { background-position:-38px -2px; } .moduleicon-cardio { background-position:-56px -2px; } .moduleicon-dashboard { background-position:-74px -2px; } .moduleicon-feusers { background-position:-92px -2px; } .moduleicon-home { background-position:-110px -2px; } .moduleicon-myprofile { background-position:-128px -2px; } .moduleicon-pages { background-position:-146px -2px; } .moduleicon-sessionsworkout { background-position:-164px -2px; } .moduleicon-testimonials { background-position:-182px -2px; } .moduleicon-useradmin { background-position:-200px -2px; } .moduleicon-workouts { background-position:-218px -2px; }