/* @override 
	http://publicsquarehq:3000/stylesheets/account.css?1
*/

/*--------------------------------------------------------*/
/* Account Pages                                          */
/*--------------------------------------------------------*/

/* @group Basic */

body {
  background: url(/images/cardboard.jpg);
	padding: 20px 0;
	font-family: 'lucida grande', arial, sans-serif;
  font-size: 12px;
}

td, th {
	padding: 20px 0;
	font-family: 'lucida grande', arial, sans-serif;
  font-size: 12px;
}

.clear {
  clear: both;
}

h1 {
  margin-top: 2em;
}

h2 {
  font-size: 16px;
}
.Section h3 {
  font-weight: normal;
  margin: -14px 0 0 0;
  font-size: 12px;
}
.url {
  font-family: courier;
}

a:link, a:visited {
  color: #0000ff;
  padding: 1px;
}
a:hover {
  color: #fff;
  background-color: #0000ff;
  text-decoration: none;
}
a.admin:link, a.admin:visited, a.editor_cancel:link, a.editor_cancel:visited {
  color: #f00;
  font-family: verdana, sans-serif;
  font-weight: normal;
  text-decoration: underline;
}
a.admin:hover, a.editor_cancel:hover {
  color: #fff;
  background: #f00;
  text-decoration: none;
}

/* @end */

/* @group Page Structure */

.container {
  width: 720px;
  margin: 0 auto; 
}
.innercontainer {
  background: #FFF;
  padding: 0 15px 15px 15px; 
  border: 3px solid #7b726c;  
  float:left;   
  padding: 0 15px 15px 15px;
  width: 690px;
}

.SectionHeader h1 {
  margin: 0;
}
.SectionHeader {
  margin: 2em 0 2em 0;
}

.SectionHeader h3 {
  margin-top: 0;
  font-size: 12px;
  font-weight: normal;
}
.SectionHeader h3 a:link, .SectionHeader h3 a:visited, .SectionHeader h3 a:hover, .SectionHeader h3 a:active {
  color: #f00;
}
.SectionHeader h3 a:hover {
  background-color: #f00;
  color: #fff;
}


/* @end */

/* @group Elements */

.flash-notice {
  background-color: #9f9;
  text-align: left;
  font-weight: bold;
  clear: both;
  padding: 6px;
  margin: 0 25px 1em;
  border-top: 1px solid #6f6;
  border-bottom: 1px solid #6f6;
}
.flash-error {
  background-color: #f00;
  text-align: left;
  font-weight: bold;
  color: white;
  clear: both;
  padding: 6px;
  margin: 0 25px 1em;
  border-top: 1px solid #c00;
  border-bottom: 1px solid #c00;
}

#AdminActions {
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
}
#AdminActions li {
	margin: 0 2px;
	display: inline;
}
#AdminActions li a {
	color: red;
	font-weight: bold;
	border: 1px solid #ddd;
	padding: 3px 8px 5px 8px;
  background: url(/images/commentfeedback-bg.png) 0 50% repeat-x;	
  text-decoration: none;
}
#AdminActions li a:hover {
	color: #FFF;
	background: red;
}

.promo_link {
  clear: both;
  padding: 4px 0 0 1em;
}
.promo_link a:link, .promo_link a:visited, .promo_link a:active {
  color: #333;
}
.promo_link a:hover {
  background-color: #333;
  color: #fff;
}


/* @end */

/* @group Forms */

.errorExplanation {
  background-color: #e5e5e5;
  color: #000;
  border: 2px solid #f00;
  margin-bottom: 10px;
  padding: 0;
}
.errorExplanation h2 {
  color: #fff;
  background-color: #900;
  padding: 2px 6px;
  margin: 0;
  font-size: 14px;
}
.errorExplanation p, .errorExplanation ul {
  padding: 6px 6px 2px;
}
.errorExplanation li {
  margin-left: 1em;
}
.formError {
  color: #000;
  font-weight: bold;
  margin: 4px 0 0 0;
  background: url(/images/error_icon.gif) no-repeat 0 0;
  padding-left: 18px;
}

table.form {
  width: 100%;
  border-collapse: collapse;
  background-color: #e5e5e5;
}
table.form td, table.form th {
  padding: 4px;
  vertical-align: top;
}
table.form th {
  text-align: right;
  padding: 8px 4px 0 0;
}
table.inline {
  border-collapse: collapse;
}
table.inline td {
  padding: 0;
}

.feedback {
  margin: 0 0 0 4px;
  font-weight: bold;
}
.feedback.ok {
  background: url(/images/okay_icon.gif) no-repeat 0 0;
  padding-left: 18px;
}
.feedback.error {
  background: url(/images/error_icon.gif) no-repeat 0 0;
  padding-left: 18px;
}

