/* ------------------------------------------------------------------ */
/* CSS Reset */
/* ------------------------------------------------------------------ */

.clear { clear: both; }
.f-left { float: left; }
.f-right { float: right; }
.rc4 { -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.rc8 { -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

/* -------------------------------------------------------------------------- */


body {
	font-family: "lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
  font-size: 12px;
  color: #333;
  background: #fff;
}

h1 { font-family: Georgia; }
body, input, textarea, select { font-family: "lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif; font-size: 12px; }

div#wrapper { width: 700px; margin: 0px auto; }
p.description { color: #777; }

ul.locations { padding: 0px; margin: 0px; list-style: none; list-style-type: none; }
ul.locations li { float: left; padding: 4px; background: #eee; margin-right: 8px; margin-bottom: 8px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
ul.locations li a { font-size: 12px; color: #0143C6; text-decoration: none; }
ul.locations li a:hover { text-decoration: underline; }
ul.locations li span { font-size: 10px; color: #888; }

/* -------------------------------------------------------------------------- */

div.error {
	border: 1px solid #ff0000;
	background: #FFEFEF;
	padding: 8px;
	-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	margin-bottom: 8px;
}

div.message { border: 1px solid #FFF084; color: #000; font-weight: bold; background: #FFFAD6; padding: 8px; margin-bottom: 8px; }

div.error h2 { color: #ff0000; margin: 0px; font-size: 18px; }

.input-button { border: 1px solid #aaa; cursor: pointer; background: #eee; color: #000; padding: 5px 6px; font-size: 11px; font-weight: bold; }
.input-submit { border: 1px solid #4D4793; cursor: pointer; background: #433C92 url('/images/powerbutton.png') repeat-x; color: #fff; padding: 5px 6px; font-size: 11px; font-weight: bold; }
.input-submit:hover { border: 1px solid #28207E; }
.input-text { border: 1px solid #AAA; background: url('/images/topfade.gif') repeat-x; width: 340px; font-size: 12px; padding: 5px 6px;}
.input-text:focus { border-color: #666; }

div.ajax-processing { display: none; padding: 10px; padding-top: 5px; background: url('/images/ajax-loader-small.gif') no-repeat scroll 0px 5px; padding-left: 25px; font-size: 12px; color: #666; }
#upload_result { margin-top: 8px; }

/* -------------------------------------------------------------------------- */
/* Splash Page */
/* -------------------------------------------------------------------------- */

div.splash-page { margin: 0 auto; margin-top: 50px; width: 600px; }
div.splash-page div.logo { width: 424px; height: 208px; background: url('/images/logo.jpg') no-repeat; margin: 0px auto; }
div.splash-page div.info { border-bottom: 4px solid #eee; }
div.splash-page h1, div.splash-page h1 h2, div.splash-page h1 h3 { font-family: Georgia; font-weight: normal; }
div.splash-page div.info h1 { color:#555555; font-size:18px; line-height:150%; font-weight: normal; text-align: center; }
div.splash-page div.subscribe {  text-align: center;  }
div.splash-page div.subscribe .input-text { width: 150px; margin-right: 4px;  }
div.splash-page div.subscribe .input-submit { padding: 5px 5px; }
div.splash-page div.subscribe h2 { font-size: 25px;}

/* -------------------------------------------------------------------------- */
/* Signup Page */
/* -------------------------------------------------------------------------- */

div.signup-page { background: #FFF; padding: 10px; }
div.signup-page h1 { font-family: Georgia; font-size: 30px; }
div.signup-page h3 { color: #333; border-bottom: 1px dotted #ccc; padding-bottom: 6px;}
div.signup-page table { width: 100%; margin-left: 30px; }
div.signup-page table td { padding: 8px; }
div.signup-page table td span.required { color: #ff0000; font-size: 11px; }
div.signup-page table td div.description { font-size: 10px; color: #999; padding-top: 4px; }
div.signup-page table td.label { width: 140px; vertical-align: top; text-align: right; padding-top: 13px; }
div.signup-page table td.submit { text-align: right; }
div.signup-page select { width: 355px; }
div.signup-page div.send { padding: 8px; text-align: right; padding-right: 128px; }

/* -------------------------------------------------------------------------- */
/* Sent Page */
/* -------------------------------------------------------------------------- */

div.sent-page { padding-top: 50px; text-align: center; }
div.sent-page h1 { font-size: 35px; }

/* -------------------------------------------------------------------------- */

div.grid { margin-top: 10px; }
div.grid div.listing-free { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #DDDDDD; float:left; height:80px; margin-bottom:12px; margin-right:12px; overflow:hidden; padding:10px; width:209px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
div.grid div.listing-free h3 { color:#000000; font-family:Georgia; font-size:14px; font-weight:normal; margin:0 0 6px; padding:0; white-space:nowrap; }
div.grid div.listing-free h3 a { color: #000; text-decoration: none; }
div.grid div.listing-free h3 a:hover { text-decoration: underline; }
div.grid div.listing-free div.image  { background:none repeat scroll 0 0 #EEEEEE; float:left; height:55px; overflow:hidden; width:75px; }
div.grid div.listing-free div.info { float:left; margin-left:10px; overflow:hidden; }
div.grid div.listing-free div.info p { font-family: Arial; display:block; font-size:12px; line-height:normal; margin: 0px; padding: 2px 0px; color: #333; }
div.grid div.listing-free div.info p.location { color: #888; }
div.grid div.no-r-margin { margin-right: 0px; }
div.grid div.listing-free:hover { border-color: #aaa; }

/* -------------------------------------------------------------------------- */

table.profiles { width: 100%; font-size: 12px; border: 1px solid #ddd; }
table.profiles a { color: #0143C6; }
table.profiles img { border: 0px; }
table.profiles tr { }
table.profiles tr td { padding: 8px; border-top: 1px solid #eee; border-right: 1px solid #ddd; }
table.profiles tr.header { background: #eee; border-bottom: 1px solid #ccc; }
table.profiles tr.header th { padding: 8px; font-weight: bold; border-right: 1px solid #ddd;  }
table.profiles tr.odd { background: #f6f6f6; }
table.profiles tr:hover { background: #FFFAC9; }
table.profiles tr.header:hover { background: #eee; }

div.filters { padding: 8px; border: 1px solid #aaa; margin-bottom: 8px; }
div.filters select { width: 200px; }

/* -------------------------------------------------------------------------- */

div.paginated { padding: 8px 0px; margin-top: 8px; font-size: 11px; }
div.paginated a { color: #000; text-decoration: none; border: 1px solid #bbb; padding: 2px 5px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
div.paginated a:hover { color: #000; background: #eee; }
div.paginated ul { }
div.paginated ul li { margin-left: 2px; margin-right: 2px; }
div.paginated ul li.current_page { font-weight: bold; }

/* -------------------------------------------------------------------------- */

div.login-page { width: 264px; margin: 0 auto; }
div.login-page div.row { padding: 4px 0px; }
div.login-page label { display: block; padding-bottom: 2px; font-weight: bold; }

/* -------------------------------------------------------------------------- */

div.dashboard-page { }
div.dashboard-page h1 { border-bottom: 2px dashed #ccc; padding-bottom: 8px; }
div.dashboard-page table.ops td.btn { width: 150px; }
div.dashboard-page div.person { cursor: pointer; margin: 3px; float: left; padding: 8px; padding-left: 35px; background: #fff url('/images/icon_user.png') no-repeat scroll 10px 9px; width: 182px; border: 1px dotted #ccc; }
div.dashboard-page div.person span.name { font-weight: bold; font-size: 11px; }
div.dashboard-page div.person span.profiles { font-size: 10px; color: #000; }
div.dashboard-page div.person span.email { font-size: 10px; color: #777; }
div.dashboard-page div.person:hover { background-color: #eee;border-color: #aaa;  }

div.groups-page {}
div.groups-page div.stats { padding: 10px; background: #f3f3f3; border: 1px dotted #aaa; margin-top: 10px; }
div.groups-page div.item { padding: 4px 0px; }
div.groups-page div.item span.title { font-size: 13px; color: #000; }
div.groups-page div.item span.amount { font-size: 13px; color: #00; }