/* ----------------------------------------------------------------------- Blueprint CSS Framework 0.8 http://blueprintcss.org * Copyright (c) 2007-Present. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* typography.css */ body {font-size:75%;color:#222;background:#fff;font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;overflow:auto;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th {background:#c3d9ff;} th, td, caption {padding:4px 10px 4px 5px;} tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.9em;margin-bottom:0;line-height:1.5em;} .smaller { font-size:.7em;line-height:1.875em; } .large {font-size:1.2em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;font-weight:normal;} .quieter {color:#999;} .quieterer {color:#CCC;} .loud {color:#000;} .em { font-style: italic; } .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} .bold { font-weight: bold; } /* grid.css */ .container {width:950px;margin:0 auto;} .showgrid {background:url(src/grid.png);} .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;} .last, div.last {margin-right:0;} .span-1 {width:30px;} .span-2 {width:70px;} .span-3 {width:110px;} .span-4 {width:150px;} .span-5 {width:190px;} .span-6 {width:230px;} .span-7 {width:270px;} .span-8 {width:310px;} .span-9 {width:350px;} .span-10 {width:390px;} .span-11 {width:430px;} .span-12 {width:470px;} .span-13 {width:510px;} .span-14 {width:550px;} .span-15 {width:590px;} .span-16 {width:630px;} .span-17 {width:670px;} .span-18 {width:710px;} .span-19 {width:750px;} .span-20 {width:790px;} .span-21 {width:830px;} .span-22 {width:870px;} .span-23 {width:910px;} .span-24, div.span-24 {width:950px;margin:0;} input.span-1, textarea.span-1, select.span-1 {width:30px!important;} input.span-2, textarea.span-2, select.span-2 {width:50px!important;} input.span-3, textarea.span-3, select.span-3 {width:90px!important;} input.span-4, textarea.span-4, select.span-4 {width:130px!important;} input.span-5, textarea.span-5, select.span-5 {width:170px!important;} input.span-6, textarea.span-6, select.span-6 {width:210px!important;} input.span-7, textarea.span-7, select.span-7 {width:250px!important;} input.span-8, textarea.span-8, select.span-8 {width:290px!important;} input.span-9, textarea.span-9, select.span-9 {width:330px!important;} input.span-10, textarea.span-10, select.span-10 {width:370px!important;} input.span-11, textarea.span-11, select.span-11 {width:410px!important;} input.span-12, textarea.span-12, select.span-12 {width:450px!important;} input.span-13, textarea.span-13, select.span-13 {width:490px!important;} input.span-14, textarea.span-14, select.span-14 {width:530px!important;} input.span-15, textarea.span-15, select.span-15 {width:570px!important;} input.span-16, textarea.span-16, select.span-16 {width:610px!important;} input.span-17, textarea.span-17, select.span-17 {width:650px!important;} input.span-18, textarea.span-18, select.span-18 {width:690px!important;} input.span-19, textarea.span-19, select.span-19 {width:730px!important;} input.span-20, textarea.span-20, select.span-20 {width:770px!important;} input.span-21, textarea.span-21, select.span-21 {width:810px!important;} input.span-22, textarea.span-22, select.span-22 {width:850px!important;} input.span-23, textarea.span-23, select.span-23 {width:890px!important;} input.span-24, textarea.span-24, select.span-24 {width:940px!important;} .append-1 {padding-right:40px;} .append-2 {padding-right:80px;} .append-3 {padding-right:120px;} .append-4 {padding-right:160px;} .append-5 {padding-right:200px;} .append-6 {padding-right:240px;} .append-7 {padding-right:280px;} .append-8 {padding-right:320px;} .append-9 {padding-right:360px;} .append-10 {padding-right:400px;} .append-11 {padding-right:440px;} .append-12 {padding-right:480px;} .append-13 {padding-right:520px;} .append-14 {padding-right:560px;} .append-15 {padding-right:600px;} .append-16 {padding-right:640px;} .append-17 {padding-right:680px;} .append-18 {padding-right:720px;} .append-19 {padding-right:760px;} .append-20 {padding-right:800px;} .append-21 {padding-right:840px;} .append-22 {padding-right:880px;} .append-23 {padding-right:920px;} .prepend-1 {padding-left:40px;} .prepend-2 {padding-left:80px;} .prepend-3 {padding-left:120px;} .prepend-4 {padding-left:160px;} .prepend-5 {padding-left:200px;} .prepend-6 {padding-left:240px;} .prepend-7 {padding-left:280px;} .prepend-8 {padding-left:320px;} .prepend-9 {padding-left:360px;} .prepend-10 {padding-left:400px;} .prepend-11 {padding-left:440px;} .prepend-12 {padding-left:480px;} .prepend-13 {padding-left:520px;} .prepend-14 {padding-left:560px;} .prepend-15 {padding-left:600px;} .prepend-16 {padding-left:640px;} .prepend-17 {padding-left:680px;} .prepend-18 {padding-left:720px;} .prepend-19 {padding-left:760px;} .prepend-20 {padding-left:800px;} .prepend-21 {padding-left:840px;} .prepend-22 {padding-left:880px;} .prepend-23 {padding-left:920px;} div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;} .pull-1 {margin-left:-40px;} .pull-2 {margin-left:-80px;} .pull-3 {margin-left:-120px;} .pull-4 {margin-left:-160px;} .pull-5 {margin-left:-200px;} .pull-6 {margin-left:-240px;} .pull-7 {margin-left:-280px;} .pull-8 {margin-left:-320px;} .pull-9 {margin-left:-360px;} .pull-10 {margin-left:-400px;} .pull-11 {margin-left:-440px;} .pull-12 {margin-left:-480px;} .pull-13 {margin-left:-520px;} .pull-14 {margin-left:-560px;} .pull-15 {margin-left:-600px;} .pull-16 {margin-left:-640px;} .pull-17 {margin-left:-680px;} .pull-18 {margin-left:-720px;} .pull-19 {margin-left:-760px;} .pull-20 {margin-left:-800px;} .pull-21 {margin-left:-840px;} .pull-22 {margin-left:-880px;} .pull-23 {margin-left:-920px;} .pull-24 {margin-left:-960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 {margin:0 -40px 1.5em 40px;} .push-2 {margin:0 -80px 1.5em 80px;} .push-3 {margin:0 -120px 1.5em 120px;} .push-4 {margin:0 -160px 1.5em 160px;} .push-5 {margin:0 -200px 1.5em 200px;} .push-6 {margin:0 -240px 1.5em 240px;} .push-7 {margin:0 -280px 1.5em 280px;} .push-8 {margin:0 -320px 1.5em 320px;} .push-9 {margin:0 -360px 1.5em 360px;} .push-10 {margin:0 -400px 1.5em 400px;} .push-11 {margin:0 -440px 1.5em 440px;} .push-12 {margin:0 -480px 1.5em 480px;} .push-13 {margin:0 -520px 1.5em 520px;} .push-14 {margin:0 -560px 1.5em 560px;} .push-15 {margin:0 -600px 1.5em 600px;} .push-16 {margin:0 -640px 1.5em 640px;} .push-17 {margin:0 -680px 1.5em 680px;} .push-18 {margin:0 -720px 1.5em 720px;} .push-19 {margin:0 -760px 1.5em 760px;} .push-20 {margin:0 -800px 1.5em 800px;} .push-21 {margin:0 -840px 1.5em 840px;} .push-22 {margin:0 -880px 1.5em 880px;} .push-23 {margin:0 -920px 1.5em 920px;} .push-24 {margin:0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;} .prepend-top {margin-top:1.5em;} .prepend-top-small {margin-top:0.9em;} .append-bottom {margin-bottom:1.5em;} .box {padding:1.5em;margin-bottom:1.5em;background:#FFF;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;} hr.space { background:transparent;color:transparent; } .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} .clear {clear:both;} /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} /*.error a {color:#8a1f11;}*/ /*.notice a {color:#514721;}*/ .success a {color:#264409;} /* ====================================================== */ /* = BASE CSS STYLES AND BLUEPRINT EXTENSIONS/OVERRIDES = */ /* ====================================================== */ body { background-color:#F5F5F5; } thead th { margin-top:10px;background:#FFF;border-bottom:1px solid #E0E0E0;border-top:1px solid #E0E0E0;color:#999;text-transform:upper; } thead th a { color: #999; } tr td { border-bottom:1px solid #EEE; } tr td.noborder { border-bottom: none; } tr.even td, .even { background-color:#FFF; } tr.odd td, .odd { background-color:#F5F5F5; } tr.sub td, .sub { border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; } tr.subTop td, .subTop { border-top:1px dashed #CCC; padding-top: 10px;} tr.subBottom td, .subBottom { border-bottom:1px dashed #CCC; padding-bottom: 20px; } td.top { vertical-align:top; } tfoot { font-style:normal; } a{color:#2E6AB1;text-decoration:none;} a:focus,a:hover{color:inherit;} .pageTitle{font-weight:bold;font-size:18px;} .pageTitle a{color:inherit;} .syntax { width: 905px; } h3.loud a { color: inherit; } h4 {font-weight:bold;margin-bottom:5px;} h4 > div{margin-bottom:5px;} h4 .right { float: right; display: inline; } img.icon { margin: 0 3px -3px 0; background-color: transparent !important; padding: 0 !important; } .line_comment img.icon { margin: 0 -6px -6px 0; } .right { text-align: right; } .fright { float:right; } .left { text-align: left; } .fleft { float: left; } .center { text-align: center; } .underline { text-decoration: underline; } .larger {font-size:1.4em;margin-bottom:1.25em;} .red { color: #990000; } .blue { color: #2E6AB1; } .no-float { float:none !important; } #flashMessage, #authMessage { display: none; } .bordered {border:1px solid #EEE;} .bordered-left {border-left:1px solid #EEE;} .bordered-right {border-right:1px solid #EEE;} .bordered-top {border-top:1px solid #EEE;} .bordered-bottom {border-bottom:1px solid #EEE;} .bordered-dk {border:1px solid #DDD;} .bordered-dk-left {border-left:1px solid #DDD;} .bordered-dk-right {border-right:1px solid #DDD;} .bordered-dk-top {border-top:1px solid #DDD;} .bordered-dk-bottom {border-bottom:1px solid #DDD;} .bordered-bd {border:2px solid #BBB;} .bordered-highlight {border:1px solid #CCC;} .shadedbox{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;-moz-border-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-box-shadow:0 1px 3px #DDDDDD;background:#E0E0E0 url(/images/smooth-gradient-light.jpg) repeat-x scroll 0 0;border:1px solid #C0C0C0;margin-bottom:20px;padding:10px 0;text-shadow:0 1px white;} .shadedbox .vert-section{border-bottom:1px solid #E0E0E0;margin:0 20px 10px;padding-bottom:5px;} .shadedbox .vert-section p{color:#444444;margin-bottom:8px;padding:0;} .shadedbox .header{color:#555555;font-variant:small-caps;} .shadedbox .date{color:#666666;font-size:160%;font-weight:bold;} .shadedbox .title{color:#444444;font-size:150%;font-weight:bold;line-height:1.2em;} .shadedbox .count{color:#444444;font-size:180%;font-weight:bold;} .shadedbox .count-quiet{color:#888;font-size:180%;font-weight:bold;} .shadedbox .count-highlight{color:#336622;font-size:220%;font-weight:bold;line-height:1em;padding-top:3px;} .shadedbox .count-medium{color:#888;font-size:160%;font-weight:bold;} .callout { -moz-border-radius:4px 4px 4px 4px; background:url("/images/callout_bg.gif") repeat-x scroll left top #F0F3F5; border-color:#DCDCDC; border-style:solid; border-width:2px 1px 1px; float:left; padding:14px 15px 18px 14px; position:relative; } .no-bold { font-weight: normal; } .print {font:1em 'andale mono','lucida console',monospace;line-height:1.5;} .highlight-bg { background-color:#EEE;-moz-border-radius:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;padding:0 4px; } .white { background-color:#FFF; } .gray { background-color:#EEE; } .padded { padding: 3px 8px; } .padded-sides { padding: 0 8px; } .padded-right { padding-right: 8px; } .padded-left { padding-left: 8px; } .padded-top { padding-top: 3px; } .padded-bottom { padding-bottom: 3px; } .lg-padded { padding: 6px 12px; } .lg-padded-sides { padding: 0 12px; } .lg-padded-right { padding-right: 12px; } .lg-padded-left { padding-left: 12px; } .lg-padded-ab { padding: 12px 0; } .lg-padded-top { padding-top: 6px; } .lg-padded-bottom { padding-bottom: 6px; } table.noMargin { margin: 0; } table.noMargin td { margin: 0; border: none; padding: 0; } .margin-1, .margin { margin: 10px; } .margin-2 { margin: 20px; } .margin-3 { margin: 30px; } .margin-4 { margin: 40px; } .margin-5 { margin: 50px; } .margin-top-1, .margin-top { margin-top: 10px; } .margin-top-imp { margin-top: 10px !important; } .margin-top-2 { margin-top: 20px; } .margin-top-3 { margin-top: 30px; } .margin-top-4 { margin-top: 40px; } .margin-top-5 { margin-top: 50px; } .margin-top-6 { margin-top: 60px; } .margin-top-7 { margin-top: 70px; } .margin-bottom-1, .margin-bottom { margin-bottom: 10px; } .margin-bottom-2 { margin-bottom: 20px; } .margin-bottom-3 { margin-bottom: 30px; } .margin-bottom-4 { margin-bottom: 40px; } .margin-bottom-5 { margin-bottom: 50px; } .margin-right-1, .margin-right { margin-right: 10px; } .margin-right-2 { margin-right: 20px; } .margin-right-3 { margin-right: 30px; } .margin-right-4 { margin-right: 40px; } .margin-right-5 { margin-right: 50px; } .margin-left-1, .margin-left { margin-left: 10px; } .margin-left-2 { margin-left: 20px; } .margin-left-3 { margin-left: 30px; } .margin-left-4 { margin-left: 40px; } .margin-left-5 { margin-left: 50px; } .padding-1, .padding { padding: 10px; } .padding-2 { padding: 20px; } .padding-3 { padding: 30px; } .padding-4 { padding: 40px; } .padding-5 { padding: 50px; } .padding-top-1, .padding-top { padding-top: 10px; } .padding-top-imp { padding-top: 10px !important; } .padding-top-2 { padding-top: 20px; } .padding-top-3 { padding-top: 30px; } .padding-top-4 { padding-top: 40px; } .padding-top-5 { padding-top: 50px; } .padding-top-6 { padding-top: 60px; } .padding-top-7 { padding-top: 70px; } .padding-bottom-1, .padding-bottom { padding-bottom: 10px; } .padding-bottom-imp { padding-bottom: 10px !important; } .padding-bottom-2 { padding-bottom: 20px; } .padding-bottom-3 { padding-bottom: 30px; } .padding-bottom-4 { padding-bottom: 40px; } .padding-bottom-5 { padding-bottom: 50px; } .padding-right-1, .padding-right { padding-right: 10px; } .padding-right-2 { padding-right: 20px; } .padding-right-3 { padding-right: 30px; } .padding-right-4 { padding-right: 40px; } .padding-right-5 { padding-right: 50px; } .padding-left-1, .padding-left { padding-left: 10px; } .padding-left-2 { padding-left: 20px; } .padding-left-3 { padding-left: 30px; } .padding-left-4 { padding-left: 40px; } .padding-left-5 { padding-left: 50px; } .highlight { background-color:#FFFFF9 !important;border:2px solid #FF1; } .alt-highlight { background-color:#EEF !important; } /* ============================================================= */ /* = ROUNDED CORNERS = */ /* ============================================================= */ /* Corner radius */ .corner-tl { -moz-border-radius-topleft: 14px; -webkit-border-top-left-radius: 14px; } .corner-tr { -moz-border-radius-topright: 14px; -webkit-border-top-right-radius: 14px; } .corner-bl { -moz-border-radius-bottomleft: 14px; -webkit-border-bottom-left-radius: 14px; } .corner-br { -moz-border-radius-bottomright: 14px; -webkit-border-bottom-right-radius: 14px; } .corner-top { -moz-border-radius-topleft: 14px; -webkit-border-top-left-radius: 14px; -moz-border-radius-topright: 14px; -webkit-border-top-right-radius: 14px; } .corner-bottom { -moz-border-radius-bottomleft: 14px; -webkit-border-bottom-left-radius: 14px; -moz-border-radius-bottomright: 14px; -webkit-border-bottom-right-radius: 14px; } .corner-right { -moz-border-radius-topright: 14px; -webkit-border-top-right-radius: 14px; -moz-border-radius-bottomright: 14px; -webkit-border-bottom-right-radius: 14px; } .corner-left { -moz-border-radius-topleft: 14px; -webkit-border-top-left-radius: 14px; -moz-border-radius-bottomleft: 14px; -webkit-border-bottom-left-radius: 14px; } .corner { -moz-border-radius: 14px; -webkit-border-bottom-left-radius:14px;-webkit-border-bottom-right-radius:14px;-webkit-border-top-left-radius:14px;-webkit-border-top-right-radius:14px; } .no-corner-right { -moz-border-radius-topright: 0 !important; -webkit-border-top-right-radius: 0 !important; -moz-border-radius-bottomright: 0 !important; -webkit-border-bottom-right-radius: 0 !important; } .no-corner-left { -moz-border-radius-topleft: 0 !important; -webkit-border-top-left-radius: 0 !important; -moz-border-radius-bottomleft: 0 !important; -webkit-border-bottom-left-radius: 0 !important; } /* Corner radius small */ .corner-small-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; } .corner-small-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .corner-small-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .corner-small-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .corner-small-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .corner-small-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .corner-small-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .corner-small-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .corner-small { -moz-border-radius: 6px; -webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px; } /* ============================================================== */ /* = BUTTONS = */ /* ============================================================== */ .button {-moz-border-radius:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;font-size:11px;padding:2px 9px 3px;text-decoration:none !important;cursor:pointer;position:relative;} button.button {width:auto;overflow:visible;} .link {font-weight:bold; padding-left:20px !important;;text-decoration:none !important;cursor:pointer;position:relative;} .state-default { background: #BBBBBB url(images/ui-bg_highlight-hard_40_CCCCCC_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #444444; outline: none; } .state-default a, .state-default a:link, .state-default a:visited { color: #444444; text-decoration: none; outline: none; } .state-active { background: #333333 url(images/ui-bg_highlight-hard_30_333333_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } .state-active a, .state-active a:link, .state-active a:visited { color: #ffffff; outline: none; text-decoration: none; } .state-hover { background: #000000 url(images/ui-bg_highlight-hard_60_000000_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff !important; outline: none; } .state-hover a, .state-hover a:hover { color: #ffffff !important; text-decoration: none; outline: none; } /* ============================================================= */ /* = ICONS = */ /* ============================================================= */ /* states and images */ .btn-icon { width: 16px; height: 16px; background-image: url(/images/icon_sets/black.png); } span.btn-icon {left:0;position:absolute;top:0;} .link .btn-icon { width: 16px; height: 16px; background-image: url(/images/icon_sets/blue.png); } .link:hover .btn-icon { width: 16px; height: 16px; background-image: url(/images/icon_sets/black.png); } .state-default:hover .btn-icon { background-image: url(/images/icon_sets/white.png); } .state-hover .btn-icon {background-image: url(/images/icon_sets/white.png); } .state-active .btn-icon {background-image: url(/images/icon_sets/white.png); } .icon-left {padding-left:24px;padding-right:8px;} .icon-right {padding-right:24px;padding-left:8px;} .icon-solo {padding: 2px 12px 3px; margin-right: 3px;} .link.icon-solo {padding-right: 1px !important; margin-right: 0;} .icon-solo .btn-icon {right:auto;left:4px;margin-left:0;} .icon-left .btn-icon {right:auto;left:4px;margin-left:0;} .icon-right .btn-icon {left:auto;right:0;margin-left:0 !important;} .link.icon-solo .btn-icon {left:0;} .link.icon-left .btn-icon {left:0;} .th-icon {padding-left:12px;background-image: url(/images/icon_sets/black.png);} .icon-highlight {background-image:url(/images/icon_sets/red.png) !important;} .icon-disabled {cursor:default;background-image:url(/images/icon_sets/disabled.png) !important;} .icon-loud {cursor:default;background-image:url(/images/icon_sets/black.png) !important;} .icon-grey {cursor:default;background-image:url(/images/icon_sets/grey.png) !important;} a.icon:hover span.icon-disabled {background-image:url(/images/icon_sets/disabled.png);} .infoIcon { width: 16px; height: 16px; } .infoIcon span { background-image: url(/images/icon_sets/grey.png); background-position: -16px -144px; padding-left: 11px; } .infoIcon:hover span { background-image: url(/images/icon_sets/blue.png); } /* positioning */ .icon-carat-1-n { background-position: 0 0; } .icon-carat-1-ne { background-position: -16px 0; } .icon-carat-1-e { background-position: -32px 0; } .icon-carat-1-se { background-position: -48px 0; } .icon-carat-1-s { background-position: -64px 0; } .icon-carat-1-sw { background-position: -80px 0; } .icon-carat-1-w { background-position: -96px 0; } .icon-carat-1-nw { background-position: -112px 0; } .icon-carat-2-n-s { background-position: -128px 0; } .icon-carat-2-e-w { background-position: -144px 0; } .icon-triangle-1-n { background-position: 0 -16px; } .icon-triangle-1-ne { background-position: -16px -16px; } .icon-triangle-1-e { background-position: -32px -16px; } .icon-triangle-1-se { background-position: -48px -16px; } .icon-triangle-1-s { background-position: -64px -16px; } .icon-triangle-1-sw { background-position: -80px -16px; } .icon-triangle-1-w { background-position: -96px -16px; } .icon-triangle-1-nw { background-position: -112px -16px; } .icon-triangle-2-n-s { background-position: -128px -16px; } .icon-triangle-2-e-w { background-position: -144px -16px; } .icon-arrow-1-n { background-position: 0 -32px; } .icon-arrow-1-ne { background-position: -16px -32px; } .icon-arrow-1-e { background-position: -32px -32px; } .icon-arrow-1-se { background-position: -48px -32px; } .icon-arrow-1-s { background-position: -64px -32px; } .icon-arrow-1-sw { background-position: -80px -32px; } .icon-arrow-1-w { background-position: -96px -32px; } .icon-arrow-1-nw { background-position: -112px -32px; } .icon-arrow-2-n-s { background-position: -128px -32px; } .icon-arrow-2-ne-sw { background-position: -144px -32px; } .icon-arrow-2-e-w { background-position: -160px -32px; } .icon-arrow-2-se-nw { background-position: -176px -32px; } .icon-arrowstop-1-n { background-position: -192px -32px; } .icon-arrowstop-1-e { background-position: -208px -32px; } .icon-arrowstop-1-s { background-position: -224px -32px; } .icon-arrowstop-1-w { background-position: -240px -32px; } .icon-arrowthick-1-n { background-position: 0 -48px; } .icon-arrowthick-1-ne { background-position: -16px -48px; } .icon-arrowthick-1-e { background-position: -32px -48px; } .icon-arrowthick-1-se { background-position: -48px -48px; } .icon-arrowthick-1-s { background-position: -64px -48px; } .icon-arrowthick-1-sw { background-position: -80px -48px; } .icon-arrowthick-1-w { background-position: -96px -48px; } .icon-arrowthick-1-nw { background-position: -112px -48px; } .icon-arrowthick-2-n-s { background-position: -128px -48px; } .icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .icon-arrowthick-2-e-w { background-position: -160px -48px; } .icon-arrowthick-2-se-nw { background-position: -176px -48px; } .icon-arrowthickstop-1-n { background-position: -192px -48px; } .icon-arrowthickstop-1-e { background-position: -208px -48px; } .icon-arrowthickstop-1-s { background-position: -224px -48px; } .icon-arrowthickstop-1-w { background-position: -240px -48px; } .icon-arrowreturnthick-1-w { background-position: 0 -64px; } .icon-arrowreturnthick-1-n { background-position: -16px -64px; } .icon-arrowreturnthick-1-e { background-position: -32px -64px; } .icon-arrowreturnthick-1-s { background-position: -48px -64px; } .icon-arrowreturn-1-w { background-position: -64px -64px; } .icon-arrowreturn-1-n { background-position: -80px -64px; } .icon-arrowreturn-1-e { background-position: -96px -64px; } .icon-arrowreturn-1-s { background-position: -112px -64px; } .icon-arrowrefresh-1-w { background-position: -128px -64px; } .icon-arrowrefresh-1-n { background-position: -144px -64px; } .icon-arrowrefresh-1-e { background-position: -160px -64px; } .icon-arrowrefresh-1-s { background-position: -176px -64px; } .icon-arrow-4 { background-position: 0 -80px; } .icon-arrow-4-diag { background-position: -16px -80px; } .icon-extlink { background-position: -32px -80px; } .icon-newwin { background-position: -48px -80px; } .icon-refresh { background-position: -64px -80px; } .icon-shuffle { background-position: -80px -80px; } .icon-transfer-e-w { background-position: -96px -80px; } .icon-transferthick-e-w { background-position: -112px -80px; } .icon-folder-collapsed { background-position: 0 -96px; } .icon-folder-open { background-position: -16px -96px; } .icon-document { background-position: -32px -96px; } .icon-document-b { background-position: -48px -96px; } .icon-note { background-position: -64px -96px; } .icon-mail-closed { background-position: -80px -96px; } .icon-mail-open { background-position: -96px -96px; } .icon-suitcase { background-position: -112px -96px; } .icon-comment { background-position: -128px -96px; } .icon-person { background-position: -144px -96px; } .icon-print { background-position: -160px -96px; } .icon-trash { background-position: -176px -96px; } .icon-locked { background-position: -192px -96px; } .icon-unlocked { background-position: -208px -96px; } .icon-bookmark { background-position: -224px -96px; } .icon-tag { background-position: -240px -96px; } .icon-home { background-position: 0 -112px; } .icon-flag { background-position: -16px -112px; } .icon-calendar { background-position: -32px -112px; } .icon-cart { background-position: -48px -112px; } .icon-pencil { background-position: -64px -112px; } .icon-clock { background-position: -80px -112px; } .icon-disk { background-position: -96px -112px; } .icon-calculator { background-position: -112px -112px; } .icon-zoomin { background-position: -128px -112px; } .icon-zoomout { background-position: -144px -112px; } .icon-search { background-position: -160px -112px; } .icon-wrench { background-position: -176px -112px; } .icon-gear { background-position: -192px -112px; } .icon-heart { background-position: -208px -112px; } .icon-star { background-position: -224px -112px; } .icon-link { background-position: -240px -112px; } .icon-cancel { background-position: 0 -128px; } .icon-plus { background-position: -16px -128px; } .icon-plusthick { background-position: -32px -128px; } .icon-minus { background-position: -48px -128px; } .icon-minusthick { background-position: -64px -128px; } .icon-close { background-position: -80px -128px; } .icon-closethick { background-position: -96px -128px; } .icon-key { background-position: -112px -128px; } .icon-lightbulb { background-position: -128px -128px; } .icon-scissors { background-position: -144px -128px; } .icon-clipboard { background-position: -160px -128px; } .icon-copy { background-position: -176px -128px; } .icon-contact { background-position: -192px -128px; } .icon-image { background-position: -208px -128px; } .icon-video { background-position: -224px -128px; } .icon-script { background-position: -240px -128px; } .icon-alert { background-position: 0 -144px; } .icon-info { background-position: -16px -144px; } .icon-notice { background-position: -32px -144px; } .icon-help { background-position: -48px -144px; } .icon-check { background-position: -64px -144px; } .icon-bullet { background-position: -80px -144px; } .icon-radio-off { background-position: -96px -144px; } .icon-radio-on { background-position: -112px -144px; } .icon-pin-w { background-position: -128px -144px; } .icon-pin-s { background-position: -144px -144px; } .icon-play { background-position: 0 -160px; } .icon-pause { background-position: -16px -160px; } .icon-seek-next { background-position: -32px -160px; } .icon-seek-prev { background-position: -48px -160px; } .icon-seek-end { background-position: -64px -160px; } .icon-seek-first { background-position: -80px -160px; } .icon-stop { background-position: -96px -160px; } .icon-eject { background-position: -112px -160px; } .icon-volume-off { background-position: -128px -160px; } .icon-volume-on { background-position: -144px -160px; } .icon-power { background-position: 0 -176px; } .icon-signal-diag { background-position: -16px -176px; } .icon-signal { background-position: -32px -176px; } .icon-battery-0 { background-position: -48px -176px; } .icon-battery-1 { background-position: -64px -176px; } .icon-battery-2 { background-position: -80px -176px; } .icon-battery-3 { background-position: -96px -176px; } .icon-circle-plus { background-position: 0 -192px; } .icon-circle-minus { background-position: -16px -192px; } .icon-circle-close { background-position: -32px -192px; } .icon-circle-triangle-e { background-position: -48px -192px; } .icon-circle-triangle-s { background-position: -64px -192px; } .icon-circle-triangle-w { background-position: -80px -192px; } .icon-circle-triangle-n { background-position: -96px -192px; } .icon-circle-arrow-e { background-position: -112px -192px; } .icon-circle-arrow-s { background-position: -128px -192px; } .icon-circle-arrow-w { background-position: -144px -192px; } .icon-circle-arrow-n { background-position: -160px -192px; } .icon-circle-zoomin { background-position: -176px -192px; } .icon-circle-zoomout { background-position: -192px -192px; } .icon-circle-check { background-position: -208px -192px; } .icon-circlesmall-plus { background-position: 0 -208px; } .icon-circlesmall-minus { background-position: -16px -208px; } .icon-circlesmall-close { background-position: -32px -208px; } .icon-squaresmall-plus { background-position: -48px -208px; } .icon-squaresmall-minus { background-position: -64px -208px; } .icon-squaresmall-close { background-position: -80px -208px; } .icon-grip-dotted-vertical { background-position: 0 -224px; } .icon-grip-dotted-horizontal { background-position: -16px -224px; } .icon-grip-solid-vertical { background-position: -32px -224px; } .icon-grip-solid-horizontal { background-position: -48px -224px; } .icon-gripsmall-diagonal-se { background-position: -64px -224px; } .icon-grip-diagonal-se { background-position: -80px -224px; } /* ================================== */ /* = METERED BAR USED IN MILESTONES = */ /* ================================== */ .meter{background:#FFF none repeat scroll 0 0;border:1px solid #CCCCCC;float:left;margin:10px 0 0 10px;padding:0;width:290px;} .bar{background:#E66565 none repeat scroll 0 0;border:1px solid #EEE;height:20px;width:0;} .bar div{background:#FFFFFF none repeat scroll 0 0;height:10px;opacity:0.3;} /* ========================================================================== */ /* = TAGS = */ /* ========================================================================== */ .tag { margin-left: 7px; } /* ========================================================================== */ /* = FACEBOOK COMPLETE = */ /* ========================================================================== */ /* TextboxList sample CSS */ ul.holder{overflow:hidden;height:auto !important;height:1%;padding:2px 5px 0;-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;-x-system-font:none;background:#FEFEFE url(/images/form.png) repeat-x scroll 0 -188px;border-color:#8E8E8E #E1E1E1 #E1E1E1 #8E8E8E;border-style:solid;border-width:1px;font-family:"Lucida Grande",Lucida,Verdana,sans-serif;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;margin:0;z-index:10;} *:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */ ul.holder li { float: left; list-style-type: none; margin: 1px 5px 3px 0; white-space:nowrap;} ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; } ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 0 5px 1px; margin-top: 4px; } ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; } ul.holder li.bit-input input { background: #FFF; width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */ ul.holder li.bit-input input.smallinput { width: 20px; } /* Facebook demo CSS */ #add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; } form ol li { list-style-type: none; } form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; } form ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; } form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; } form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; } form ul.holder { width: 945px; padding-left:5px; } form ul { margin: 0 !important } ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:1000;} #apple-list ul.holder li.bit-input { margin: 0; } #apple-list ul.holder li.bit-input input.smallinput { width: 5px; } ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; } ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; } ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/images/close.gif'); } ul.holder li.bit-box a.closebutton:hover { background-position: 7px; } ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; } /* Autocompleter */ .facebook-auto { display: none; position: absolute; width: 947px; background: #eee; } .facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; } .facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; position:absolute; z-index:9999} .facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; background-color: #eee } .facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; } .facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; } .facebook-auto ul li.auto-focus em { background: none; } .deleted { background-color:#4173CC !important; color:#ffffff !important;} .hidden { display:none;} .ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;} .readme h1 {font-size:2em;line-height:1;margin-bottom:0.5em;} .readme h2 {font-size:1.5em;margin-bottom:0.75em;} .readme h3 {font-size:1.2em;font-weight:bold;line-height:1;margin-bottom:1em;} .readme h4 {font-size:1.0em;font-weight:bold;line-height:1.25;margin-bottom:1.25em;} .readme h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} .readme h6 {font-size:1em;font-weight:bold;} /* ============================================================================== */ /* = TABS = */ /* ============================================================================== */ ul.tabs{list-style:none;margin:0 !important;padding:0;height:30px;} ul.tabs li{float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;} ul.tabs a{background:url(http://static.flowplayer.org/tools/img/tabs/blue.png) no-repeat -420px 0;font-size:13px;display:block;height:27px;line-height:27px;width:134px;text-align:center;text-decoration:none;color:#666;text-transform:uppercase;font-weight:bold;padding:3px 0 0;margin:0px;position:relative;top:1px;} ul.tabs a:active{outline:none;} ul.tabs a:hover{background-position:-420px -31px;color:#fff;} ul.tabs a.current,ul.tabs a.current:hover,ul.tabs li.current a{background-position:-420px -62px;cursor:default !important;color:#000 !important;} ul.tabs a.s{background-position:-553px 0;width:81px;} ul.tabs a.s:hover{background-position:-553px -31px;} ul.tabs a.s.current{background-position:-553px -62px;} ul.tabs a.l{background-position:-247px -0px;width:174px;} ul.tabs a.l:hover{background-position:-247px -31px;} ul.tabs a.l.current{background-position:-247px -62px;} ul.tabs a.xl{background-position:0 -0px;width:248px;} ul.tabs a.xl:hover{background-position:0 -31px;} ul.tabs a.xl.current{background-position:0 -62px;} div.panes div.pane{display:none;padding-top:30px;padding-bottom:30px;} div.panes div.fixed-height-pane{height:500px;overflow:auto;display:none;padding-top:30px;padding-bottom:30px;} div.panes div.pane.ccp {background: #F5F5F5 url(/images/faded_tab_pane_bg.jpg) no-repeat top;} #errorExplanation { padding:.8em;margin-bottom:1em;border:2px solid #ddd;background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4; } #errorExplanation > h2 { display:none; } #errorExplanation > p { font-weight:bold; margin-bottom:5px; } #errorExplanation > ul { list-style-type: disc; } #errorExplanation > ul > li { margin-left:20px; } /* ============================================================================== */ /* = NAVIGATION BUTTONS = */ /* ============================================================================== */ .header-bar .select_wrapper { padding: 1px 2px 3px 0; float: none; height: 15px; display: inline; cursor: default; } .header-bar .select-label { -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -webkit-border-radius-topright: 0; -webkit-border-radius-bottomright: 0; margin: 0; padding: 2px 6px 3px 9px; border: 1px solid #CCC; cursor: default; } /* ============================================================================== */ /* = PAGE HEADER = */ /* ============================================================================== */ #mainHeader { background: #000 url('/images/header.jpg') no-repeat scroll center center; height: 106px; } #mainHeader.projectHeaderSub { background-image: url('/images/header_sub.jpg'); } #mainHeader.projectHeaderSubWithGroup { background-image: url('/images/header_sub_group.jpg'); } #mainHeader .container { padding-top: 20px; } #mainHeader #intro, #mainHeader #newsDiv { color: #FFF; font-size: 13px; border-left: 2px solid #CCC; padding: 4px 0 4px 10px; margin-top: 11px; } #mainHeader #newsDiv { margin: 0; height: 63px; padding: 0 0 0 10px; } #mainHeader #newsDiv ul { list-style: none; margin: 0; display: none; } #mainHeader #newsDiv ul .title { line-height: 10px; } #mainHeader #intro a, #mainHeader #newsDiv a { color: #BFDAF4; } #mainHeader #intro a:hover, #mainHeader #newsDiv a:hover { color: #FFF; } #mainHeader #betaLinks a { background: #2C65AA url(/images/btn-overlay.png) repeat-x; display: inline-block; border-style:none; padding: 6px 18px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); width: 70px; } #subHeader { background-color: #FFF; } #subHeaderBase { background: transparent url('/images/header_sub_bottom.jpg') no-repeat scroll center center; height: 12px; } #subHeader .navItem, #subHeader .navItemSingle { margin: 0 2px; font-weight: bold; background-color: #FFF; padding: 2px 0; color: #000; } #subHeader .navItem:hover, #subHeader .navItemSingle:hover, #subHeader .navItem.current, #subHeader .navItemSingle.current { background-color: #F5F5F5; } #subHeader .navItem.current, #subHeader .navItemSingle.current { border: 1px solid #DDDDDD; } #subHeader .navItem .navDD { padding: 2px 5px 2px 0; } #subHeader .navItem .navDD.selected { background-color: #CCC; } #subHeader .navItem .navDD:hover { background-color: #EEE; } #subHeader .navItem .navLL, #subHeader .navItemSingle .navLL { padding: 2px 4px 2px 6px; } #subHeader .navItemSingle .navLL { padding-right: 6px; } #subHeader .navItem .navLL:hover, #subHeader .navItemSingle .navLL:hover, #subHeader .navItem.current .navLL, #subHeader .navItemSingle.current .navLL, #subHeader .navItem .navLL.selected, #subHeader .navItemSingle .navLL.selected { background-color: #EEE; text-shadow: 0 1px white; color: #000; } #subHeader ul { margin: 0; } #subHeader li { list-style: none; } #subHeader li .navLL { width: 100%; } #subHeader #projectTitle { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 1.7em; } #subHeader #projectTitle a:hover { text-decoration: underline; } #subHeader div.navDrop { -moz-box-shadow:0 2px 3px #CCC; -webkit-box-shadow:0 2px 3px #CCC; display:none; background-color:#FFF; border:1px solid #DDD; border-top: none; padding:10px; position:absolute; z-index:9; } #pagebar h1 { font-size: 20px; font-weight: bold; padding: 0 0 5px; border-bottom: 1px solid #CCC; margin: 0 0 20px; } #stickerWrapper { /* height: 73px;*/ } #stickerInner { position: relative; top: -13px; left: 12px; height: 97px; background: transparent url(/images/home/sticker_banner_sm.png) no-repeat scroll; } #sticker a { margin-right: 8px; float: left; width: 94px; height: 97px; } #sticker a:hover { background: transparent url(/images/home/sticker_sm.png) no-repeat scroll center -99px; } #stickerBanner { padding: 22px 45px 0 0; font-size: 12px; } /* ============================================================================== */ /* = LAYOUT FOOTER = */ /* ============================================================================== */ #footer { margin-top: 40px; margin-bottom: 20px; padding: 5px 0 0; font-size: 11px; color: #666; } #footer #footerLogo { margin-bottom: 2px; } #footer hr { margin-bottom: 3px; } #footer a { color: #666; } #footer a:hover, #pagebar a:hover { text-decoration: underline; } .inviteInfo a { color: #990000 !important; font-weight: bold; } /* ============================================================================== */ /* = HEADER BAR = */ /* ============================================================================== */ #pagebar { padding-top: 20px; padding-bottom: 30px; } #pagebar .header-bar h3 { margin-bottom: 5px; } #pagebar .header-bar hr { margin-bottom: 5px; } #gitUrls a#publicGitLink { -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -webkit-border-radius-topright: 0; -webkit-border-radius-bottomright: 0; border-right: 1px solid #EEE; margin: 0; } #gitUrls a#privateGitLink { -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius-topleft: 0; -webkit-border-radius-bottomleft: 0; } #groupBar { background-color: #E9F3FF; padding-bottom: 3px; border-bottom: 1px solid #EEE; } /* ============================================================================== */ /* = PROJECT = */ /* ============================================================================== */ .item_summary { margin: 5px 0; background-color: #FFF; } .item_summary h5 { margin: 8px; } .item_summary .span-7 div, .item_summary .span-3 div { margin: 0 8px 8px 8px; } #project-list { margin: 20px 0; } #project-list .span-24 { margin-bottom: 13px; } #project_tickets .span-10 { background-color: #FFF; margin-bottom: 10px; } #create_project div.checkbox { width: 100% !important; margin-bottom: 60px; } .ticketId { background-color: #99CC33; text-align: center; padding: 6px; font-weight: bold; font-size: 12px; color: #444; } #pageBody pre, #preview pre, #post_body pre, #comments pre, #ticket_description_display pre { margin-left: 20px; background-color: #F7F7F7; border: 1px solid #EEEEEE; padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #666; } /* ============================================================================== */ /* = FILE DIFF = */ /* ============================================================================== */ .diff-header { background-color: #EEE; font-size: 11px; border-bottom: 1px solid #CCC; } .diff-header img { vertical-align: bottom; } div.diff-table { clear: right; overflow: auto; padding-top: 1px; font-size: 11px; } table.diff { font-family: Courier, Monaco, monospace !important; overflow: auto; width: 100%; margin-bottom: 0; border-bottom: 1px solid #EEE; } table.diff td { background: #eee; padding: 1px 5px 0; } table.diff td pre { padding: 0; margin: 0; } div.diff { margin-bottom: 20px; } .ln { white-space: no-wrap; width: 1px; text-align: center; background: #EEE !important; font-size: 92%; border-right: 1px solid #ccc; font-family: "Helvetica", Arial, sans-serif; border-bottom: 1px dotted #ccc; color: #666; } .diff tbody tr.hover td { background: #FFF !important; cursor: pointer; } .diff tbody td { background: #F7F7F7; } .diff td.insert { background: #dfd; color: #030; } .diff td.delete { background: #fdd; color: #900; } /* ============================================================================== */ /* = GIT COMMITS = */ /* ============================================================================== */ #commit-files { list-style: none; margin: 10px 0 15px; border-top: 1px solid #EEE; } #commit-files li { padding: 5px; border-bottom: 1px solid #EEE; position: relative; } span.c-a, .c-m, .c-d, .c-mv, .c-cp { background: #7b0; color: #fff; font-size: 82%; border: 1px solid #fff; line-height: 100%; padding: 2px; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-right: 5px; } span.c-m { background-color: #06b; } span.c-mv { color: #540; background: #ca0; } span.c-d { background: #c00; } span.c-cp { background:#ccc; color: #333; } /* ============================================================================== */ /* = GIT TREE = */ /* ============================================================================== */ .tree-header { padding: 10px 16px 8px; } .tree-header .span-19 a, .tree-header .span-19 p { margin: 0 0 2px; color: #000; font: 11px 'andale mono','lucida console',monospace; } .tree-header .span-19 a:hover { text-decoration: underline; } .tree-header .span-19 p { margin-bottom: 14px; } .tree-header img { padding: 4px; background-color: #DDD; } .tree-header .shas { font: 11px 'andale mono','lucida console',monospace; } .tree-header .shas span { margin-right: 10px; } /* ============================================================================== */ /* = FLASH MESSAGE = */ /* ============================================================================== */ #flash{cursor:pointer;z-index:5500;position:fixed;top:0px;left:0px;background-color:#000;color:#FFF;width:915px;padding:25px 20px;margin:0;font-size:2em;text-align:center;border:none;filter:alpha(opacity=280);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;-moz-border-radius:40px 40px 0 0;-webkit-border-top-left-radius:40px;-webkit-border-top-right-radius:40px;} #flash div.dialog_close{top:-6px;right:-6px;position:absolute;height:30px;width:30px;background:url('/images/dialog/dialog_closebox.png') top left no-repeat;cursor:pointer;z-index:181;} .file pre { line-height: 135%; font-size: 11px; margin: 0; } .file td { vertical-align: inherit; background-color: #FFF; padding: 10px 6px 0 10px; } .file td.linenos { margin-top: 10px; background-color: #EEE; font-size: 11px; color: #999; } .file td.code { width: 100%; } .file .file-header { background-color: #EEE; margin-top: 10px; } .file .file-header .meta, .file .file-header .links { background-color: #EEE; font-size: 11px; color: #999; padding: 6px 10px; } .file .meta span { margin-right: 30px; color: #666; } /* ============================================================================= */ /* = PAGINATION = */ /* ============================================================================= */ .pagination{clear:left;font-size:85%;margin-bottom:10px;} .pagination a, .pagination span{background:#FFFFFF none repeat scroll 0 0;border:1px solid #FFFFFF;display:block;float:left;margin-right:0.1em;padding:0.2em 0.5em;} .pagination span.prev_page, .pagination span.next_page{border:1px solid #DDDDDD;color:#999999;} .pagination span.current{background:#2E6AB1 none repeat scroll 0 0;border:1px solid #2E6AB1;color:#FFFFFF;font-weight:bold;} .pagination a{border:1px solid #9AAFE5;text-decoration:none;} /* ============================================================================= */ /* = PERMISSION ADMIN = */ /* ============================================================================= */ .permission_list span { -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #DEE7F8; border: 1px solid #CAD8F3; padding: 1px 15px 2px 5px; position: relative; margin-right: 1px; line-height: 23px; } .permission_list a.remove_permission { position:absolute; right:0; top:0; width: 16px; height: 16px; background-image: url(/images/icon_sets/grey.png); } .permission_list a:hover.remove_permission { background-image: url(/images/icon_sets/black.png); } tfoot td { border-top: 10px solid transparent; width: 100%; } /* ============================================================================= */ /* = TICKET CUSTOM FIELDS = */ /* ============================================================================= */ table#fieldOptionsTable { margin-bottom: 0; } table#fieldOptionsTable thead th { border: none; } table#fieldOptionsTable tr td { border: none; } table#fieldOptionsTable div.inline { margin-bottom: 3px; width: 205px; } table#fieldOptionsTable div.inline.checkbox { width: 55px; } table#fieldOptionsTable div.checkbox { padding-left: 0; } /* ============================================================================= */ /* = EVENTS / TIMELINE = */ /* ============================================================================= */ .events{margin:0;} .events li{list-style:none;} .events .date{background:#EFEFEF none repeat scroll 0 0;color:#666;font-size:11px;padding:5px 0px 3px 10px;text-transform:uppercase;margin-top:2px;} .events .date .span-11{width:460px;} .events .event_instances, .events .event_instance{background-repeat:no-repeat;padding-bottom:10px;} .events .event_instances hr{margin-bottom:10px;} .event_instance.create_ticket{background-image:url(/images/icons/note_add.png) !important;} .event_instance.update_ticket{background-image:url(/images/icons/note_edit.png) !important;} .event_instance.close_ticket{background-image:url(/images/icons/note_error.png) !important;} .event_instance.delete_ticket{background-image:url(/images/icons/note_delete.png) !important;} .event_instance.reopen_ticket{background-image:url(/images/icons/note_go.png) !important;} .event_instance.bookmark_project{background-image:url(/images/icons/link_add.png) !important;} .event_instance.unbookmark_project{background-image:url(/images/icons/link_delete.png) !important;} .event_instance.fork_project_to, .event_instance.fork_project_from{background-image:url(/images/icons/database_clone.png) !important;} .event_instance.add_committer{background-image:url(/images/icons/user_add.png) !important;} .event_instance.git_commit{background-image:url(/images/icons/brick.png) !important;} .event_instance.create_comment{background-image:url(/images/icons/comment_add.png) !important;} .event_instance.update_comment{background-image:url(/images/icons/comment_edit.png) !important;} .event_instance.delete_comment{background-image:url(/images/icons/comment_delete.png) !important;} .event_instance.merge_commit{background-image:url(/images/icons/arrow_merge.png) !important;} .event_instance.create_project{background-image:url(/images/icons/report_add.png) !important;} .event_instance.delete_project{background-image:url(/images/icons/report_delete.png) !important;} .event_instance.project_moved{background-image:url(/images/icons/report_go.png) !important;} .event_instance.update_project, .event_instance.project_state_changed{background-image:url(/images/icons/report_edit.png) !important;} .event_instance.create_source{background-image:url(/images/icons/database_add.png) !important;} .event_instance.delete_source{background-image:url(/images/icons/database_delete.png) !important;} .event_instance.add_attachment{background-image:url(/images/icons/textfield_add.png) !important;} .event_instance.delete_attachment{background-image:url(/images/icons/textfield_delete.png) !important;} .event_instance.project_members{background-image:url(/images/icons/group.png) !important;} .event_instance.add_member{background-image:url(/images/icons/user_add.png) !important;} .event_instance.update_profile{background-image:url(/images/icons/user_edit.png) !important;} .event_instance.create_group{background-image:url(/images/icons/group_add.png) !important;} .event_instance.delete_group{background-image:url(/images/icons/group_delete.png) !important;} .event_instance.update_group{background-image:url(/images/icons/group_edit.png) !important;} .event_instance.assign_project{background-image:url(/images/icons/report_link.png) !important;} .event_instance.unassign_project{background-image:url(/images/icons/report_link.png) !important;} .event_instance.create_milestone{background-image:url(/images/icons/building_add.png) !important;} .event_instance.delete_milestone{background-image:url(/images/icons/building_delete.png) !important;} .event_instance.update_milestone{background-image:url(/images/icons/building_edit.png) !important;} .event_instance.milestone_complete{background-image:url(/images/icons/building_delete.png) !important;} .event_instance.milestone_reopen{background-image:url(/images/icons/building_go.png) !important;} .event_instance.git_create_branch{background-image:url(/images/icons/arrow_branch.png) !important;} .event_instance.git_delete_branch{background-image:url(/images/icons/delete.png) !important;} .event_instance.git_create_tag{background-image:url(/images/icons/tag_blue_add.png) !important;} .event_instance.git_delete_tag{background-image:url(/images/icons/tag_blue_delete.png) !important;} .event_instance.follow_user, .event_instance.befriend_user{background-image:url(/images/icons/vcard_add.png) !important;} .event_instance.unfollow_user, .event_instance.unfriend_user{background-image:url(/images/icons/vcard_delete.png) !important;} .event_instance.remove_committer{background-image:url(/images/icons/group_delete.png) !important;} .event_instance.ticket_comment,.event_instance.post_comment{background-image:url(/images/icons/comment.png) !important;} .event_instance.create_post{background-image:url(/images/icons/layout_add.png) !important;} .event_instance.update_post{background-image:url(/images/icons/layout_edit.png) !important;} .event_instance.delete_post{background-image:url(/images/icons/layout_delete.png) !important;} .event_instance.create_page{background-image:url(/images/icons/page_add.png) !important;} .event_instance.delete_page{background-image:url(/images/icons/page_delete.png) !important;} .event_instance.edit_page{background-image:url(/images/icons/page_edit.png) !important;} .event_instance.request_merge{background-image:url(/images/icons/chart_line_add.png) !important;} .event_instance.resolve_merge_request{background-image:url(/images/icons/arrow_merge.png) !important;} .event_instance.update_merge_request{background-image:url(/images/icons/chart_line_edit.png) !important;} .event_instance.delete_merge_request{background-image:url(/images/icons/chart_line_delete.png) !important;} .event_instance.git_push{background-image:url(/images/icons/bricks.png) !important;} .events .event_instance .event_date{color:#898989;padding-left:35px;} .events .event_instance img{margin-top:3px;} .events .event_instance .event_category{background:#B6BABC none repeat scroll 0 0;color:#FFFFFF;float:right;font-size:10px;min-width:100px;padding:2px 5px 0;text-align:center;text-transform:uppercase;} .events .event_instance .event_meta p, .events .event_instance .commit_in_event .print p{margin:0;padding:0;} .events .event_instances strong,.events .event_instance strong{color:#555555;} .events .event_instances strong,.events .event_instance strong{color:#555555;} .events .commits_in_event{margin-top:1em;} .events .commit_in_event{margin-bottom:6px;padding-top:6px;border-top:1px solid #EEEEEE;} .events .print a{font-size:10px;color:#000000;} .notes_in_event{max-height:300px;overflow:auto;margin-top:10px;background-color:#FFF;} /* ============================================================================= */ /* = COMMENTS = */ /* ============================================================================= */ form#new_comment p, form#new_ticket_comment p { margin-bottom: 0; } #comments { margin: 30px 0 20px; } #comments .comment { background-color:#FFF; } .comment { margin-bottom: 10px; } #code_review_desc { position: relative; top: -53px; left: 320px; width: 590px; } .change { background-color: #FFF; margin-bottom: 10px; } .comment_body { border-top: 1px solid #EEE; margin-top: -5px; margin-bottom: 12px; padding-top: 10px; } .comment img.gravatar, .change img.gravatar { padding: 6px; } blockquote.citation { border-color:#2E6AB1; border-style:solid; border-width:0 0 0 2px; margin-left:15px; padding-left:0.5em; } /* ============================================================================= */ /* = AUTO COMPLETE = */ /* ============================================================================= */ .ac_results{padding:0px;border:1px solid WindowFrame;background-color:Window;overflow:hidden;z-index:9999;} .ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0;} .ac_results iframe{display:none;position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px;} .ac_results li{margin:0px;padding:2px 5px;cursor:pointer;display:block;width:100%;font:menu;font-size:12px;overflow:hidden;} .ac_loading{background :Window url('/images/ajax-loader.gif') right center no-repeat;} .ac_over{background-color:Highlight;color:HighlightText;} /* =============================================================================== */ /* = DIALOG = */ /* =============================================================================== */ div#new-dialog-close{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url('/images/dialog/dialog_closebox.png') top left no-repeat;cursor:pointer;z-index:5001;display:none;} #new-dialog-overlay { width:100%; height:100%; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; background:#000; position:absolute; top:0; left:0; z-index:3000; display:none; } * html div#dialog_overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #new-dialog-loading { position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; z-index:3001; background:#000 url('/images/dialog-loader.gif') no-repeat center center; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #new-dialog-box { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#eee; width:328px; position:absolute; z-index:5000; display:none; } #new-dialog-content { padding:10px; margin:13px; overflow: auto; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* =============================================================================== */ /* = MISC = */ /* =============================================================================== */ .user-gravatar-list div { float: left; padding: 0 4px 4px 0; } .gravatar-friend img.gravatar { border: 4px solid yellow; } table.billingTable thead th.loud { width: 250px; } table.billingTable tbody tr td { background-color: #FFF; border-bottom: 1px solid #EEE; } table.billingTable tbody td.right { width: 250px; color: #666; text-align: right; } /* ============================================================================ */ /* = ENTRY VOTING = */ /* ============================================================================ */ #vote_count { font-weight: bold; font-size: 24px; line-height: 1em; } #vote_loading { display: none; } #vote_up, #vote_down { position: relative; top: -5px; left: -5px; } #browseSearchNav { margin-top: 13px; color: #FFF; } #browseSearchNav .small { font-size: 10px; } #browseSearchNav a { color: #FFF; text-decoration: underline; } #browseSearchNav form { width: inherit; } #browseSearchNav form input[type=text] { width: 155px; float: none; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; } #browseSearchNav form input[type=image] { -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-radius: 0 5px 5px 0; padding: 3px 5px !important; background: #2C65AA url(/images/btn-overlay.png) repeat-x scroll 0 0; position: relative; top: 7px; left: -3px; } .match { font-weight: bold; color: #000; background:#ff0; } /* ============================================================================== */ /* = ACTIVITY SPARKLINE = */ /* ============================================================================== */ #activity_sparkline { color: #666; display: none; } #activity_sparkline img { margin-right: 5px; } #noscript-padding{padding-top:30px;} #noscript-warning a{color:#000;font-weight: bold;} #noscript-warning{background-color:#AE0000;color:#FFFFFF;font-family:sans-serif;font-size:120%;font-weight:bold;left:0;padding:5px 0;position:fixed;text-align:center;top:0;width:100%;z-index:101;} /* ============================================================================== */ /* = TIPTIP = */ /* ============================================================================== */ #tiptip_holder{display:none;position:absolute;top:0;left:0;z-index:99999;} #tiptip_holder.tip_top{padding-bottom:5px;} #tiptip_holder.tip_bottom{padding-top:5px;} #tiptip_holder.tip_right{padding-left:5px;} #tiptip_holder.tip_left{padding-right:5px;} #tiptip_content{font-size:11px;color:#fff;text-shadow:0 0 2px #000;padding:4px 8px;border:1px solid rgba(255,255,255,0.25);background-color:rgb(25,25,25);background-color:rgba(25,25,25,0.92);background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(transparent),to(#000));border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 0 3px #555;-webkit-box-shadow:0 0 3px #555;-moz-box-shadow:0 0 3px #555;} #tiptip_arrow,#tiptip_arrow_inner{position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0;} #tiptip_holder.tip_top #tiptip_arrow{border-top-color:#fff;border-top-color:rgba(255,255,255,0.35);} #tiptip_holder.tip_bottom #tiptip_arrow{border-bottom-color:#fff;border-bottom-color:rgba(255,255,255,0.35);} #tiptip_holder.tip_right #tiptip_arrow{border-right-color:#fff;border-right-color:rgba(255,255,255,0.35);} #tiptip_holder.tip_left #tiptip_arrow{border-left-color:#fff;border-left-color:rgba(255,255,255,0.35);} #tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-7px;margin-left:-6px;border-top-color:rgb(25,25,25);border-top-color:rgba(25,25,25,0.92);} #tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-6px;border-bottom-color:rgb(25,25,25);border-bottom-color:rgba(25,25,25,0.92);} #tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:rgb(25,25,25);border-right-color:rgba(25,25,25,0.92);} #tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:rgb(25,25,25);border-left-color:rgba(25,25,25,0.92);} /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } } /* Breadcrumb Styles ---------------------------------------------------------------------*/ .breadCrumb { margin-bottom: 10px !important; border:solid 1px #dedede; background:#fff; } .breadCrumb > div { padding: 5px 30px 5px 8px; float: left; display: block; height: 21px; overflow: hidden; } .breadCrumb ul { margin: 0; padding: 0; height: 21px; display: block; } .breadCrumb ul li { display: block; float: left; position: relative; height: 21px; overflow: hidden; line-height: 21px; margin: 0px 6px 0px 0; padding: 0px 10px 0px 0; font-size: .9167em; background: url(/images/breadcrumbs/Chevron.gif) no-repeat 100% 0; } .breadCrumb ul li div.chevronOverlay { position: absolute; right: 0; top: 0; z-index: 2; } .breadCrumb ul li span { display: block; overflow: hidden; } .breadCrumb ul li a { display: block; position: relative; height: 21px; line-height: 21px; overflow: hidden; float: left; } .breadCrumb ul li.first a { height: 16px !important; text-indent:-1000em; width:16px; padding: 0; margin-top: 2px; overflow: hidden; background:url(/images/breadcrumbs/IconHome.gif) no-repeat 0 0; } .breadCrumb ul li.first a:hover { background-position: 0 -16px; } .breadCrumb ul li.last { background: none; margin-right: 0; padding-right: 0; } .chevronOverlay { display: none; background: url(/images/breadcrumbs/ChevronOverlay.png) no-repeat 100% 0; width: 13px; height: 20px; }