/* Header */

.iphone-banner {
	margin-right:-10px;
	padding: 30px;
	background-color: #3366CC;
	border: 3px solid #3333CC;
	font-weight: bold;
	font-family: Helvetica;
	margin-bottom: 10px;
	font-size: 40px;
}

.iphone-banner a {
	color:white;
	text-decoration:none;
}


#header .utility-links {
  font-size: .9em;
  margin: 5px;
  position:absolute;
  top:10px;
  left:820px;
  padding-top: 10px;
  padding-bottom: 5px;
  z-index:2;
}

#header .utility-links a {
	color: #004C9B;
}

#header .feedback-tab {
  background: url(/images/invite-tab.gif) no-repeat 0 0;
  text-align: center;
  margin-top: 129px;
  margin-left: 850px;
  padding-top: 5px;
  height: 34px;
  width: 80px;
  float: left;
  font-size: 9pt;
}

#header .graphic {
  position: absolute;
  left: 635px;
  top: 10px;
  width:230px;
}

#header .graphic img {
  height:154px;
}

#header .link-home {
  display:block;
  position:absolute;
  top:30px;
  left:50px;
  width:210px;
  height:95px;
}

/* Left Side */

#left-side .left-side-wrapper {
  text-align:center;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:0px;
}

#left-side {
  float: left;
	width: 132px;
  padding-bottom:5px;
  text-align: center;
  float:left;
}

#left-side ul {
  text-align: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

#left-side li {
  text-align: center;
  margin-top:8px;
}

#left-side li a {
	color: #004C9B;
}

#left-side li div {
	padding-left:10px;
	padding-right:2px;
}

#left-side li.active {
	background-color:white;
	background: url(/images/active-circle-top.gif) top left no-repeat;
	padding-top:11px;
  padding-left:0px;
}

#left-side li.active div {
	background: url(/images/active-circle-bottom.gif) bottom left no-repeat;
	padding-bottom:12px;
}

#left-side li.active a {
  color: #a3006b;
  text-decoration: none;
}

#left-side .oversized_button {
	width:95px;
	margin:auto;
}

#left-side .avatar img {
	border:none;
}

/* Alerts */

.alerts .rounded-box-top-right {
  margin-bottom:12px;
}

.alerts h4 {
	color: #a3006b;
}

.alerts p {
	color: #a3006b;
}

.alerts a,
.alerts a:visited {
 	color: #a3006b;
}

/* Center */

#center {
  min-height: 600px;
  width: 640px;
  margin-left: 125px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left:25px;
}

#center .center-wrapper {
  float:left;
  width:640px
}

/* Center-2 */

#center-2 {
  width: 670px;
  padding: 10px;
  margin-left: 135px;
  margin-right: 135px;
}

/* Right Side */

#right-side {
  float: right;
  background: url(../images/right-background.gif) no-repeat 0 0;
  width: 152px;
  height: 564px;
}

/* Footer */

#footer {
  background: url(../images/footer-background.gif) repeat-x top;
  height:50px;
  width:960px;
  background-color: white;
  clear:both;
}

#footer .content {
	padding-top:30px;
	text-align:center;
	color:#669999;
}

#footer .content a {
  color: #a3006b;
}

#footer .content a.contact-link {
  color: #669999;
}

/* Other Site Elements */


/* Tabs */

ul.tabs {
  list-style:none;
  margin-left:0px;
  padding-left:0px;
}

ul.tabs .tab {
	display:block;
  float:left;
	height:28px;
	font-size:11pt;	
	font-weight: normal;
	padding-left:12px;
	margin-right:3px;
	background: url(/images/inactive-tab.gif);
}

ul.tabs .tab a {
	display:block;
	color: #a3006b;
  text-decoration:none;
	padding-right:22px;
	background: url(/images/inactive-tab.gif) top right no-repeat;
	padding-top:6px;
  height:22px;
}

ul.tabs .tab.active {
  background: url(/images/active-tab.gif);
}

ul.tabs .tab.active a {	
	background: url(/images/active-tab.gif) top right no-repeat;
}

/* Galleries Summary Box */

.galleries-summary-box .create-button {
  float:right;
  margin-top:-11px;
}

.galleries-summary-box h4 {
  padding-bottom:6px;
}

.galleries-summary-box .recent {
  font-weight:bold;
}

.galleries-summary-box ul {
  margin:10px;
  padding:0px; 
  text-align:center;
}

.galleries-summary-box li {
  list-style:none;
  margin-top:20px;
}

.galleries-summary-box li:first-of-type {
  margin-top:10px;
}

/* Activities Summary Box */

.activities-summary-box h4 {
  padding-bottom:6px;
}

.activities-summary-box .create-button {
  float:right;
  margin-top:-11px;
}

