/**
*
* Flashback css
*
*/

body {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	font-size: small;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  padding: 6px;
	padding-top:0;
	margin-top: 3px;
}

a {
  color: #FF3366;
/*  font-weight: bold;*/
  background-color: transparent ;
  text-decoration: none ;
  margin: 0 ;
  padding: 0 1px 2px 1px ;
}
a:hover {
  color: #6D7A73 ;
  text-decoration: underline ;
}
a.active {
	text-decoration: none;
	color: black;
}
a img {
	border: 0;
}

h1, h2, h3, h4 {
  margin: 0;
}

h2 {
	font-size:19px;
}

h3 {
	font-size:15px;
}

hr {
  border: 0;
	background-color: #ccc;
	height: 1px;
	margin: 10px 0;
}

input, textarea {
	border:1px solid #999;
}

/**
* Header/nav
*/

.header * {
  margin: 0 ;
  padding: 0 ;
}

div.header {
	position: relative;
  height: 94px;
	width:990px;
  color: #fafaea; /*#fafaea;*/
	/*background-color: #1a1a1a;*/
	background: url('../images/headerback.gif') no-repeat left top;*/
	font-size: 90%;
	margin-top: 15px;
}

div.header a {
	color: #fafaea;
}

#navlogo {
	margin-left:10px;
}

div#navbar {
	position:absolute;
	top:0;
	left:220px;
}

#navbar .navsub {
	text-align:right;
}
#navbar .navdiv {
	float:left;
	width:164px;
	text-align:right;
	margin-right:20px;
}
#subnavhead {
	position:absolute;
	margin-left:00px;
	bottom:0;
	font-weight:normal;
	font-size:11px;
	left:110px;
}

div#navverbs a {
	height: 43px;
	display: block;
	float: left;
}
div#navverbs a.play { background: url('../images/navverbs-play.gif') no-repeat top; }
div#navverbs a.prod { background: url('../images/navverbs-prod.gif') no-repeat top; }
div#navverbs a.watch { background: url('../images/navverbs-watch.gif') no-repeat top; }
div#navnouns {
	clear: left;
}
div#navnouns a {
	height: 32px;
	display: block;
	float: left;
}
div#navnouns a.missions { background: url('../images/navnouns-missions.gif') no-repeat top; }
div#navnouns a.people { background: url('../images/navnouns-people.gif') no-repeat top; }
div#navnouns a.groups { background: url('../images/navnouns-groups.gif') no-repeat top; }
div#navnouns a.deeds { background: url('../images/navnouns-deeds.gif') no-repeat top; }
div#navnouns a:hover,
div#navnouns a.on,
div#navverbs a:hover,
div#navverbs a.on { background-position: bottom }

div#usernav {
/*  text-align: right;*/
/*  background-color: #1a1a1a;
*//**border: 5px solid #F1E4B8;*/
  padding: 5px;
	width: 232px;
	height: 94px;
	position: absolute;
	right: 0px;
	top: 2px;
	color: #fff;
	font-size:11px;
}
div#usernav a {
	color: #667675;
}
div#usernav div#userinfo {
	width: 200px;
	float: left;
}
div#useractions {
	font-weight: bold;
	font-size: 11px;
/*	line-height: 1.8em;*/
	color: #fff;
/*	margin-left: 205px;
	margin-top: 0.8em;
*/}
div#useractions a {
	display: block;
	margin-top: 0.15em;
	padding: 0.2em;
	color:#FCEE21;
}
div#useractions a.blue {
	color:#00CCFF;
}
div#useractions a:hover {
/*	background-color: #5C7A70;
*/
	color: #fff;
	text-decoration: none;
}
div#usernav input {
	border:1px solid #ccc;
}
#suckerfish * {
  margin: 0 ;
  padding: 0 ;
}

#suckerfish, #suckerfish ul {
  padding: 0 ;
  margin: 0 ;
  width: 100%;
  list-style: none ;
  line-height: 2em ;
  z-index: 999 ;
	font-size: 111%;
}

#suckerfish a {
  color: #000;
  display: block;
	padding: 0 .75em 0 .75em;
	border: 1px solid #F15A24;
	margin-right: 1em;
	font-weight: bold;
}

#suckerfish a.on {
	background-color: #fff;
	color: #666;
}

#suckerfish a:hover {
/*  color: #f4ec7d;*/
  text-decoration: none;
	background-color: #D3D1B6;
}

