@charset "UTF-8";
/* CSS Document */

html,
body {
	margin:0;
	padding:0;
	font-family: "Helvetica Neue", Helvetica ,Arial, sans-serif;
	font-size:12px;
	background-image:url(/images/design/body-bg.png);
	background-repeat:repeat;
}

img {
	border:none;
}


h1 {
	font-size:24px;
	font-weight:normal;
	color:#000;
}

h2 {
	font-size:18px;
	font-weight:normal;
	color:#000;
}

#content h1 {
	font-size:22px;
	font-weight:normal;
	color:#28A3E6;
	margin:0;
	padding:20px 10px 5px 10px;
	text-align:center;
}

#content h2 {
	font-size:18px;
	font-weight:normal;
	color:#28A3E6;
	margin:0;
	padding:20px 10px 5px 10px;
}

#content h3 {
	font-size:14px;
	font-weight:normal;
	color:#28A3E6;
	margin:0;
	padding:15px 10px 5px 10px;
}

p {
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:10px
}




/* icon headings */

#content h2.home {
	margin:0 0 0 5px;
	padding:20px 10px 5px 35px;
	background-position:0 100%;
	background-repeat:no-repeat;
}

#content h2.home.ideas {
	background-image:url(/images/design/icons/icon-idea.png);
}

#content h2.home.places {
	background-image:url(/images/design/icons/icon-map.png);
}

#content h2.home.suggestions {
	background-image:url(/images/design/icons/icon-50l.png);
}

#content h2.home.challenge {
	background-image:url(/images/design/icons/icon-find.png);
}

#content h2.home.read {
	background-image:url(/images/design/icons/icon-lists.png);
}

#content h2.home.your {
	background-image:url(/images/design/icons/icon-your.png);
}


#header {
	width:824px;
	/*
		height:150px;
	*/
	background-image:url(/images/design/header-bg.png);
	background-repeat:no-repeat;
	background-position:0 100%;
	position:relative;
	margin-bottom:20px;	
}

#smallSignIn {
	width:250px;
	position:absolute;
	bottom:-21px;
	left:30px;
	height:27px;
	line-height:0;
}

#smallSignIn img {
	margin:0 5px 0 0;
}

#logo {
	margin:10px 0 0 25px;
	display: inline; /* fix ie double float bug */
}

#nav {
	background-image:url(/images/design/header-hr.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	width:814px;
	margin:0 auto;
	padding:14px 0 16px 0;
	clear:both;
}

#superWrapper {
	width:944px;
	margin:0 auto;
	padding:0;
}

/* ads */
#adBanner {
	width:468px;
	height:60px;
	margin:10px 25px 10px 10px;
	display: inline; /* fix ie double float bug */
}

#adSide {
	width:120px;
	display: inline; /* fix ie double float bug */
}

#adSky {
	
	width:120px;
	height:600px;
	padding-bottom:10px;
}

#adButton {
	
	width:120px;
	height:90px;
	display: inline; /* fix ie double float bug */
}

#nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
}

#nav ul li {
	display:inline;
}

#nav ul li a {
	padding:5px 10px;	
	font-size:16px;
	text-decoration:none;
	color:#797979;
}

#nav ul li span {
	padding:5px 10px;	
	display:block;
	font-size:16px;
	text-decoration:none;
	color:#000;
}

#nav ul li a:hover {
	color:#333;
}

#smallSignIn ul {
	width:100%;
}

#smallSignIn ul li {
	display:inline-block;
	width:81px;
	margin-right:10px;
	/* ie 7 hack / fix */
	zoom: 1;
	*display:inline;
}

#smallSignIn ul li a {
	display:block;
	margin-right:10px;
	width:81px;
	background-color:#003;
	height:27px;
	font-size:10px;
	line-height:10px;
	text-indent:-9999px;
	background-position:bottom left;
	background-repeat:no-repeat;
}

#smallSignIn ul li.signin a {
	background-image:url(/images/design/login-small.png);	
}

