/* @override 
	http://bmls.screenstepslive.local/stylesheets/screensteps_layout.css?1239043063
	http://bmls.screenstepslive.local/stylesheets/screensteps_layout.css
	https://bmls.screenstepslive.com/stylesheets/screensteps_layout.css?1243608874
*/

div#ScreenStepsContent {
	width: 910px;
	margin:0 auto;
	font-size: 13px;
	margin-top: 10px;
	text-align: left;
}

div#ScreenStepsContent h1,
div#ScreenStepsContent h2,
div#ScreenStepsContent h3 {
	margin: 0;
}

div#ScreenStepsContent .clear {
	clear: both;
}

div#ScreenStepsContent p {
	margin: 0;
	margin-bottom: 10px;
}

div#ScreenStepsContent a img {
	border: none;
}


div#ScreenStepsContent div.inside {
	padding: 10px;
}



/* @group Errors */

#ScreenStepsContent .fieldWithErrors {
  padding: 2px;
}


#ScreenStepsContent #errorExplanation {
  border: 2px solid red;
  padding: 7px;
  text-align: left;
  width: auto;
  margin: 0;
}

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

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

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

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

/* @end */

/* @group ScreenStepsBreadCrumb */

div#ScreenStepsBreadCrumb {
	padding: 0	5px;
	margin-left: 5px;
}

/* @end */






/* @group ScreenStepsSidebar */

div#ScreenStepsSidebar {
	float: right;
	width: 300px;
	margin-top: 10px; 
}

div#ScreenStepsSidebar div.header {
  border-bottom: none;
}

div#ScreenStepsSidebar h2 {
	margin-top: 0;
	margin-bottom: 0;
}

div#ScreenStepsLesson div#ScreenStepsSidebar {
	width: 220px;
}

* html div#ScreenStepsLesson div#ScreenStepsSidebar {
	zoom:1;
}

div#ScreenStepsSidebar div.sidebar_block {
	margin-bottom: 20px; 
}

div#ScreenStepsSidebar div.sidebar_block ul {
	list-style: none;
}

div#ScreenStepsSidebar div.sidebar_block form select {
	width: 90%;
}

 
div#ScreenStepsContent div.header {
	border-bottom: none;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	min-height: 32px;
}

* div#ScreenStepsSidebar div.header {
	height: 32px;
}


* html div#ScreenStepsSidebar div.sidebar_block div.sidebar_bottom {
	zoom:1;
}


div#ScreenStepsSidebar div.sidebar_block h2 {
	text-align: center;
	padding: 5px 10px 3px 10px;
	font-size: 1.3em;
	font-weight: normal;
	 
}


div#ScreenStepsContent div.column_body {
	border: 1px solid #273442;
	padding-bottom: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}


div#ScreenStepsSidebar div.sidebar_block ul.navigation {
	margin-bottom: 10px; 
	height: 100%;
	padding: 10px;
	padding-bottom: 0;
}

div#ScreenStepsSidebar div.sidebar_block ul {
	padding: 5px 10px;
}

div#ScreenStepsSidebar div.sidebar_block ul li {
	padding-bottom: 5px;
}


div#ScreenStepsSidebar div.sidebar_block ul.manuals li {
	font-size: 1.2em;
	padding-bottom: 10px;
	background: url(../images/manual.png) no-repeat left top;
	list-style-position: outside;
	padding-left: 30px;
}

div#ScreenStepsSidebar div#widgets table {
	margin: 0 10px; 
	
	}
	div#ScreenStepsSidebar div#widgets table td div {
		text-align: left;
		}


div#ScreenStepsSidebar h3 {
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 3px 10px;
	font-weight: bold;
}




/* @end */

/* @group Message */

div#ScreenStepsContent div#ScreenStepsMessage {
	min-height: 100px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	height: 10px;
	border: 1px solid #273442;
	border-top: none;
}
div#ScreenStepsMainContent div.no_content {
	padding: 10px;
}


/* @end */


/* @group ScreenStepsMainContent */

div#ScreenStepsMainContent {
	margin: 10px 0 30px 0;
	width: 600px;
	float: left;
}

div#ScreenStepsMainContent.single_column {
	/*margin-left: auto;
	margin-right: auto;
	float: none;*/
}

div#ScreenStepsSidebar ul,
div#ScreenStepsSidebar li,
div#ScreenStepsMainContent ul,
div#ScreenStepsMainContent li,
div#ScreenStepsMainContent h1,
div#ScreenStepsMainContent h2,
div#ScreenStepsMainContent h3,
div#ScreenStepsMainContent form {
	margin: 0;
	padding: 0;
}