.field {
  margin-bottom: 1em;
}
/* @end */

/* @group Login Page */

.LoginRegister {
  float: left;
  width: 360px;
}

.LoginRegistered {
  float: right;
  width: 300px;
  margin-top: 20px;
}

#RegisterGuidelines {
  border: 1px solid #ddd;
  padding: 0 1em;
  background-color: #e5e5e5;
  margin: 0 2em;
}

#LoginStatus {
  float: right;
  width: 292px;
  background: url(/images/siteadmin-bg.png) bottom left;
  font-size: 10px;
  padding: 4px 4px 7px 4px;
  color: #CCC;
  text-align: center;
}

#LoginStatus a {
  color: #CCC;
}

#LoginStatus a:hover {
  color: #000;
  background-color: #CCC;
}
label.login_remember {
  display: inline;
}

code {
  font-size: 14px;
  padding: 3px 0;
}

fieldset {
  border: none;  
  margin: 0;
  padding: 0;
}

fieldset p {
  clear: both;
}

fieldset#editaccount_basics {
  width: 310px;
}
fieldset#editaccount_basics .formError {
  clear: both;
}

label {
  display: block;
	font-weight: bold;
}

fieldset#editaccount_basics input#user_first_names,
fieldset#editaccount_basics input#user_last_name,
fieldset#editaccount_basics input#user_email,
fieldset#editaccount_basics input#user_website,
fieldset#editaccount_basics input#current_password,
fieldset#editaccount_basics input#user_password,
fieldset#editaccount_basics input#user_password_confirmation {
  width: 300px;
  font-size: 14px;
  clear: both;
  float: left;
  margin: 3px 0;
  border: 1px inset #333;
  background: #f3f3f3;   
}
fieldset#editaccount_basics input#user_first_names,
fieldset#editaccount_basics input#user_last_name {
  width: 144px;
}
fieldset#editaccount_basics input#user_last_name {
  margin-left: 10px;
  clear: none;
}

fieldset#editaccount_basics input#user_upload_photo {
  width: 300px;
  font-size: 14px;
  clear: both;
  float: left;
  margin: 3px 0;
  border-style: inset;
  background: #f3f3f3;   
}

#delete_photo {
  float: left;
}

fieldset select {
  border: 1px inset #333;
  background: #f3f3f3;  
}
fieldset#editaccount_basics select {
  width: 300px;
}
.FieldHelp {
  color: #666;
}

textarea {
  width: 300px;
  height: 200px;
  border: 1px inset #333;
  background: #f3f3f3;  
}

.small {
  font-size: 10px;
  padding: 0;
  clear: both;
  float: left;
}


 /* ACCOUNT */

.col1 {
  float: left;
  width: 60%;
}

.col2 {
  float: left;
  width: 40%;
}
.col1 .inner {
  padding: 0 2em 0 0;  
}
.col2 .inner {
  background-color: #e5e5e5;
  border: 1px solid #999;
  padding: 1em;
}
.col2 h2 {
  margin: 1px 0 .5em 0;
}

img.avatar {
  margin-bottom: 1em;
  display: block;
  float: right;
}

table.info {
  border-collapse: collapse;
  width: 100%;
  background-color: #e5e5e5;
  clear: both;
}
table.info th {
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
table.info tr.field-header th {
  border-bottom: none;
}
table.info th, table.info td {
  border-bottom: 1px solid #ccc;
  padding: 2px 6px;
}
table.info td p {
  margin: 0 0 1em 0;
}
table.info tr.header th {
  border-bottom: 1px solid #ccc;
  background-color: #e5e5e5;
  font-weight: bold;
  font-size: 14px;
}

table.list {
  border-collapse: collapse;
  width: 100%;
  clear: both;
}
table.list th {
  text-align: left;
}
table.list th {
  border-bottom: 1px solid #e5e5e5;
  background-color: #efefef;
  padding: 2px 4px;
}
table.list td {
  border-bottom: 1px solid #e5e5e5;
  padding: 2px 4px;
}

/* @end */

/* @group Create Publication Page */

ol.steps {
  margin: 0 0 1em 0;
  padding: 0 0 0 2em;
}
ol.steps li {
  
}
ol.steps li.current span {
  font-weight: bold;
  background-color: #ff9;
}

/* @end */

/* @group Gauge */

#search {
  clear: both;
  float: right;
  margin-top: 1em;
}

.paginator {
  padding: 5px;
  font: 10px verdana, sans-serif;
  background-color: #dfdfdf;
  border-bottom: solid 1px #e5e5e5;
}
.paginator select, .paginator input {
  border-top: 1px solid #888;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-left: 1px solid #888;
  font: 10px verdana, sans-serif;
  margin-bottom: 2px;
}
.pageCounter {
  float: right;
  text-align:right;
}


/* @end */