#smallSignIn ul li.signout a {
	background-image:url(/images/design/logout-small.png);	
}


#smallSignIn ul li.register a {
	background-image:url(/images/design/signup-small.png);	
}



#userControls {
	width:824px;
	padding:0;
	margin:0;
	height:17px;
}

#userDetails {
	color:#666;
	text-align:right;
	bottom:-17px;
	right:40px;
	height:17px;
	line-height:0;
	position:absolute;
	width:300px;
	line-height:14px;
}

#userDetails a {
	color:#28A3E6;
	text-decoration:none;
}

#userDetails a:hover {
	color:#28A3E6;
	text-decoration:underline;
}


#popular h2,
#recent h2 {
	font-size:16px;
	padding:10px 0 4px 0;
	margin:0;
}

#popular .more,
#recent .more {
	text-align:right;
	padding:0 10px 2px 10px;
}
#popular .more a,
#recent .more a {
	width:100%;
	color:#28A3E6;
	text-decoration:none;
}

#popular .more a:hover,
#recent .more a:hover {
	text-decoration:underline;
}



ul.graph {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.graph li {
	position:relative;
	margin-top:-7px;
	width:238px;
	padding-bottom:10px;
	min-height:30px;
}

ul.graph.blue li,
#recent ul.graph li {
	background:transparent url(/images/design/trans-blue.png) repeat scroll 0 0;
}

ul.graph.yellow li,
#popular ul.graph li {
	background:transparent url(/images/design/trans-yellow.png) repeat scroll 0 0;
}

ul.graph li.n1 {
	margin-top:0px;
	width:238px;
}

ul.graph li.n2 {
	width:218px;
}

ul.graph li.n3 {
	width:198px;
}

ul.graph li.n4 {
	width:178px;
}

ul.graph li.n5 {
	width:158px;
	padding-bottom:10px;
}
	
ul.graph li span,
ul.graph li a {
	padding:14px 5px 0 40px;
	display:block;
	color:#c2e4f7;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	min-height:25px;

}
ul.graph.default li a {
	color:#fff;
}

ul.graph.yellow li span,
ul.graph.yellow li a {
	color:#f7e2c0;
}


ul.graph li a:hover {
	color:#333;
}

ul.graph li span span,
ul.graph li a span,
ul.graph.yellow li span span,
ul.graph.yellow li a span {
	padding:5px 3px 0 10px;
	width:22px;
	height:22px;
	color:#000;
	background-image:url(/images/design/graph-place.png);
	background-repeat:no-repeat;
	background-position:2px 2px;
	float:left;
	margin-left:-35px;
	margin-top:-5px;
}



#content ul.graph li span a {
	display:inline;
	padding:0;
	margin:0;
	color:#fff;
	text-decoration:none;
}

#content {
	position:relative;
	margin:10px 0 0 25px;
	background-color:#fff;
	display: inline; /* fix ie double float bug */
}

#content.user {
	margin:10px 25px 0 0;
}

#content.twocols {
	width:504px;
}

#content.onecol {
	width:770px;
}

#content a {
	color:#E89A22;
	text-decoration:none;
}

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



#content ul.imageList { 
	margin:10px 0 10px 10px;;
	width:134px;
	text-align:center;
}

#content ul.imageList li a{
	display:block;
	padding:0 10px 10px 10px;
	margin:2px;
}

#content ul.imageList.border li a{
	border:1px solid #CCC;
	padding:10px;
}



#content ul.mainlist { 
	margin:10px 10px 10px 10px;
	width:200px;
	text-align:center;
}

#content ul.mainlist li a{
	display:block;
	padding:10px;
	margin:2px;	
	background-color:#CDEAF9;
	color:#28a3e6;

}

#content ul.mainlist li a:hover {
	text-decoration:none;
	background-color:#28a3e6;
	color:#fff;
}



#content ul.categoryList { 
	margin:10px 10px 10px 10px;
	width:350px;
	text-align:left;
}

