/* @override 
	http://basic.screenstepslive.local/stylesheets/global.css?1219958726
	http://screenstepslive.local/stylesheets/global.css?1221836885
	http://screenstepslive.local/stylesheets/global.css?1223329757
	http://localhost.com:3000/stylesheets/globals.css
	http://localhost:3000/stylesheets/globals.css
*/

/* @group Reset Styles */


/* Reset styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, p, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit; 
	font-family: inherit;
	vertical-align: baseline;
}


body {
	line-height: 1;
	color: black;
	background: #264b7b;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
ul {
	list-style: none;
}

ol {
	margin-left: 40px;	
}

table { /* tables still need cellspacing="0" */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

a {
	text-decoration: none;
}

a:hover {
	background-color: none;
}

a.img:hover {
	background-color: none;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	border: 1px solid gray;
	background: white;
}

h3 {
	font-size: 18px;
}

/* @end */

/* @group Layout */

h1, h2, h3 {
	font-weight: bold;
}

#header h1 {
	color: white;
	height: 30px;
	float: left;
	clear: left;
	margin-bottom:5px;
	margin-left:5px;
	margin-top:27px;
	padding-bottom: 0px;
}

#header h4 {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	margin-left:5px;
	color: white;

}

#header h4 a {
	color: white;
	text-decoration: underline;
}

#header div.logo {
	float: right;
	margin:5px 0px 5px 5px;
}

div.about_header {
	background-color: #fbfbfb;
	height: 60px;
	padding: 10px;
	border-bottom: 1px solid gray;
}

div.about_header div.logo {
	float: left;
	margin: 5px 10px;
}

div.about_header h1 {
	margin-left: 80px;
	margin-top: 5px;
	width: 300px;
}

div.about_header ul#rightNav a {
	
}

/* @group MainNav */

#topMenu {
	float:none;
	width: 100%;
	text-align: left;
	border: none;
	margin-top: 5px;
}

div#publicMenu {
	float: none;
	/*margin-top: -10px;*/
	border-bottom: 1px solid gray;  
	/*margin-bottom: 20px;*/
	background-color: #1c3374;
}

div#publicMenu a {
	color: white;
}




ul#mainNav {
	margin: 0; padding: 0;
}



/* @end */

/* @group RightNav */

ul#rightNav {
	float: right;
	margin-right: 0px;
	font-size: 11px;
	margin-top: 5px;
}

ul#rightNav li {
	display: inline;
	margin-right: 5px;
}

ul#rightNav li a {
	text-decoration: underline;
	color: #0755a9;
}

ul#rightNav li a:hover {
}

div.about_header div#rightNav {
	float: right;
	margin-right: 20px;
}

div.about_header div#rightNav a {
	text-decoration: underline;
}

div.about_header div#rightNav span.here a {
	font-weight: bold;
	text-decoration: none;
}

/* @end */

/* @group SubNav */

#subNav {
	padding: 0 10px;
	background-color: #606060;
	margin-top: -7px;
}

#subNav ul {
	margin: 0; padding: 0;
	margin-left: 3px;
}

#subNav ul li {
	display: inline;
}

#subNav ul li a {
	float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
	padding: 4px 8px 3px 8px;
	margin: 0;
	display: block;
	margin-right: 3px;
	color: white;
	border-bottom: none;
	
}

#subNav ul li.here a {
	color: #f3d71d;
}

#subNav ul li a:hover {
	color: #f3ff7f;
	text-decoration: underline;
}

#subNav ul li.here a:hover {
	color: #f3d71d;
	text-decoration: none;

}

/* @end */


#content h2 {
	line-height: 150%;
}

#content.no_background {
	background: none;
}

div.pagination 	{
	padding: 10px;
}

div.pagination a {
	text-decoration: underline;
	color: #0c0083;
}

div.left {
	padding: 5px;
	width: 480px;
	float: left;
}

div.form_left {
	float: left;
	margin-right: 20px;

}

div.form_right {
	margin-left: 420px;
}

div.form_instructions {
	width: 400px;
}

div.form_instructions textarea {
	font-size: 14px;
	line-height: 150%;
	height: 300px;
	margin-bottom: 10px;
}



div.left div.section {
	background-color: #f1f8ff;
	margin-bottom: 20px;
	padding: 15px;
	border: 2px solid #999;
}

div.left h2 {
	font-style: normal;
	font-weight: bold;
}

div.recent_lessons ul {
	padding: 10px;
}

div.recent_lessons ul li {
	font-size: 16px;
	margin-bottom: 7px;
}

div.recent_lessons ul li div.posted_on {
	font-size: 12px;
	color: gray;
	float: right;
	text-align: right;
	margin-right: -20px;
}

div.recent_lessons ul li div.lesson {
	width: 400px;
}

div.recent_lessons p.more a {
	/*background-color: #f6ffb5;*/
	padding: 5px;
	color: blue;
	text-decoration: underline;
}

div.tag_cloud {
	margin-top: 10px;
}

div.tag_cloud a {
	color: #1c3374;
	text-decoration: underline;
}

div.right {
	float: right;
	width: 350px;
	padding-top: 6px;
}

div.right div.section.account_signup h3 {
	background-color: green;
}

div.right div.section.account_signup a {
	font-size: 16px;
}

div.right div.section {
	background-color: #d4eafc;
	padding: 5px 10px 10px 10px;
	margin-bottom: 15px;
	border: 1px solid #d7d7d7;
}

div.right div.image {
	text-align: center;
	margin-bottom: 20px;
}

div.right div.section h3 {
	padding: 5px;
	padding-left: 10px;
	margin: -5px -10px 10px -10px;
	color: white;
	background-color: #1c3374;
}

div.right div.section h4 {
	font-size: 16px;
	font-weight: bold;
	
}

div.section a {
	text-decoration: underline;
	color: #1c3374;
}

div#SignUp table td {
	padding: 5px;
}

div#SignUp input {
	font-size: 16px;
}

div.email_signup p {
	margin-top: -20px;
}

div.footer {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background-color: #f3f3f3;
}


div.footer a {
	color: #1c3374;
	text-decoration: underline;
	font-size: 14px;
}

div.footer div.sponsor {
	float: right;
}

div.footer div.sponsor * {
  vertical-align: middle;
}

div.footer div.sponsor img {
	margin-left: 5px;
}


div.footer div.terms {
	float: left;
	margin-top: 28px;
}

/* @end */

/* @group Defaults */



body, p, ol, ul, td {
	font: 13px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/*h1, h2, h3, h4 {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.5em; 

}*/

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

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #1c3374; }
/*a:visited { color: #666; }*/

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  margin-left: 15px;
  background-color: #f0f0f0;
  text-align: left;
}

