/* @group Body and reset */
*{margin:0}
* html .clearfix{height:1%}
/* remember to define focus styles! */
:focus{outline:0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none}
body{line-height:1}
del{text-decoration:line-through}
html,body{height:100%;}
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,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
html[xmlns] .clearfix{display:block}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
ol,ul{list-style:none}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}
.clearfix{display:inline-block}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}
/* @end */
/* Blueprint CSS grid system */
/* @group typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#444;font-family:arial,helvetica,sans-serif;
background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#171717;}
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;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
.container {
width: 950px;
margin: 0 auto;
}
.showgrid {
background: url(grid.png);
}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
float: left;
margin-right: 10px;
}
.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 {
width: 950px;
margin-right: 0;
}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
border-left-width: 1px;
border-right-width: 1px;
padding-left: 5px;
padding-right: 5px;
}
input.span-1, textarea.span-1 {
width: 18px;
}
input.span-2, textarea.span-2 {
width: 58px;
}
input.span-3, textarea.span-3 {
width: 98px;
}
input.span-4, textarea.span-4 {
width: 138px;
}
input.span-5, textarea.span-5 {
width: 178px;
}
input.span-6, textarea.span-6 {
width: 218px;
}
input.span-7, textarea.span-7 {
width: 258px;
}
input.span-8, textarea.span-8 {
width: 298px;
}
input.span-9, textarea.span-9 {
width: 338px;
}
input.span-10, textarea.span-10 {
width: 378px;
}
input.span-11, textarea.span-11 {
width: 418px;
}
input.span-12, textarea.span-12 {
width: 458px;
}
input.span-13, textarea.span-13 {
width: 498px;
}
input.span-14, textarea.span-14 {
width: 538px;
}
input.span-15, textarea.span-15 {
width: 578px;
}
input.span-16, textarea.span-16 {
width: 618px;
}
input.span-17, textarea.span-17 {
width: 658px;
}
input.span-18, textarea.span-18 {
width: 698px;
}
input.span-19, textarea.span-19 {
width: 738px;
}
input.span-20, textarea.span-20 {
width: 778px;
}
input.span-21, textarea.span-21 {
width: 818px;
}
input.span-22, textarea.span-22 {
width: 858px;
}
input.span-23, textarea.span-23 {
width: 898px;
}
input.span-24, textarea.span-24 {
width: 938px;
}
.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;
}
.border {
padding-right: 4px;
margin-right: 5px;
border-right: 1px solid #ddd;
}
.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #ddd;
}
.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: left;
position: relative;
}
div.prepend-top, .prepend-top {
margin-top: 1.5em;
}
div.append-bottom, .append-bottom {
margin-bottom: 1.5em;
}
.box {
padding: 1.5em;
margin-bottom: 1.5em;
background: #e5eCf9;
}
hr {
background: #ddd;
color: #ddd;
clear: both;
float: none;
width: 100%;
height: 1px;
margin: 0 0 1.45em;
border: none;
}
hr.space {
background: #fff;
color: #fff;
visibility: hidden;
}
.clearfix:after, .container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
.clearfix, .container {
display: block;
}
.clear {
clear: both;
}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left: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;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.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;}
/* @end */
/* @group Blueprint Grid.css */
.container {
width: 950px;
margin: 0 auto;
}
.showgrid {
background: url(grid.png);
}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
float: left;
margin-right: 10px;
}
.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 {
width: 950px;
margin-right: 0;
}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
border-left-width: 1px;
border-right-width: 1px;
padding-left: 5px;
padding-right: 5px;
}
input.span-1, textarea.span-1 {
width: 18px;
}
input.span-2, textarea.span-2 {
width: 58px;
}
input.span-3, textarea.span-3 {
width: 98px;
}
input.span-4, textarea.span-4 {
width: 138px;
}
input.span-5, textarea.span-5 {
width: 178px;
}
input.span-6, textarea.span-6 {
width: 218px;
}
input.span-7, textarea.span-7 {
width: 258px;
}
input.span-8, textarea.span-8 {
width: 298px;
}
input.span-9, textarea.span-9 {
width: 338px;
}
input.span-10, textarea.span-10 {
width: 378px;
}
input.span-11, textarea.span-11 {
width: 418px;
}
input.span-12, textarea.span-12 {
width: 458px;
}
input.span-13, textarea.span-13 {
width: 498px;
}
input.span-14, textarea.span-14 {
width: 538px;
}
input.span-15, textarea.span-15 {
width: 578px;
}
input.span-16, textarea.span-16 {
width: 618px;
}
input.span-17, textarea.span-17 {
width: 658px;
}
input.span-18, textarea.span-18 {
width: 698px;
}
input.span-19, textarea.span-19 {
width: 738px;
}
input.span-20, textarea.span-20 {
width: 778px;
}
input.span-21, textarea.span-21 {
width: 818px;
}
input.span-22, textarea.span-22 {
width: 858px;
}
input.span-23, textarea.span-23 {
width: 898px;
}
input.span-24, textarea.span-24 {
width: 938px;
}
.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;
}
.border {
padding-right: 4px;
margin-right: 5px;
border-right: 1px solid #ddd;
}
.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #ddd;
}
.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: left;
position: relative;
}
div.prepend-top, .prepend-top {
margin-top: 1.5em;
}
div.append-bottom, .append-bottom {
margin-bottom: 1.5em;
}
.box {
padding: 1.5em;
margin-bottom: 1.5em;
background: #e5eCf9;
}
hr {
background: #ddd;
color: #ddd;
clear: both;
float: none;
width: 100%;
height: 1px;
margin: 0 0 1.45em;
border: none;
}
hr.space {
background: #fff;
color: #fff;
visibility: hidden;
}
.clearfix:after, .container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
.clearfix, .container {
display: block;
}
.clear {
clear: both;
}
/* @end */
/* @group Custom style */
tbody tr:nth-child(even) td, tbody tr.even td {background:#f5f5f5;}
table {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
table tr:first-child th:first-child {
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
}
table tr:first-child th:last-child {
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
table tr:last-child td:last-child {
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px;
}
table tr:last-child td:first-child {
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px
}
table tr:last-child td:last-child {
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px;
}
table td, table th {
padding: 4px 6px;
}
table thead tr {
background-color: #e6e6e6;
border: 1px solid #c6c6c6;
}
table {
border: 1px solid #dedede;
border-collapse: separate;
-webkit-box-shadow:0px 0px 3px #ccc;
-moz-box-shadow: 0px 0px 3px #cc;
box-shadow: 0px 0px 3px #ccc;
}
table thead th {
text-align: left;
background-color: #eaeaea;
color: #3e8ab0;
padding: 6px 4px;
border-right: 1px solid #dedede;
}
table tbody td {
border-right: 1px solid #dedede;
}
table.tablesorter thead tr .header {
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #cfcfcf;
color: #fff;
}
.cell-10 {
width : 350px;
}
.cell-5 {
width : 175px;
}
#panel {
padding: 5px;
}
#panel select {
margin-right:5px;
}
#broadcast {
text-align:center;
}
.server-alias {
display:block;
font-style: italic;
font-size : 90%;
padding-top:5px;
padding-bottom:3px;
}
td div {
display: flex;
justify-content: left;
align-items: center;
}
td img {
padding-right : 5px;
}
.btn-secondary {
overflow: hidden;
position: relative;
text-align: center;
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
}
#upload-panel {
margin-bottom : 2rem;
}
.file-uploads {
overflow: hidden;
position: relative;
text-align: center;
color: #fff;
background-color: #007bff;
border-color: #007bff;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
}
.file-uploads.file-uploads-html4 input[type="file"] {
opacity: 0;
font-size: 20em;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
width: 100%;
height: 100%;
}
.file-uploads.file-uploads-html5 input[type="file"] {
overflow: hidden;
position: fixed;
width: 1px;
height: 1px;
z-index: -1;
opacity: 0;
}
nav {
margin-bottom: 1em;
}
nav ul {
display: inline;
margin: 0;
padding: 0;
}
li {
display: inline;
}
li::before {
content: ' ';
}
li::after {
content: ' ';
white-space: normal;
word-spacing: 1em;
background-image:linear-gradient(#ddd, #aaa, #ddd);
background-size: 2px 1em;
background-repeat: no-repeat;
background-position: center center;
}
nav a {
white-space: nowrap;
display: inline-block;
padding: 1em;
text-decoration: none;
color: black;
font-size: 1.2em;
border-radius: 10px;
transition-property: background-color;
transition-duration: 500ms;
}
nav a:hover {
background-color: #eee;
}
/* @end */