#content ul.categoryList li a{
	display:block;
	padding:5px 10px;
	margin:2px;	
	font-size:12px;
	color:#28a3e6;
	text-decoration:none;
	background-color:#cdeaf9;

}

#content ul.categoryList li a:hover {
	text-decoration:none;
	background-color:#28a3e6;
	color:#fff;
}


#sideCat {
	width:250px;
}

#sideCat h3 {
	padding:15px 0 5px 0;
}


#content ul.sideList { 
	margin:10px 10px 10px 10px;
	width:280px;
	text-align:left;
	
}

#content ul.sideList li {
	clear:both;
	padding:10px 0;
}
#content ul.sideList li span.rank {
	width:20px;
	display:block;
	float:left;
	color:#28a3e6;
	font-size:14px;
	padding:0 5px;
}

#content ul.sideList li span.wouldLike {
	width:250px;
	display:block;
	float:right;
}



#content ul.go li {
	padding:10px;
}


#content ul.go li img {
	vertical-align:middle;
}


#content ul.pageNav {
	margin:10px auto;
	width:750px;
	padding:15px 0;
	background-color:#93d1f2;
	text-align:center;
}

#content ul.pageNav.user {
	width:495px;
}

#content ul.pageNav li {
	display:inline;
}

#content ul.pageNav li span {
	padding:5px 8px;
	margin:2px;
	border:1px solid #93d1f2;
	background-color:#93d1f2;
	color:#fff;
}

#content ul.pageNav li a {
	padding:5px 8px;
	margin:2px;
	border:1px solid #28a3e6;
	background-color:#28a3e6;
	color:#fff;
}

#content ul.pageNav.user li a {
	padding:5px 28px;
}

#content ul.pageNav li a:hover {
	text-decoration:none;
	background-color:#e89a22;
	border:1px solid #e89a22;
}




.suggestion {
	width:750px;
	margin:0 auto;
}

.suggestionImage {
	padding:10px 9px;
	border:1px solid #CCC;
	margin-top:15px;
	margin-bottom:20px;
	/* width:250px; */
}

.suggestionImage.floatRight {
	margin-top:20px;
}

.suggestionText {
	width:480px;
	margin:10px 0;
	display:inline;
}

.suggestionText.fullWidth {
	width:750px;
	margin:10px;
	display:inline;
}

#content .suggestionText h2 {
	font-size:18px;
	font-weight:normal;
	color:#28A3E6;
	margin:0;
	padding:5px 10px 5px 10px;
}

#content table.signin {
	margin:10px auto;
}

#content .example {
	padding:10px;
	text-align:center;
	color:#28A3E6;
}

#content .example img {
	margin-bottom:10px;	
}

.pressEntry {
	margin:10px auto;
	width:420px;
}

.pressEntry .pressEntryImage {
	width:200px;
	padding:10px 9px;
	border:1px solid #CCC;
}

.pressEntry .pressEntryText {
	width:200px;
}

.pressEntry .pressEntryText p {
	line-height:18px;
	padding:3px 10px 2px 10px;
}

.pressEntry .pressEntryText a {
	font-weight:bold;
}

#content .suggestionText h2 a {
	background:url(/images/design/number-bg.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	line-height:12px;
	padding:6px 8px;
}

.suggestionText ul.add {
	text-align:left;
	margin:5px 10px;
}

.suggestionText ul.add li {
	padding:5px 0;
}


.usefulInfoSmall,
.usefulInfo {
	clear:both;
	width:750px;
	margin:5px 0 10px 0;
	
}

.usefulInfoSmall {
	width:480px;
	margin:10px auto;
}

.usefulInfoSmall .usefulheaders
.usefulInfo .usefulheaders {
	font-weight:bold;
	font-size:14px;
}


.usefulInfoSmall table,
.usefulInfo table {
	margin:0 auto;
	border:1px solid #def4ff;
	background-color:#edf8fe;
	padding-bottom:10px;
}

#content .usefulInfoSmall table a,
#content .usefulInfo table a {
	color:#28A3E6;
}