div.admin-window #errorExplanation {
	width: auto;
	margin: 0;
	background-color: rgba(250,4,50,0.1);
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 5px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul {
	margin-left: 30px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.DropTargetActive {
  background: #E8F4F7;
}

.clear {
	clear: both;
}

a.control {
	font-size: .7em;
	text-decoration: underline;
}

form p {
	font-size: 14px;
}

p + p {
	margin-top: 10px;
}

input[type="password"],
input[type="text"] {
	padding: 5px;
	font-size: 14px;	
}

input.text_field {
	width: 90%;
}

.items {
	padding: 10px;
}


.flash {
	color: green;
}

#notice.flash {
	background-color: #bec;
	text-align: center;
	padding: 5px;
	color: green;
	border-bottom: 2px solid green;
	border-top: 2px solid green;

}

#error.flash {
	background-color: #fee5ea;
	text-align: center;
	padding: 5px;
	color: red;
	border-bottom: 2px solid red;
	border-top: 2px solid red;	
}

div.edit {
	background-color: #d30000;
}


div.edit h1 {
	color: white;
}

div.edit span.flash {
	float: right;
	margin-top: -27px;
	color: white;
}

div.single-window {
	background-color: white;
	padding: 20px;
	padding-top: 20px;
	min-height: 300px;
}

div.single-window div.head {
	margin: -20px -20px 15px -20px;
}

div.single-window.create div.head {
	margin: 0;
}

div.single-window p {
	margin-bottom: 10px;
}

div.single-window img {
	margin: 15px;
}

div.single-window a {
	color: #1c3374;
	text-decoration: underline;
	font-weight: bold;
}

div#content div.single-window .head {
	/*margin: -20px -20px 10px -20px;*/
	
}

div#content div.single-window .head h2 {
	/*margin: -20px -20px 10px -20px;*/
	margin-left:10px;
}

div#content {
	background-image: none;
	background-color: white;
}

div.plain_white {
	background-image: none;
	background-color: white;
	/*margin: -14px -15px;*/	
	padding: 15px;
}

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

div.plain-text a {
	color: #1c3374;
	text-decoration: underline; 
}

.SwapTargetActive {
	background-color: #fdff59;
}

#flashErrors {
	color: red;
	padding: 5px;
	background-color: yellow;
	margin-top: 10px;
	margin-bottom: 10px;
}

ul.bullets {
	list-style: disc;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

ul.bullets li {
	margin-bottom: 10px;
}

div


/* @end */

/* @group System Notice */

div#announcement {
	background-color: #fbffb4;
	padding: 5px 10px 10px 10px;
	border: 2px solid #ede74f;
	margin: -20px -10px 10px -10px
}

div#announcement h2 {
	padding: 3px 0;
}

div#announcement a {
	color: blue;
}

div#announcement a.hide {
	font-weight: bold;
	color: red;
}

/* @end */



/* @group About */

div.about_page {
	background-color: white;
	margin-bottom: 10px;
	border: 2px solid gray;
	padding: 10px;
}

div.about_page a {
	color: #1c3374;
	text-decoration: underline;
}

/* @end */



/* @group Column 1 */

div#column1 {
	width: 270px;
	float: left;
	/*padding: 7px;*/
	border-right: 1px solid gray;
	border: 2px solid gray;
	background: white;
}

div#column1.extra_wide {
	width: 580px;
}




div#column1 ul.sideNav {
	font-size: 18px;
	line-height: 1.3;
}

div#column1 ul.sideNav li img {
	float: left;
	margin-left: 5px;
	margin-right: 7px;
	margin-top:5px;
}

div#column1 ul.sideNav li td img {
	float: none;
	margin: 0;
	padding: 3px 5px 0 0;
}

div#column1 ul.sideNav li td a img {
	padding: 0px;
}


ul.sideNav li tr:hover {
	background-color: gray;
	color: white;
}


div#column1 ul.sideNav li a {
	padding-bottom: 8px;
	padding-right: 7px;
	padding-left: 14px;
	padding-top: 8px;
	display: block;
}


ul.sideNav li:hover {
	/*background-color: gray;*/
}

div#content ul.sideNav a {
	text-decoration: none;
}

ul.sideNav li a:hover {
	background-color: gray;
	color: white;
}

ul.sideNav li.selected {
	background-color: #1c3374;	
}

ul.sideNav li.selected a {
	color: white;
}

div#column1.wide {
	width: 550px;
}


div#column1 div.create_link {
	/*border-bottom: 1px solid gray;*/
	font-size: 16px;
	float: right;
}

div#column1 div.create_link table td {
	padding-right: 5px;
	vertical-align: middle;
	font-size: 14px;
}


/* @end */

/* @group Manuals */

ul#manuals_list.reorder td {
	vertical-align: top;
	margin: 0;
	padding: 0 5px;
}

ul#manuals_list.reorder td.icon.drag {
	padding: 5px;
	padding-left: 0;
}

ul#manuals_list li:hover {
	background-color: gray;
}

ul#manuals_list li:hover a {
	background-color: gray;
	color: white;
}

ul#manuals_list.reorder li:hover {
	background: none;
}

ul#manuals_list li {
	padding: 5px;
}

ul#manuals_list li td {
	vertical-align: top;
	font-size: 18px;
	line-height: 1.3;
	padding: 0px;
	width: 100%;
}

ul#manuals_list li td a {
	text-decoration: none;
	display: block;
}

ul#manuals_list li td.icon {
	width: 30px;
	padding: 0;
}

ul#manuals_list li td.icon a {
	padding-right: 10px;
	padding-left: 0;
}

ul#manuals_list li td.control {
	padding: 4px 5px;
}

div.manual div.notice {
	background-color: #f6ffce;
	padding: 5px;
	margin: 0 -5px 10px -5px;
	border: 1px dotted #d1d1d1;
	color: #484848;
}

#content div.manual div.head div.customize.right {
	float: right;
	text-align: right;
	padding-right: 10px;
	margin-top: 2px;
}

#content div.manual div.head div.customize.left {
	margin-top: 0;
	padding-left: 1px;
	padding-top: 0;
}




/* @end */

/* @group Help */


li#help_tab a img {
	padding: 0;
	vertical-align: middle;
}

#topMenu li#help_tab a:hover img {
	background-color: transparent;
}

div.help,
div#help {
	background-color: #fdfecd;
}

/* @end */



/* @group Column 2 */

div#column2 {
	margin-left: 286px;
	border: 2px solid gray;
	background: white;
}

div#column2.manual {
	margin-left: 0;
	width: 600px;
}

div#column2.narrow {
	margin-left: 566px;
}




/* @end */

/* @group Column 3 */

div#column3 {
	border: 2px solid gray;
	width: 210px;
	min-height: 260px;
	float: right;
	background: white;
}

/* @end */

/* @group Sections */

div.edit-head + div#manual_sections {
	margin-top: -10px;
}

div#manual_sections {
	background: white;
	min-height: 284px;
}

div#manual_sections p.edit_link {
	margin: 5px 0 5px 10px;
}

div#manual_sections p.edit_link a {
	color: red;
	text-decoration: underline;
}

#manual_sections ul.sections {

}