div#ScreenStepsMainContent h1 {
	margin-bottom: 0;
	margin-top: 0;
}

div#ScreenStepsLesson div#ScreenStepsMainContent {
	width: 680px;
}

div#ScreenStepsMainContent div.column_body {
	min-height: 200px;
}

* html div#ScreenStepsMainContent div.column_body {
	height: 200px;
}




div#ScreenStepsMainContent div.header h1 {
	padding: 3px 10px 3px 10px;
	font-weight: normal;
	font-size: 1.7em;
}

div#ScreenStepsMainContent div.header span.author {
  display: block;
  padding: 3px 10px 3px 10px;
	font-size: 1em;
}
/* @end */



/* @group Spaces */

div#ScreenStepsMainContent ul#spaces {
	padding: 10px 0;
}

div#ScreenStepsMainContent div.space_description {
	padding: 10px 10px; 
	padding-bottom: 0;
	border-bottom: 1px solid;
}

div#ScreenStepsMainContent ul#spaces li {
	list-style: none;		
	background: url(/images/space.png) no-repeat 10px 5px;
	padding: 5px 10px 5px 40px;
}

div#ScreenStepsMainContent ul#spaces li.protected {
	background-image: url(/images/protected_space.png);
}

* html div#ScreenStepsMainContent ul#spaces li {
	background-image: url(/images/space.gif);
}

* html div#ScreenStepsMainContent ul#spaces li.protected {
	background-image: url(/images/protected_space.gif);
}


div#ScreenStepsMainContent ul.index li h2 a:hover {
	text-decoration: underline;
}

div#ScreenStepsMainContent ul.index h2 a {
	text-decoration: none;
}

div#ScreenStepsMainContent ul#spaces li div.description {
	padding-top: 5px;
}




/* @end */



/* @group Assets */

div#ScreenStepsMainContent ul#assets li {
	list-style: none;		
	padding: 10px 10px 10px 40px; 
}

* html div#ScreenStepsMainContent ul#assets li { /*Fix expoding li elements in IE6*/
	zoom: 1;
}

div#ScreenStepsMainContent ul#assets li.manual {
  background: url(/images/manual.png) no-repeat 10px 11px;
  *background: url(/images/manual.png) no-repeat 10px 13px;
}

* html div#ScreenStepsMainContent ul#assets li.manual {
	background-image: url(/images/manual.gif);
}

div#ScreenStepsMainContent ul#assets li.bucket {
  background: url(/images/bucket_24.png) no-repeat 8px 11px;
  background: url(/images/section_24.png) no-repeat 10px 8px;
  *background: url(/images/section_24.png) no-repeat 10px 12px;
}

* html div#ScreenStepsMainContent ul#assets li.bucket {
	background-image: url(/images/section_24.gif);
}

div#ScreenStepsSidebar div.sidebar_block ul.with_divider {
	padding-top: 0;
}

div#ScreenStepsSidebar ul.assets li {
	padding: 5px 10px 5px 25px;
}

div#ScreenStepsSidebar ul.assets li.manual {
	background: url(/images/manual_16.png) no-repeat 0 5px;
}

div#ScreenStepsSidebar ul.assets li.bucket {
  background: url(/images/bucket_16.png) no-repeat 0 4px;
  background: url(/images/section_16.png) no-repeat 0 5px;
}

* html div#ScreenStepsSidebar ul.assets li.bucket {
  background-image: url(/images/bucket_16.gif); 
  background-image: url(/images/section_16.gif); 
}

div#ScreenStepsMainContent ul#assets li.divider {
	padding-left: 13px;
	border-bottom: 2px solid #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	div#ScreenStepsMainContent ul#assets li + li.divider {
		border-top: 2px solid #ccc;
		}
	div#ScreenStepsMainContent ul#assets li.divider h2.divider_title {
		font-weight: bold;
		}
	div#ScreenStepsMainContent ul#assets li.divider div.divider_content {
			font-size: 12px;
			}
			div#ScreenStepsMainContent ul#assets li.divider div.divider_content p {
				margin-bottom: 5px;
				margin-top: 5px;
}

			div#ScreenStepsMainContent ul#assets li.divider div.divider_content ol,
			div#ScreenStepsMainContent ul#assets li.divider div.divider_content ul {
				margin: 5px 0 5px 30px;
				}
				div#ScreenStepsMainContent ul#assets li.divider div.divider_content ol li {
					list-style: decimal;
					}
				div#ScreenStepsMainContent ul#assets li.divider div.divider_content ul li {
					list-style: disc;
				}
			
			
			
				div#ScreenStepsMainContent ul#assets li.divider div.divider_content ol li,
				div#ScreenStepsMainContent ul#assets li.divider div.divider_content ul li {
					padding:0;
				}
