@CHARSET "UTF-8";
/* Built or touched in 8/1/2010 UI refresh */
div#ui_top {
	clear: both;
	display: block;
	height: 80px;
	border-bottom: 1px #444 solid;
}
div#logo {
	background-image: url('/img/logo_100_clear.png');
	height: 80px;
	width: 100px;
}

div#ui_menus {
	max-width: 140px;
	background-color: #6f6;
	display: block;
	float: left;
	clear: none;
}

div.row {
	width: 100%;
}
div.theKey {
	display: inline;
	width: 250px;
}
div.theValue {
	display: inline;
	text-align: right;
}

.search input {
	font-size: 1.3em;
}

div.tPage {
	display: inline; border: 1px solid #444; padding: 1px;margin: 4px; line-height: 2em;
}

/*
a.navItem {
	-webkit-border-top-left-radius: 0px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;	border-top-right-radius: 0px;-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 0.8em;	-webkit-border-bottom-right-radius: 0.8em;	border-bottom-right-radius: 0.8em;
	-webkit-border-bottom-left-radius: 0.8em;	border-bottom-left-radius: 0.8em;	-moz-border-radius-bottomleft: 0.8em;
} */

a.navItem {
	-webkit-border-radius: 0.2em; border-radius: 0.2em;-moz-border-radius: 0.2em;
}

a.navItem {
	color: #000;
	text-align: center;
	border-bottom: 1px solid #999;
	text-transform:capitalize; 
	padding: 10px 8px 8px 8px;
	margin-right: 5px;
	width: 100%;
	display: block;
}

div.title {
	font-size: 1.6em;
	font-weight: bold;

	margin-bottom: 4px;
	border-bottom: 3px solid #aaa;
	width: 100%;
}

body { 
	max-width: 700px; 
	background-color: #fff;
	font-size: 0.9em;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	margin:0px auto;
 }
ul.buttons {
	display: block;
	padding-left: 0px; 
	padding-bottom: 6px;
	border-bottom: 3px solid #999;
	height: 45px;
	list-style: none;
}

ul.buttons > li {
	background-repeat: no-repeat;
	background-position: center;
	border: 2px solid #999;
	border-radius: .8em;
	-webkit-border-radius: .8em;
	-moz-border-radius: .8em;
	float: left;
}















/* older than 8/1/2010 */
div.arrow{
	font-size: 3em;
	display: inline;
}

div.pages {
	display: block;
	border: 1px solid #000;
	
	}

div.pages > div.back, div.pages > div.next {
	cursor: pointer;
	-webkit-border-radius: .5em; border-radius: .5em;-moz-border-radius: .5em;
	border: 2px solid #444;
	background-color: #ddd;
	color: #000;
	padding: 6px;
}

div.pages > div.back
{
	float: left;
	margin-left: 10px;
}

div.pages > div.next
{
	float: right;
}




.showNo {
	display: none;
	background-color: green;
} 
.showYes{
	display: block;
}
 
 /* Form Rows 7/19/2010 */
 div.formRow { clear: both; }
 div.formLabel { font-size: 0.8em; color: #111; font-style: italic; }
 div.typeAhead { background-color: #eee; color: #333; }
 
 /* For the main navigation buttons */	


.notHighlighted {
	background-color: #ddd;
}

.highlighted {
	background-color: #7bf;
}
 
div.userIcon { 
	float: left; 
	height: 35px; width: 50px;  
	margin-top: -5px; margin-left: -5px; 
	margin-right: 10px;
	}



.main input {
	background-color: #eee;
	font-size: 1.3em;
	border-radius: 0.3em;
}

div.error {
	border: red 3px solid;
	background-color: #ddd;
	color: black;
	padding: 10px;
}

/* Naming Conventions: T = Thing, L = List, P = Person. So nameT means Name Area for Thing */
div.nameT {
	padding: 4px 0px 4px 5px;
	margin-right: 60px;
}
div.nameL{
	
}
div.nameP{
	
}
div.level1 { background-color: #777; color: #fff; min-height: 30px; font-size: 1.1em; padding-top: 5px;}
div.level2 {	background-color: #ddF;	color: #000; padding-top: 5px;}
div.level2, div.level3 { border-bottom: solid 1px #bbb; min-height: 30px;}
div.level1, div.level2 { padding-left: 5px; }
div.level3{ padding-left: 8px;padding-top: 5px;  } 

div.level2, div.level3 {
	margin-left: 20px;
}

/* Handle the InCommon */
div.inc {
	display: block;
	height: 31px;
	width: 52px;
	float: left;
	background-repeat: no-repeat;
	margin-right: 5px;
	clear: both;
	z-index: 100;
}

div.addedNote {
	font-size: 0.7em;
	color: #999;
	margin-top: 15px;
	float: right;
	max-height: 15px;
}

div.icYes {background-image: url('/img/icon_check_grey.png');}
div.icNo {	background-image: url('/img/ditto_eng.png');}



div.title > div.label {
	font-size: 0.7em;
	color: #444;
}

div.label {
	color: #555;
	float: left;
	margin-right: 4px;
}

div.titleArea{
	display: block;
	clear: both;
	background-color: #ccc;
	min-height: 27px;
	margin-bottom: 0px;
	padding-top: 5px;
}

div.results{
	margin-bottom: 0px;
	margin-top: -20px;
}

ul>li#dittoable, li.dittoable	{	background-image:url('/img/ditto_eng.png'); }

ul>li#incommon, li.incommon	{	background-image:url('/img/icon_check_grey.png'); }
ul>li#me, li.me				{	background-image:url('/img/icon_me.png'); }
ul>li#all, li.all				{	background-image:url('/img/icon_all.png'); }
ul>li#friends, li.friends		{	background-image:url('/img/icon_them.png'); }



ul.subM{
	list-style: none;
	border: #000 solid .1em;
	padding-left: 0px;
	min-height: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
}

ul.subM > li{
	background-color: #777;
	color: #fff;
	padding: 5px 5px 5px 5px;
	min-height: 30px;
	float: left;
	margin-left: 2px;
	display: block;
}

ul.subM > li.active{
	background-color: #000;
}

ul>li.feedFilter {
	cursor: pointer;
	display: block;
	min-height: 40px;
	width: 60px;
	display: block;
	margin-right: 8px;
}

ul>li.feedMenu  {
	cursor: pointer;
	display: block;
	min-height: 40px;
	width: 60px;
	display: block;
	margin-right: 8px;
	color: #222;
}


div.menuTitle {
	background-color: #eee; 
	margin-bottom: 0px; 
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 5px;
	clear: right;
	width: 120px;
}





h1.float {
	float: left;
}

div.top {
	display: block;
	min-height: 50px;
	margin-bottom: 8px;
}

/* Handle the icons */
.inc, .linkT, .linkP, .linkL, .listText, .personName, .feedFilter {
	cursor: pointer;
}

div.thingExtra {
	font-size: 0.7em;
	color: #555;
	padding-left: 10px;
	margin-bottom: -4px;
	margin-left: -5px;
}

div.legend, div.comment {
	color: #444;
	font-size: 0.7em;
}

div.addText{float: left; padding-left: 15px; padding-top: 8px;}
div.addForm{float: left; padding-top: 5px;}
div.addForm, div.addText { }

a { text-decoration: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
strong {
	font-weight: 700;
}
.clear {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
/******* /GENERAL RESET *******/