.activities-summary-box h5 {
  font-size:1em;
  margin-bottom:0px;
  margin-top:0px;
}

.activities-summary-box ul {
  padding:0px;
  margin-top:0px;
  margin-bottom:15px;
  margin-left:0px;
}

.activities-summary-box li {
  list-style:none;
}

.activities-summary-box .date {
  float:right;
}

.activities-summary-box .name {
  float:left;
}

.activities-summary-box .mini-calendar {
  margin:auto;
  margin-bottom:15px;
}

.activities-summary-box .mini-calendar .otherMonth,
.activities-summary-box .mini-calendar .day {
  width:22px;
  height:15px;
}

.activities-summary-box .mini-calendar .monthName {
  padding-top:3px;
  padding-bottom:5px;
  font-size:1em;
}

.activities-summary-box .mini-calendar .activity {
  background-color:#7fbe51;
  cursor:pointer;
}

/* Circle Header */

.circle-header {
  text-align:center;
  margin-top:10px;
  padding-bottom:10px;
}

.circle-header h1 {
  margin-bottom:8px;
}

.circle-header {
  color: #a3006b;
}

.circle-header .navigation-menu a {
	color: #004C9B;
	padding-right:4px;
	padding-left:4px;
}

.circle-header .navigation-menu a.active {
  color: #a3006b;
  text-decoration: none;
}


/* Pages */

/* Show Messages Page */
.show-messages-container .summary-boxes-container {
  float:right;
  width:32%;
  margin-top:10px;
}

.show-messages-container .messages-table {
  margin-top:20px;
}

/* New Circle Form */

.new-circle-form-container {
  width:435px;
  margin:auto;
  text-align:center;
}

.new-circle-form-container h1 {
  margin-top:10px;
}

.new-circle-form-container .rounded-box-top-right {
  text-align:left;
}


/* New Message Form Container */
.new-message-form-container {
  width:435px;
  margin:auto;
  text-align:center;
  padding-top:10px;
}

.new-message-form-container h1 {
  display:inline;
  background: url(/images/icon-message.gif) no-repeat 3px;
  padding-left:22px;
}

.new-message-form-container .rounded-box-top-right {
  text-align:left;
}

.new-message-form-container .recipient_list {
  margin-left:80px;
  margin-bottom:10px;
  margin-top:-3px;
}

.new-message-form-container .add_attachment_inputs .button_container {
	padding-left:80px;
}
  

/* New Invitations Form Container */
.new-invitation-form-container {
  margin:auto;    
  text-align:center;
  padding-top:10px;
  margin:auto;
  width:485px;
}

.new-invitation-form-container .tabbed-box-top-right {
  text-align:left; 
}
  
.new-invitation-form-container #new_invitation_form {
  margin-top:20px;
}

.new-invitation-form-container .rounded-box-top-right {
  text-align:left;
}

.new-invitation-form-container #pending_invitations {
  width:300px;
  margin-top:0px;
  padding:0px;
  float:left;
  margin-bottom:5px;
}

.new-invitation-form-container .formtastic label,
.new-invitation-form-container .formtastic li.radio legend,
.new-invitation-form-container .formtastic span.label,
.new-invitation-form-container .formtastic div.label {
  width:130px;
}

.new-invitation-form-container .formtastic .inline-hints {
  margin-left:141px;
}

.new-invitation-form-container #enter_email_content div.button-container {
  padding-left:130px;
}

.new-invitation-form-container .formtastic li.recipients .inline-hints {
  margin-left:130px;
}

.new-invitation-form-container #import_contacts_content .formtastic .button-container {
  padding-left:130px;
}

.new-invitation-form-container #import_contacts_content .formtastic .string input {
  width:200px;
}

.new-invitation-form-container #cmomgo_users_content {
  padding-top:10px;
}

/* Circle Details Page */
.circle-details-container {
  width:485px;
  margin:auto;
  margin-top:20px;
}

.circle-details-container #members_content {
  padding-top:10px;
}

.circle-details-container #members_content table{
  margin-top:1px;
  margin-left:11px;
  width:440px;
}

.circle-details-container #members_content .invite-button-container {
  padding-left:11px;
}

.circle-details-container #members_content table td,
.circle-details-container #members_content table th
 {
  padding-top:1px;
  padding-bottom:1px;
  padding-right:11px;
}

.circle-details-container #members_content th {
  width:140px;
  text-align:left;
}

.circle-details-container #members_content th.name {
  width:300px;
  text-align:left;
}

.circle-details-container .formtastic .string input {
  width:350px;
}

.circle-details-container .formtastic textarea {
  width:350px;
}

/* New Activity Form */
.new-activity-form-container {
  width:470px;
  margin:auto;
  text-align:center;
}

.new-activity-form-container h1 {
  display:inline;
  background: url(/images/icon-calendar.gif) no-repeat;
  padding-left:25px;
  padding-top:2px;
}