div#ScreenStepsSidebar ul.assets li.divider {
	padding: 0;	
	}
	div#ScreenStepsSidebar ul.assets li.divider h3 {
		padding-left: 0;
		border-top-width: 0px;
		margin: 0 -10px;
		padding: 3px 10px;
		}
	div#ScreenStepsSidebar ul.assets li + li.divider h3 {
		border-top-width: 1px;
		padding-top: 3px;
		}
	* html div#ScreenStepsSidebar ul.assets li.divider h3 {
		border-top-width: 1px;
}
				

/* @end */



/* @group Manuals */

div#ScreenStepsMainContent ul.manuals {
	list-style: none;
	font-size: 1.2em;
	margin-top: 10px;
}

div#ScreenStepsMainContent ul.manuals li {
	padding-bottom: 20px;
}

div#ScreenStepsMainContent div.manual ul.sections {
	list-style: none;
	font-size: 1.4em;
	padding: 15px;
}

div#ScreenStepsMainContent div.manual ul.sections li {
	padding-bottom: 10px;
}

div#ScreenStepsMainContent div.manual ul.sections ul.section_lessons {
	list-style: disc;
	font-size: .8em;
	margin-left: 25px;
	margin-top: 10px;
	list-style-type: none;
}

div#ScreenStepsSidebar div.manual_nav {
	padding: 5px 10px;
	text-align: center;
	margin-bottom: 10px;
}


div#ScreenStepsSidebar div.manual_nav ul {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

div#ScreenStepsSidebar ul li.toc {
	text-align: center;
}

* html div#ScreenStepsMainContent div.manual ul.sections {
	zoom:1;
}

div#ScreenStepsMainContent div.lower_nav {
	padding: 0px 15px 10px;
}


/* @end */





/* @group Comments */


div#comments div.controls a {
	display: block;
	float: left;
	margin-left: 10px;
}

div#comments div.controls a.delete {
	text-indent: -9999px;
	background: url(../images/delete.png) no-repeat;
	height: 16px;
	width: 16px;
}

div#comments div.controls a.email {
	text-indent: -9999px;
	background: url(../images/email.png) no-repeat;
	height: 16px; 
	width: 16px;
}

div#comments div.controls a.moderate {
	font-size: 80%;
	margin-top: 2px;
	text-decoration: underline;
}




/* @end */





/* @group Search */


div#ScreenStepsMainContent div.search {
	padding: 5px;
	padding-left: 10px;
}

div#ScreenStepsMainContent table#screensteps_search {
	width: 100%; 
	text-align: left;

}

div#ScreenStepsMainContent table#screensteps_search tr.second_row td {
	padding-top: 3px;
	}


div#ScreenStepsMainContent table#screensteps_search td.search_field {
	width: 300px;
}

div#ScreenStepsMainContent table#screensteps_search td.sort_select {
	padding-right: 7px;
}

div#ScreenStepsMainContent table#screensteps_search td.sort {
	padding-top: 3px;
	text-align: right;
	padding-right: 5px;
	}
	div#ScreenStepsMainContent table#screensteps_search td.sort select {
		float: right;
		}


div#ScreenStepsMainContent table#buckets_search td,
table#manuals_search td {
	padding-left: 5px; 
}

div#ScreenStepsMainContent table#screensteps_search td input#text,
div#ScreenStepsMainContent table#buckets_search td input#text,
table#manuals_search td input#text {
	font-size: 14px;
	width: 95%;
}

div#ScreenStepsMainContent table#screensteps_search td.reset_search,
div#ScreenStepsMainContent table#buckets_search td.reset_search,
table#manuals_search td.reset_search {
	text-align: right;
	width: 100px;
	padding-right: 10px;
}

div#ScreenStepsMainContent table#screensteps_search td.reset_search a,
div#ScreenStepsMainContent table#buckets_search td.reset_search a,
table#manuals_search td.reset_search a {
	text-decoration: underline;
}




/* @end */



/* @group Manuals */

div#ScreenStepsMainContent div.header h1.manual_title {
	background-position: 7px 5px;
	padding-left: 35px;
	background: url(../images/manual.png) no-repeat 8px 5px;
}

* html div#ScreenStepsMainContent div.header h1.manual_title {
	background-image: url(/images/manual_24.gif);
}

