@import url("/data/fonts/titillium/stylesheet.css");

html{background:#ebebeb url(../images/bg.jpg) 0 0 repeat; font-family:"Lucida Grande",Verdana,sans-serif; font-size:12px; color:#555; line-height:20px; height:100%}
* { padding:0; margin:0; }

p{padding-bottom:15px}
img, a img{border:0}
ul li{list-style:none}
.clear{clear:both}
a{color:#008ee8; text-decoration:none}
a:hover{color:#ec8526; text-decoration:none}
#hld{background:url(../images/hld.jpg) 0 0 repeat-x; min-height:402px}
.wrapper{width:960px; margin:0 auto; padding-top:20px}
#header{height:50px; padding:0 20px; line-height:50px; background:url(../images/hdr.gif) 0 0 no-repeat; overflow:hidden; color:#999; font-weight:bold; margin-bottom:20px}
#header a{color:#999; text-decoration:none}
#header a:hover{color:#fff}
#header h1{float:left; margin-right:25px; font-family:"Titillium800",Helvetica,Arial,sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase; color:#fff}
#header h1 a{color:#fff}
#header h1 a:hover{color:#008ee8}
#header #nav{float:left; width: 600px; }
#header #nav li{display:inline; padding:2px 13px; background:url(../images/nsp.gif) center right no-repeat}
#header #nav li.active a{color:#ddd}
#header #nav li.active a:hover{color:#fff}
#header .user{float:right; font-size:11px}
#header .user a{text-decoration:underline}
#header .user a:hover{text-decoration:none}
.block{background:url(../images/bnd.gif) bottom center no-repeat; padding-bottom:5px; margin-bottom:25px; clear:both}
.block .block_head{height:54px; line-height:54px; padding:0 20px; background:url(../images/bhead.gif) 0 0 no-repeat; overflow:hidden}
.block .block_head h2{font-family:"Titillium999",Helvetica,Arial,sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase; color:#555; text-shadow:1px 1px 0 #fff; float:left}
.block .block_head ul{float:right; text-transform:uppercase; font-size:11px; font-weight:bold; text-shadow:1px 1px 0 #fff}
.block .block_head ul li{display:inline; padding:3px 0; padding-left:20px; background:url(../images/phs.gif) 7px center no-repeat}
.block .block_head ul li a{text-decoration:none; color:#555; outline:none}
.block .block_head ul li.active a{color:#888}
.block .block_head ul li a:hover{color:#008ee8}
.block .block_content{overflow:hidden; background:url(../images/bbg.gif) 0 0 repeat-y; padding:10px 20px 0}
.block .block_content h1, 
.block .block_content h2{font-family:"Titillium999",Helvetica,Arial,sans-serif; font-size:18px; font-weight:normal; color:#454545; margin-bottom:10px}
.block .block_content h3{font-family:"Lucida Grande",Helvetica,Arial,sans-serif; font-size:14px; font-weight:bold; color:#555; margin-bottom:5px}
.block .block_content h4{font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; color:#555; margin-bottom:5px}
.block table{text-align:left; margin-bottom:15px}
.block table tr.past { font-style: italic; color: #777;}
.block table tr td, 
.block table tr th{ border-bottom:1px solid #ddd; padding:10px; line-height:normal; text-align:left;}
.block table tr th{font-weight:bold;}
.block table tr td.delete, .block table tr td.edit{width:50px; text-align:right; font-size:11px}
.block table tr td.delete a{color:#555}
.block table tr td.delete a:hover{color:#d00}
.block table tr td.edit a{color:#555}
.block table tr td.edit a:hover{color:green}
.block table.statistics { border: 0px solid #fff; background-color: #FEFDE2; border: 1px solid #E5E181; }
.block table.statistics tr td { border: 0px solid #fff; padding: 5px;}

.block .tableactions{overflow:hidden; padding-bottom:20px}
.block .tableactions select{width:100px; margin-right:5px; vertical-align:middle; outline:none}
.block .block_content ul{padding-left:15px; padding-bottom:15px}
.block .block_content ol{padding-left:15px; padding-bottom:15px; list-style-position:inside}
.block .block_content ul li{margin-bottom:5px; padding-left:15px; background:url(../images/li.gif) 0 7px no-repeat}
.block .block_content ol li{margin-bottom:5px}
.block hr{height:1px; border:0; background:no-repeat; border-bottom:1px solid #ddd; margin-bottom:15px}
.block .message{padding:10px 15px 10px 40px; margin:10px 0; font-weight:bold; overflow:hidden; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.block .message p{padding:0; width:93%; float:left}
.block .message.errormsg{border:1px solid #e9c59b; background:#ffecce url(../images/error.gif) 12px 12px no-repeat; color:#e3302c}
.block .message.success{border:1px solid #bfde84; background:#edfbd8 url(../images/success.gif) 12px 12px no-repeat; color:#508600}
.block .message.info{border:1px solid #bbdbe0; background:#ecf9ff url(../images/info.gif) 12px 12px no-repeat; color:#0888c3}
.block .message.warning{border:1px solid #e5e181; background:#fefde2 url(../images/warning.gif) 12px 12px no-repeat; color:#555}
.block .message .close{display:block; float:right; width:16px; height:16px; background:url(../images/close.png) 0 0 no-repeat; margin-top:2px; cursor:pointer; -moz-opacity:0.7; opacity:0.7}
.block .message .close.hover{-moz-opacity:1; opacity:1}
.block form label{font-family:"Lucida Grande",Verdana,sans-serif; font-size:12px; font-weight:bold; color:#555; margin-right:10px; vertical-align:middle; }
.block form input.text, .block form select.text{width:410px; background:#fefefe; border:1px solid #bbb; font-family:"Lucida Grande",Verdana,sans-serif; font-size:14px; color:#333; padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; outline:none; vertical-align:middle}
.block form input.text.short, .block form select.text.short{width:250px}
.block form input.text.medium{width:600px}
.block form input.text.big{width:904px}
.block form input.text.date_picker{width:100px}
.block form textarea{width:910px; height:140px; padding:5px; background:#fefefe; border:1px solid #bbb; font-family:"Lucida Grande",Verdana,sans-serif; font-size:14px; color:#333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; outline:none}
.block form textarea.wysiwyg{width:918px; padding:0}
.block form input.radio, 
.block form input.checkbox{vertical-align:middle}
.block form .fileupload{position:relative}
.block form input.file{width:250px; height:20px; background:#fefefe; border:1px solid #bbb; border-right:0; font-family:"Lucida Grande",Verdana,sans-serif; font-size:14px; color:#333; padding:4px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px; outline:none}
.block form .note{padding-left:10px; font-size:11px; font-weight:bold; color:#757575; vertical-align:middle}
.block form .note.error{color:#e3302c}
.block form input.submit{width:85px; height:30px; line-height:30px; background:url(../images/btns.gif) top center no-repeat; border:0; font-family:"Titillium800",Helvetica,Arial,sans-serif; font-size:14px; font-weight:normal; text-transform:uppercase; color:#fff; text-shadow:1px 1px 0 #0a5482; cursor:pointer; margin-right:10px; vertical-align:middle}
.block form input.submit:hover{background:url(../images/btns_.gif) top center no-repeat; text-shadow:1px 1px 0 #b55f10}
.block form input.submit.tiny{width:105px; height:20px; line-height:20px; padding-bottom:2px; vertical-align:middle; font-family:"Lucida Grande",Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; text-transform:none; background:url(../images/tiny.gif) top center no-repeat}
.block form input.submit.tiny:hover{background:url(../images/tiny_.gif) top center no-repeat}
.block form input.submit.mid{width:115px; background:url(../images/btnm.gif) top center no-repeat}
.block form input.submit.mid:hover{background:url(../images/btnm_.gif) top center no-repeat}
.block form input.submit.long{width:165px; background:url(../images/btnb.gif) top center no-repeat}
.block form input.submit.long:hover{background:url(../images/btnb_.gif) top center no-repeat}
.block form input.submit.long{width:250px; background:url(../images/btnxl.gif) top center no-repeat}
.block form input.submit.long:hover{background:url(../images/btnxl_.gif) top center no-repeat}
.block.small{width:470px; background:url(../images/bnds.gif) bottom center no-repeat}
.block.small.left{float:left; clear:none}
.block.small.right{float:right; clear:none}
.block.small .block_head{background:url(../images/bheads.gif) top center no-repeat}
.block.small .block_content{background:url(../images/bbgs.gif) top center repeat-y}
.block.small .block_content textarea{width:414px}
.block.small.center{float:none; margin:0 auto}
.block.small.center.login{margin-top:100px}
.block .block_content .imglist{overflow:hidden; margin:0; padding:0; padding-bottom:10px}
.block .block_content .imglist ul{padding:0}
.block .block_content .imglist li{padding:0; margin:0; background:0; width:100px; height:100px; display:block; float:left; position:relative; margin:13px 17px 10px 10px; border:1px solid #ccc; padding:1px; box-shadow:0 0 3px #ccc; -moz-box-shadow:0 0 3px #ccc; -webkit-box-shadow:0 0 3px #ccc}
.block .block_content .imglist li img{position:absolute; z-index:1; width:100px; height:100px}
.block .block_content .imglist li ul{position:absolute; z-index:10; background:url(../images/imgo.gif) center no-repeat; width:62px; height:58px; left:19px; top:21px; display:none}
.block .block_content .imglist li:hover ul{display:block}
.block .block_content .imglist li ul li{display:block; width:62px; height:29px; text-align:center; margin:0; padding:0; border:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none}
.block .block_content .imglist li ul li a{display:block; color:#fff; text-transform:uppercase; font-size:10px; font-weight:bold; height:29px; line-height:29px; text-shadow:0 0 2px #000; outline:none}
.block .block_content .imglist li ul li.view a:hover{background:url(../images/imgt.gif) bottom center no-repeat}
.block .block_content .imglist li ul li.delete a:hover{background:url(../images/imgb.gif) top center no-repeat}
.block .visualize{border:1px solid #bbb; position:relative; background:#fbfbfb; margin:20px 0 40px 25px}
.block .visualize canvas{position:absolute}
.block .visualize ul, .block .visualize ul li{margin:0; padding:0; background:none}
.block .visualize .visualize-info{padding:0 0 2px 8px; background:#fafafa; border:1px solid #aaa; position:absolute; top:-15px; right:10px; font-size:11px}
.block .visualize .visualize-title{display:block; color:#333; margin-bottom:3px}
.block .visualize ul.visualize-key{list-style:none}
.block .visualize ul.visualize-key li{list-style:none; float:left; margin-right:10px; padding-left:10px; position:relative}
.block .visualize ul.visualize-key .visualize-key-color{width:6px; height:6px; left:0; position:absolute; top:50%; margin-top:-3px; font-size:6px}
.block .visualize ul.visualize-key .visualize-key-label{color:#333}
.visualize-pie .visualize-labels{list-style:none}
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label{position:absolute;  margin:0; padding:0}
.visualize-pie .visualize-label{display:block; color:#fff; font-weight:bold; font-size:1em}
.visualize-pie-outside .visualize-label{color:#000; font-weight:normal}
.block .visualize-labels-x, .visualize-labels-y{position:absolute; left:0; top:0; list-style:none}
.block .visualize-labels-x li, .visualize-labels-y li{position:absolute; bottom:0}
.block .visualize-labels-x li span.label, .visualize-labels-y li span.label{position:absolute; color:#555}
.block .visualize-labels-x li span.line, .visualize-labels-y li span.line{ position:absolute; border:0 solid #ccc}
.block .visualize-labels-x li{height:100%; font-size:10px}
.block .visualize-labels-x li span.label{top:100%; margin-top:5px}
.block .visualize-labels-x li span.line{border-left-width:1px; height:100%; display:block}
.block .visualize-labels-x li span.line{border:0}
.block .visualize-labels-y li{width:100%; font-size:11px; line-height:normal}
.block .visualize-labels-y li span.label{right:100%; margin-right:5px; display:block; width:100px; text-align:right}
.block .visualize-labels-y li span.line{border-top-width:1px; width:100%; red}
.block .visualize-bar .visualize-labels-x li span.label{width:100%; text-align:center}

fieldset{border:1px solid #ccc; padding:10px}
fieldset span a{font-weight:bold; float:right; font-size:150%}
legend{padding:0.2em 0.5em; border:0px solid #555; color:#555; font-size:90%; text-align:right}
.hidden{display:none}
#keyword_2-label, #keyword_3-label, #keyword_4-label, #keyword_5-label, #keyword_6-label, #keyword_7-label, #keyword_8-label, #keyword_9-label, #keyword_10-label{display:none}

.pagination{ margin: 0 auto; text-align: center; padding-bottom: 10px; }
.pagination a{margin:0 5px 0 0;padding:3px 6px;}
.pagination a.number{border:1px solid #ddd;}
.pagination a.current{background: #f1f1f1; border: 1px solid #ccc;}
.pagination a.current:hover{text-decoration:underline;}

#footer{background:url(../images/ft.gif) 0 0 repeat-x; padding:10px 0 50px; font-size:10px; color:#757575; clear:both; overflow:hidden}
#footer a{color:#757575; text-decoration:underline}
#footer a:hover{color:#555; text-decoration:none}
#footer .left{float:left}
#footer .right{float:right; text-align:right}

.date_selector, .date_selector *{width:auto; height:auto; border:none; background:none; margin:0; padding:0; text-align:left; text-decoration:none}
.date_selector{background:#fbfbfb; border:1px solid #ccc; padding:10px; margin:0; margin-top:-1px; position:absolute; z-index:100000; display:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 5px #aaa; -moz-box-shadow:0 0 5px #aaa; -webkit-box-shadow:0 0 5px #aaa}
.date_selector_ieframe{position:absolute; z-index:99999; display:none}
.date_selector .nav{width:17.5em}
.date_selector .month_nav, .date_selector .year_nav{margin:0 0 3px 0; padding:0; display:block; position:relative; text-align:center}
.date_selector .month_nav{float:left; width:55%}
.date_selector .year_nav{float:right; width:42%; margin-right:-8px}
.date_selector .month_name, .date_selector .year_name{font-weight:bold; line-height:20px}
.date_selector .button{display:block; position:absolute; top:0; width:18px; height:18px; line-height:16px; font-weight:bold; color:#008ee8; text-align:center; font-size:12px; overflow:hidden; border:1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
.date_selector .button:hover, .date_selector .button.hover{background:#ed9c35; color:#fff; cursor:pointer; border-color:#d77011}
.date_selector .prev{left:0}
.date_selector .next{right:0}
.date_selector table{border-spacing:0; border-collapse:collapse; clear:both; margin:0}
.date_selector th, .date_selector td{width:2.5em; height:2em; padding:0 !important; text-align:center !important; color:#555; font-weight:normal}
.date_selector th{font-size:11px}
.date_selector td{border:1px solid #ccc; line-height:2em; text-align:center; white-space:nowrap; color:#008ee8; background:#fff}
.date_selector td.today{background:#eee}
.date_selector td.unselected_month{color:#ccc}
.date_selector td.selectable_day{cursor:pointer}
.date_selector td.selected{background:#008ee8; color:#fff; font-weight:bold}
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover{background:#ec8526; color:#fff}