#manual_sections ul li.section {
	font-size: 1.5em;
	/*overflow: hidden;*/
	/*width: 500px;*/
	padding: 10px;
}


#manual_sections ul li.section.invisible {
	border-top: 1px dotted gray;
	border-bottom: 1px dotted gray;
	background: #fbffbf url(../images/locked.png) no-repeat 565px 5px;
}


#manual_sections ul.readings {
	margin: 10px 10px 0 10px;
}

#manual_sections ul.readings li {
	font-size: 14px;
	width: 100%;
	margin-bottom: 7px;
}

#manual_sections ul.readings li a {
	text-decoration: underline;
}


#manual_sections.edit ul li.section {
	border: 1px solid black;
	margin-top: 10px;
	background-color: #e8e8e8;
}



#manual_sections.edit ul.readings li {
	list-style-image: url(/images/drag_handle.gif);
	list-style-position: inside;
	color: #690000;
}

#manual_sections.edit ul.readings li img {
	margin-left: 5px;
}


#manual_sections ul li.section.DropTargetActive {
	background-color: #e8cd14;
}

#manual_sections ul li.section.SwapTargetActive {
	border: 1px solid red;
}


table.section {
	
}

table.section td {
	padding: 5px;
	vertical-align: middle;
}

table.section td.toggle-arrow {
	padding: 0;
	width: 16px;
}

table.section td.section-title {
	font-size: 18px;
	font-weight: bold;
	width: 360px;
	padding-left: 2px;
}

table.section .inplaceeditor-form input {
	padding: 3px;
}

table.section .inplaceeditor-form input.editor_field {
	width: 240px;
	margin-right: 10px;
}

table.section .inplaceeditor-form a.editor_cancel {
	margin-left: 5px;
	padding: 5px;
	color: red;
	text-decoration: underline;
	font-weight: normal;
	font-size: 14px;
}

table.section td.delete {
}

table.section div.visible_check {
	font-size: 12px;
}

table.section td.drag-handle {

}

table.section td.drag-handle span {
	margin-top: -10px;
}

/* @end */

/* @group ClassroomManuals */

#classroom_manuals {
	overflow:hidden;
}


/* @end */

/* @group Footer */

div#footer {
	text-align: center;
	padding: 10px;
	padding-bottom: 25px;
	/*border-top: 1px solid gray;*/
	color:white;
	background-color: #5b85bf;
}

div#footer a {
	text-decoration: underline;
}

/* @end */

/* @group Classrooms */

h1.classroom_title {
	margin-left: 2px;
	margin-bottom: 10px;
	text-align: center;
}

div.ClassroomList {
	width: 400px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div.ClassroomList ul {
	padding: 20px;
	font-size: 1.5em;
	border: 2px solid gray;
	background-color: white;
}

div.ClassroomList ul li {
	margin: 10px;
}

div#column1.edit_classroom {
	background-color: #efecc8;
	font-size: 1.3em;
	padding: 10px;
	min-height: 240px;
}

div#column1.edit_classroom p {
	font-size: 1.0em;
	margin-bottom: 7px;
}

div#column1.edit_classroom a {
	text-decoration: underline;	
}

div#column1.edit_classroom .visible_check {
	margin-top:10px;
	margin-bottom: 10px;
}

div#column1.edit_classroom #edit_password {
	border: 2px dashed gray;
	padding:5px;
}

.edit_classroom #edit_password #password {
	font-style: italic;

}

.edit_classroom #edit_password table {
	width: 100%;
}

.edit_classroom #edit_password table td {
	vertical-align: middle;
}


.edit_classroom #edit_password table td.password {
	width: 90%;
}

.edit_classroom #edit_password input#classroom_password {
	width: 70%;
}

div.edit_classroom div.edit_link {
	margin-bottom: 10px;
}

div.edit_classroom div.edit_link label {
	font-weight: bold;
}

div.edit_classroom div.edit_link div.edit_field {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 2px dashed gray;
	padding: 5px;
}

div.edit_classroom div.edit_link div.edit_field a img {
	float: right;	
	display: inline;
}

div.edit_classroom div.edit_link div.edit_field input[type="text"]{
	width: 240px;
}





div#column2.edit_classroom #column3 {
	margin-top: 0;
	margin-right:-10px;
}

div#column2.edit_classroom {
	font-size: 14px;
	width: 338px;
	float: left;
	margin-left: 10px;
	min-height: 260px;
	background-color: #e8e8e8;

}

div#column2.edit_classroom div#classroom_manuals ul {
	font-size: 1.2em;
	padding: 15px;
}


div#column2.edit_classroom ul li {
	margin-bottom: 10px;
	background: url(/images/drag_handle_black.gif) no-repeat 0 4px;
	padding-left: 20px;
}

div#column2.edit_classroom ul#manuals_in_classroom div.ManualTitle {
	width: 240px;
}

div#column2.edit_classroom ul#manuals_in_classroom div.controls {
	display: inline;
	float: right;
}

div#column2.edit_classroom ul#manuals_in_classroom li img {
	margin-left: 5px;
}


ul#available_manuals.items {
 padding: 0;
}

ul#available_manuals li {
	font-size: 14px;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px dashed gray;
}

ul#available_manuals li a img {
	float: right;
	display: inline;
}



/* @end */

/* @group Head */

#content .head {
	min-height: 38px;
	/*border-bottom: 2px solid gray;*/
	background: #e4e4e4 url(/images/layout/columnheader.png) repeat-x left top;
}




#content .head div.customize {
	float: left; 
	margin-left: 10px;
}

#content .head.search div.customize {
	color: gray;
}


#content div.head.search div.customize a,
#content .head div.customize a {
	color: red;
}
 
#content .head img {
	float: left;
	margin-left: 5px;
}

#content div.edit_lesson .head img {
	margin-top: 11px;
 
}

#content .head h2 {
	color: #626262;
	font-size: 18px;
	line-height: 38px;
	float: left;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 10px;
	text-transform: uppercase;
	padding: 0;
}

#content .head.search.manual_lessons_for_tag h2 {
	float: none;
}

#content .manual_lessons_for_tag div.actions  {
	margin-left: 10px;
	padding-bottom: 5px;
	color: gray;
}

#content .manual_lessons_for_tag div.actions a {
	color: red;
}

#content .head.search h2 {
	color: #000;
}

#content .head h2.LessonTitle {
	text-transform: none;
}

input#manual_title {
	font-size: 16px;
	padding: 2px;
	margin-bottom: 10px;
}

div#manualTitle input[type="submit"] {
	position: absolute;
	margin-left: 7px;
	margin-top: 3px;
	padding-left: 0;
	font-size: 16px;
}

#content .head span {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

#content .edit_lesson div.head span {
}

#content .head span.align_right {
	float: right;
	margin-right: 15px;
}



#content .head form {
	float: right;
	margin-right: 5px;
	margin-top: 3px;
}

#content .edit-head {
	padding:10px;
	background: #d30000;
	color: white;
	margin-bottom: 10px;
}