/* @end */



/* @group Buckets  */

div#ScreenStepsMainContent div.header h1.bucket_title,
div.header h1.bucket_title {
	padding-left: 35px;
  background: url(../images/bucket_24.png) no-repeat 5px 8px;
  background: url(../images/section_24.png) no-repeat 5px 8px;
}

* html div#ScreenStepsMainContent div.header h1.bucket_title {
  background-image: url(/images/bucket_24.gif);
  background-image: url(/images/section_24.gif);
}


div#ScreenStepsMainContent div.header h1.bucket_title {
	background-position: 10px 6px;
	padding-left: 40px;
}

/* @end */



/* @group Lessons */


div#ScreenStepsMainContent ul#lessons {
	list-style: none;
	margin-top: 10px;
}

div#ScreenStepsMainContent ul#lessons li.lesson {
	padding: 15px 10px;
}



div#ScreenStepsMainContent ul#lessons li.lesson h2 {
	font-size: 20px;	
	float: left;
	width: 400px;
}


* html div#ScreenStepsMainContent ul#lessons li.lesson {
	zoom:1;
}

div#ScreenStepsMainContent ul#lessons li.lesson span.author,
div#ScreenStepsMainContent ul#lessons li.lesson div.posted_at {
	float: right;
	margin-left: 10px;
	font-size: 10px;
}

div#ScreenStepsMainContent ul#lessons li.lesson span.author {
  clear: right;
}

div#ScreenStepsMainContent div.pagination {
	padding: 10px; 
}


/* @end */



/* @group Lesson Content */

div#LessonContent div.description {
	padding: 15px;
	border-bottom: 1px solid;
}

div#LessonContent div.step div.image {
	margin: 20px 15px;
}

div#LessonContent div.step div.image img {
	border: 1px solid #ddd;
	padding: 3px;
}


div#LessonContent div.step div.image a.preview_image {
	text-decoration: underline;
	font-size: 90%;
	float: right;
	margin-top: 5px;
}

div#LessonContent div.step {
	height: 100%;
	padding-bottom: 1px;
	border-bottom: 1px solid #d9d9d9;
}

div#LessonContent div.step h2 {
	padding: 7px 15px;
}

div#LessonContent div.step div.instructions {
	padding: 10px 15px;
}


/* @end */



/* @group Comments */

div#ScreenStepsContent div#comments-wrapper h3 {
	font-size: 18px;
	clear: left;
}

div#ScreenStepsContent div#comments-wrapper {
	color: #515151;
	border-top: 5px solid;
	padding-top: 10px; 

}

div#ScreenStepsContent div#comments-wrapper h2 {
	margin-left: 15px;
}



div#ScreenStepsContent div#comments-wrapper div#errorExplanation {
	width: 547px;
	margin-bottom: 10px;
	margin-top: 10px;
}

div#ScreenStepsContent div#comments-wrapper div#errorExplanation h2 {
  margin-left: -7px;
}

div#ScreenStepsMainContent div#comments-wrapper h3 {
	margin-bottom: 10px;
}


div#ScreenStepsContent div#comments div.comment span.date {
	float: right;
}



div#ScreenStepsContent div#comments div.comment-heading {
	padding: 5px;
}

div#ScreenStepsContent div#comments div.comment-heading span.name {
	font-weight: bold;
	margin-right: 20px;
}

div#ScreenStepsContent div#comments div.controls {
	float: right;
}

div#ScreenStepsContent div#comments div.comment {
	border-bottom: 1px solid;
}

div#ScreenStepsContent div#comments div.comment div.comment-body {
	padding: 10px 5px;
}


div#ScreenStepsContent div#comment_notice {
	margin: 10px 0;
	font-weight: bold;
}

/* @group Comment Form */


div#ScreenStepsContent div#comments-wrapper div#add_comment form.uberform div.field_row {
	margin-bottom: 10px;
}

div#ScreenStepsContent div#comments-wrapper div#add_comment {
	padding: 5px;
	margin-top: 10px;
}


div#ScreenStepsContent div#comments-wrapper textarea {
	width: 70%;
}

div#ScreenStepsContent div#comments-wrapper form span {
	margin-left: 5px;
}

div#ScreenStepsContent div#comments-wrapper input#comment_submit {
	margin-top: 10px;
}

div#ScreenStepsContent div#add_comment form.uberform {
	width: 100%;
} 

div#ScreenStepsContent div#add_comment form.uberform label {
	font-size:14px;
	text-align:right;
	width: 90px;
	margin-right: 10px;
	margin-top: 7px; 
	font-weight: bold;
	float: left;
}