.new-activity-form-container .rounded-box-top-right {
  text-align:left;
}

.new-activity-form-container ul.fieldset {
  margin-bottom:30px;
}

.new-activity-form-container .formtastic input.calendar_date_input_field {
	width:6.5em;
	float:left;
}

.new-activity-form-container .formtastic .calendar_date_input_field {
	float:left;
}

.new-activity-form-container .formtastic .calendar_date_select_popup_icon {
  display:block;
  float:left;
}

.new-activity-form-container .formtastic label {
  width:120px;
}

.new-activity-form-container .formtastic li.radio li {
  margin-left:120px;
}

.new-activity-form-container ul.fieldset li {
  margin-bottom:7px;
}



/* Older Stuff that can be cleaned up over time */

/* Rails Related */
form.button-to {
  display:inline;
}

form.edit_reminder {
	display:inline;
}

.message-activity {
	margin-top:10px;
	color: #555555;
}

/* Error Explanation */
.error_box {
	margin-top:1em;
	margin-bottom:1em;
  border: 1px solid #aa1111;
  padding: 15px;
  font-size: 12px;
  font-family: 'arial';
  background-color: #FFEBE8;
  text-align:left;
  color:#333333;
  margin-left:3em;
  margin-right:3em;
}

.error_box h2 {

	color: #333333;
	font-size:1.5em;

}


.errorExplanation,
.errorExplanation h2 {
	color:red;
}

.fieldWithErrors input {
	border-color:#aa1111;
}

/* General */

body {
	background: url(../images/background-sky.gif) repeat-x;
  padding: 0px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 10pt;
	text-align:center;
}

#outer {
	position: relative; 
	background: url(../images/background-frame-bottom.png) no-repeat bottom; 
	padding-bottom:20px;
	margin-left: auto; 
	margin-right: auto; 
	margin-top: -10px; 
	text-align: left; 
  width:988px;	
}

#inner { 
	background: url(../images/background-frame.png) repeat-y; 
	padding-left: 14px; 

}

#container {
  text-align:left;
  width:960px;
	background-color:white;
}

.separator {
	color: #a3006b;
	border-bottom: solid 1px;	
}

.pink_bar {
	color: #a3006b;
	border-bottom: solid 1px;
}

h1, h2, h3, h4 {
  font-weight: normal;
  color: #a3006b;
	margin: 0;
}

h1 {
  font-size: 16pt;
	margin-right:8px;
}

h2 {
  font-size: 12pt;
}

h3 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9pt;
}

h4 {
	color: #1382b1;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9pt;
	padding-bottom: 3px;
	border-bottom: 3px solid;
	margin-bottom: 5px;
}

h4.messages {
	color: #cb9527;
}

h4.galleries {
	color: #7fbe51;
}

a {
  color: #004c9b;
}

a:visited {
  color: #666666;
}

a.pink {
	color: #a3006b;
}

a.pink {
	color: #a3006b;
}

.button {
  margin-top: 5px;
  margin-bottom: 5px;
  cursor:pointer;
}

label {
  display: block;
  color: #5ca7a4;
  margin-bottom: 5px;
}

label span {
  color: #a3226e;
}

input {
  border: 3px solid #3bace1;
}

input.file {
	border: none;
}

input.radio {
  border: none;
}

input.check_box {
	border: none;
}

input.big-button-right {
	background: url(../images/big-button-left.png) no-repeat left;
	height:40px;
  color: #5ca7a4;
  font-size:115%;
	border:none;
	padding-left:35px;
	padding-right:20px;
}

.big-button-left {
	background: url(../images/big-button-right.png) no-repeat right;
	padding-right:8px;
}

label.pink {
	font-weight:bold;
	text-transform:uppercase;
}

div.oversized_button {
	background: url(../images/button-right-rounded.png) no-repeat right;
  padding-right:9px;
  width:10em;
  cursor:pointer;
}

div.oversized_button input.button {
  background: url(../images/button-left-rounded.png) no-repeat left;	  
  width: 100%;
  padding-left:12px;
  text-align: center;
  cursor:pointer;
}

input.button,
input.editor_ok_button,
input.editor_cancel_button {
  border: 0;
  background: url(../images/button-rounded.png) no-repeat 0 0;
  color: #5ca7a4;
  width: 89px;
  height: 20px;
  text-align: center;
  cursor:pointer;
}

input.button.secondary {
	color: #777777;
}

input.editor_ok_button,
input.editor_cancel_button {
	float:left;
}

select {
  border: 0;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #8f9092;
  height: 20px;
}

.box {
	padding:10px;
	border: 2px solid #5ca7a4;
	margin-top:1em;
	margin-bottom:1em;
}

.pink {
  color: #a3006b;
}

.orange {
  color: #cb9527;
}