#content .edit-head .flash {
	color: yellow;
}

#content .edit-head a {
	color: white;
	text-decoration: underline;
}

#content div.head table.group td {
	padding-right: 10px;
}

#content div.head table.group h2 {
	width: 280px;
}

/* @end */

/* @group Filter */

/*#content .filter {
	color: #626262;
	background-color: #c7d7df;

}*/

#content div.filter.classroom_filter {
	display: inline;
	float: right;
	margin-top: 7px;
	margin-right: 19px;	
	
}

#content .filter.search {
	margin-bottom: 10px;
}

#content .filter span.unassigned {
	margin-left: 5px;
}

#content .filter .field {
	width: 100px;
	border: 1px solid #c3c3c3;
}
#content .filter.filter_sort {
	/*width: 278px;*/
}

#content .filter select {
	width: 180px;
	margin-left: 10px;
}

/* @end */

/* @group Available Lessons */

div#column2.narrow.fixed {
	width: 300px;
	height: 416px;
	position: fixed;
}

div#column2.narrow.fixed div.filter.items {
	height: 96px;
}

div#column2.narrow.fixed ul#available_lessons {
	height: 260px;
}

ul#available_lessons.items {
	padding-bottom: 0;
}

ul#available_lessons {
	/*max-height: 400px;*/
	overflow: auto;
}

ul#available_lessons li {
	font-size: 14px;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px dashed gray;
}

/* @end */

/* @group Lessons */

/* @group Search Results */

table.lessons td.title {
	width: 400px;
}

div#column2.logged_in table.lessons td.title {
	width: 320px;
}

div.lesson .author {
	font-size: 14px;
	font-style: italic;
	vertical-align: middle;
	text-align: right;
}

div.lesson .date_posted {
	font-size: 14px;
	padding-left: 10px;
	padding-top: 7px;
	vertical-align: top;
	width: 170px;
	text-align: right;
}

div.lesson {
	border-bottom: 1px dotted gray;
	padding: 5px;
}

div.lesson a {
	color:#1c3374;
	line-height: 24px;
}

div#content div.lesson a:hover {
	background-color: #1c3374;
	color: white;
}

div.lesson span.image a:hover {
	background-color: white;
}

div.lesson span.tags {
	font-style: italic;
	color: #8b99a0;
	/*margin-left: 5px;*/
	margin-bottom: 5px;
}

div.lesson td.tags {
	padding-left: 7px;
}


table.lessons h3 {
	line-height: 130%;
	padding: 0;
	padding-left: 10px;
}

table.lessons span.image {
	padding: 0 5px 0 5px;
	float: right;
}

div.lesson div.description {
	margin: 9px;	
	color: #666;
}

div.lesson div.description p {
	font-style: italic; 
}

/* @end */

/* @group Edit */

/* @group Manuals */

div.edit_lesson div#manuals {
	background-color: #e6e6e6;
	margin: 10px -10px -10px -10px;
	padding: 10px;
}


div.edit_lesson div#manuals ul h3 {
	padding-bottom: 5px;
}

div.edit_lesson div#manuals ul ul {
	margin-left: 10px;
}

div.edit_lesson div#manuals textarea {
	height: 60px;
	width: 440px;
	margin: 5px 0;
	font-size: 11px;
}

div.edit_lesson div#manuals div.header img {
	vertical-align: middle;
}

/* @end */

div#column1.edit_lesson {
	width: 390px;
}

div.lesson_details {
	/*background-color: #efecc8;*/
}

div#column1.edit_lesson .head a {
	text-decoration: underline;
}

div#column1.edit_lesson .items {
	font-size: 16px;
}

div#column1.edit_lesson .items a {
	text-decoration: underline;
	color: #0c0083;
}

div#column1.edit_lesson .items p {
	line-height: 28px;
}

div#column1.edit_lesson .items input {
	font-size: 14px;
}

div#column1.edit_lesson p.edit_version {
	float: right;
	margin-right: 24px;
}

div#column1.edit_lesson div.lesson_description {
	border: 1px dashed gray;
	padding: 10px;
	background-color: #fdfdfd;
}

div#column1.edit_lesson div.lesson_notes {
	border: 1px dashed red;
	padding: 10px;
	background-color: #ffcbb7;
}

div#column1.edit_lesson div.lesson_notes p,
div#column1.edit_lesson div.lesson_description p {
	line-height: 18px;
}

div#column1.edit_lesson #lesson_permission {
	width: 280px;
}

div#column1.edit_lesson #edit_lesson_permission img.permission {
	margin-left: 10px;
	vertical-align: -2px;
}

div#column1.edit_lesson .items textarea {
	padding: 5px;
	height: 140px;
	margin-bottom: 10px;
	margin-top: 10px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}


div#column2.edit_lesson {
	margin-left: 410px;
}

div#column1.edit_lesson .tags ul li {
	line-height: 24px;
}

div#column1.edit_lesson .tags ul li img {
	vertical-align: -2px;
	margin-left: 10px;
}

div#column1.edit_lesson .tags input {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 18px;
	font-size: 14px;
}


div.edit_lesson .items + .head {
	border-top: 2px solid gray;
}



/* @end */

/* @group Sidebar */

div#LessonSidebar {
	width:200px;
	background-color:white;	
	border: 2px solid gray;
	float:left;
	min-height:60px;
	padding-top: 0px;
}

div#LessonSidebar .head + .items h3 {
	margin-top: -10px;
}

div#LessonSidebar h3 {
	background-color:gray;
	color: white;
	font-weight:bold;
	font-size:.9em;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom: 5px;
}

div#LessonSidebar .tags {
	
}

div#LessonSidebar p.lesson_edit {
	margin-bottom: 10px;
}

div#LessonSidebar a {
	text-decoration: underline;
}

div#LessonSidebar h3 a {
	color: white;
}

div#LessonContent div.digg {
	padding: 5px;
}



/* @end */

/* @group Content */

div#LessonContent {
	margin-left:215px;
	margin-bottom: 40px;
	border: 2px solid gray;
	background: white;
	min-width: 650px;
}

div.description p {
	/*font-style: italic;*/
}


div#LessonContent a, 
div#column2 a, 
div.lesson_step div.instructions a {
	text-decoration: underline;
	color: #264b7b;
}

div#content div.lesson_step h3 {
	font-weight: bold;
}

div#content .lesson_step {
	margin-bottom: 1em;
	padding-bottom: 1em;
}

div#content .lesson_step + .lesson_step {
	border-top: 1px solid #999;
}

div#content div.lesson_step .movie,
div#content div.lesson_step .image {
	margin-top:10px;
	margin-bottom:10px;
}

 


div#content div.lesson_step .image img {
	border: 1px solid #ddd;
	padding: 5px;
}

div#content div.lesson_step a.preview-image {
	text-decoration: underline;
	color: #001c8c;
}





/* @end */

/* @group NavFooter */