#suckerfish li {
  float: left;
}

#suckerfish li ul li a {
/*  margin-left: .25em ;*/
	border-color: #AABEBF;
	font-size: 80%;
  width: 146px;
}

#suckerfish li ul li a.daddy {
  background-image: url("../images/daddy_rightarrow.gif") ;
  background-position: right center ;
  background-repeat: no-repeat ;
}

#suckerfish li ul li {
  padding: 0 ;
  width: 11em ;
  border-bottom: .075em solid white ;
  border-right: .075em solid white ;
}

#suckerfish li ul {
  position: absolute ;
  background: #6d7a73 ;
  width: 11em ;
  left: -999em ;
}

#suckerfish li ul ul {
  margin: -2em 0 0 11.075em ;
}

#suckerfish li:hover ul ul, #suckerfish li.sfhover ul ul {
  left: -999em ;
}

#suckerfish li:hover ul, #suckerfish li li:hover ul, #suckerfish li.sfhover ul, #suckerfish li li.sfhover ul {
  left: auto ;
}


/**
* Layout
*/

.content {
  margin: 16px 0;
}

/* .breadcrumbs {
  font-size: .75em ;
  background: #fafaea;
  border-top: 1px solid #986633 ;
  border-bottom: 1px solid #986633 ;
  margin-bottom: 8px ;
} */


.footer {
	font-size: 80%;
  padding: 8px;
}

.last {
  margin-bottom: 0 ;
}

#errorExplanation {
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0px;
  margin-bottom: 10px;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}


/**
* Top section layout: featured content (above listings) & profiles.
*/

div.featured,
div.profile {
	padding-right: 10px;
	border-right: 1px solid #ccc;
	margin-right: 1em;
	width: 700px;
	float: left;
}
div.featured {
	/*background-color: #F2ECDE;
		border: 1px solid #9E2824;*/
		/*FF3366*/
	background-color: #eee;/*#00CCFF;*/
	border: 1px solid #00CCFF;/*#FCEE21;*/
	
	padding: 10px;
}
div.profile_info {
	float: left;
	width: 320px;
}
div.mission_description {
	margin-left: 1em;
	background-color: #ffe;
	padding: 0.5em;
	border-left: 10px solid #ddb;
}
div.mission_description2 {
	color:#444;
}

div.actionBlock {
	float: left;
	width: 260px;
}
div.deedBlock {
	width: 500px;
	float: left;
	margin-right: 10px;
	padding-right: 9px;
	border-right: 1px solid #ccc;
}
div.commentBlock {
	float: left;
	width: 480px;
}

h2.name {
/*	background-color: #F4B28F;*/
	padding: 4px;
	margin-bottom: 0.5em;
}

h3.sectionHeader {
	margin-bottom: 1em;
	background-color: #AABEBF;
	font-weight: bold;
	padding: 4px;
	color: #fff;
}

/**
* Lists: people grid, missions grid, etc.
* Note that a lot of these have different colors based on level.
* See tweakable level colors below.
*/

ul.people,
ul.people_small,
ul.missions,
ul.groups,
ul.completions,
ul.pendingMissions {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

ul.people li,
ul.groups li,
ul.missions li {
	display: block;
	float: left;
overflow:hidden;
}
ul.completions {
	display: block;
}

ul.people li,
ul.groups li {
	width: 220px;
	height: 100px;
	margin: 10px;
	border-left: 1px solid;
	border-bottom: 1px solid;
	position: relative;
}
ul.people_small li {
	border-left: 1px solid;
        border-bottom: 1px solid;
}
ul.people li a.photo,
ul.groups li a.photo,
div#usernav div#userinfo a.photo {
	padding: 0; /* for IE7 */
	float: right;
}
/* TODO: color must vary based on score */
ul.people li a.name,
ul.groups li a.name,
div#usernav div#userinfo a.name {
	display: block;
	color: #333;
	text-align: right;
	padding: 4px 5px;
	width: 110px;
	_width: 107px; /* IE6 apologist! */
	margin: 0;
	font-weight: bold;
}
div#usernav div#userinfo a.name {
	width: 90px;
	_width: 87px; /* IE6 apologist! */
}
ul.people li div.info,
ul.groups li div.info,
div#usernav div#userinfo div.info {
	font-size: 85%;
	text-align: right;
	width: 110px;
	_width: 109px; /* IE6 apologist! */
	padding: 4px;
}
div#usernav div#userinfo div.info {
	width: 90px;
	_width: 87px; /* IE6 apologist! */
}
ul.people li div.group {
	position: absolute;
	padding-left:5px;
	bottom: 4px;
	right: 110px;
	color: #919D99;
}

