/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;  
margin:0px; 
background-color:#424242;
color:#555;
}
a { color:#fff; }
a img { border:0px; }
h1 { margin-top:0px; }
h1 { font-size:18px; color:#69c;}
h2 { font-size:16px; color:#69c; margin-bottom:6px; }
h3 { font-size:14px; color:#69c; margin:0px;}
textarea { margin:0px; padding:3px; }

#login form { width:380px; }
.full_width_form { width:100%; }

#errors { background-color:#424242; color:#f62; padding:6px; text-align:center; font-weight:bold;  }
#messages {background-color:#424242;  color:#dfd; padding:6px; text-align:center; }
#title { background-image:url(../images/template/titlebg.png); background-repeat:repeat-x; height:61px;  }
#epraise_title { position:absolute;  } 
#school_title { text-align:center; color:#acf; font-size:20px; padding-top:16px;  } 
#footer {  text-align:center; font-size:10px; color:#fff; height:79px; padding-top:10px; color:#aaa;  }
#main {  padding:10px; padding-bottom:60px; margin-left:260px; min-height:660px;  }
#main a { color:#68a; text-decoration:none;}
#main a:hover { color:#8ac; text-decoration:none;}

#login_top { position:absolute; right:0px; top:0px; padding:2px 10px 2px 20px ; background-image:url(../images/template/user.png); background-repeat:no-repeat; background-position:center left; color:#fff; }
#center_container { background-color:#fff;}
#center_inner_container { width:1000px;  }

#navigation {  font-weight:bold; color:#acf; float:left; margin-left:8px;  }
.nav_links { }
#navigation li, #navigation ul { list-style-type:none; margin:0px; padding:0px;   }
#navigation ul { padding-top:10px; }
#navigation a { background-image:url(../images/template/link_flat.png); background-repeat:no-repeat;  padding:4px 4px 4px 8px;  display:block; width:200px; text-decoration:none; }
#navigation a:hover { background-image:url(../images/template/link_hover_flat.png); background-repeat:no-repeat; }






#main .button { background-color:#ddd; border: solid 1px #888; padding:2px 4px; color:#246; cursor:pointer; font-weight:bold; font-size:12px;  width:auto;
   overflow:visible;}

#main .button:hover { background-color:#eee;  }
#main .button_disabled { background-color:#ccc; border: solid 1px #888; padding:2px 4px; font-weight:bold; font-size:12px;  color:#666; }

input, textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; }
textarea { width:200px; }
.field {  height:30px; }
.textarea_field {  height:140px; }
.textarea_short {  height:80px; }
.field .label { width:120px; text-align:right; padding-right:6px; font-weight:bold;  }
.field .label, .field .control { float:left; }
.field .help { color:#8ac; font-style:italic; font-size:10px; width:460px; margin-left:360px; }
.textarea_field .help { color:#8ac; font-style:italic; font-size:10px; width:340px; margin-left:360px; }
.submit_field { margin-left:120px;  padding:10px;  }
.warning { color:#f52; font-weight:bold; }

#points { background-image: url(../images/template/points_total_flat.png); width:200px; height:180px; }
.points_total { padding:20px 0px 10px 0px; font-size:70px; text-align:center;   }
.points_total_small { padding:10px; font-size:16px; text-align:center;   }

.leaderboard { margin: 20px 0px; border-collapse:collapse; width:100%; }
.leaderboard th { font-size:12px; padding:6px; border:solid 1px #def; background-color:#9cf; color:#fff; text-align:center; }

.leaderboard td.name { min-width:220px; text-align:left; }
.leaderboard td { border:solid 1px #def; text-align:center; padding:2px 6px;  }
.leaderboard .position { font-weight:bold; font-size:16px; width:16px; }

.admin_table { margin: 20px 0px; border-collapse:collapse; width:100%; }
.admin_table  th { font-size:12px; padding:6px; border:solid 1px #def; background-color:#9cf; color:#fff; text-align:left; }
.admin_table  td { border:solid 1px #def; padding:2px 6px;  }
.admin_table .actions { width:80px; text-align:center; }
.admin_table .points { font-size:20px; text-align:center; }

.sortable tr th { cursor:pointer; }

ul.tabbed_buttons { list-style-type:none; height:23px; margin:0px; padding:0px; margin-left:6px;  }
ul.tabbed_buttons li  { display:inline; }
ul.tabbed_buttons li  a { display:block; border:solid 1px #666; border-width:1px 1px 0px 1px; background-color:#555; padding:0px 8px; margin-right:1px;  float:left; text-decoration:none;  -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-radius-topleft: 5px; border-radius-topright: 5px;}
ul.tabbed_buttons li  a:hover { background-color:#888;  }
ul.tabbed_buttons li  a.active_link {  background-color:#6a6a6a; color:#acf; font-weight:bold;border-width:1px 1px 1px 1px;   }
ul.tabbed_buttons li  a.active_link:hover {  background-color:#666; }

.small_instructions { font-size:11px; color:#666; margin:0px;  }
.csv_file {	display:block; 	float:left; width:60px; padding:36px 0px 0px 0px; margin-right:8px; text-align:center; background-image:url(../images/csv_icon.gif); background-repeat:no-repeat;background-position:top center;  font-size:11px ;  line-height:14px;  }
.file_container {	height:80px;   }