/* Common abbreviations in this file */

body {background: #9EC9EC url(../images/bg.png) repeat-x;	font-family: "Trebuchet MS","helvetica neue",arial,sans-serif;}
.bodyCtn {position:relative;}

a, a span {color:#5d91bc;}
 
textarea { height: 75px; }

h1, h2, h3, p, label, li, input, textarea, span {color: #484439;}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar p, #sidebar label, #sidebar span {color: #fff;}

h1 {font-size: 24px; line-height: 30px;margin:0;}
	#select-description-pg h1 {
		margin-bottom:10px;
	}
h2 {font-size: 18px; line-height: 24px; margin-top: 20px;}
h2.sctnHdg {font-size:32px;}
h3 {font-size: 16px; line-height: 18px;}

#ch-hdg {
	font-size: 28px;
	line-height:32px;
	margin:0;
	padding:0;
}

.pg-hdg {
	font-size: 24px; 
	line-height: 30px;
	margin-top:15px;
}


p, label, li, input {font-size: 13px; line-height:18px; margin: 3px 0;}

/*.page-heading {font-size: 32px;margin:5px 0 20px;}*/

/* Special types of Links */
.linkCancel {font-size:16px;color:#999;margin-left:20px;text-decoration:none;padding:5px 10px;border:1px solid #fff;}
.linkCancel:hover {color:#333;background-color:#ccc;border:1px solid #999;}
.cancel-link {font-size:14px; color:#999;margin-left:20px;text-decoration:none;}
	.tasks-sctn .cancel-link {margin:0;}
.create-link {font-size:12px;margin-left:10px;}
.delete-link {font-size:12px;margin-top:25px;}


.more-link {
	color:#5d91bc;
	text-decoration:underline;
	cursor:pointer;
}


#gcWelcomeMsg {margin-top:10px;}
#gcWelcomeMsg ol {margin:auto;padding:auto;list-style:disc;}
#gcWelcomeMsg li {margin:5px 0 5px 30px;line-height:  18px; }
#gcWelcomeMsg li, #gcWelcomeMsg p {line-height: 18px; font-size:14px;} 


.linkHelp {color:#5d91bc;cursor:pointer;padding:3px 5px;}
.linkHelp:hover {background-color:#e7eecc;} 
.field.highlighted, .sctn.highlighted {background:#e7eecc;padding:1px 10px 10px;}
.help {background:#e7eecc;padding:5px;width:85%;display:none;}
.help p, .help li {font-size:14px;color:#333;font-weight:normal;margin:10px 0;}

form {padding:0;margin:0;}
label {font-size:12px;}

/* Home and notLoggedIn template settings*/
.homeCtn, .notInCtn {width:640px;margin:0 auto;}
.homeCtn {margin-top:40px;position:relative;}
.notInCtn {margin-top:25px;background:#fff;padding:20px;}
.notIn .headerCtn {position:relative;}



/* Dashboard Template Settings */
.main {margin-top:10px;}
.mainContent {background-color:#FeFeFe;padding:15px;min-height:500px;}
#mainContent {margin-top:20px;min-height:500px;}
/*#newChallenge .mainContent {background-color:transparent;}*/
/*#userInfo {padding:15px;}*/

.mainContent #challenge-group-info .group-challenge-image {
	float:left;
}
#sidebar .group-challenge-image {
	display:none;
}
.mainContent #challenge-group-info .challenge-title, 
.mainContent #challenge-group-info .challenge-guide {
	margin-left:110px;	
}
.mainContent #challenge-group-info .challenge-title {
	margin-bottom:10px;
}
.mainContent #challenge-group-info .challenge-guide-name {
	font-size:18px;
	color: #484439;
	display:block;
	padding:0 0 0 10px;
	margin-left: 32px;
}
/*#challenge-group-info .admin-controls {margin-left: 32px;padding:0 0 0 10px;}
#challenge-group-info .admin-controls a {text-decoration:none;}
#challenge-group-info .admin-controls  */

#challenge-group-info .challenge-title {
	font-size:18px;
	line-height:22px;
	margin-bottom:5px;
}
#challenge-group-info .challenge-guide-pic {
	float:left;
	height:24px;
	width:24px;
	margin:0 10px 0 0;
}
.member-photo,
.challenge-guide-pic,
.profile-pic,
.profilePic  {
	border:1px solid #fff;
}


/* Sign up URL */
#signup_url {
	background-color:#C8E0F1;
	font-size:18px;
	display:none;
	padding:10px;
	position:absolute;
	right:15px;
	width:560px;
	z-index:10;
}

#group_challenge_details_page #signup_url {
	right:0;
}

.signup-url-input {
	padding:3px;
	width:550px;
}



/* Sign up template */
#newAccount .notInCtn {background:transparent;padding:0;}


#newAccount #group-challenge-title-ctn {margin-bottom:15px;}
#newAccount .sign-in {font-size:14px;font-weight:bold;padding:0 0 10px;}
#newAccount .sign-up {font-size:16px;font-weight:bold;padding:10px 0 0;}


#newAccount .passwordField input, #newAccount .usernameField input, #newAccount input.text {font-size:18px;height:24px;padding:3px;width:250px;line-height:24px;}
#newAccount select {font-size:22px;padding:1px;width:285px;}
#newAccount label {font-size:14px;margin-bottom:5px;padding:0;}
#newAccount .remember-me-ctn label {display:inline;}
#newAccount .siginSubmit, #newAccount .getStartedSubmit {padding:5px 10px; font-size:16px;}
#newAccount .forgotPasswordLink {float:right;margin:5px 40px 0 0;position:relative;z-index:10;}

#newAccount #gcTabsCtn {border-bottom: 1px solid #5d91bc;}
#newAccount #gcTabs {margin:20px 0 0; padding:0 0 0 10px;}
#newAccount #gcTabs li {list-style:none;margin:0;float:left;font-size:18px;color:#5d91bc;cursor:pointer;padding:10px;text-decoration:underline;}
#newAccount #gcTabs li.selected {text-decoration:none;background-color:#5d91bc;color:#fefefe;}
#newAccount #learnMoreCtn, #gcGetStartedLink .raquo {display:none;}

#signup-form-ctn {margin-left:10px;}



/* Home */
#welcome .ruzukuHelpsCtn {width:640px;position:relative;padding: 0}
#welcome p, #welcome li {font-size:18px;line-height:24px;margin:15px 0;color:#484439;}

#welcome .logo {margin:0 0 5px;}
#welcome .navOptions {font-size:18px;margin:10px 0 20px;}
#welcome a {color:#fff; margin-right:15px;}
#welcome p.summary {font-size:32px;font-weight:bold;}

#welcome #loginLayer, #welcome #signUpLayer {display:none;}


#welcome .forgotPasswordLink {float:right;margin:-35px 240px 0 0;position:relative;z-index:10;}

/* Header */
#headerCtn {position:relative;margin:25px 0 25px;}
#logo {border:none;}
.utilityNav {font-size:14px; position:absolute; right:80px; top:10px;}
.notIn .utilityNav a {color:#fff; font-size:16px; font-family: "Trebuchet MS","helvetica neue",arial,sans-serif;}
.utilityNav a {display:block; float:left; margin-left:25px; text-decoration:none;color:#fff;}

/* User Info */
/* #userInfo {padding:20px 0;} */

.profilePic {float:left;text-align:center;overflow:hidden;}
/*.comments .profilePic {margin-top:10px;}*/

#avatar {border:none;float:none;}

.profile-pic-small img {height:32px;width:32px;}
.profile-pic-med img {width:48px;height:48px;}
.profile-pic-large img {width:64px;height:64px;}

/*#userInfo #avatar {float:left;height:32px;width:32px;}*/
#userInfo h1.username{font-size:16px;margin:0 0 5px 40px; padding:0;color:#484439;}



/* Messages */

.flash {
  padding: 5px;
  background-color: #ffffca;
}    

.errors {
  background-color: #ffffca;
  padding: 5px;
  margin: 20px 0px;
}                         

  .errors ul {
    margin: 10px 0px;
  }

  .errors li {
    list-style-type: none;
  }

/*.notIn .appMessages {position:static;left:auto;top:auto;margin:auto;height:auto;padding:10px;width:auto;}
.appMessages #messages li {display:none;margin-top:10px;}
.notIn .appMessages  #messages li {display:list-item;margin-top:0;}

.notIn .appMessages #messages {width:auto; }
.appMessages #messages {margin:0 auto;width:960px; }
.appMessages #messages li {font-size: 18px;padding:15px 0 0 0;}
#messages .flashHeading {font-size:18px;background-color:#FFFCC6;margin:0;padding:10px;}
#messages .msgng {background-color:yellow;padding:10px;}
#welcome #messages .msgng a {color:#5d91bc;}

.notIn #messages ul {background-color:transparent;padding:0;margin:0;list-style:none;}

.loginPassword #messages ul {background-color:#FFFCC6;padding:10px;margin:0 0 20px;}
#messages #messages li {font-size:auto;color:auto;list-style:none;}
.loginPassword #messages li {font-size:18px;list-style: disc inside;padding-left:30px;}

*//* .notIn #messages ul {background-color:transparent;padding:0;margin:0;} */
/*
#forgotPassword .notice {margin:30px 0 0;}
*/

/* Update Indicators */
.challengeOptions {color:#666;font-size:12px;}

/*.updateDueTomorrow {background-color:#fffcc4;}*/
/*.updateDueFuture {background-color:#cad7df;}*/
.notStarted {background-color:#fff3ae;}
/*.challengeComplete {background-color:#fff3ae;}*/


h1 .updateDueToday, h1 .updateOverdue {padding:1px 4px;font-weight:normal;line-height:0;margin-right:5px;}
.challengeComplete, .updateOverdue, .updateDueToday, .updateDueTomorrow, .updateDueFuture, .notStarted {font-size:12px;}
.challengeOptions .updateOverdue, .challengeOptions .updateDueToday, .challengeOptions .updateDueTomorrow, .challengeOptions .updateDueFuture, .challengeOptions .notStarted {line-height:17px;}

.challengeOptions .updateOverdue, .challengeOptions .updateDueToday {cursor:pointer;}

.challengeComplete, .updateDueTomorrow, .notStarted {color:#666;}

.challengeOptions .makeYesterdayUpdate, .updateOverdue, .challengeOptions .makeTodayUpdate, .chHeading .updateDueToday {color:#39668a;}
.challengeOptions .makeTodayUpdate, .chHeading .updateDueToday {background-color:#e7ecce;}
.challengeOptions .makeYesterdayUpdate, .updateOverdue {background-color:#edddd8;}
.challengeOptions .makeTodayUpdate, .challengeOptions .makeYesterdayUpdate  {padding:0 12px 2px 4px;}
.challengeOptions .makeYesterdayUpdate {font-weight:bold;}


/* Courses */

#gcReason label {font-size:18px;}

.groupChallengeOptions, .challengeOptions .addNote {font-size:12px;line-height:17px;cursor:pointer;}

/* Challenge List Sidebar */

/*#challenges-list {clear:both;padding:15px 15px 0 0; }
#challenges-list .i-will, #challenges-list .challengeReason, #challenges-list .closingQuestionToggle {display:none;}
#challenges-list .challengeUpdateToggleForm .i-will, #challenges-list .challengeUpdateToggleForm .challengeReason {display:inline;}



h2.challengesHeading {font-size:20px;color:#484439;margin:0 0 5px;clear:both;}
#challenges-list .chHeading {font-size:12px;font-weight:normal;}
#challenges-list .chHeading a {color:#fff;text-decoration:none;}
#challenge-nav {padding-top:5px; border-top:1px dotted #75b4e7;}

#challenges-list .challengeActivity {display:block;font-size:16px;font-weight:bold;}

#challenge-nav a{font-size:14px; text-decoration:none;padding:5px;color:#fff;}
#challenge-nav a:hover{color:#5493AB;background-color:#fff;}
#challenges-list .challenge-icon {float:left;margin-top:3px;}
#challenges-list .chHeading, #challenges-list .challengeOptions {margin-left:24px;}

#challenges-list .updateDueTomorrow {color:#fff;}
#challenges-list .challengeComplete {color:#666;}*/

/* Course Start page */
.sctn {clear:both;padding-top:20px;}
.screenshot {float:left;}
.feature-description p {margin-left:220px;}
.feature-description h2 {margin-top:10px;}
.feature-description img {border:1px solid #ccc;}

/* Challenge Statement */
.challengeStatement {margin-bottom:15px;}
.challengeHeading {
	border-bottom:1px dotted #ccc;
	margin-top:15px;
	padding:0 0 10px;
}
.ch-hdg {font-size:22px;line-height:28px;}

.challengeStatement h1 {font-size:18px;padding:10px 0;line-height:22px;}
.challengeStatement h1 a, .challengeHeading h1 a {text-decoration:none;}
.challengeStatement h1 .challengeReason, 
.challengeHeading h1 .challengeReason, 
h1.chHeading .challengeReason  {
	font-weight:normal; 
	color:#969696;
}


/* .challengeActvity {font-weight:bold;} */

/* .challengeOptions {padding:0;height:18px;} */
/* .challengeOptions div {display:none;} */ /* commented out for end of challenge */

/* Challenge Statement */
.groupChallengeStatement {margin-bottom:15px;}
.groupChallengeStatement h1 {font-size:18px;padding-bottom:3px;line-height:22px;}
.groupChallengeStatement h1 a {text-decoration:none;}
.groupChallengeStatement h1 .challengeReason {font-weight:normal; color:#666;}

.cancelChallengeLink {margin:0;padding:0;font-size:12px; position:absolute; top:5px; left:5px; display:block; height:24px; width:24px;background:#fefefe;}
.cancelChallengeLink img {margin:3px;}
.challengeOptions a {text-decoration:none;height:16px;}

/**Challenge Statement on Challenge Page */
h1.chHeading, #endOfChallenge h1 {font-size:28px;line-height:30px;color:#444;margin:0;position:relative;margin-left:-35px;padding-left:35px;}
.challengePage h1 .challengeReason {font-weight:bold;}
.challengePage .challengeOptions {position:relative;}

/* Archived Challenge Page */
.archivedChallengeDates {font-weight:normal;font-size:18px;color:#666;display:block;}

/* Change Start Date 
.changeStartDateToggleForm {background-color:#c8e0f1; width:625px;padding:10px;display:none;font-size:20px;color:#333;position:absolute;z-index:50;}
.changeStartDateToggleForm .text {font-size:20px;width:150px;color:#333;}
.changeStartSubmit {font-size:14px; padding:3px 5px;color:#333;}

.closingQuestionToggleForm {display:none;} 
.challengeDate {color:#999;}
*/

/*Archived Challenge*/
.closingAnswer {font-size:18px;line-height:22px;margin:10px 0;}


/* End of Challenge */
#endOfChallenge .challengeUpdate {background-color:transparent; display:block;position:static;border:none;}
.endOfChallenge h2 {font-size:18px;margin-bottom:0;}

.endOfChallengeGreeting {clear:both; padding:10px;background-color:#F8CC34;font-size:18px;color:#333;}
.endOfChallengeHeading, .closingQuestion h2 {clear:both;margin:15px 0;}
.doThisLater{float:right;margin:-55px 125px 0 0;padding:10px 15px;text-decoration:none;position:relative;z-index:5;}
.doThisLater:hover {background-color:#FCE69A;}


/**** PROGRESS UPDATER ****/

.challengeUpdate .cancel-link,
.challengeUpdate .read-descer {
	display:none;
}

.challengeUpdate.post-made .make-update,
.challengeUpdate.post-made .cancel-link,
.challengeUpdate.post-made .read-descer {
	display:inline;
}

/* Description */
.descer-content h1 {
	font-size:20px;
	line-height:24px;
}

h1 .read-descer {
	font-size:14px;
}

#descer-for-update p {
	font-size: 16px;
	line-height:20px;
	margin: 8px 0;
}

.post-made #descer-for-update {
	display:none;
}


/* Updater */
.updateCtn {
	background-color:#E8F6F6;
	margin-top:10px;
	padding-bottom:10px;
}
.updateCtn h3 {
	margin:5px 0 10px;
}

.question-ctn .submit,
.note-ctn .submit,
.link-ctn .submit {
	margin-top:10px;
	padding:5px;
	font-size:14px;
	font-weight:bold;
}


/* Update Prompt + Pic */
.update-prompt {
	min-height:48px;
	padding:10px 10px 0;
}	
.entryHeading {
	font-size:14px;
	line-height:18px;
	margin:0 0 15px 60px;
}
.updateCtn .challenge-guide-pic {
	float:left;
	height:48px;
	width:48px;
}

/* Update option navigation */
.updateCtn .options {
	margin:7px 0 0 0;
	padding:0 10px 5px;
}
	.post-made .updateCtn .options {
		border-bottom:none;
	}

.updateCtn .options a {
	margin:0;
	padding:3px 7px;
}
.updateCtn .options a.selected {
	background-color:#dbf0f0;
	border:1px solid white;
	border-bottom:none;
	text-decoration:none;
}
	.post-made a.make-update {
		background-color:transparent;
		border:none;
		text-decoration:underline;
	}


/* Update form */
.update-form {
	background-color: #dbf0f0;
	border-top:1px solid white;
	padding:10px;
}
.post-made .update-form {
	display:none;	
}

/* Update textarea */
.challengeUpdate .entry, 
#challengeUpdate .entry, 
.closingQuestionEntry {
	/* TODO: set the font and padding as defaults to all textareas */
	font-family: "Trebuchet MS","helvetica neue",arial,sans-serif;
	font-size:14px;
	margin:0;
	padding:5px;
	height:75px;
	width:640px;
}

.note-ctn, 
.question-ctn,
.link-ctn {
	display:none;
}


/*.challengeUpdateToggle, .changeStartDateToggle {font-size:12px;background: url(../images/downArrow.png) no-repeat right 5px;padding-right:12px;}*/
/*.changeStartSelected {background:none;}*/

.challengePage .challengeUpdateToggleForm {display:block; width:100%;}
.challengePage .challengeUpdate, .challengePage .closingQuestionToggleForm {background-color:#fefefe;position:static;}

.challengeUpdateToggleForm {display:none; width:575px;}
.challengeUpdate {margin-top:10px;}
#endOfChallenge .challengeUpdate {width:100%; }
/*.challengeUpdate, .closingQuestionToggleForm {background-color:#e0f3f3;}*/
.challengeUpdate, #home .closingQuestionToggleForm {left:25%;top:0;}
h1.heading {margin:0;font-size:24px;padding:20px 40px 10px 20px;}
#home .closingQuestionToggleForm .heading {padding:0 40px 0 0;}

.closeButton {position:absolute; right:10px; top:10px;z-index:300;cursor:pointer;padding:5px;}
.closeButton:hover {background-color:#FEF1F1;}

.updateFor {border-bottom:1px solid #E8F6F6;padding:10px 0 6px 15px;margin:5px 0 0;}
#endOfChallenge .updateFor {display:none;}
.updateFor a {padding:5px 10px;}
.updateFor h2 {margin-bottom:0;padding-bottom:0;line-height:20px;;}
.updateFor .updateDueToday {background:none;color:#5493AB;}
.updateFor .updateOverdue {background:none;color:#5493AB;}


.updateFor .updateOverdue.highlighted, .highlight-ylw {background:#fdf9c4;color:#5493AB;}
.updateFor .highlighted{background:#E8F6F6;padding:5px 10px;}


#endOfChallenge .updateCtn {background-color:transparent;padding:0;}
.closingQuestionToggleForm {padding:20px;}
/* .nextUpdate  {position:absolute;right:10px;top:0;} */


.closingQuestion h2 {line-height:22px;}
.challengeUpdateToggleForm .closingChallengeHeading {margin:0; padding:0;}

.closingChallengeHeading {padding:10px;}


#endOfChallenge .closingQuestionEntry {width:590px;}	
.closingQuestionEntry {width:100%;}


.emotion {margin:15px 0 0;}
.emotionOptions h2 {padding:0;margin-top:0;}
.emotionOptions img {padding:6px; border:none;}
.emotionOptions img:hover {background-color:#edcf8b;}
.emoticonHighlight {background-color:#e4ba56;}

.addOptions {margin:5px 0 0 0;padding:0;font-size:16px;color:#333;}
.addOptions a {text-decoration:none;}
.addPhoto, .addVideo, .addAudio {display:none;}
.addPhoto, .addVideo, .addAudio {margin:5px 0 0;background-color:#d9f0f0;padding:10px;width:610px;}
.addPhoto label, .addVideo label {font-size:16px;display:block;margin-bottom:5px;color:#333;}
.addPhoto .photoUpload {margin:0;padding:0;display:inline;font-size:16px;}
.addVideo textarea {width:100%;height:60px;font-family:arial;font-size:11px;}

.cancelCtn {float:right;}

.challengeUpdateSubmit {margin:10px 0 0; padding:10px 30px;font-size:18px;font-weight:bold;}
/*.challengeUpdate .challengeUpdateSubmit {margin:-12px 0 0 0;}*/
/*.achievementForm .challengeUpdateSubmit {float:none;}*/

.closingQuestion + .challengeUpdateSubmit {margin:10px 0 0;}

.highlighted {background:#c8e0f1; font-size:14px; text-decoration:none; padding:10px 20px 10px 10px;font-weight:bold;}
.highlighted .changeStartDateToggle {background:none;}


.changeStartForm {background-color:#999; width:440px;padding:10px;display:none;}
.challengeDate {color:#999;}

.cancel {font-size:14px;font-weight:normal;}
#challengeJournal .cancel {display:none;}
.cancel a {text-decoration:none;}


/* Full schedule */
.viewScheduleLink {cursor:pointer;color:#5d91bc;}

#challengeSchedule {width:650px;display:none;background-color:#c8e0f1;padding:10px;position:absolute;z-index:10;}

#challengeSchedule .updateOverdue, #challengeSchedule .updateDueToday, #challengeSchedule .da, #challengeSchedule .mo {width:42px;height:42px;border:1px solid #fefefe;float:left; padding:2px; text-align:center;position:relative;}
#challengeSchedule .mo {background-color:#FCE69A;font-size:12px;vertical-align:middle;line-height:45px;}
#challengeSchedule .dow {float:left;font-size:11px;}
#challengeSchedule .day {float:right;font-size:13px;}

#challengeSchedule img {position:absolute;left:25%;top:35%;}

#challengeSchedule .today {background-color:#F8CC34;color:#666;}


/* #makeAnUpdateButton {background:url(../images/buttonBG.png) no-repeat;padding:10px 20px 14px; font-size:24px;}*/
#progressSwitcher {margin-bottom:10px}
#progressSwitcher a {text-decoration:none;font-size:20px;}


/* Members */
#mbrHdg {font-weight:normal;font-size:18px;}
#memberList h3 {font-weight:normal;font-size:14px;margin-bottom:5px;}
#memberList .mbrStatus {margin:20px 0;}


/* Participation Score */
#participation-score {
	background-color:#b7d8ec;
	position:relative;
	margin-top:20px;
	padding:5px;
	-moz-border-radius:5px;	
	-webkit-border-radius: 5px;
	border: 1px solid #fff;
}
#partHdg {
	font-weight:normal;
	font-size:16px;
	margin-top:0;
	padding:2px;
	background-repeat:no-repeat;
	background-position:140px 3px;
}

.zero #partHdg {background-image:url("/images/part-0.png");}
.one #partHdg{background-image:url("/images/part-1.png");}
.two #partHdg{background-image:url("/images/part-2.png");}
.three #partHdg{background-image:url("/images/part-3.png");}
.four #partHdg{background-image:url("/images/part-4.png");}
.five #partHdg{background-image:url("/images/part-5.png");}

#participation-score .help-icon,
#participation-score .close-icon {
	position:absolute;
	right:10px;
	top:7px;
	margin:0;
	padding:0;
	cursor:pointer;
}

#part-help-info {
	position:absolute;
	top:0;
	right:0;
	width:380px;
	background-color:#cee4f2;
	display:none;
	padding:10px 30px 10px 10px;
	border:3px solid #376e97;
}

#part-help-info li {
	padding:0;	
}

#part-help-info li img {
	padding:0;
	margin:0;
	position:relative;
	top:3px;
}

/* Challenge Description */
/*#challenge-description {background:#eee;padding:5px;margin-top:10px;}*/
#challenge-description h2 {font-weight:normal;margin:0 0 5px;padding:0;}


/* Progress Entries */
#progressEntries {margin-top:10px;clear:both;padding-top:5px;}
/*h1.updatesHeading {font-size:18px;padding:0;font-weight:normal;}*/
#progressEntries h1.updatesHeading {margin:0 0 5px;}
#home #progressEntries h1.updatesHeading {margin:0 0 10px;}

#progressEntries .entry-user {}


#progressEntries .post {border-bottom:1px dotted #C1CED9;margin:0 0 15px;padding:0 0 10px;}
/*#progressEntries .post-type .profile-pic {height:48px;width:48px;border:none;}*/
.post-type {float:left;position:relative;margin:0 0 10px;}
.post-type .micro-emoticon {position:absolute;right:-5px;bottom:-5px;}
.entry, #progressEntries .comments {margin-left:65px;}

.post {overflow:hidden;}

.reason-prompt,
.challenge-prompt, 
.user-name,  
.login, 
.challengeNano {
	font-weight:bold;
	color:#666;
	font-size:14px;    
	line-height: 16px;
	background-color:#e8f2f9;
}
.entry-body {font-size:13px;color:#000;}
.entry-footer, .post-footer {margin:5px 0 0;}
.meta {font-size:11px;margin:0;padding:0;color:#666;line-height:16px;}

/* Question/Note/Link Formatting */

.question .meta {background:url('/images/silk-icons/help.png') no-repeat;padding-left:24px;}
.note .meta {background:url('/images/silk-icons/note.png') no-repeat;padding-left:24px;}

.url .meta {background:url('/images/silk-icons/link.png') no-repeat;padding-left:24px;}
.url a {font-weight: bold;}


.entry .meta .challengeNano {background-color:#E7EECC;padding:2px 10px;}

.guide-badge {
  font-size: 9px;
  background: #1A4265;
  color:white;
  padding:3px 0px;  
  text-transform: uppercase;
}

.update-text, .post-text {font-size:13px; line-height:17px;white-space: pre-line;}
.update-image, .update-video {margin:10px 0;}

.comments {width:470px;padding:0;margin:10px 0 10px;}
.comments-conversation{margin:0;padding:0; width:460px}
.a-user-comment {
	background:#e8f6f6;
	border-bottom:1px solid #fff;
	padding:5px 5px 6px;	
	width:100%;
}
.guide_comment {
	background:#d5e8f7;
}
.the-comment {
	margin-left: 45px;
	padding:0;
}
#progressEntries .the-comment .user-name {background-color:transparent;}

.comment-text {font-size:13px;color:#333;line-height:18px;white-space: pre-line;width:305px;}

.comment-user-img {float:left;}

.newUpdateComment {display:none;padding:5px 5px 6px;background:#e8f6f6;}
.newUpdateComment.has-comments {display:block;padding:5px 5px 6px;background:#e8f6f6;}
.newUpdateComment.has-comments * {display:none;}
.newUpdateComment.has-comments .tmp-input {display:block; width:98%;padding:2px;color:#666;font-size:12px;font-style:italic;}

.new-comment-form {margin-left:45px;}
.new-comment.text {display:block;width:400px;height:50px;padding:3px;font-size:12px;}

#progressEntries .comment-posted-time {margin:5px 0 0;}


/* Course User Profile
 ----------------------------------------------- */                              

#user-profile-details {
  background: #eeeeee;
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;
  padding: 15px;
  margin-bottom: 15px;
}

  #user-profile-details h1 {
    margin-left: 81px;    
    line-height: 64px;
  }

  #user-profile-pic {
    float: left;   
    margin-bottom: 15px;
  }            

  #user-profile-bio {
    clear: left;
    font-size: 13px;
    line-height: 1.1em;
    white-space:pre-line;
    display:inline;
  } 

/* Course User Profile: Reason */  

#user-profile-reason {
  font-size: 13px;
  margin: 15px 0px 15px;   
  padding-bottom: 10px;
  border-bottom: 2px solid #C1CED9;
}

/* Create new group challenge 
 ----------------------------------------------- */

#create-group-challenge .sctn {margin-top:10px;border-bottom:1px dotted #ccc;padding-bottom:10px;}
#create-group-challenge .sctn.last {border-bottom:none;}
#create-group-challenge .sctn h2 {font-size:22px;}

.groupSubmitTag {padding: 10px;font-size:18px;}

/* Create new challenge */
/*#newChallenge .avatarCtn {margin:25px 0 35px;}*/

#newChallenge p {margin:0 0 20px;font-size:14px;color:#333;}
.createNew {margin:20px 0 0; font-size:32px;}
.createNewChallengeForm p {font-size:18px;margin:0 0 20px;color:#333;}
#newChallenge .createNewChallengeForm p {font-size:24px;margin:0 0 20px;color:#333;}
input.text.challengeAction {width:595px;}
.createNewChallengeForm input.starting {width:230px;}
#new_challenge .reason {width:525px;height:75px;} 

#gcReasonCtn .reason {width:95%;font-size:22px;height:26px;padding:5px;}
#gcReasonCtn.field {margin-bottom:0;}
#gcReasonCtn label {font-size:18px;}
.gcChallengeSignup {padding:10px;font-size:14px;font-weight:bold;}
.gcStartForm p {font-size:14px;}


/*#newChallenge .createChallengeSubmit, #newChallenge .createNewChallengeForm {margin-left:80px;}*/
.createNewChallengeForm select {font-size:24px;width:auto;}
.createNewChallengeForm .text {font-size:22px;height:26px;padding:5px;}
.createChallengeSubmit {padding:10px 20px;font-size:18px;}

#challenge_frequency {width:135px;}
#user_challenge_duration, #challenge_duration {width:125px;}

.startedHelp {display:none;position:absolute;background-color:#D9E8E8;padding:10px;width:195px;color:#333;}


/* Achievements */
.achievement p {font-size:16px;margin:0 0 10px 25px;}
.achievement .achievementAction {color:#333;}
.achievementDates {color:#999;font-size:12px;}
.achievementRedDate {color:#ec4545;}
.achievement .neverStarted {color:#999;}





/* Sign In */
.signin {font-size:32px;margin:0 0;}
h1.signin {font-size:32px;}
.passwordField input, .usernameField input  {width:375px;font-size:32px;padding:10px;line-height:50px;}
.passwordField label, .usernameField label {font-size:24px;display:block;margin:30px 0 10px;}
.siginSubmit {padding:5px 10px; font-size:22px;margin-top:10px;text-align:center;}
.forgotPasswordLink {float:right;margin:20px 250px 0 0;}
.notLoggedIn {font-size:24px;margin:10px 0; padding:20px;background-color:#FFFDD5;}

/* Forgot Password */
.forgotPassword p {margin: 0 0 ;color:#333;}
.forgotPassword label, .newPasswordField label {font-size:22px;display:block;margin:0 0 15px;margin-top:20px;}
.forgotField input, .newPasswordField input {width:600px;font-size:32px;padding:10px;}
.forgotSubmit, .resetSubmit {padding:5px 10px; font-size:22px;margin-top:25px;text-align:center;}



/* Errors */
.error {margin-top:25px;}
.notIn .error {margin-top:0;}
.getStarted .errors {padding:5px 10px;margin-bottom:20px;}
.errors h2 {margin:0;padding:0;}
.errors p {font-size:14px;}

.fieldWithErrors .text, .fieldWithErrors select, .captcha_failed text{background-color:#FFFB9F;}



.updateError {display:none;margin:0;}
.closingQuestionToggleForm .updateError {margin-top:15px;}

/* Hide JS errors */
.inviteCodeError, .motivationError, .challengeError {display:none;}

/* .error {position:absolute;left:0;top:0;background-color:#ccc; width:200px;}*/



/* User Settings
----------------------------------------------- */

.settingsFields {padding-top:15px}
  .settingsFields .field {margin-top:10px; margin-bottom:24px;overflow:hidden;} 
  .settingsFields label, .label {display:block;font-weight:bold;font-size:18px;}
  .settingsFields .textInput {width:250px;padding:4px;font-size:22px;float:left;}
    .settingsFields #acct_email {width: 450px;}
    .settingsFields #acct_short_biography {width: 450px;height:100px}
  .settingsFields select {font-size:22px;}
  .settingsFields .submit {padding:5px 10px;font-size:22px;}
  .settingsFields .photoUpload {font-size:22px;padding:4px;}
  .settingsFields .radio label {display:inline; font-weight:normal;}
  .settingsFields .radio {float:left;padding:10px;margin-bottom:10px;}

.field-help {color:#aaa;float:right;width:190px;font-size:12px;line-height:1.25em;}

#settingsPicture .settingsFields {margin-left:190px;}
#settingsPicture .submit {padding:5px 10px;margin-top:10px;}
#settingsPicture .deletePic {padding:0 30px 0;font-size:11px;}

.settingsNavigation {border-bottom:1px solid #5493AB; padding:5px 0 10px;}
.settingsNavigation a {padding:20px;}
#account .accountNav, #password .passwordNav, #picture .pictureNav, #notifications .notificationsNav {background-color:#5493AB;color:#fff;padding:5px 10px 8px;text-decoration:none;}






/* Footer */
#footerCtn {}
#footerCtn p {font-size:11px;padding:10px;color:#666;}



/* Challenge Update*/
.emoticon0, .emoticon1, .emoticon2, .emoticon3, .emoticon4, .emoticon5, .emoticon6, .emoticon7 {
  background: transparent url(/images/emoticons/micro/1.png) no-repeat center top;
	height: 43px;
	width: 43px;
	position:absolute;left:0px;top:0px;cursor:pointer;vertical-align:middle;
}



/* Scrap */
.overdue {cursor:pointer;}


/* Grid */



/* Fluff */
.clr {clear:both;}
.hoverable {display:none;}
.dev-hide {display:none}

/*newly added*/
.twitter_connect {line-height: 3; vertical-align: top;}

/* Standard Form Fields */

.field {margin:15px 0;}

input.file {width:250px;padding:4px;font-size:18px;}
textarea {font-family:"Trebuchet MS","helvetica neue",arial,sans-serif;}

.inline label {
	width:50px;
	float:left;
}
label {font-size:18px;display:block;margin:15px 0 5px;}
.req label {margin-left:-10px;}
.checkbox label {margin-left:20px;font-size:12px;font-weight:normal;}

.checkbox input {float:left;}

input.text, select {width:300px;padding:4px;font-size:18px;}
	input#tip_header {width:650px;padding:5px;}

.link-ctn input.text {
	width:575px;
}

.buttons {margin-top:20px;}
	.challengeUpdate .buttons {margin-top:0;}

input.submit {padding:10px 20px;font-size:18px;}
input.submit.new-comment {padding:2px 3px;font-size:11px;}


.full-width {}
	.full-width .labelCtn {margin:15px 0 5px;}
	.full-width .labelCtn sup {	font-size:16px;}
	.full-width label {font-size:18px;font-weight:normal;display:inline;}
	.full-width input.text {width:90%;padding:4px;font-size:18px;}
	.full-width .textarea {width:90%;height:100px;padding:4px;font-size:18px;}
	
.screen {background:#000;filter: alpha(opacity=50);opacity: 0.5;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;}

#group_challenge_details_page,
.mainContent {
	position:relative;
}
#group_challenge_details_page .grid_2 {width:180px;}

.withYesterday {display:none;}


#aUtiilityNav {
	background:#ffe348;
	font-size:12px;
	padding:5px;
	}
	
#aUtiilityNav a { 
	text-decoration:none;
	margin-right:15px;
	}
	
.updates-due {
	color:#666;
	font-size:12px;
}

.moreLink {text-decoration:none;}

/* Challenge Customizations */
#customize-challenge,
#existing-prompts-ctn {
	margin-top:15px;
}
#navPromptsDescriptions {
	margin:5px 0 25px;
}
#navPromptsDescriptions a, 
#navPromptsDescriptions {
	font-size:12px;	
}

#navPromptsDescriptions .selected {
	background-color:#7bb7e8;
	color: #fff;
	padding:2px 5px;
	text-decoration:none;
}

#prompts-ctn, 
#descriptions-ctn {
	display:none;	
}

#descriptions-ctn > .item {
	margin-top:10px;
}

#prompt_text, 
#tip_text,
#welcome-notification-field,
#start-notification-field  {
	width:660px;	
	height:50px;
	font-size:18px;
}
	#tip_text {
		height:100px;	
	}

.byday-item, .item {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:2px solid #ccc;
}
.byday-item h2 {
	margin:0 0 10px;
	padding:3px 0 3px 22px;
	cursor:pointer;
}
	.byday-item h2.expand {
		background: url("/images/expand.png") no-repeat 4px 11px;
	}
	.byday-item h2.collapse {
		background: url("/images/collapse.png") no-repeat 6px 7px;
		margin:0;
	}
	.byday-item h2:hover {
		background-color:#eee;
	}

#byday-descer-ctn, 
#byday-prompts-ctn {
	margin-top:15px;
}

#byday-descer-ctn h3, 
#byday-prompts-ctn h3 {
	margin:15px 0 5px;
}

#byday-descer-ctn p, 
#byday-prompts-ctn p {
	margin-bottom:0;
}

#existing-prompts-ctn p, 
#prompts-ctn p,
.existing-prompt-item p {
	font-size:16px;
	line-height:22px;
	margin:10px 0 5px;
}

.options, 
#prompts-ctn p.options, 
#existing-prompts-ctn p.options,
.existing-prompt-item p.options {
	margin:5px 0 10px;
	padding:0;
	font-size:12px;
}

#existing-prompts-ctn p.options a {
	font-weight:bold;	
}

.pr-de-ctn {
	margin-left:30px;
}
	.has-description .description-ctn {
		margin-top:20px;
	}
	.has-description .description-ctn.no-margin {
		margin-top:0;	
	}

.pr-de-ctn .description-content {
	padding:0;
}

#select-description-pg .description-content {
	border-bottom:2px solid #ccc;
	margin-bottom:15px;
	padding-bottom:15px;
}


.description-content h1 {
	font-size:14px;
	line-height:18px;
}

.description-content p {
	margin: 10px 0;
}


#create-description-pg h1, 
#create-prompt-pg h1{
	margin-top:15px;	
}

#prompt-textarea,
#description-heading-field-ctn {
	position:relative;
}
#prompt-textarea #chars-remaining,
#description-heading-field-ctn #chars-remaining{
	color:#999;
	font-size:18px;
	font-weight:bold;
	position:absolute;
	right:5px;
	top:-24px;
	
}

.day-indicator {
	margin-bottom:5px;
}

.day-indicator span {
	color:#894736;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

/*** MAILING LIST FORM */

.optional-fields {
	display:none;
}



/*** NAVIGATION ***/
/* TODO: Abstract tabbed navigation */

/* Main Nav */
#main-nav {
	clear:both;
	font-size:16px;
	margin:0;
	padding:10px 0 0;
}
#main-nav a {
	color:#fff;
	text-decoration:none;
	display:block;
	margin:8px 0;
	padding:4px 7px;
	width:50%;
}

#home #challenges-nav,
#completed-challenges #challenges-nav,
#supporters #supporters-nav {
	background-color:#FEFEFE;
	color:#666;
	font-weight:bold;
}


/* SubNav */
.subnav {
	margin:10px 0 0;
	padding:10px 5px 12px;
	background-color:#e9f3f9;
}

.subnav li {
	font-size:14px;
	display:inline;
	margin:0 5px;
	padding:3px 7px;
}
.subnav a {
	text-decoration:none;
}

.subnav a:hover {
	text-decoration:underline;
}

/* Home Nav */
#challenges-list #active-nav,
#completed-challenges #completed-nav,
/* Challenge Community Admin */
#challenge-community-pg #community-nav,
#schedule-tasks-pg #schedule-tasks-nav,
#edit-challenge-info-pg #edit-challenge-info-nav,
#members-pg #members-nav, 
.a-challenge-admin #admin-nav,
.a-challenge-admin #admin-nav a {
	background-color:#1a4265;
	color:#fff;
}



/* Special nav rules */
.a-challenge #main-nav a#challenges-nav {
	font-size: 12px;
	margin:0 0 5px;
	padding:0;
	width:100%;
}

/* Admin: Customize Notifications */

.preview-email {
	margin-top:15px;
	padding-top:15px;
	border-top:1px dotted #ccc;
}
#start-notification-field-ctn,
#welcome-notification-field-ctn {margin:15px 0;}
.salutation {margin-bottom:10px;}

#gcWelcomeMsg #progressEntries {
	opacity:0.5;
}

#gcWelcomeMsg ul {
	list-style:disc;
}


h1.user-name {
	font-size:22px;
	margin-left:40px;
	background: transparent;
}


#detailed-members-list {}
#detailed-members-list .user-name,
#detailed-members-list .part-sc {
	margin-left:40px;
	color:#666;                    
	background: transparent;
}
#detailed-members-list .user-name {
	font-size:16px;
	font-weight: bold;
}
#detailed-members-list .part-sc {
	font-size: 14px;
}

.a-member {
	margin-bottom:15px;
	clear:left;
}
.a-member img {
	height:32px;
	width:32px;
}


.start-date {
	font-size:14px;
	margin-top:3px;
	display:block;
}


.no-updates {
	background-color:#ddd;
	margin-top:10px;
	padding:10px;
}
.no-updates p {
	font-size:16px;
}
/* TODO: Create sections: Admin pages, community pages, etc. */




/* Courses
----------------------------------------------- */

.back-link {
  position: absolute;
  right: 20px;
  top: 24px;
}
	
/* Editing Courses
----------------------------------------------- */

ul.course-tools {
  background: #eee;      
  padding: 0px 5px;
  margin: 10px 0px;
}                  

  ul.course-tools li {
    display: inline-block;
    padding: 5px;
  }            
     
/* Editing Steps
----------------------------------------------- */

#step-list {
  margin: 20px 0px 20px 20px;
}

  #step-list li {
    list-style-type: decimal; 
  }

  #step-list li + li {
    margin-top: 10px;
  }

    #step-list li.ui-sortable-helper {
      list-style-type: none;
    }   
    
  #step-list ol {
    margin: 10px 0px 10px 20px;
  }  

/* Sorting Steps & Activities */

.sorting .activities-list {
  min-height: 20px;
  border: 1px solid #ccc;
}

.sorting .actions {
  display: none;
}

.sorting .sortable {
  cursor: move;
}
    
/* Editing Activities */


	#steps-list .activities-list {margin-left:20px;}
	#steps-list .activities-list li {margin:0;}
	#steps-list li.add-link-ctn {margin-top:5px;}
	.add-link {color:#509ede;cursor:pointer;}
	.add-activity, .add-step {display:none;}
	.add-activity, .add-step {
		padding:15px;
		position:absolute;
		width:640px;
		top:0;
		left:25%;
		background-color:#fff;
		z-index:2000;
	}
	.summary-field textarea{
		width:100%;
	}
	.add-activity .cancel-link {
		cursor:pointer;
	}  

/* Common Components
----------------------------------------------- */

.panel {
	padding: 15px;
	position: absolute;
	width: 640px;
	top: 0;
	left: 25%;
	background-color: #fff;
	z-index: 2000;  
}
  
/* Helper Classes
----------------------------------------------- */

ul.tools li {
  display: inline-block;
}

.hide {
	display: none;
}       


.step-sort-placeholder {background-color:yellow;height:25px;}
.activity-sort-placeholder {background-color:#fcecfe;height:25px;}