ul.missions li {
	margin: 10px;
	position: relative;
	border: 1px solid;
	border-left-width: 6px;
	width: 220px;
	height: 117px;
}
ul.missions a.name {
	font-size: 14px;
	color: #000;
	padding: 4px;
	display: block;
	font-weight: bold;
}
ul.missions li div.description {
	padding: 4px;
	color: #535353;
	font-size: 85%;
}
ul.missions li div.level {
/*	background-color: #D3D9CB;*/
	font-size: 85%;
	padding: 2px;
}

ul.completions li {
	margin-bottom: 10px;
	height:100px;
	overflow:hidden;
}
ul.completions li div.info {
/*	background-color: #F4B28F;*/
	padding: 2px;
}
ul.completions li div.info a {
	color:#000;
}
ul.completions li div.info span.user {
	color: #666;
}
ul.completions li div.more {
	font-size: 11px;
	color: #FF3366;
	margin-top:2px;
}
ul.completions li div.description {
	font-size:11px;
	overflow:hidden;
	height:11px;
	margin-top:2px;
	margin-bottom:3px;
	
	color:#808080;
}
ul.completions li div.body {
	border-top: none;
	padding: 0px;
	margin-left:2px;
}
ul.completions li img.photo {
	float: left;
	margin-left:-1px;
	margin-right: 5px;
}

ul.pendingMissions li {
	display: block;
	width: 220px;
/*	background-color: #eee;*/
	border: 1px solid #ababab;
	padding: 4px;
	margin: 4px;
/*	clear: left;*/
}
ul.pendingMissions li.on {
	background-color: #fec;
}
ul.pendingMissions li div.status {
	font-size: 10px;
	display: block;
	width: 60px;
	float: right;
	line-height:10px;
	text-align: right;
}


/**
* Level-specific coloring! tweak these.
* These are getting a little out-of-hand btw.
*/

/*div#usernav div#userinfo.level3 a.name,*/
/*
ul.people li.level1 a.name,
ul.groups li.level1 a.name,
div.level1 .name { background-color: #F9E2A8; }
ul.people li.level1,
ul.people_small li.level1,
ul.groups li.level1 {   border-color: #F9E2A8; }

ul.people_small li.level1 { border-color: #FF0000;}

ul.people li.level2 a.name,
ul.groups li.level2 a.name,
div.level2 .name { background-color: #F5C590; }
ul.people li.level2,
ul.people_small li.level2,
ul.groups li.level2 {   border-color: #F5C590; }

ul.people li.level3 a.name,
ul.groups li.level3 a.name,
div.level3 .name { background-color: #E0866C; }
ul.people li.level3,
ul.people_small li.level3,
ul.groups li.level3 { border-color: #E0866C; }
        
ul.missions li.level1 { border-color: #F3E5C1; }
ul.missions li.level1 div.level { background-color: #F3E5C1; }
ul.missions li.level2 { border-color: #F5C590; }
ul.missions li.level2 div.level { background-color: #F5C590; }
ul.missions li.level3 { border-color: #E0866C; }
ul.missions li.level3 div.level { background-color: #E0866C; }

ul.completions li.level1 div.info { background-color: #F3E5C1; }
ul.completions li.level2 div.info { background-color: #F5C590; }
ul.completions li.level3 div.info { background-color: #E0866C; }
*/