div.margin-center {
	max-width: 900px;
	min-width: 700px;	
	margin-left: auto;
	margin-right: auto;
}

#NavFooter {
	position:fixed;
	bottom:0px;
	left:0px;
	background-color:black;
	width:100%;
	text-align:center;
	height:2em;
	padding: 10px 0 10px 0;
}

#NavFooter td {
	width:20%;
}

#NavFooter.Lessons table {
	width:100% ;
	margin-left: auto;
	margin-right: auto;
}

#NavFooter.Lessons td {
	width:30%;
}

#NavFooter a {
	color:white;
	text-decoration:underline;
}

#NavFooter .alignRight {
	text-align:right;
}

#NavFooter .alignCenter {
	text-align:center;
}

#NavFooter .alignLeft {
	text-align:left;
}


select.footerNav {
	width:190px;
}


/* @end */

p.back_link {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 5px; 
	font-size: 14px;
	
}

p.back_link a {
	text-decoration: underline;
	color: #1c3374;
}

/* @end */

/* @group Account */

div.account-details {
	overflow: hidden;
	width: 480px;
}

div.account-details p.prompt {
	font-style: italic;
	color: gray;
	margin-bottom: 5px;
}

div.account-details h2 {
	margin: 0;
	color: #0c0083;
	font-weight: bold;
	padding-top: 0;
}

div.account-details select {
	font-size: 18px;
	width: 130px;
}

div.separator {
	margin: 15px 0 15px 0;
	border-bottom: 1px solid black;
}

div.account-details #edit_company {
	border: 1px solid gray;
	padding: 5px;
}

div.account-details .domain {
	padding: 8px;
}

div.account_statistics {
	float: right;
	width: 340px;
	margin-left: 10px;
}

div#account-details-logo {
	border: 2px solid gray;
	/*float: left;*/
	padding: 20px;
	width: 400px;
}

div#account-details-logo.centered {
	margin-left: auto;
	margin-right: auto;	
	width: 400px;
	margin-top: 50px;
	float: none;
}


div#account-details-logo h2 {
	margin: -20px -20px 10px -20px;
	padding: 10px;
	color: white;
	background: #d50a00;
}

div#account-details-logo a {
	text-decoration: underline;
	color: #1c3374;
}

div#account_about textarea {
	font-size: 13px;
	height: 300px;
	width: 440px;
	margin-bottom: 10px;
	padding: 5px;
}

/* @group Upgrade */



/* @end */

/* @group Nav */

div#account-nav{
	height: 30px;
	margin-left: 0px;	
}


div#account-nav ul {
	float: left;
}

div#account-nav ul li {
	float: left;
	padding: 7px;
}

div#account-nav ul li a {
	text-decoration: underline;
	font-weight: bold;
	color: #d70a00;
	font-size: 14px;
}

div#account-nav ul li.here {
	background: white;
}

div#account-nav ul li.here a {
	text-decoration: none;
	color: #f00;
}



/* @end */

div#confirm_change table td.label {
	padding-right: 10px;
}

div#confirm_change table td {
	padding-bottom: 5px;
}

/* @end */

/* @group Tables */

table.manage {
	width:100%;
	border-collapse:collapse;
	margin-bottom: 10px;
	border: 1px solid gray;
	margin-left: 1px;

}



table.manage td.filter {
	background-color: #465f89;
	color: white;
	vertical-align: middle;
}

table.manage td.filter h2 {
	padding: 0;
	margin: 3px 0;
}

table.manage td.filter form {
	text-align: right;
	margin-right: 5px;
}

table.manage table {
	width: 100%;
}

table.manage table td {
	border: none;
	padding: 0;
}

a + div > table.manage {
	margin-top: 10px;
}

tr.alt {
	background-color: #eeebcb;
}


table.manage  td, 
table.manage th {
	font-size: 14px;
	border:1px solid gray;
	padding:3px 5px 3px 5px;
}

table.manage th {
	font-weight: bold;
	vertical-align: middle;
}

.no_password {
	font-style:italic;
	color: #b3b3b3;
}

table.manage th.name {
	width:280px;
}

table.manage img {
	padding: 0;
	margin: 0;
}

table.manage th.check {
	width:160px;
}

table.manage th.password {
	width:200px;
}

table.manage th.size {
}

/* @end */

/* @group Public */

div#single-column {
	width: 680px;
	/*margin-left: auto;
	margin-right: auto;*/
	background: #f4f4f4;
	border: 1px solid gray;
}

div.lesson {
	padding: 5px;
	padding-right: 15px;
}

div.lesson td.LessonTitle {
	font-size: 18px;
	padding: 7px;
}


div#column1 div.lesson td.LessonTitle,
div#column2 div.lesson td.LessonTitle {
	width: 400px;
}

div#single-column div.lesson td.LessonTitle {
	width: 590px;
}





/* @end */

/* @group Comments */

div.comments {
	/*background-color: #666;*/
}

div#comments {
	width: 400px;
	background-color: #f3f3f3;
	border: 1px solid gray;
	margin: 20px;
}


div.comments h2 {
	/*background-color: #264b7b;*/
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	color: #666;
	/*margin-bottom: 10px;*/
	margin-top: 0;
}

div.comments h2#comments_count {
	margin-top: -10px;
	font-size: 16px;
}

div.comments div#add_comment h2 {
	margin-bottom: 10px;
	font-size: 16px;
}

div.comments a.add_comment {
	text-decoration: underline;
	color: white;
	font-size: 16px;
}

div.comments #add_comment #notice {
	width: 75%;
}

div.comments div#add_comment textarea {
	padding: 5px;
	font-size: 13px;
	height: 150px;
	width: 600px;
}

div.comment {
	margin: 5px 10px 5px 10px;
	text-align: left;
	padding: 15px 7px;
	color: #000;
	border-bottom: 1px dotted gray;
}

div.comment_edit {
	padding: 0px 7px;
}

div#comment_notice {
	color: green;
}

#content div.comment_edit p {
	color: #513333;
}



#content div.comment_details {
	font-size: 90%;
	margin-top: 10px;
}

#content div.comment_details span.commentor_name {
	color: #264b7b;
}


div.comment + div.comment {
	border-bottom: none;
}

#comments div.comment.moderated {
	background-color: white;
	border: 2px solid red;
	color: red;
	width: 384px;
	margin-left: 20px;
	padding-top: 0px;
	border-bottom: 2px solid red;
}

div.comment.unapproved {
	background-color: #ffffe0;
	border: 1px solid gray;
	border-bottom: 1px solid gray !important;
}




div.comment .name {
	font-weight: bold;
	color: #003e82;
	font-size: 14px;
}

div.comment .date {
	font-size: 12px;
	color: #746666;
}

div#comments_index div.comment td.delete a,
div.comment a {
	text-decoration: underline;
	color: red;
}



div#recaptcha_area {
	margin-bottom:10px;
	margin-top: 10px;
}

#add_comment form p.field_title {
	/*color: white;*/
}