td.listheaders,
td.usefulheaders {
	line-height:18px;
	font-size:14px;
	padding:5px;
}

td.usefultext {
	padding:5px;
	line-height:18px;
}

.usefulInfoSmall tr th,
.usefulInfoSmall tr td {
	padding:5px 10px 10px 10px;
}

.usefulInfo table tr th,
.usefulInfo table tr td {
	padding:10px 5px 10px 0;
}

#sideBar {
	width:268px;
	margin:10px 25px 0 0;
	display: inline; /* fix ie double float bug */
}

#sideBar.user {
	margin:10px 0 0 25px;
}

#login label {
	margin:5px 0 5px 15px;
	padding:0;
}

#login input {
	background:url(/images/design/input-bg.png);
	font-size:14px;
	line-height:19px;
	border:0;
	width:230px;
	padding:3px 4px;
	margin:5px 0 5px 15px;
}


#login .forgottenPass {
	clear:both;
	text-align:center;
	padding:0 20px;
}

#login .forgottenPass a.forgottenPass {
	display:block;
	margin:5px auto;
	color:#28A3E6;
	text-decoration:none;
}

#login .sidePod .forgottenPass a.forgottenPass:hover {
	text-decoration:underline;
}

#login input.loginbutton {
	background-image:none;
	height:30px;
	width:82px;
	margin:5px 15px 5px 15px;
}

#login a.signupbutton {
	background-image:url(/images/design/signup.png);
	height:30px;
	width:82px;
	margin:5px 15px 5px 15px;
	text-indent:-9999px;
}

img.button {
	padding:5px;
}

ul.listCommands {
	width:495px;
	margin:10px auto;
	text-align:center;
}

ul.listCommands li {
	display:inline;
	padding:0 10px;
}



/* generic field set */

fieldset {
  margin: 10px;
  padding:20px 10px 10px 10px;
  border:1px solid #ccc;
  width:360px;
  /* fix for ie 7 */
  display: block;
  zoom: 1;
}

fieldset legend {
	font-size:16px;
	font-weight:normal;
	margin-left:0px;
	color:#28A3E6;
}

textarea,
input {
	margin:5px;
	width:165px;
	text-align:left;
}

table input[type="checkbox"] {
	width:auto;
}

#content fieldset h3 {
	padding:10px 5px;
}

label {
	display:inline-block;
	margin:5px;
	width:165px;
	line-height:18px;
}

fieldset input[type="image"].valignmanual {
	vertical-align:-12px;
}

input[type="image"] {
	width:auto;
}

select {
	margin:5px;
	width:170px;
}

textarea {
	margin:5px;
	width:348px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}


p.preFieldsetNotes {
	padding:10px 35px;
	font-size:14px;
	letter-spacing:0.2px;
}

p.preFieldsetNotes span.highlight {
	color:#f00;
	font-weight:bold;
}


fieldset ul li p {
	padding:10px 5px;
}

/* generic field set */

fieldset.user {
  margin: 10px auto;
  padding:10px 10px 10px 10px;
  border:1px solid #eee;
  width:440px;
}

fieldset.user legend {
	font-size:16px;
	font-weight:normal;
	margin-left:5px;
	color:#28A3E6;
}

 #content fieldset.user h3 {
	padding:5px 5px 0 5px;
}

#content fieldset.user p {
	padding:0 5px;
}

fieldset.user input {
	margin:5px;
	width:165px;
}

fieldset.user input.secondcol {
	margin-left:180px;
}

fieldset.user input[type="checkbox"] {
	width:auto;
}

fieldset.user.favorite input {
	margin:5px;
	width:110px;
}



fieldset.user label {
	display:inline-block;
	margin:5px;
	width:165px;
	font-weight:bold;
}

fieldset.user label.long {
	width:250px;
}

fieldset.user label.superlong {
	width:320px;
}