.blue {
  color: #1382b1;
}

.green {
  color: #7fbe51;
}

#header {
  background: url(../images/header-background.gif) no-repeat 0 0;
  height: 168px;
  width:960px;
  position:relative;
}

#main-content {
  background-color:white;
  width: 960px;
	background: url(/images/right-background-column.gif) repeat-y 807px 0; 
}

#main-content-right-background-wrapper {
  background-color:white;
	background: url(/images/left-background-column.gif) repeat-y -275px 0;
}

#main-content .top {
  width: 100%; 
  height: 30px;
  padding-left: 5px;
}

#main-content .bottom {
  height: 520px;
  overflow-y: scroll;
}

#main-content .top h1 {
  float: left;
}

#main-content #internal-nav {
  float: right;
}

.avatar {
  border: 4px solid #85bdbb;
  height: 80px;
  width: 80px;
  background-color: white;
  margin: 5px;
}

.avatar img {
  height: 78px;
  width: 78px;
  background-color: white;
}

.avatar-medium {
  height: 45px;
  width: 45px;
  padding:1px;
  border: 3px solid #85bdbb;
  background-color: white;
}

.avatar-small {
  height: 30px;
  width: 30px;
  border: 3px solid #7eb9b7;
  background-color: white;
  margin-top: -2px;
}

.avatar-small img {
  height: 29px;
  width: 29px;
  background-color: white;
}

.circle-activity {
  margin-top: 10px;
  margin-right: 5px;
  float: left;
  width: 310px;
  height: 240px;
  background: url(../images/circle-activity.gif);
  padding: 5px;
}

.circle-activity h2 {
  margin: 0 0 0 5px;
}

.circle-activity p {
  float: right;
  color: white;
  margin-top: -5px;
  margin-right: 2px;
  margin-bottom: 0px;
  font-size: 9pt;
}

.circle-activity table {
  width: 100%;
  height: 210px;
}

.circle-activity tr {
  height: 40px;
}

.circle-activity td {
  vertical-align: top;
}

.circle-activity td img {
  padding: 5px;
}

.circle-activity td .avatar-small img {
  padding: 0;
}

.circle-activity td .title {
  display: block;
}

.circle-activity td .date {
  display: block;
  color: #8f9092;
}

.circle-activity td .name {
  color: #a3006b;
}


/* All Forms */
div.fieldWithErrors {
	display:inline;
}

/* Table forms */

.table_form .submit_buttons {
	text-align: right;
}

.table_form table {

}

.table_form table table {
	margin-left:0px;
	width: 450px;
}

.table_form table table td {
	padding-right:20px;
}

.table_form td {
	vertical-align: top;
}

.table_form td.field_cell {
	width:430px;
}


.table_form .field_id {
	position:absolute;
	margin-left:-17px;
}

.table_form .field {
	float: left;
}

.table_form td.contains_3_fields .field {
	width: 110px;
	margin-right:20px;
}

.table_form td.contains_2_fields .field {
	width: 190px;
	margin-right:20px;
}

.table_form td.contains_1_field .field {
	width: 400px;
	margin-right:20px;
}

.table_form input.text {
	width:100%;
}

.table_form textarea {
	width: 400px;
	height:6em;
	border: 3px solid #3bace1;
	font-family:Arial;
}

.table_form label {
  display: inline;
}

.table_form .avatar_choice {
  width: 100px;
  float: left;
}

.table_form .avatar_upload_choice {
	width: 300px;
  float: left;
}

.login_form {
	width:250px;
}

.login_form .box {
	padding:10px;
}

.login_form .text {
  width:90%;
}

.buttons {
	text-align:right;
}

/* Tabbed Box */

.tabbed-box-top-right {
  background: url(/images/rounded-right.gif) right 27px no-repeat;
  margin-top:10px;
}

.tabbed-box-top-left {
  background: url(/images/rounded-left.gif) top left no-repeat;
  padding-top: 35px;
}

.tabbed-box-bottom-left {
  background: url(/images/rounded-left.gif) bottom left no-repeat;
  padding: 0 0 0 20px;
}

.tabbed-box-bottom-right {
  background: url(/images/rounded-right.gif) bottom right no-repeat;
  padding: 0 20px 15px 0;
}


/* Round Box */

.rounded-box-top-right {
  background: url(/images/rounded-right.gif) top right no-repeat;
  margin-top:10px;
}

.rounded-box-top-left {
  background: url(/images/rounded-left.gif) top left no-repeat;
  padding-top: 15px;
}

.rounded-box-bottom-left {
  background: url(/images/rounded-left.gif) bottom left no-repeat;
  padding: 0 0 0 20px;
}

.rounded-box-bottom-right {
  background: url(/images/rounded-right.gif) bottom right no-repeat;
  padding: 0 20px 15px 0;
}