div#comments_index div.comment {
	margin: 7px 0 7px 0;
}

div#comments_index div.lesson_title a,
div#comments_index td a,
div#comments_index div.approved a {
	color: #0c0083;
}

div#comments_index div.lesson_title,
div#comments_index div.delete {
	float: left;
	margin-right: 20px;
}

div#comments_index table td {
	padding: 5px 30px 5px 0;
}

div#comments_index div.author,
div#comments_index div.posted_on {
	float:left;
	margin-right: 20px;
}

div#comments_index div.comment_content {
	background-color: white;
	padding: 5px;
	margin: 10px 0 0px 0;
}

div#comments_index div.comment_content p {
	margin-bottom: 0;
}

div#comment_added {
	width: 368px;
	border: 2px solid green;
	padding: 15px;
	margin-left: 20px;
}

div#comment_added h2 {
	background-color: green;
	color: white;
	margin: -17px -17px 0px -17px;
}

div#add_comment {
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 5px;

	font-size: 16px;
}

#comment_form label {
	font-size: 10px;
	margin-left: 7px;
}


/* @end */

/* @group Manuals */

div.single-window.create {
	width: 350px;
	padding: 0;
	min-height: 100px;
}

div.single-window.create h1 {
	padding: 10px;
	background-color: #0c0083;
	color: white;
}

div.single-window.create p {
	font-size: 16px;
}

div.single-window.create input#manual_title {
	margin-top: 10px;
}

div.single-window.create input.button {
	font-size: 16px;
}

div.single-window.create a {
	color: red;
	font-size: 14px;
}

li.image_bullet img,
div#manual_permissions img {
	float: left;
	margin-right: 5px;
	margin-top: 1px;
}

div#group_users,
div#viewable_readers {
	min-height: 100px;
	padding: 10px;
	border: 1px dotted gray;
	margin: 15px;
}


div.manuals_list #column1 {
	width: 460px;
	float: right;
}

div.manuals_list #column2 {
	margin-left: 470px;
	min-height: 400px;
}

div#message {
	width: 380px;
	padding: 0 10px 10px 5px;
}

div.customize {
	margin-top: 10px;
}

div.customize a {
	color: red;
}

div#column1.manual {
	border: none;
	margin-left: 620px;
}

div#column1.manual h2 {
	padding-top: 0;
}

#content h2.manual_title {
	padding: 5px 0;
	font-size: 24px;
	/*margin-left: 290px;*/
	text-align:center;
	border-bottom: 1px solid gray;
	background-color: #ebebeb;

}

#content div#column2.manual.center {
	margin: 0 auto;
	width: 600px;
}

#ManualSidebar ul.sideNav li a.edit {
	float: right;
	padding: 4px;
}





/* @end */

/* @group Tags */

table.tag_header {
	width: 100%;
}

table.tag_header td.search_form {
	text-align: right;
	padding: 5px;
}

table.tag_header td.search_form #search_form {
	margin: 0;
}

div.tags_sidebar ul li {
	font-size: 12px;
}

div#column1 div.tags_sidebar ul.sideNav li a {
	padding-bottom: 5px;
	padding-right: 7px;
	padding-left: 14px;
	padding-top: 5px;
}

.css1 { font-size: 1.0em; }
.css2 { font-size: 1.2em; }
.css3 { font-size: 1.4em; }
.css4 { font-size: 1.6em; }




/* @end */

/* @group iPhone Message */

#header div.iphone-message + #header h1 {
	clear: left;
}

div.iphone-message {
	float: left;
	margin-left: 5px;
}

div.iphone-message a {
	color: #0c0083;
	background-color: #efecca;
	border-color: #8d0000;
	border-width: 1px;
	padding: 5px;
}

/* @end */

/* @group Help */

div.help {
	margin: 20px;
	color: #2e2e2e;
	/*border-style: solid;
	border-width: 1px;*/
	padding: 12px;
}

div.help h2 {
	padding-top: 0;
}

div.help p {
	font-size: 16px;
	line-height: 24px;
}

div.help ol {
	list-style-type: decimal;
	list-style-position: outside;
	font-size: 16px;
	margin-top: 10px;
	margin-left: 40px;
	color: #8d0000;
}

div.help ol li a {
	color: #8d0000;
	font-weight: bold;
}

div.help ol li a:hover {
	text-decoration: underline;
}

div.help ol li {
	padding-bottom: 5px;
}

div#help {
	background-color: #fbffbf;
	border: 2px solid gray;
	padding: 5px 10px;
	padding-left: 20px;
	width: 50%;
	margin: 0 auto;
	margin-bottom: 10px;

}

div#help h3 {
	/*color: red;*/
	padding: 5px 0 0 0;
	margin-bottom: 5px;
	border-bottom: 1px solid;
}

div#help a {
}

div#help ul {
	margin-left: 10px;
	margin-bottom:10px ;
}

div#help a.control {
	color: red;
	font-size: 12px;
}

/* @end */

/* @group About */

div#heading {
	text-align: left;
	/*margin-bottom: 10px;*/
	padding: 15px;
	/*background-color: #d4eafc;*/
	
	border-bottom: 1px solid gray;
	color: #0c1735;
}

div#heading h1 {
	font-size: 32px;
	line-height: 32px;
}

div#heading p {
	font-size: 14px;
	line-height: 20px;	
}

div#heading a {
	text-decoration: underline;
}

div#heading img {
	float: right;
	margin-left: 20px;
	margin-right: 50px;
	margin-top: 20px;
}

div#heading a.rss img {
	float: none;
	margin-right: 3px;
	margin-left: 5px;
	margin-bottom: -2px;
	margin-top: 0px;
}

div.legal {
	padding: 20px;
}

/* @group Comp Table */

table.comparison {
	width: 700px;
	margin-top: 10px;
}

table.styled {
	border: 1px solid gray;
	border-collapse: collapse;
	margin: 10px 0;
}

table.styled tr.odd {
	background-color: #d4eafc;
}

table.styled td.price,
table.styled th {
	background-color: #48638e;
	padding: 3px;
	color: white;
}

table.styled th {
	text-align: center;
}

table.styled a {
	color: #008400;
	text-decoration: underline;
	font-weight: bold;
}

table.styled th.feature,
table.styled td.feature {
	text-align: left;
	padding-left: 7px;
}

table.styled td.price {
	font-weight: bold;
}

table.styled td {
	border: 1px solid gray;
	padding: 3px;
	text-align: center;
}

table.styled td.feature {
	width: 300px;
	padding-left: 7px;
}

table.styled td.team,
table.styled td.basic,
table.styled td.free {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

table.styled td.label {
	text-align: left;
	padding-left: 10px;
}

table#account_type {
	width: 100%;
	margin-bottom: 10px;
}

table#account_type td {
	text-align: center;
	vertical-align: middle;
	border: none;
}

table#account_type th {
	border: none;
	font-size: 14px;
}

table#account_type tr {
	border-bottom: 1px solid grey;

}