fieldset.user select[name="day"],
fieldset.user select[name="month"],
fieldset.user select[name="year"],
fieldset.user select[name="dateSelect"],
fieldset.user select[name="monthSelect"],
fieldset.user select[name="yearSelect"],
fieldset.user select[name="bdaySelect"]
{
	width:70px;
}

fieldset.user select[name="news"],
fieldset.user select[name="requests"],
fieldset.user select[name="reminders"]
{
	width:90px;
	vertical-align:top;
}


fieldset.user input[type="image"] {
	width:auto;
}

fieldset.user input[type="image"].alignBottom {
	vertical-align:bottom;
}

fieldset.user select {
	margin:5px;
	width:170px;
}

fieldset.user textarea {
	margin:5px;
	width:428px;
	height:150px;
}


#content fieldset.user p.note {
	display:block;
	padding:10px;
	margin:10px 0;
	background-color:#d4edfa;
	line-height:16px;
}


fieldset.user textarea.small {
	margin:5px;
	width:428px;
	height:50px;
}


/* /user field set */


/* tiny fieldset */


fieldset.tiny {
  margin: 10px;
  padding:10px 10px 0 10px;
  border:1px solid #eee;
  width:230px;
}

fieldset.tiny.center {
	margin:10px auto;
}

fieldset.tiny legend {
	font-size:13px;
	font-weight:normal;
	margin-left:5px;
	color:#28A3E6;
}

fieldset.tiny input {
	width:180px;
}
fieldset.tiny input[type="image"] {
width:auto;
}


/* /tiny */


fieldset.fullsize {
  margin: 10px auto;
  padding:10px 10px 10px 10px;
  border:1px solid #eee;
  width:710px;
}

fieldset.fullsize legend {
	font-size:16px;
	font-weight:normal;
	margin-left:5px;
	color:#28A3E6;
}

fieldset.fullsize ul li {
	clear:both;
}

fieldset.fullsize select,
fieldset.fullsize input,
fieldset.fullsize label {
	vertical-align:top;
}

fieldset.fullsize input[type="checkbox"] {
	vertical-align:middle;
}


fieldset.fullsize select {
	width:265px;
}

fieldset.fullsize textarea,
fieldset.fullsize input {
	width:260px;
}

fieldset.fullsize textarea {
	padding:5px;
}

fieldset.fullsize input[name="search"] {
	width:auto;
}

fieldset.fullsize label.inline {
	width:auto;
}

fieldset.fullsize span.inline {
	display:inline-block;
	margin:5px;
}
fieldset.fullsize input[type="image"] {
	width:auto;
}

fieldset.fullsize select[name="day"],
fieldset.fullsize select[name="dateSelect"] {
	width:60px;
}

fieldset.fullsize select[name="year"],
fieldset.fullsize select[name="yearSelect"]
{
	width:80px;
}


fieldset.fullsize select[name="bdaySelect"] {
	width:70px;
}

fieldset.fullsize select[name="monthSelect"],
fieldset.fullsize select[name="month"] {
	width:100px;
}

fieldset.fullsize input[type="checkbox"],
fieldset.fullsize input[type="radio"] {
	width:auto;
}


fieldset.fullsize input.secondcol {
	margin-left:180px;
}

fieldset.fullsize span.note {
	display:inline-block;
	width:235px;
	padding:5px;
	margin:3px;
	background-color:#d4edfa;
	line-height:16px;
	float:right;
}

fieldset span.error {
	color:#f00;
	padding:5px 15px 15px 180px;
	display:block;
	font-size:11px;
}

#popular,
#recent {
	margin:0 0 0 10px;
}


ul.user {
	padding:10px;	
}
.sidePod h2 {
	margin:0;
	padding:15px 10px 10px 15px;
}

#imageFrame {
	width:250px;
	line-height:0;
	padding:0;
	margin:0 9px;
	padding:9px 0 4px 0;
}

#imageFrame img {
	padding-bottom:10px;
}

#imageFrame,
#mapFrame {
	width:200px;
	line-height:0;
	padding:0;
	margin:0 auto;
	padding:19px 0 4px 0;
}