div#ScreenStepsContent div#add_comment form.uberform input {
	font-size:14px;
	padding:3px;
}

div#ScreenStepsContent div#add_comment form.uberform div.field_row {
	clear:both;
	height: 100%; 
}

* html div#ScreenStepsContent div#add_comment form.uberform div.field_row {
	height:1%; /*Fix Exploding divs on IE6*/
}

div#ScreenStepsContent div#add_comment form.uberform div.field_row span.help {
	float: left;
	font-size: 12px;
	line-height: 16px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 8px;
}




div#ScreenStepsContent div#add_comment form.uberform input.check_box {
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 7px;
	margin-left: 6px;
}


div#ScreenStepsContent div#add_comment form.uberform button {
	margin-left: 108px;
    margin-top: 15px;
    clear: both;
    display: block;
}


div#ScreenStepsContent div#add_comment form.uberform textarea,
div#ScreenStepsContent div#add_comment form.uberform input {
    margin: 5px;
    font-size: 14px;
    padding: 3px; 
 }
 
div#ScreenStepsContent form.uberform textarea {
	height: 200px;
	margin: 5px;
	padding: 3px;
	font-size: 12px;
}

div#ScreenStepsContent div#recaptcha_area {
	margin-left: 110px;
}

div#ScreenStepsContent #comment_form button {
	padding: 4px;
}

div#ScreenStepsContent div#add_comment form.uberform input#recaptcha_response_field {
	left: 0;
}



/* @end */


/* @end */



/* @group Lesson Sidebar */

div#ScreenStepsSidebar div.pdf {
	padding: 5px 3px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	position: relative;
	}
	div#ScreenStepsSidebar div.pdf a.pdf {
		position: absolute;
		top: 14px;
		margin-left: 5px;
		text-decoration: none;
		font-weight: bold;
		}
		div#ScreenStepsSidebar div.pdf a.pdf:hover {
			text-decoration: underline;
			}

div#ScreenStepsSidebar h3 + div.pdf {
  border-top: none;
}	

div#ScreenStepsSidebar div.pdf + div.file_attachments h3 {
  border-top: none;
}		


div#ScreenStepsSidebar div.file_attachments ul,
div#ScreenStepsSidebar ul#tags {
	padding: 5px 10px;
	list-style: disc;
	}
	div#ScreenStepsSidebar div.file_attachments ul li,
	div#ScreenStepsSidebar ul#tags li {
	margin-left: 20px;
	list-style-position: outside;
}


/* @end */
div#ScreenStepsContent div.description p + div.file_attachments {
  border-top: 1px dotted #ccc;
  padding-top: 5px;
}
div#ScreenStepsContent div.description div.file_attachments h4 {
  font-weight: bold;
  }
  div#ScreenStepsContent div.description div.file_attachments ul {
    margin-left: 15px;
  }


/* @group Search Results */

div#ScreenStepsContent div.search_results {
	margin: 5px 0;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 150%;
	}
	div#ScreenStepsContent div.search_results p {
		
		}
	div#ScreenStepsContent h3.source_asset {
		padding: 10px 0;
		clear: left;		
		
		}
		div#ScreenStepsContent h3.source_asset a {
			text-decoration: none;
			}
			div#ScreenStepsContent h3.source_asset a:hover {
				text-decoration: underline;
				}



div#ScreenStepsContent li.lesson div.search_results strong.highlight {
	font-weight: normal;
}

div#ScreenStepsContent table#manual_navigation {
  width:100%;
  }
  div#ScreenStepsContent table#manual_navigation td {
    width:320px;
    padding: 15px;  
    }
    div#ScreenStepsContent table#manual_navigation td.next_lesson {
      text-align:right;
    }



/* @end */

/* @group RSS */

div#ScreenStepsSidebar div.rss_feed ul {
  padding-top: 10px;
  padding-bottom: 10px;
}

div#ScreenStepsSidebar div.rss_feed ul.last {
  padding-bottom: 0;
}

div#ScreenStepsSidebar div.rss_feed ul li {
  padding-bottom: 0;
}

div#ScreenStepsSidebar div.rss_feed ul li a {
  background: url("/images/icons/feed-icon-14x14.png") no-repeat scroll left 2px transparent;
  display: block;
  padding-left: 22px;
  line-height: 1.3em;
}

* html div#ScreenStepsSidebar div.rss_feed ul li a {
  display: inline;
  line-height: 1em;
  padding-bottom: 4px;
}