table#account_type th {
	font-weight: bold;
}

table#account_type th.authors_admins {
	width: 100px;
}

table#account_type td.title {
	background-color: #606060;
	color: white;
	font-size: 12px;
	padding: 7px;
	text-align: left;
	border-right: 1px solid grey;
}

table#account_type th.title {


}


table#account_type tr.current_type td.title {
	color: black;	
}


table.comparison tr.current_type,
table#account_type.comparison tr.current_type td.title {
	background-color: #e6e6e6;
}

table.comparison tr.current_type span.upgrade {
	font-style: italic;
}



table#account_type td.title span.type_title {
	font-size: 18px;	
}

table#account_type td.title a {
	color: #fcff00;
	font-weight: normal;
}

/* @end */



/* @group FAQs */

/*div.faqs {
	background-color: #ebebeb;
	padding: 5px 10px;
}*/

div.question p {
	font-weight: bold;
	margin-bottom: 10px;
}

div.answer p {
	font-style: italic;
}


/* @end */

/* @end */

/* @group Signup Form */

/* @group Good Signup */

div.signup_complete p,
div.signup_complete ol li {
	font-size: 16px;
	padding: 10px 0;
}

div.signup_complete h2 {
	font-weight: bold;
}

div.signup_complete code {
	font-family: "Courier New", Courier, mono;
	border: 1px solid gray;
	padding: 3px;
	margin: 0 3px 0 0;
	background-color: #f8ff8c;
}

div.signup_complete a {
	background-color: #f8ff8c;
	padding: 3px;	
	margin-left: -3px;
	font-weight: bold;
}

/* @end */



p.trial_expiration {
	font-weight: bold;
	margin-top: 10px;
}

fieldset.form_section {
	text-align: left;
	border: 0;
	border: 1px solid gray;
	background-color: #d4eafc;
	padding: 15px;
	font-family: verdana;
	margin: 0 auto 25px auto;
	width: 400px;
}

fieldset.form_section p {
	margin-bottom: 0;
}

fieldset.form_section legend {
	font-size: 16px;
	font-weight: bold;
	color: #1c3374;
	padding: 0 5px;
	margin-left: -5px;
}

fieldset p em {
	font-style: italic;
}

div.section_divider {
	margin: 10px 5px 10px 0px;
	border-bottom: 1px solid gray;
}

fieldset.accept_terms {
	border: 2px solid green;
}

fieldset.accept_terms legend {
	color: green;
}

fieldset.accept_terms a {
	color: blue;
	text-decoration: underline;
}

fieldset.accept_terms input {
	font-size: 16px;
}





/* @end */

/* @group Ads */

div.ads {
	/*border: 1px solid yellow;*/
	text-align: center; 
	
	padding: 10px;
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	background-color: #d4eafc;
}


div#lesson_ads {
	margin-top: 0px;
	margin-bottom: 15px;
}

div#footer_ads {

}

div#side_ads {
	text-align: center;
	float: right;
	width: 170px;
	border: 1px solid gray;
	padding: 10px 3px;
	margin-left: 10px;
}

div.right_sidebar div#side_ads {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

div.right_sidebar {
	width: 290px;
	float: right;
}

div.right_sidebar .items + .head {
	border-top: 2px solid gray;
}

div.right_sidebar.background {
	border: 2px solid gray;
	background-color: white;
	padding-bottom: 15px;
}

div.right_sidebar.no_border {
	border: none;
	padding-top: 0;
	padding-left: 0 10px 10px 10px;
}




/* @end */

/* @group Contact */



div.address {
	font-size: 14px;
	margin-top: 20px;
}

span.company_title {
	font-size: 16px;
	line-height: 30px;
}


/* @end */

/* @group Next Steps */
div.next_steps .LessonTitle {
	background-color: #d4eafc;
	margin:20px -10px;
	padding-left: 15px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

div.next_steps div.lessonStep {
	margin: 0 -15px;
	padding: 15px;
	border-bottom: 1px dashed gray;
}

div.next_steps img {
	padding: 5px;
	border: 1px solid gray;
	margin: 10px 0;
}


/* @end */

/* @group Plans */

table.plans {
	border: 6px solid gray;
	text-align: center;
	border-collapse:collapse;
}


table.plans td {
	padding: 5px;
	font-size: 14px;
	text-align: center;
	border: 1px solid gray;
}

table.plans td.label {
	text-align: right;
	padding-left: 10px;
	color: white;
	background-color: #293953;
}

table.plans td.label a {
	color: white;
}

table.plans tr.plan_types td {
	font-weight: bold;
	background-color: #d4eafc;
	padding: 15px;
	width: 100px;
}

table.plans tr.plan_types td a {
	color: #264b7b;
}

table.plans tr.plan_types span.type {
	font-size: 120%;
}

table.plans tr.plan_types span.price {
	color: #474747;
	font-size: 90%;
	font-weight: normal;
	
}

table.plans tr.plan_groups td.no_background {
	border-bottom: none;
	background-color: #293953;
}

table.plans tr.plan_types td.no_background {
	background-color: #293953;
	border-top: none;
	width: inherit;
	
}


table.plans tr.plan_groups td {
	border-bottom: 1px solid gray;
}

table.plans tr.plan_groups td.business {
	background-color: #008f17;
	color: white;
}

table.plans tr.plan_groups td.best {
	background-color: #000;
	color: white;
}

div.faqs {
	margin-top: 30px;
}

div.faqs div.section {
	margin-bottom: 20px;
}

div.faqs div.section div.question p {
	font-size: 120%;
}

/* @end */

/* @group Manual */

div.manual {
	width: 600px;
	border: 1px solid gray;
	margin-top: 20px;
}

div.manual_container.center div.manual {
	margin-left: auto;
	margin-right: auto;
}

#content div.manual div.head {
	/*background: #e2e2e2 none;*/
	
	border-bottom: 1px solid gray;
	/*background: #fff none;*/
}

div.manual_content {
	/*border: 1px solid gray;*/
}



div.manual_container.left_side div.manual {
}

div.manual_sidebar {
	padding-right: 5px;
}

div.manual_container.left_side div.manual_sidebar {
	float: right;	
	width: 270px;
	/*margin-left: 620px;
	margin-top: 25px;*/
}

div.manual_container.center div.manual_sidebar {
	float: right;
	margin-right: 25px;
}

div.sidebar_header div.customize {
	float: right;
}

div.manual_content table.lessons {
	width: 100%;
	margin: 0 auto;
}

div.manual_content table.lessons td.title {
	width: 540px;	
}

div.manual_content ul#sections div.lesson {
	padding: 5px;
}

div.manual_content ul#sections div.lesson span.tags {
	margin-left: 10px;
}

div.manual ul.links_list li {
	padding-bottom: 5px;
	font-size: 14px;
}

div.manual ul.links_list span.embed {
	float: right;
}

div.manual ul.links_list span.embed a {
	color: red;
}

