@charset "utf-8";
/* CSS Document */




html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; padding:5px 7px; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
a:active { outline:none; border:none; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
small { font-size:85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align:top; } 

.main table {   border-collapse:collapse; width:100%; margin-bottom:18px; border:1px solid #ddd;}
table,td,th {vertical-align:middle;}

.main table thead { background:url(i/table-bg.png) repeat-x;  }
.main table thead tr th { color:#fff; text-shadow:#535353 1px 1px 1px; height:42px;}
.main table tbody tr { background:url(i/tr-bg.png) repeat-x  #f1f1f1; padding:4px 2px; height:40px; border-bottom:1px solid #dfdfdf;}
.main table tbody tr.alt { background:url(i/tr-bg-alt.png) repeat-x #e5e5e5; padding:4px 2px; height:40px; border-bottom:1px solid #dfdfdf; }
.main table td { padding:2px 7px; text-align:center; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 


/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
#dock>li a::-moz-focus-inner { border: 0; }


a { color:#00a1c4; text-shadow:#fff 1px 1px 0px;}
body { background:url(i/bg.png); font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#444444; }
#corner-stat { position:absolute; top:6px; right:10px; font-size:12px; color:#777; }
#header { background:url(i/header-slice.png) repeat-x; padding:10px 10px 10x 4px; min-width:1020px; }
#logo { background:url(i/the-walk.png); display:block; /*width:261px; height:58px;*/ margin-left:45px; width:178px; height:80px; text-indent:-9999px; position:relative; top:12px;  }
#dock { margin-left:310px; list-style:none; height:111px; display:block;  margin-top:-36px; }
#dock>li { background:url(i/head-menu-bg.png) repeat-x top left #f1f1f1; float:left; padding:0px 2px 0px 2px; margin:4px 15px; width:65px; border:1px solid #bababa; border-left:1px solid #fff; border-top:1px solid #fff;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;
position:relative;
height:67px;
}
#dock>li img { display:block; margin:0; padding:0px 1px 0px 16px; }
#dock>li a { font-size:10px; color:#565656; text-decoration:none; text-align:center; padding:9px 0px 0px 0px; display:block;}
#dock>li.active { background:url(i/dock-active.png) top left; border:none; }

#dock li div { background:url(i/menu-tip.png) 30% top no-repeat; position:absolute; top:66px; left:0px; padding-top:7px; z-index:999; display:none;   }
#dock li div ul{ background:#f7f7f7; list-style:none; padding:10px;  border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #d3d3d3; border-top:none; border-left:1px solid #fff; }
#dock li div ul li { padding: 5px ;   *zoom:1; }
#dock li div ul li a{ color:#bcbcbc;width:50px; padding-right:20px; display:block; height:16px; *zoom:1; }

#csv-submenu { background:url(icons/csv.png) center right no-repeat;  }
#pdf-submenu { background:url(icons/pdf.png) center right no-repeat;  }

#dock li div ul li:hover { background:#d4d4d4; border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; }
#dock li div ul li:hover a { color:#414141; }
.container { width:100%; min-width:1080px; line-height:1.5; font-size:13px; color:#979797; text-shadow:#fff 1px 1px 0px;  }

.sidebar { margin:5px 10px 10px 10px; background:#efefef;  -moz-box-shadow:#ccc 2px 2px 5px; -webkit-box-shadow:#ccc 2px 2px 5px; box-shadow:#ccc 2px 2px 5px; float:left; }
.sidebar .header { background:url(i/sidebar-bg.png) repeat-x #40accf;  color:#fff;border:1px solid #97c0d6; border-bottom:1px solid #58909f; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.sidebar .header h3 { border:1px solid #86a9bd; margin:0; padding:6px 10px; display:block; text-align:center; font-weight:100; font-size:18px;  text-shadow:none;}

.sidebar .content { border:1px solid #fff; border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3; padding:10px; }
.container .content ul { list-style:none; }

.main { margin:5px 0px 10px 10px; background:#efefef;  -moz-box-shadow:#ccc 2px 2px 5px; float:left; -webkit-box-shadow:#ccc 2px 2px 5px; box-shadow:#ccc 2px 2px 5px; }
.main .header { position:relative; background:url(i/main-bg.png) repeat-x #c6c6c6; color:#fff; border:1px solid #d8d8d8; border-bottom:1px solid #a6a6a6; }
.main .header h3 { border-left:1px solid #fff; border-top:1px solid #fff; margin:0; padding:10px; display:block; text-align:center; font-weight:100; font-size:18px; color:#676767; text-shadow:#fff 1px 1px 0px; }
.main .content { border:1px solid #fff; border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3; padding:10px; }


#footer {  background:#171717; text-align:center; font-size:13px; color:#fff; padding:10px; margin-top:20px; border-top:1px solid #fff;  } 


.error { background:#fe8282 url(j/error-bg.png) repeat-x; padding:11px; border:1px solid #ff8372; margin:5px;  -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px; text-shadow:#d0d0d0 1px 1px 0px; color:#3c3c3c; position:relative; display:none;}
.error p { background:url(j/error.png) left center no-repeat;padding:7px 2px 7px 40px;  }

.warning { background:#fed38f url(j/warning-bg.png) repeat-x; padding:11px; border:1px solid #f6d178; margin:5px;   -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px; text-shadow:#d0d0d0 1px 1px 0px;position:relative; color:#3c3c3c; display:none; }
.warning p { background:url(j/warning.png) left center no-repeat; padding:7px 2px 7px 40px;  }

.info { background:#79d4fe url(j/highlight-bg.png) repeat-x;  padding:11px; border:1px solid #46d1ff; margin:5px;   -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px; text-shadow:#d0d0d0 1px 1px 0px; position:relative;  color:#3c3c3c; display:none;}
.info p { background:url(j/info.png) left center no-repeat; padding:7px 2px 7px 40px;  }

.success { background:#73fe9b url(j/success-bg.png) repeat-x; padding:11px; border:1px solid #23f85a; margin:5px;  -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px; text-shadow:#d0d0d0 1px 1px 0px; position:relative;  color:#3c3c3c; display:none;}
.success p { background:url(j/success.png) 4px center no-repeat;padding:7px 2px 7px 40px;  }

.plain { border:none!important; }
.plain tr{ background:none!important;border-bottom:none!important;  }
.plain tbody tr td { text-align:left;   }
label { display:block; width:150px; margin-bottom:10px; border-bottom:1px dotted #ddd; }

.main .content>div { padding:20px; }
input[type=text],input[type=password] { width:300px; background: url(i/text-bg.png) repeat-x;  margin:6px 0px; border:none; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;  border-radius:5px; }

.lborder { border-bottom:1px dotted #ccc; }
.txerror { border:1px solid #F03!important; }

.theme img { border:2px solid #111; }
#login { background:url(i/login.png) center top no-repeat; width:619px; margin-left:auto;margin-right:auto; height:396px; padding-left:70px; padding-top:90px; }
#login input[type=text],#login input[type=password] { width:70%; }
#login input[type=submit] {   background:url(i/head-menu-bg.png) repeat-x top center #f1f1f1; padding:6px 9px; margin:4px; border:1px solid #bababa; border-left:1px solid #fff; border-top:1px solid #fff;
border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px;
position:relative; display:block;  margin-top:20px;  }

#loader { position:absolute; left:5px; top:5px; display:none; }
.view-header { text-align:center; display:block; font-size:18px; border-bottom:1px dashed #ccc;  }

.dataTables_length { float:right; color:#111111; margin:2px 7px 7px 11px; }
.dataTables_filter {  margin:0px 7px 7px 7px; color:#111111;  }

.description { padding:10px; border:1px solid #CCC; background:#fefefe; margin:15px 5px; }.dataTables_info { font-size:11px; text-align:center; color:#565656; margin:2px; }

.pagination { zoom:1; }
.dataTables_paginate { margin-left:7px; margin-bottom:4px; zoom:1; }
.dataTables_paginate>span, .pagination li { cursor:pointer; float:left;margin:3px; padding:6px 12px;   border: 1px solid #fff; border-right:1px solid #d6d6d6; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px;  border-bottom:1px solid #d6d6d6; font-weight:bold;  text-shadow:#fff 1px 1px 0px;  color:#111111; }
.pagination li a { color:#111111; }
.dataTables_paginate>span:hover, .pagination li:hover { background:url(i/page-hover.jpg) left top no-repeat; color:#FFF; text-shadow:none; }
.paginate_active , .pagination li.active {  background:url(i/page-active.jpg) left top no-repeat; border:1px solid #56ae01; }
.pagination li:hover a,.pagination li.active a {  color:#fff; text-shadow:none; }
.dataTables_paginate:after , .pagination:after {  content:"."; display:block; visibility:hidden; height:0; clear:both;   }


.dataTables_paginate>span span { padding:3px 6px; }