*{padding:0; margin:0;}

html, body{font-family:arial;  font-size:13px}
h1{font-size:24px;  color:#4b83bc;  margin-bottom:10px}
h2{font-size:16px;  margin-bottom:10px}
h3{margin-bottom:10px}
a img{border:none;  border-width:0;  text-decoration:none}
.table{border-collapse:collapse;  padding:10px;  border:1px solid #ccc;  width:675px;  font-size:12px;  margin:10px 0 20px 0}
tr.odd{background:#f1f1f1}
tr.even{background:#f9f9f9}
th{text-align:left;  vertical-align:top;  padding:5px;  font-size:12px}
td{padding:5px;  font-size:12px}
table.user{width:600px}
.employment{width:650px;  margin:10px;  border:1px solid #ccc;  background:#f1f1f1}
.employment h3 { color: #4b83bc; }
.employment a.descLink img { margin-right: 5px; vertical-align:text-bottom;}
.employment a.descLink:hover { text-decoration: none;}
.employment .description { margin: 15px; }
a{color:#4b83bc}
a.button_right{display:block; float:right; color:#fff;  background:#4b83bc;  padding:4px 10px;  margin:0 0 20px 0;  text-decoration:none}
a.button_left{display:block; float:left; color:#fff;  background:#4b83bc;  padding:4px 10px;  margin:0 0 20px 0;  text-decoration:none}
a.showhide_button{display:block;  float:right;  color:#fff;  background:#4b83bc;  padding:4px 10px;  margin:0 0 20px 0;  text-decoration:none}
a.showhide_link{color:#4b83bc}

ul { list-style-position: outside }
ul li { margin-bottom: 10px; }

.customer{line-height:35px}
#wrapper{margin:0 auto;  width:922px}
#faux{margin-bottom:5px;  overflow:auto;  width:100%}
#message{width:100%;  color:#fff;  text-align:center;  font-size:15px;  margin:0}
#message p{margin:0}
#message a{color:#FFF}
#message p{padding-top:0px}
#error{width:100%;  background:#900;  padding:10px 0}

#success{width:100%;  background:#a0bcdb;  padding:10px 0;  color:#fff}
#growl{position:absolute;  display:none;  right:20px;  z-index:5000;  border:2px solid #a0bcdb;  -moz-border-radius:15px;  -webkit-border-radius:15px;  color:#fff;  background-image:url('../images/growl/growl_bg.png');  min-height:50px;  width:300px;  padding:15px}
#growl_icon{float:left;  margin:0 10px 10px 0;  width:37px;  border:none;  height:37px}
#growl_icon.calendar{background-image:url('../images/growl/schedule.png');  background-repeat:no-repeat}
#header{color:#333;  width:922px;  padding:0px;  height:100px;  margin:10px 0px 20px 0px;  background:#fff;  border-bottom:1px solid #a0bcdb}
#leftcolumn{color:#333;  margin:10px;  padding:0px;  width:195px;  float:left}
#menu li{margin:10px 0;  list-style:none}
#menu li ul li{margin:0}
#menu li a{padding:5px;  color:#18487a;  font-size:13px;  font-weight:normal;  display:block;  border:1px solid #97b6d7;  border-left:10px solid #97b6d7;  text-align:center;  text-decoration:none}
#menu li a.emergency{color:#900;  font-weight:bold;  border-color:#900}
#menu li a.emergency:hover{background:#ffecec}

#menu ul li ul{line-height:25px;  list-style:none}
#menu li ul li a{display:block;  color:#333;  text-decoration:none;  padding-left:10px;  font-weight:normal;  border:1px solid #f1f1f1;  margin-left:10px}

#menu a:hover{color:#18487a;  background:#ecf2ff}
#dashboard a{float:left;  width:250px;  margin:20px}
#rightcolumn{float:right;  color:#333;  margin:10px;  padding:0px;  width:675px;  display:inline;  position:relative}
#rightcolumn p{margin:15px 0;  line-height:18px}
#rightcolumn ul{margin:10px 0 10px 30px}
.login_input{width:200px}
#tabs ul{margin:0}
.nobullet{list-style:none;  line-height:25px}
#pictures_right{float:right;  width:220px;  height:400px;  text-align:center;  margin:20px}
#pictures_right p{font-size:11px;  width:220px}
#article_stats{float:left; clear:both; width:660px; background:#a0bcdb; color:#fff; padding:10px; font-size:12px; margin-bottom:10px}
#team_rede img{margin:0 20px 10px 0;  border:1px solid #333;  float:left}
#team_rede li{margin:10px 0;  min-height:130px}
#map{float:left;  width:480px;  height:550px}
#map_legend{float:right;  padding:20px;  width:150px;  min-height:510px;  background:#e3e9ef;  border:1px solid #ccc}
#map_legend li{list-style:circle;  margin:10px 0}
.infoWindow{ font-size:12px; display:block}
.infoWindow img{width:100px;  border:1px solid #642300;  float:left;  margin:0 10px 5px 0}
.submit{border:1px solid #a0bcdb;  background:#fff;  color:#18487a;  padding:5px 10px;  float:right}
.submit a{display:block; padding: 0; margin: 0;}
.submit:hover{border-color:#369}
.delete{border:1px solid #a0bcdb;  background:#fff;  color:#18487a;  padding:5px 10px;  float:left}
.delete:hover{border-color:#369}
.cancel{border:1px solid #a0bcdb;  background:#fff;  color:#18487a;  padding:5px 10px;  float:right;  margin-right:20px}
.cancel:hover{border-color:#369}
a.submit{text-decoration:none}
.form{float:left;  width:650px;  padding:10px;  background:#fff;  border:1px solid #ccc;  margin:10px 0;  line-height:30px}
.form table{width:630px}
input.text{width:250px}
input.date{width:80px}
input.time{width:60px}
input.room{width:100px}
input.phone{width:100px}
input.ext{width:50px}
textarea{width:250px;  height:100px}
.submit_bar{float:left;  clear:both;  width:100%;  margin-top:10px}

.folder{float:left;  clear:both;  width:100%;  border:1px solid #ccc;  background:#4b83bc}
.folder a{display:block;  padding:5px;  color:#FFF}
.folder_contents{float:left; clear:both; width: 98%; padding: 10px 1%; background:#f9f9f9;}
.folder_contents a { color: #333; } 
.folder_contents .folder a { color: #fff; } /* for subfolders */

.folder_contents .folder .folder_contents a { color: #333; } 
.documents{float:left;  clear:both;  padding:0; width: 100%; }
.document{float:left;  clear:both; width: 98%; padding:1%;  }
.document_name{float:left; width: auto;}
.document_delete{float:right}
.document_size{float:right;  width:60px;  text-align:right;  margin-right:20px;  font-size:11px;  color:#777}
.document_modified{float:right;  text-align:right;  margin-right:20px;  font-size:11px;  color:#777}

#survey_legend{margin-bottom:10px;  width:100%;  display:hidden}
.survey_question{float:left;  clear:both;  padding:10px;  width:650px;  background:#4b83bc;  color:#fff}
.survey_followup{float:left;  clear:both;  padding:10px;  width:650px;  background:#3c9451;  color:#fff}
.survey_answer{float:left;  clear:both;  width:650px;  text-align:center;  padding:20px 0}
.unanswered { background: #1e5184; }
.survey_comment{float:left;  clear:both;  width:650px;  margin:10px 0 20px 0;  text-align:center}
.comment_label{margin-right:20px;  color:#777}
input.comment{width:500px}
.survey_radio{margin:10px 20px 10px 0}
.survey_overview { float: left; clear: none; width: 300px;}

.followup{float:left;  clear:both;  width:650px}

.tip{margin-left:10px;  color:#444;  font-size:11px}
.legend{float:right}
.legend_img{margin:0 10px 0 30px;  vertical-align:middle}
.created{float:left; text-align:left; clear:none; width:300px; font-size:12px}
.updated{float:left; text-align:right; clear:none; width:300px; font-size:12px}

#article_pictures{float:right; text-align:center; margin-left:20px}
#article_pictures a{font-size:10px; text-decoration:none; float:left; width:204px; clear:both; color:#a0bcdb}
#article_pictures img{margin-top:10px; border:1px solid #333}

.article{float:left; clear:both; width:650px; margin-bottom:10px; background:#F9F9F9; border:1px solid #ccc; padding:5px; background-image:url('../images/read_more.png'); background-repeat:no-repeat; background-position:top right; min-height:100px}
.article:hover{border-color:#a0bcdb; background-color:#F1F1F1; background-image:url('../images/read_more_hover.png')}
.article_hover{color:#a0bcdb}
.article h2{font-size:16px; margin:0}
.article h3{font-size:14px; margin:0}

.article_image{float:left; width:100px; text-align:center; margin-right:20px; font-size:10px; color:#555}
.article_text{float:left; width:460px; color:#333}
#info{display:block; padding:10px; margin-bottom:20px; border:1px solid #333; background-color:#efefef}
input.datepicker{width:80px}
.quicksearch{margin:20px 0px}
.asmSelect{margin-bottom:20px}

#sortable-list{list-style:none}

#sortable-list li{display:block; padding:20px 10px; margin-bottom:3px; background-color:#efefef; clear:both; line-height:12px}

#sortable-list li img.handle{float:right; cursor:move; border:none}

#footer{width:902px;  clear:both;  color:#4f5678;  background:#fff;  margin:0px 0px 10px 0px;  padding:10px;  font-size:11px;  text-align:center;  border-top:1px solid #a0bcdb;  margin-bottom:40px; // needed for utility belt}
#module_permission{float:right;  margin:10px}
#user_login{float:right;  margin:10px}
.clear{clear:both; background:none}

#utility_belt{position:fixed;  bottom:0;  width:100%;  color:#fff;  text-align:center;  font-size:15px;  margin:0;  background:#036}
#utility_belt .utility_module{float:left;  font-size:10px;  padding:10px}

.score5 { font-weight: bold; }
.score4 { font-weight: bold; }
.score3 { font-weight: bold; }
.score2 { font-weight: bold; }
.score1 { font-weight: bold; }
.survey_overview { width: 325px; }
.survey_pie_chart { float: right; clear: none; width: 325px; height: 200px; position: relative; z-index: 20;}

.imageleft{ float:left; text-align:center;  margin:0 30px 20px 0;  font-size:12px}
.imageleft img{ border:1px solid #ccc}
.imageright{ float:right;  text-align:center;  margin:0 0 20px 30px;  font-size:12px}
.imageright img{ border:1px solid #ccc}
.jqueryFileTree li:hover { cursor: pointer; }
#folderInfoContainer { width: 180px; padding: 10px; }
#documentInfoContainer { width: 180px; padding: 10px; }
.documentSelected { background-color: #f1f1f1; }
.navbutton { 
   outline: 0; 
   margin:0; 
   height: 25px;
   padding: 5px 6px 2px 4px; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1; 
   }
.document_icon { text-decoration: none; color: #555; display: block; }
.document_icon img { vertical-align: middle; margin-right: 3px; }
#folderInfo a { color: #777; }
#dialog h1 { font-size: 20px; }
.sow_performance { float: left; clear: none; padding: 5px; margin: 10px; background: #f9f9f9; border: 1px solid #ccc; }
#gradeTendency { margin: 10px 0; font-size: 16px; float: left; width: 600px; border: 1px solid: #ccc;}
#gradeTendencyMessage { margin: 10px; font-size: 16px; text-align: center; color: #fff; }
#gradeTendencyMessage .red { background: #fff; color: #990000; width: 100%; padding: 10px; display: block;}
#gradeTendencyMessage .yellow { background: #fff; color: #e09400; width: 100%; padding: 10px; display: block;}
#gradeTendencyMessage .green { background: #fff; color: #009900; width: 100%;  padding: 10px; display: block;}
a.js:hover { cursor: pointer; text-decoration: underline;}

.gradientbg {filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#f5f5f5,endColorstr=#ffffff); background:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#ffffff)); background:-moz-linear-gradient(top,#f5f5f5,#ffffff)}