ul.people li.level1 a.name,
ul.groups li.level1 a.name,
div.level1 .name { background-color: #83E6FF; }
ul.people li.level1,
ul.people_small li.level1,
ul.groups li.level1 {	border-color: #83E6FF; }

ul.people li.level2 a.name,
ul.groups li.level2 a.name,
div.level2 .name { background-color: #C8EFCA; }
ul.people li.level2,
ul.people_small li.level2,
ul.groups li.level2 {	border-color: #C8EFCA; }

ul.people li.level3 a.name,
ul.groups li.level3 a.name,
div.level3 .name { background-color: #E0866C; }
ul.people li.level3,
ul.people_small li.level3,
ul.groups li.level3 { border-color: #E0866C; }

ul.people li.level4 a.name,
ul.groups li.level4 a.name,
div.level4 .name { background-color: #FCEE21; }
ul.people li.level4,
ul.people_small li.level4,
ul.groups li.level4 {	border-color: #FCEE21; }


ul.missions li.level1 { border-color: #83E6FF; }
ul.missions li.level1 div.level { background-color: #C3D8FF; }
ul.missions li.level2 { border-color: #C8EFCA; }
ul.missions li.level2 div.level { background-color: #C8EFCA; }
ul.missions li.level3 { border-color: #E0866C; }
ul.missions li.level3 div.level { background-color: #E0866C; }
ul.missions li.level4 { border-color: #FCEE21; }
ul.missions li.level4 div.level { background-color: #FCEE21; }


ul.completions li.level1 div.info { background-color: #83E6FF; }
ul.completions li.level2 div.info { background-color: #C8EFCA; }
ul.completions li.level3 div.info { background-color: #E0866C; }
ul.completions li.level4 div.info { background-color: #FCEE21; }


ul.completions li.level1 { border: 1px solid #83E6FF; }
ul.completions li.level2 { border: 1px solid #C8EFCA; }
ul.completions li.level3 { border: 1px solid #E0866C; }
ul.completions li.level4 { border: 1px solid #FCEE21; }

ul.completions li.level { border: 1px solid #83E6FF; }


ul.people li.level a.name,
ul.groups li.level a.name,
div.level .name { background-color: #83E6FF; }
ul.people li.level,
ul.people_small li.level,
ul.groups li.level {	border-color: #83E6FF; }

ul.missions li.level { border-color: #83E6FF; }
ul.missions li.level div.level { background-color: #83E6FF; }

ul.completions li.level div.info { background-color: #83E6FF; }


/**
* other
*/

div.homeMatrix {
	
}

a.verb {
	font-size: 120%;
	font-weight: bold;
	border: 1px solid;
	padding: 3px;
	line-height: 2em;
}

ul.verbLinks {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ccc;
}
ul.verbLinks li {
	border-bottom: 1px solid #ccc;
	font-size: 120%;
	font-weight: bold;
	color: #ccc;
	padding: 2px;
}
ul.verbLinks li.nolink {
	padding: 3px;
}
ul.verbLinks li a {
	display: block;
	width: 100%;
	padding: 3px;
	margin: 2px;
}
ul.verbLinks li a:hover {
/*	background-color: #F15A24;
*/	background-color:#FF3366;
	color: #fff;
	text-decoration: none;
}
ul.verbLinks form {
	font-size:12px;
	font-weight:normal;
	color:#999;
}


/**
* listingTypes
*/

div.listingTypes {
/*	background-color: #F3E2BC;*/
	font-weight: bold;
	width: 100%;
}
div.listingTypes a.type,
div.listingTypes div.searchForm {
	color: #fff;
	height: 18px;
	padding: 6px 20px;
	float: left;
	display: block;
}
div.listingTypes div.searchForm {
	padding-top: 2px;
	padding-bottom: 10px;
	_padding-bottom: 3px; /* IE6 apologist! */
}
div.listingTypes .recent,
div.listingTypes .my_friends,
div.listingTypes .my_groups {
	/*background-color: #AABEBF;*/
	/*background-color: #00ccff;*/
	background-color: #333;	
}
div.listingTypes .over {
	background-color: #00ccff;
	color: black;
}
.teacherstab{
		background-color: #333;
}
.studentstab{
	background-color: #333;
}
.alltab{
		background-color: #333;
}
div.listingTypes .score {
	background-color: #fbed21;/* #5D777A*/;
}
div.listingTypes div.search,
div.listingTypes div.searchForm {
	background-color: #333;/*#553A2E*/;
}
div.listingTypes div.bar {
	clear: left;
	width: 100%;
	height: 0.7em;
}
div.users {
	background-color: #00ccff;
}

/**
* Inbox
*/
div.inboxheader,
a.inboxheader {
	display: block;
	color: #000;
	background-color: #AABEBF;
/*	border-bottom: 1px solid #ababab;*/
	margin: 1em 0.5em 0.4em 0;
	padding: 4px;
	position: relative;
}
div.inboxheader h2 {
	display: inline;
}
div.inboxheader a {
	position: absolute;
	bottom: 4px;
	right: 4px;
}
h3.inboxheader {
	margin-top:13px;
	background-color: #fafaea;
	text-decoration: none;
}
div.inbox {
	width: 550px;
	margin-top: 1em;
}
div.inbox div.msg {
	border: 1px solid #ccc;
	padding: 4px;
	margin: 0 0 0.5em 1em;
/*	clear: left;*/
}
div.inbox div.unread {
	font-weight: bold;
	background-color: #fafaea;
}
div.inbox div.msg div.sender {
	float: left;
	width: 150px;
}
div.inbox div.msg div.subject {
	float: left;
	width: 350px;
}

div#flash {
	-height:30px;
	width:980px;
	background-color: #F1E4B8;
	text-align: center;
	padding: 5px;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#popup {
	position: fixed;
	_position: absolute; /* IE6 apologist! */
	top: 50%;
	left: 50%;
	width: 450px;
	height:300px;
	overflow:auto;
	margin-left:-225px;
	margin-top:-150px;
	border: 10px solid #FF3366;
	background-color: #fff;
	padding: 10px;
	z-index:999;
}

#popup_back[id] {
	position:fixed;
}

#popup_back {
	
	background-color:#000000;
	display:none;
	height:100%;
	left:0pt;
	opacity:0.5;
	filter: alpha(opacity=50);
	position:absolute;
	top:0pt;
	width:100%;
	z-index:998;
}

#popup h2 {
	font-size:16px;
	margin:0px;
	padding:0px;
}

.invisible {
	display: none;
}



/**
* Forms
*/

table.form {
	padding-right: 1em;
	border-right: 1px solid #ccc;
}
form.miniform {
	padding-bottom:10px;
}
.miniform textarea{
	width:100%;
	clear:both;
	padding-bottom:4px;
}
/*table.form tr {
	margin-bottom: 0.5em;
	display: block;
}*/
td.formHeader {
	/*display: block; 
		width: 100%;*/
	background-color: #F2ECDE;
	padding: 0.5em;
	margin-bottom: 1em;
}
table.form th {
	width: 100px;
	padding: 5px;
	text-align: right;
	font-weight: bold;
	color: #999;
}
div.display_images_holster {
	float: left;
	width: 370px;
	background-color: pink;
	padding: 2px;
	padding-bottom: 7px;
}
div.display_images {
	margin-left: 20px;
}
/* a lot of reuse here... probably should tease these apart */
div.images div,
div.display_images a {
	width: 100px;
	display: block;
	float: left;
	padding: 5px;
/*	margin-right: 10px;*/
	border: 2px solid #fec;
	font-size: 90%;
}
/*div.display_images img {
	margin: 0;
	padding: 0;
	border: 0;
}*/
div.images div.primary,
div.display_images a.primary {
	border-color: #09c;
	background-color: #def;
}
div.images div div.img {
	width: 100px;
	height: 60px;
	background-color: #eee;
	text-align: center;
	padding: 0;
	margin: 0;
	padding-top: 40px;
}
input.image_upload {
	display: block;
	padding: 5px;
}
input.submitButton {
	font-size: 150%;
}
table.messagelist {
	border-collapse:collapse;
	border:1px solid #eee;
}
table.messagelist td,table.messagelist th {
	border:1px solid #eee;
	border-left:0;
	border-right:0;
	padding-left:5px;
}

table.messagelist th {
	background-color:#fff;
	color:#666;
}
table.messagelist tr.Read, table.messagelist tr.Replied{
	font-weight:normal;
	color:#555;
	/*background-color:#eee;*/
}
table.messagelist tr.Unread {
	font-weight:bold;
	background-color:#fff;
}
table.messageshow {
	border-collapse:collapse;
	width:100%;
}
table.messageshow th {
	color:#999;
	text-align:right;
	padding-right:10px;
}
table.messageshow td.messagebody{
	margin-top:10px;
	border-top:1px solid #ccc;
	padding:5px;
}
ul.verbLinks li a.badbutt, .badbutt {
	color: red;
}
ul.verbLinks li a.badbutt:hover, .badbutt:hover {
	color:#fff;
	background-color:red;
}

div.rubric_wrap{
	
}
table.rubric_eval {
	margin-right:10px;
	margin-bottom:20px;
	width:700px;
	border-collapse:collapse;
}
table.rubric_eval, table.rubric_eval td, table.rubric_eval th {
	border:1px solid #ccc;
}
table.rubric_eval th {
	background-color:#eee; 
	text-align:center;
}
table.rubric_eval td {
	text-align:center;
}

div.thumb_grid img {
	width:100px;
	height:100px;
	border:5px solid #555;
	margin:0px;
}