.widget_font {
  font: 12px helvetica, sans-serif;
  color: #444;
}
.widget_textbox {
  position: relative ;
  left: 10px;
  width: 520px;
  margin-top: 4px;
  background-color: #FFF !important;
}
.widget_textbox_mid_2 {
  margin-left: 10px;
  width: 390px;
  margin-top: 4px;
  background-color: #F2F5E7;
  border:3px solid #2A849D;
}
.widget_textbox_mid_3 {
  margin-left: 10px;
  width: 390px;
  margin-top: 4px;
  background-color: #F2F5E7;
  border:3px solid #2A849D;
}
.widget_textbox_mid_4 {
  margin-left: 10px;
  width: 390px;
  margin-top: 4px;
  background-color: #F2F5E7;
  border:3px solid #2A849D;
}
.widget_textbox_mid_5{
  margin-left: 0px;
  width: 300px;
  margin-top: 4px;
  background-color: #F2F5E7;
  border:3px solid #2A849D;
  
}
.widget_textarea {
  position: relative ;
  left: 10px;
  width: 390px;
  height: 70px;
  background-color: #FFF !important;
}
.widget_textarea_mid_2{
  margin-left: 10px;
  width: 390px;
  height: 70px;
  background-color: #F2F5E7;
  border:3px solid #2A849D;
}
.widget_textarea_mid_3{
  margin-left: 10px;
  width: 390px;
  height: 70px;
  background-color: #F2F5E7;
  border:3px solid #2A849D;
}
.widget_textarea_mid_4{
  margin-left: 10px;
  width: 390px;
  height: 70px;
  background-color: #F2F5E7;
  border:3px solid #2A849D;
}
.widget_textarea_no_height {
   margin-left: 10px;
  width: 390px;
  background-color: #FFF !important;
}
.widget_textarea_small {
   margin-left: 10px;
  width: 390px;
  height: 50px;
  background-color: #FFF !important;
}
.widget_textarea_large {
   margin-left: 10px;
  width: 390px;
  height: 220px;
  background-color: #FFF !important;
}
.widget_docselector {
  width: 220px;
  /*height: 200px1;*/
  margin-top: 4px;
  color: #39396F;
  background-color: #F8F8F8;
}
.doc_selector {
  list-style-position: outside;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.doc_selector li {
  border: 1px dashed #5462A0; 
  padding: 5px;
  margin: 5px;
  background-color: #FFF;
}



/*------------------------------------------------------------------------------- */
.submit_toolbar {
  font: 12px verdana, arial, helvetica, sans-serif;	border: 1px dashed;
  background-color: #FFF;
  padding: 4px;
  font: 16px verdana, arial, helvetica, sans-serif;
  margin: 10px;
  width: 360px;
}

.user_oos_form {
  color: #000;
  font: 12px verdana, arial, helvetica, sans-serif;
  text-align: left;
}

.user_oos_form span.info {
  font: 12px verdana, arial, helvetica, sans-serif;
  font-weight: bold;
}

.user_oos_form .widget_docselector {
  width: 320px;
  /*height: 200px1;*/
  margin-top: 4px;
  color: #F00;
}

.user_oos_form .widget_textarea {
  width: 700px;
  height: 140px;
  margin-top: 4px;
  font: 12px verdana, arial, helvetica, sans-serif;
}

.user_oos_form .widget_textbox {
  width: 360px;
  margin-top: 4px;
  font: 12px verdana, arial, helvetica, sans-serif;
}

.user_oos_form div.toolbar {
  font: 12px verdana, arial, helvetica, sans-serif;	
  border: 1px dashed;
  font: 10px verdana, arial, helvetica, sans-serif;
  padding: 4px;
  margin-top: 5px;
  margin-bottom: 10px;
  width: 320px;
}

.user_oos_form div.toolbar td A:link {
  text-decoration: none;
  color: #000;
}
.user_oos_form div.toolbar td A:visited {
  text-decoration: none;
  color: #000;
}
.user_oos_form div.toolbar td A:hover {
  color: #00F;
  text-decoration: underline;
}

.user_oos_form span.toolbar_help {
  font: 12px verdana, arial, helvetica, sans-serif;
}
.user_oos_form div.image_browser img{
  border: 1px #000 solid;
  margin-right: 10px;
}

.document_area {
  position: relative;
  margin: 0px;
  padding: 10px;
}


.document_area div.instruction_area {
  border: 1px solid;
  background-color: #F0F2F7;
  padding: 4px;
  font: 10px verdana, arial, helvetica, sans-serif;
  margin-bottom: 10px;
}

.document_area div.instruction_area h1 {
  color: #036;
  font: 14px verdana, arial, helvetica, sans-serif;
  font-weight: bold;
}

.document_area div.instruction_area h2 {
  color: #036;
  font: 12px verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  /*text-decoration: underline;*/
}


.document_area div.instruction_area A:link{
  color: #333;
  /*font-weight: bold;*/
  text-decoration: none;
}
.document_area div.instruction_area A:visited{
  color: #333;
  /*font-weight: bold;*/
  text-decoration: none;
}
.document_area div.instruction_area A:hover{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.document_area div.instruction_area table.reading_form {
  padding: 4px;
  font: 10px verdana, arial, helvetica, sans-serif;
}
.document_area div.instruction_area table.reading_form .widget {
  width: 520px;
}

.document_area div.instruction_area div.item {
  margin: 10px;
  border: 1px #333 solid;
  padding: 6px;
  background-color: #FFF;
}

.document_area div.instruction_area div.item h1 {
  color: #036;
  font: 12px verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  /*text-decoration: underline;*/
}



.document_area div.toolbar {
  width: 320px;
  border: 1px #333 solid;
  background-color: #FFF;
  padding: 4px;
  font: 10px verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}

.document_area div.toolbar img {
  border: none;
}


.document_area div.toolbar td {
  font: 10px verdana, arial, helvetica, sans-serif;
  font-weight: bold;
}

.document_area div.toolbar A:link {
  text-decoration: none;
  color: #000;
}
.document_area div.toolbar A:visited {
  text-decoration: none;
  color: #000;
}
.document_area div.toolbar A:hover {
  color: #F00;
  text-decoration: underline;
}

.document_area div.instruction_area h1{
  font: 14px verdana, arial, helvetica, sans-serif;
  font-weight: bold;
}

.document_area div.instruction_area h2{
  font: 12px verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 5px;
}


.document_area pre {
  font: 11px verdana, arial, helvetica, sans-serif;
}

.document_area span.document_title {

}

.document_area span.information {
  font-weight: bold;
}

.document_area span.verse {

}

.document_area span.chorus {

}

.input_area1{
  margin: 0px;
  background-color: #888;
  border: 1px solid #FFF;
  padding: 10px;
  text-align: left;
  color: #000;
  font: 12px verdana, arial, helvetica, sans-serif; color: #FFF;
  margin-bottom: 10px;
}

.input_area1 h1{
  color: #FC0;
  font: 14px verdana, arial, helvetica, sans-serif;
  margin: 0px;
  font-weight: bold;
}

.input_area1 p{
  margin: 4px;
}

.box {
  background-color: #A8A8A8;
  border: 1px solid #FFF;
  width: 320px;
  text-align: left;
  color: #F1F4EC;
  font: 11px verdana, arial, helvetica, sans-serif;
  padding: 2px;
  margin: 0px;
  margin-top: 6px;
}

.box_textarea {
  background-color: #A8A8A8;
  border: 1px solid #FFF;
  width: 320px;
  height: 300px;
  text-align: left;
  color: #F1F4EC;
  font: 11px verdana, arial, helvetica, sans-serif;
  padding: 2px;
  margin: 0px;
  margin-top: 6px;
}

.standard_button_width {
  width: 160px;
  margin: 4px;
}
.submitbutton {
  background-color: #888;
  border: 1px solid #FFF;
  width: 220px;
  vertical-align: top;
  text-align: center;
  color: #FFF;
  font: 11px verdana, arial, helvetica, sans-serif;
}

.image_widget_table {
  width: 100%;
}
 
.image_widget_table td.top {
  vertical-align: top;
}
.image_widget_table td.middle {
  vertical-align: middle;
}
.bible_browser{
  width: 100%;
}
.bible_browser th{
  background: #F1F0F9;
  border: 1px solid #000;
}
.bible_browser td{
  color: #000;
  text-align: center;
  border: 1px solid #000;
}
.bible_chapter_house {
  text-align: center;
  cursor: pointer;
}
.bible_chapter_house h1{
  font-size: 14px;
}
.bible_chapter_house .disabled{
  text-align: center;
  /*background: yellow;*/
  border: 1px dashed #000;
  padding: 10px;
  margin: 10px;
}
.bible_chapter_house .active{
  text-align: center;
  background: yellow;
  border: 1px dashed #000;
  padding: 10px;
  margin: 10px;
}
.even {
  background-color: #E6E8F2;
  padding: 10px;
}
.odd {
  background-color: #EFF1E4;
  padding: 10px;
}
.odd_white {
  background-color: #FFF;
  padding: 10px;
}
.white {
  background-color: #FFF;
}
.instructions {
  padding: 10px;
  border: 1px solid #000;
  margin: 10px;
}
.highlight {
  background: #F00;
  color: #FFF;
  font-weight: bold;
  padding: 1px;
}
.step_complete {
  background-color: #CFFCB4;
  padding: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #888;
  text-align: left;
}
.step_complete2 {
  background-color: #CFFCB4;
  padding: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #888;
  /* text-decoration: line-through; */
  text-align: left;
}
.step_incomplete {
  background-color: #FFCCCC;
  padding: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #888;
  text-align: left;
}
.step_icon_left {
  float: left;
  margin-top: -5px;
  margin-left: -3px;
  margin-right: 5px;
  height: 1%;
}
.step_icon_left_sub {
  float: left;
  margin-top: 1px;
  margin-left: 1px;
  margin-right: 5px;
  height: 1%;
}
.step_number {
  font-weight: bold;
}
.step_icon_right {
  float: right;
  clear: right;
  margin-top: -5px;
  margin-left: 4px;
}
.step_highlight {
  /*margin-left: 20px;*/
  text-align: left;
  border: 1px solid #000;
  background-color: #FEF798;
}
.step_header {
  color: #000;
  margin: 0;
}
.subsection_house {
  /*border: 1px solid #888;*/
}
.step_subsection {
  /*background-color: #EFEFEF;*/
  background-color:#FFFDDD;
  padding: 3px;
  text-align: right;
  border: 1px solid #000;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
}
.step_subsection_highlight {
  background-color: #FEF798;
  height: 1%;
}
.line_break {
  border-bottom: 1px dashed #CCC;
  margin-top: 3px;
  margin-bottom: 6px;
}
.template_image_selected {
  border: 5px solid #52ABC4;
}
.template_image{
	padding: 5px;
}
.hidden {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.bold {
  font-weight: bold;
}

/* LAF NEW POPUP CSS SCRIPT */

.laf_font_basic{
	border: none;
	font-weight: bold;
	float: left;
	width: 140px;
	background: #2A849D;
	height:15px;
}

.laf_style{
	border: none;
	font-weight: bold;
	float: left;
	background: #2A849D;
	width: 90px;
	height:15px;
}

.laf_underline{
	border: none;
	font-weight: bold;
	float: left;
	background: #2A849D;
	width: 80px;
	height:15px;
}

.laf_colour{
	border: none;
	font-weight: bold;
	float: left;
	width: 60px;
}

.laf_submit{
	float: right;
	width: 250px;
}