#ideas,
#places {
	position:relative;
	margin:10px 0;
}

#imageFrame a {
	text-decoration:none;
}

#imageTitle {
	display:block;
	text-decoration:none;
	max-width:135px;
	position:absolute;
	right:5px;
	bottom:35px;
	background-color:#28a3e6;
	color:#fff;
	padding:5px 20px;
	font-weight:bold;
	line-height:14px;
}

a #imageTitle {
	color:#fff;
	text-decoration:none;
}

a:hover #imageTitle  {
	color:#000;
}


#content  ul.sitemap {
	margin:10px;
	padding:10px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	background-color:#fafafa;
}

#content  ul.sitemap li {
	margin-left:0;
}

#content  ul.sitemap li a {
	padding:5px;
	display:block;
}

#content  ul.sitemap li a:hover { 
	background-color:#ececec;
	color:#28A3E6;
	text-decoration:none;
}


#mainColumn {
		width:824px;
}

#bodyWrapper {
	display: inline; /* fix ie double float bug */
}


table.list {
	width:494px;
	margin:10px auto;
	border-bottom:3px solid #e89a22;
	border-collapse:collapse;
	line-height:18px;
}

table.list.fullwidth {
	width:750px;
}

table.list tr th {
	text-align:left;
	padding:5px;
}

table.list thead tr {
	border-bottom:3px solid #e89a22;
}


table.list thead tr th {
	border-bottom:3px solid #e89a22;
}


table.list tr th.goal {
	width:240px;
}

table.list tr th.targetdate {
	width:100px;
}

table.list tr th.time {
	width:110px;
}

table.list tr th.picture {
	width:15px;
}

table.list tr th.checkbox {
	width:24px;
}

table.list tbody tr td {
	padding:5px;
}

table.list tbody tr.odd td {
	background-color:#faebd3;
}


table.list tbody tr td span.completed {
	color:#090;
}


ul.oursuggestions {
	padding:10px 0;
}

ul.oursuggestions li {
	display:inline;
}

ul.oursuggestions li a {
	padding:10px;
}

ul.quickList {
	width:350px;
	margin:10px;
}

ul.quickList li {
	padding:5px;
	clear:both;
}

ul.quickList li span.rank {
	width:12px;
	padding:5px;
	display:inline-block;
	float:left;
}

ul.quickList li a {
	float:left;
	padding:5px;
	width:230px;
}

ul.quickList li a.view {
	float:right;
		padding:5px;
		width:auto;
}

.ideaRow {
	margin:0 auto;
	clear:both;
	width:690px;
}

.ideaPod {
	width:210px;
	float:left;
	margin:10px;
}


.ideaPod h2 {
	height:40px;
	display:block;
}

.ideaPod img {
	display:block;
	margin:5px auto;
	border:1px solid #CCCCCC;
	padding:3px;
}

.ideaPod .go img {
	border:none;
	padding:0;
}

.ideaPod span.more {
	font-size:13px;
	font-weight:bold;
	color:#66bceb;
	text-align:center;
	display:block;
	width:100%;
}

.ideaPod .suggestions {
	font-size:13px;
	height:80px;
	padding:0 4px;
}


.singleDetail {
	width:470px;
	margin:0 10px;
}

.singleDetail ul.goal {
	width:300px;
}

.singleDetail ul.goal li {
	margin:3px 10px;
	clear:both;
	line-height:24px;
	padding:5px 0;
}
.singleDetail ul.goal li input[type="image"] {
	vertical-align:middle;
	float:right;
	margin:0;
}

#content .singleDetail span.back a {
	color:#28a3e6;
	font-size:14px;
	padding:5px 10px;
	display:block;
}

.whoElseContainer {
}


.whoElse {
	width:220px;
	float:left;
}

.singleImage {
	float:right;
	line-height:0;
	border:1px solid #ccc;
	margin:10px;
}

.singleImage img {
	padding:3px;
	
}

.cont {
	width:280px;
}

.cont ul li {
	padding:5px 10px;
}

