.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 0.75em;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

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

#errorExplanation ul {
	padding-left: 25px;
}

#errorExplanation ul li {
  font-size: 0.75em;
  list-style: square;
}



/* @override 
	http://teamportfolios.dev:3000/stylesheets/teamportfolios.css
	http://tim.teamportfolios.dev:3000/stylesheets/teamportfolios.css
	http://alex.teamportfolios.dev:3000/stylesheets/teamportfolios.css
*/

/* v1.0 | 20080212 */

/* from http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


li.not-validated img {
	opacity: 0.5;
}

li.not-validated a.admin img {
	opacity: 1;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}








body {
	font-family:arial, sans-serif;
}


form {
	padding: 0;
	}

a {
  	color: #0753af;
}

p {
	margin:0.7em 0;
	line-height:1.4em;
}

p.note {
	font-size: 0.8em;
	margin: 0.3em 0;
}

#logo {
	font-size:2em;
	font-weight:normal;
	text-decoration:none;
	margin-bottom: 0.5em;
}

#navigation {
	height:2.5em;
	font-size:0.8em;
	line-height: 2.5em;
	background-color:#333;
	text-shadow: #000 -1px -1px 0;
	margin-bottom: 60px;
	}

#navigation ul {
	float:right;
	margin-right: -0.5em;
	border-left: 1px solid #222;
	border-right: 1px solid #555;
}


#navigation li {
	float: left;
	height:2.5em;
	color:#AAA;
	border-right: 1px solid #222;
		border-left: 1px solid #555;
}

#navigation a {
	padding:0 0.8em;
	display: block;
	height:2.5em;
	line-height: 2.5em;
		color: #CCC;
	text-decoration:none;
}

#navigation #small-logo {
	display: block;
    float: left;
    padding: 0 0.5em;
    margin-left: -0.5em;
}


#navigation a:hover {
	text-decoration:underline;
}





label {
	display:block;
	font-size:0.9em;
}

label.inlineLabel {
	display:inline;
	font-weight:bold;
	font-size:1em;
}

input[type="text"], input[type="password"] {
	font-size:1.4em;
	width: 90%;
}

textarea {
  	font-size: 1.2em;
  	width: 90%;
  	height: 10em;
}

input[type="submit"], button {
	padding:0.5em 1.1em;
	font-size:1em;
	margin-right: 0.5em;
}



#teaser {
  	font-size: 0.9em;
}

#user-list {
  	font-size: 0.9em;
  	border-top: 1px solid #EEE;
  	margin-top: 1em;
}

p.list-strapline {
  	font-size: 1em;
  	font-weight: normal;
  	color: #666;
  	margin-top: 0.5em;
  	display:block;
}

.user {
  	 border-bottom: 1px solid #EEE; 	
  	 padding-top: 0.5em;
}
#user-list .user {
	display: block;
  	margin: 0.8em 0;
  	text-decoration: none;

}


#user-list .user img.user_avatar_medium {
	margin: 0;
	padding: 1px;
	margin-right: -1px;
  	background-color: #999;
}
#user-list .user a.avatar {
	float: right;	
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: rgba(255,255,255,0.5);
	position: relative;
	right: -1px;
	top: 0px;
	z-index: 100;
	xopacity: 0.75;
}

#user-list h2 {
  	font-size: 1.2em;
  	margin-top: 0.5em;
  	font-weight: normal;
}

#user-list .user img.project_image_small {
	margin-bottom: 1em;
}
#user-list .text {
	min-height: 40px;
	padding-bottom: 15px;
}



#flash p {
  	text-align: center;
  	font-size: 0.9em;
  	color: #3f8413;
  	margin: -3em 0 1.5em 0;
  	height: 1.5em;
  	padding: 0;
}

#header.user {
}

#header.project {
}

h1 {
  	margin: 0;
  	padding: 0;
  	font-size: 1.6em;
  	font-weight: normal;
  	line-height: 1.4em;
  	color: #000;
}

h1.padded {
  	margin: 0;
  	margin-bottom: 0.5em;
}

p.strapline {
  	margin: 0 0 1.5em 0;
  	font-size: 1.1em;
}

h1 span.edit {
  	font-size: 0.5em;
  	margin-left: 0.5em;
  	color: #666;
}




.disclaimer {
  	font-size: 0.8em;
}

#large-form {
 	padding-top: 3em; 	
}

#user-description, #project-description {
  	margin: 0 0 2em 0;
  	font-size: 0.9em;
  	color: #000;
}

#user-description p, #project-description p {
	margin: 0 0 1em 0;
}



.project-preview  {
	margin-bottom: 35px;
	}

img.project_image_small {
	padding: 1px;
	margin-left: -1px;
  	background-color: #999;
  	margin-bottom: 5px;
}




.project-preview h3 { 
	margin: 0.8em 0 0.3em 0;
	font-size: 0.8em;
	line-height: 1.4em;
}

.project-preview h3 a { 
	font-weight: bold;
	text-decoration: none;
}

.project-preview a:hover { 
	text-decoration: underline;
}

.project-preview .description {
	overflow: hidden;
	height: 120px;
	position: relative;
}

.fade {
	position: absolute;
	bottom: 0;
  	text-align: right;
  	background:transparent url(../images/fade.png) repeat-x left bottom;
  	width: 100%;
  	height: 30px;
}

#add-link-form.admin {
	font-size: 0.8em;  	
}

.project-preview p { 
	color: #666;
	font-size: 0.8em;
	margin: 0.3em 0;
}


#show-form-link {
}


p.option {
	margin: 0 0 1em 0;
    font-size: 0.8em;	
}



.clear-this {
  clear: both;
  height: 0px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

#contributors, .small-project-list {
	padding: 0.5em 0.5em 0 0.5em;
	border:1px solid #DDD;
	margin-bottom: 0.5em;
}

.small-project-list.unvalidated {
	padding: 0.5em 0.5em 0 0.5em;
	border:1px dashed #CCC;
	margin-bottom: 0.5em;
}

#contributors h2, .small-project-list h2 {
  	font-size: 0.8em;
	line-height: 1.4em;
	color: #666;
}

#contributors ul, #users ul , .small-project-list ul {
	line-height: 1.3em;
	font-size: 0.8em;
}

.small-project-list li {
	margin: 0.8em 0;
}

.small-project-list span {
	color: #999;
	display: block;
}

.small-project-list .note {
	color: #000;
	font-size: 0.8em;
}

#small-project-list li a {
	font-weight: bold;
	text-decoration: none;
}

#contributors li, #users li {
  	clear: left;
}

li.not-validated {
  	margin: 0.8em 0;
  	color: #666;
}

li.validated a.admin {
  	float:right;
  	margin: 0 0 0 5px;
}


li.not-validated a {
  	display: none;
  	float:right;
  	margin-left: 5px;
}

li.not-validated:hover a {
  	display: block;
}

li.validated {
  	padding: 0;
}

li.validated a {
  	display: block;
  	margin: 0.8em 0;
  	text-decoration: none;
}
#contributors a:hover strong, #users a:hover strong {
  	text-decoration: underline;
}

#contributors li img, #users li img{
  	float: left;
}

div.projectsgrid {
	padding-top: 5px;
}

li .user-details {
  	margin-left: 50px;
}

li .strapline {
  	font-size: 0.9em;
  	color: #999;
  	display: block;
  	margin-top: 0.3em;
}





#project-links {
	font-size: 0.9em;
	margin-bottom: 1em;
}



#manage-contributors {
 position: relative;
}

form span.note {
	display: block;
  	font-size: 0.9em;
  	color: #a9a47d;
  	line-height: 1.5em;
  	margin-top: 0.5em;
}

#manage-contributors form {
 position: absolute;
 right: 0;
 top: 0;
 width: 400px;
   	border: 1px solid #ddd9bc;
   	 font-size: 0.8em;	

}

#manage-contributors form a {
 font-size: 0.9em;	
}



#footer {
   font-size: 0.8em;
   color: #AAA;
   text-align: left;
   padding-top: 5em;
   clear: both;
}

#footer a {
   color: #AAA;
}



.caption {
  	margin: 0;
  	padding: 0.5em 0;
  	font-size: 0.8em;
}


.project-image {
  	margin: 0 0 1.5em 0;
}

.delete-image {
  	font-size: 0.8em;
  	margin: 0.5em 0;
  	float: right;
}


#self-validation {
  	clear: both;
  	padding: 0;
}

#self-validation form {
padding: 0;
margin: 0;
background-color: #FFF;
border: 0px;
}



.preview-image-link a {
  	display: block;
  	text-align: center;
  	background-color: #999;
  	height:90px;
  	width: 160px;
}

#user-lefthand ul {
  	font-size: 0.9em;
  	margin-bottom: 1em;
}

.linkList {
  	margin-bottom: 0.5em;
}

.linkList li {
  	margin: 0 0 0 -5px;
  	font-size: 0.9em;
  	line-height: 25px;
}

.linkList li .admin {
	display: none;
}

.linkList li:hover .admin {
	display: inline;
}

.linkList a.ext-link {
	  background: transparent url(../images/bullet_green.png) no-repeat center left;
	  padding-left: 18px;
	  font-size: 1em;
	  color: #0753af;
	  margin-right: 0.5em;
}



.linkList a.ext-link:hover {
	  background: transparent url(../images/bullet_go.png) no-repeat center left;
}


.linkList a img {
  	vertical-align:middle;
}



.avatar {
  	margin: 0.5em 0 1.5em 0;
}

.avatar img {
  	margin-bottom: 0.5em;
}

.admin-toggle {
  	float: right;
}

#links {
   margin: 1.5em 0 2em 0;
   padding-bottom: 1em; 	
}

#links h2 {
   font-size: 0.9em;
   padding-bottom: 1em;
   border-bottom: 1px solid #96a3b1;
}

#links a {
	font-size: 0.9em;
}



a.admin {
	color: #999;
}

a.admin:hover {
	color: #0753af;
}


form.admin {
	background-color: rgba(255,242,144,0.9);
	border: 1px solid #ddd9bc;
	padding: 0.5em 1em;
}




#main-options {
  	line-height: 1.5em;
  	margin: 1em 0 2em 0;
  	font-size: 0.9em;
}

.email-list {
  	font-size: 0.8em;
}


.email-list span {
  	color: #999;
}


ul#users.homepage li.validated a {
	margin: 15px 0;
	padding: 5px 0;	
}

ul#users.homepage li.validated a:hover{
	background-color: #DDD;
}

#users li.user.validated a span.projectname {
	font-size: 0.8em;
  	color: #999;
  	display: block;
}

.projectsgrid .preview-image.omega {
	position: absolute;	
	z-index: 1;
}