div.manual ul.links_list div.notice {
	margin-top: 5px;
}

table.manual_tag_index {
	width: 100%;	
}

table.manual_tag_index td.action {
	text-align: right;
	padding-right: 10px;
}

table.manual_tag_index td.action a {
	color: red;
}

/* @end */

/* @group Readers */

ul.checkboxes li span.title {
}

ul.checkboxes li .check {
	float: right;
	margin: 0;
}

ul.checkboxes a.widget {
	float: right;
}

table.checkboxes {
	width: 100%;
}

table.checkboxes td {
	vertical-align: middle;
}

table.checkboxes td.control {
	width: 25px;
}

table.checkboxes tr.subset td {
	/*background-color: #c8f0ff;*/
}

table.checkboxes td ul {
	margin-left: 25px;
	list-style: disc;
	font-style: italic;
	color: #616161;
}



.hidden {
	/*display: none;*/
}

p.help {
	margin: 10px 0 0 0;
	padding: 5px;
	background-color: #fbffbf;
	color: #585858;
}

/* @end */

/* @group Groups */

table.manage.groups th {
	width: 27%;
}

table.manage.groups td {
	vertical-align: middle;
}

table.manage.groups tr.details td {
	vertical-align: top;
}

table.manage.groups td.actions a img {
	margin: 0 3px;
}

table.manage.groups tr.details td {
	background-color: #c1e8fe;
}

table.manage.groups tr.details td h4 {
	padding: 0;
	font-weight: bold;
}

table.manage.groups tr.details td ul {
	list-style: disc;
	margin-left: 25px;
	color: #616161;
}

table.manage.manage_manuals td span,
table.manage.manage_manuals td a img {
	vertical-align: middle;
	padding-right: 5px;
}

table.manage_manuals td.control {
	width: 25%;
}

/* @end */

/* @group Signup */

div#signup {
	color:#333333 !important;
	font-family:"Helvetica Neue",Arial,sans-serif;
	margin: 0 15px;
}

div#signup h3 {
	margin: 0px;
	background-color: #fafffb;
	color: #206e00;

}

div#signup p {
	font-size: 95%;
	color: #333;
	
}

div#signup table.form td,
div#signup table.form th {
	font-size: 95%;
}

.form {
	width: 100%;
  	background-color: #f4f4f4;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
}

.form p.info {
	margin-top: 5px;
	font-size: 95%;
	color: #626262;
}

.form input {
  border: 1px solid #ccc;
}

.form td.buttons input {
	border: 1px solid #606060;
	font-size: 14px;
	background-color: #ebebeb;
	/*text-decoration: underline;*/
}

.form td.buttons input.create {
	color: white;
	background-color: green;
}

.form td.buttons input.delete {
	color: white;
	background-color: red;
}

.form.wide th {
	width: 15em;
}

.form td.buttons input {
	float: left;
	margin-right: 15px;
	padding: 3px;
}

.form td.buttons input:hover {
	cursor: pointer;
}


input.signup {
	font-size: 16px;
}

.form tr.new_section td,
.form tr.new_section th {
	border-top: 1px solid #ccc;
}

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

.form th {
  text-align: right;
  border: none;
  width:10em;
}

.form th label {
	font-weight: bold;
}

#content a.cancel {
	margin-left: 10px;
	color: red;
}

div#signup div.credit_card p {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.plan-type {
	background-color: #bec;
	margin: -15px;
	padding: 10px 20px;
}

#heading div.plan-type h2 {
	color: #005909;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5em;
}

div.plan-type a {
	color: #394e71;
	margin-left: 5px;
}

div.section {
	background-color: #f1f8ff;
	margin-bottom: 20px;
	padding: 5px 15px;
	border: 1px solid #ccc;	
	font-size: 12px;
}

div.section h3 {
	padding: 5px 15px;
	margin: -5px -15px 0 -15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	background-color: #48638e;
	color: white;
}

table.info {
	border-collapse: collapse;
}

table.info th {
	border: none;
	font-weight: bold;
	padding-right: 20px;
	text-align: right;
}

table.info.settings td {
	padding: 5px;
}




/* @end */

/* @group Login */

div.login {
	text-align: center;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

div.login p	{
	margin-bottom: 15px;
}

div.login table.form {
	border: 2px solid #606060;
}



/* @end */

/* @group Admin Window */

.admin-window p {
	margin-bottom: 10px;
}

.admin-window div.create {
	margin-bottom: 10px;
}

.admin-window div.create a img {
	margin-top: 5px;
}



.admin-window div.filter-head {
	min-height: 40px;
	border: 1px solid gray;
	/*width: 100%;*/
}

.admin-window div.filter-head h2 {
	line-height: 30px;
	margin-top: 6px;
}

table.create {
	margin-bottom: 10px;
}


div.manuals_list.message {
	float: right;
	margin-top: -3px;
}

table.create.manuals td.message {
	text-align: right;
	width: 75%;
}

table.create td {
	vertical-align: middle;
	padding-right: 5px;
}

table.create td a {
	color: #0755a9;
}

/* @end */

/* @group Custom Templates */

table#custom_template th {
	padding: 0;
	text-align: left;
	width: 50%;
	background-color: #48638e;
	color: white;
	padding: 5px 10px;
}

table#custom_template th h3 {
	padding: 0;
}

table#custom_templates th.template_title {
	/*width: 80%;*/
}

table#custom_templates td.actions {
	width: 100px;
}

table#custom_templates th.active {
	width: 50px;
}

table#custom_template label {
	font-weight: bold;
}

table#custom_template td.template_list {
	border-left: 1px solid gray;
	padding-left: 10px;
	background-color: #606060;
}

table#custom_template td.template_list table.custom_templates {
	width: 100%;
}

table#custom_template td.template_list table td {
	padding-bottom: 15px;
	font-size: 16px;
}

table#custom_template td.template_list table td.title {
	/*width: 250px;*/
}

table#custom_template td.template_list table td.preview {
	width: 110px;
}

table#custom_template td.template_list table td a {
	color: white;
}


table#custom_template td.template_list table td.here a {
	text-decoration: none;
	font-weight: bold;
	color: #f3d725;

}

table#custom_template td.template_list p {
	color: white;
	font-size: 12px;
	
}

table#custom_template form.inplaceeditor-form {
}

table#custom_template a.editor_cancel_link.editor_cancel {
	color: white;
	font-size: 12px;
}

table#custom_template input.editor_ok_button {
	margin: 0 10px;
}

table#custom_template #edit_title {
	color: #f2f582;
}

table#custom_template td.template_list table td div.preview {
	font-size: 11px;
	color: white;
	width: 80px;
	float: right;
}

table#custom_template td.template_list table td div.preview a {
	color: white !important;
	text-decoration: underline !important;
	font-weight: normal !important;
}

table#custom_template td.template_list table td img {
	padding: 0 5px;
}

#template_page textarea {
	width: 400px;
	margin-top: 10px;
}

/* @end */