.mapContainer {
	width:470px;
	margin:10px;
}

#map {
	width: 470px;
	height: 300px;
	border: 2px solid #28a3e6;
	margin:auto;
}

.key {
	text-align:center;
	margin:5px;
	font-size:11px;
}



#mapContainerSmall {
	width: 250px;
	margin:10px;
}

#mapSmall {
	width: 250px;
	height: 250px;
	border: 2px solid #28a3e6;
}

#zoomcontrols {
	width:250px;
	text-align:center;
	margin-bottom:20px;
	margin-top:10px;
}


table.subPlaces {
	width:750px;
	margin:0 auto;
}

table.subPlaces tr td {
	padding:5px;
}


.halfBox {
	width:370px;
}

.halfBox ul {
	padding:10px;
}

.halfBox ul li {
	padding:3px 0;
}


.goalImage img {
	border:1px solid #ccc;
	padding:3px;
	display:block;
	margin:10px auto;
}

table.completion {
	width:400px;
	margin:0 auto;
}

table.completion tr td {
	padding:5px;
	text-align:left;
}

table.completion tr td.title {
	width:200px;
	font-weight:bold;
}

ul.linksnav {
	width:200px;
	padding:10px;
}

ul.linksnav li {
	padding:5px 0;
}

.links {
	width:520px;
}

.links ul {
	padding:10px;
}

.links ul li {
	padding:5px 0;
}


#quote {
		width:784px;
		margin:10px 20px;
		padding-top:10px;
		background-color:#fff;
		background-image:url(/images/design/wide-shadow-box.png);
		background-repeat:no-repeat;
		background-position:0 0;
}

#quote a {
	color:#28A3E6;
	text-decoration:none;
}

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

#quote .base {
		width:784px;
		height:5px;
		line-height:0;
		background-image:url(/images/design/wide-shadow-box.png);
		background-repeat:no-repeat;
		background-position:0 100%;
}

#quote .open {
	width:744px;
	margin:10px auto;
	background-image:url(/images/design/quote-open.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

#quote .close {
	background-image:url(/images/design/quote-close.png);
	background-repeat:no-repeat;
	background-position:100% 0;
}

#quote p {
	padding:10px 45px 10px 45px;
	text-align:center;
	font-size:14px;
}

#footer {
		width:784px;
		margin:10px 20px;
		background-color:#fff;
		background-image:url(/images/design/wide-shadow-box.png);
		background-repeat:no-repeat;
		background-position:0 0;
}

#footer a {
	color:#666666;
	text-decoration:none;
}


#footer a:hover {
	text-decoraation:underline;
}

#footer .base {
		width:784px;
		clear:both;
		height:5px;
		line-height:0;
		background-image:url(/images/design/wide-shadow-box.png);
		background-repeat:no-repeat;
		background-position:0 100%;
}
#footer #footerNav {
	width:420px;
	margin:15px 0 5px 10px;
	display: inline; /* fix ie double float bug */
}

#footer #footerNav p {
	color:#666;
}

#social {
	width:300px;
	margin:10px 10px 5px 0;
	text-align:right;
	display: inline; /* fix ie double float bug */
}

#social ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#social ul li {
	display:inline;
	margin:0;
	padding:0;
}

#social ul li a {
	margin:5px 10px 5px 0;
	display:inline-block;
}

#social ul li p {
	line-height:32px;
}

.sidePod {
	width:268px;
	background-image:url(/images/design/side-pod.png);
	background-position:0 0;
	background-repeat:no-repeat;
}


.sidePod .base {
	clear:both;
	width:268px;
	height:6px;
	line-height:0;
	background-image:url(/images/design/side-pod.png);
	background-position:0 100%;
	background-repeat:no-repeat;

}


p.realbuzz {
	text-align:center;
	color:#333;
	font-size:12px;
	line-height:14px;
	margin:0;
	padding:0 10px 10px 10px;
}

p.realbuzz a {
	color:#666;
	text-decoration:none;
}

p.realbuzz a:hover {
	color:#666;
	text-decoration:underline;
}


ul.noUserImage,
ul.userImage {
	width:258px;
	margin:0 auto;
	padding-top:5px;
}

ul.noUserImage li,
ul.userImage li {

	margin:0 auto;
	padding:10px 0;
}


ul.noUserImage li img {
	font-weight:bold;
	text-align:center;
	padding:2px;
	border:1px solid #ccc;
	margin:0 auto;
		display:block;
}

ul.userImage li img {
	display:block;
	padding:2px;
	border:1px solid #ccc;
	line-height:0;
	margin:0 auto;
}


ul.sidebarMenu {
	width:258px;
	margin:0 auto;
	padding-top:5px;
	margin-bottom:10px;
}

ul.sidebarMenu li {
	padding:2px 10px;
}


ul.sidebarMenu li a {
	color:#28A3E6;
	text-decoration:none;
}

ul.sidebarMenu li a:hover {
	text-decoration:underline;
}

.userdataSideBar {
	width:258px;
	margin:0 auto;
}

.userdataSideBar tr td {
	padding:5px 10px;	
}

.userdataSideBar tr td.title {
	width:100px;
	font-weight:bold;
}


/* challenges */

#content ul.challengeRegions {
	margin:10px auto;
	width:755px;
}

#content ul.challengeRegions li {
	width:236px;
	display:inline-block;
	padding:10px 5px;
	text-align:center;
	/* ie 7 hack / fix */
	zoom: 1;
	*display:inline;
}

#content ul.challengeRegions li a {
	display:block;
	width:236px;
}

#content ul.challengeRegions li a:hover {
	text-decoration:none;
	
}

#content ul.challengeRegions li a span {
	text-decoration:none;
	display:block;
	padding:5px;
	font-size:15px;
	color:#28A3E6;
}

#content ul.challengeRegions li a:hover span {
	text-decoration:underline;
}


ul.back {
	position:absolute;
	top:20px;
	left:10px;
}

ul.back li {
}

#content ul.back li a {
	padding:5px 10px 5px 20px;
	font-size:16px;
	line-height:16px;
	color:#28A3E6;
	background-image:url(/images/design/backarrow.png);
	background-repeat:no-repeat;
	background-position:0 50%;
}

.listingsContainer {
	width:750px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
}

.listingsContainer .tier1 {
	border-top:3px solid #28A3E6;
	margin-top:10px;
}

.listingsContainer .tier2 {
	border-top:3px solid #28A3E6;
	margin-top:10px;
}

.listingsContainer .tier3 {
	border-top:3px solid #28A3E6;
	margin-top:10px;
}

.listingsContainer .listing {
	padding:10px 0;
	border-bottom:1px solid #ccc;
}

.listingsContainer .listing .listing-info {
	float:left;
	width:500px;
}

.listingsContainer .listing .listing-logo {
	float:right;
	width:182px;
	text-align:center;
}

/* reset all listing headers */
#content .listingsContainer h2,
#content .listingsContainer h3,
#content .listingsContainer h4 {
	margin:0;
	padding:0 10px 5px 10px;
	font-weight:normal;
}


#content .listingsContainer h4 {
	color:#ccc;
}


#content .listingsContainer .tier1 h2 {
	font-size:20px;
}

#content .listingsContainer .tier1 h3 {
	font-size:14px;
}

#content .listingsContainer .tier1 h4 {
	font-size:12px;
}

/* t2 */

#content .listingsContainer .tier2 h2 {
	font-size:18px;
}

#content .listingsContainer .tier2 h3 {
	font-size:12px;
}

#content .listingsContainer .tier2 h4 {
	font-size:12px;
}

/* t3 */

#content .listingsContainer .tier3 h2 {
	font-size:12px;
	font-weight:bold;
}

#content .listingsContainer .tier3 h3 {
	font-size:12px;
}

#content .listingsContainer .tier3 h4 {
	font-size:12px;
}



.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clearBoth {
	clear:both;
	line-height:0;
}