.section_seperator{
        clear:both;
        padding:0px;
	      height:0px;
        display:block;
}
#image_loading_message{
	border:solid #E89F2C 1px;
	font-family: "comic sans", "comic sans ms", sans-serif;
	padding:3px; 
	font-size:14px;
	background: #F8AF3C;
	color:white;
 }
.preview_frame, #editor, .lf_spacer {
            float:left;
}

#java_preview_frame {
  width: 90%;
  clear: both; 
  position:relative;
  top:13px;
/*  margin-bottom: 4px;*/
}

.clearbitsicon{
   background: #F8AF3C;
}

.lf_spacer{
        width:10px;
}

#field_frame{
              float:left;
}

#editor{
     width:425px;
     font-size:12px;
     border: 1px #83AB00;
}
.preview_frame{
     clear:left;
/*     width:325px; */
/*     overflow:auto;*/
}
#fieldsgap{
     width:400px;
}

#fieldsgap table { 
           width:95%;  
	   font-size:12px;        
	margin-bottom:4px;
/*           border: solid 1px #777;
           border-collapse: collapse; */
}
#diy_panel{
	float:left;
	position: relative;
        padding:4px;
        width:140px;
	top:-1px;
	margin-top:none;
	background: #eee;
        font-size:14px;
	border: 1px solid #83AB00;
}
#diy_panel #colour_picker{ 
	position: relative;
	top:-10px;
}



#b_showcharacterpallette{ 
	display:none
}
#tr_notes{ display:none }
#progress_control{
   top: 10px;
   position:relative;
   height:30px;
   color: #F8AF3C;
   margin-bottom:20px;
}

#progress_control .topl{
  background: transparent url("sticky_fan/tl.gif") 0% 0% no-repeat;
}
#progress_control .topr{
  background: transparent url("sticky_fan/tr.gif") 100% 0% no-repeat;
}
#progress_control .botl{
  background: transparent url("sticky_fan/bl.gif") 0% 100% no-repeat;
}
#progress_control .t{
  float:left;

 background: transparent url("sticky_fan/t.gif") repeat-x;
}

#progress_control .b{
 background: transparent 0% 100% url("sticky_fan/b.gif") repeat-x;
}
#progress_control .botr{
  background: transparent url("sticky_fan/br.gif") 100% 100% no-repeat; 
  padding:14px;
  padding-top:8px;
  padding-bottom:8px;
}


#progress_control .selected_item .topl{
  background: transparent url("sticky_fan/s_tl.gif") 0% 0% no-repeat;
}
#progress_control .selected_item .topr{
  background: transparent url("sticky_fan/s_tr.gif") 100% 0% no-repeat;
}
#progress_control .selected_item .botl{
  background: transparent url("sticky_fan/s_bl.gif") 0% 100% no-repeat;
}
#progress_control .selected_item{
   background: transparent url("sticky_fan/s_t.gif") 0% 0% repeat-x ;
}
#progress_control .selected_item .b{
 background: transparent 0% 100% url("sticky_fan/s_b.gif") repeat-x;
}
#progress_control .selected_item .botr{
  background: transparent url("sticky_fan/s_br.gif") 100% 100% no-repeat; 
  padding:19px;
  padding-top:8px;
  padding-bottom:8px;
}




#helpgap{
	font-family:"Comic Sans","Comic Sans MS","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
  clear:left;
}

button, #controlsgap span button{
  border:solid #E89F2C 1px;
  color:white;
  background: #F8AF3C;
   padding:4px;
  padding-top:3px;
  padding-bottom:3px;
  font-size:13px;
  font-family:"Comic Sans","Comic Sans MS","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}
.step_text span{
   font-family:"Comic Sans","Comic Sans MS","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
   font-size:14px;
   text-decoration: none;
}

.step_label{
   padding-left:8px;
}
input{
  border: solid #83AB00 1px;
}

.clickable{
   cursor:pointer;
}
.selected_item{
  color: #93BC33;
}
.selected_step{
   color: #93BC33;
   font-weight:bold;
}
.selected_<step, .disabled_step{
    cursor:default;
    text-decoration: none;
}

span#editor_title_content div{
	display:none;
/*	font-family:"Comic Sans","Comic Sans MS","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	color:#83AB00;
        font-size: 180%;
        font-weight:400;*/
}
.subtitle{
        color:#555588;
        font-weight:400;
        margin-bottom:10px;
        font-size:150%;
}
.changelink a{
        position:absolute;
        left:300px;
        text-decoration:none;
        margin-left:30px;
}
#main_toolbar{
	position: relative;
	left:-5px;
	top:5px;
}
#controlsgap button{
	margin-top: 5px;
        margin-left:5px;
}


#diy_panel label{
	clear:left;
/*	float:left;*/
         padding:1px;
	 margin-right:10px; 
}

.font_row div{
	font-size:14px;
}
#face_select{ float:left }
table.confirm{
        margin-bottom:20px;
}
#fieldsgap table{ 	border: solid #83AB00 1px; border-collapse:collapse; }
#fieldsgap table th, td { padding:4px;  }
#fieldsgap table th { 
	background: #93BC33;
	color: white;
}
#fieldsgap table td { background: #eee }
#fieldsgap table.text_fields tr.selected td.selectable, #fieldsgap table.text_fields tr.selected th.selectable{
/*  border:solid 1px #555;
  background:#93CB00;*/
}
#fieldsgap table.text_fields input{
	border: #ddd solid 2px;
}
#fieldsgap table.text_fields  tr.selected td.selectable input {
	border: #83AB00 solid 2px;
/*  border-right: none;
  border-left: none;*/
}

#fieldsgap table.text_fields tr.selected th.selectable{
/*  border-right: none;*/
}

#fieldsgap table.text_fields tr.selected td.selectable_rhs{
/*  background:#93CB00;
  border-right: 1px #555 solid; */
}

#tool_gap{
    margin: 5px;
}
.gfx_name {
  display: none;
}
form#gfx_data_form span.gfx_name {
  left: 190px;
}
.gfx_entry{
    float:left; 
    margin:0px;
    width: auto;
    min-width:32px;
    min-height:32px;
    border: none;
    background:transparent;
    padding: 4px;
}
/*Remove the leave ordering button*/
button#b_leave {
  display: none;
}

.gfx_entry img.gfx_thumb {
  margin: 0px;
  min-width:32px;
  min-height:32px;
  border: none;
}

div input#face_selected_text {
  width: 110px;
}

#gfx_picker_frame {
  width: 420px;
}

table#totaltable{
  clear:both; float:right;color:black; border:none; margin-right:140px;width:40%;
}
.total_heading{
    text-align:left;    
}

#fieldsgap table tr.totalrow td{ background: white; }

.first_totalrow{
    border-top:1px solid #83AB00;
    padding-top:30px;
}

.first_totalrow td{ padding-top: 12px; }
.general_row{
   border-left:1px solid #83AB00;
   border-right:1px solid #83AB00;
}

table#totaltable td{ background: white }
/* Upload failure chart */
div.chart_blurb {
  font-family: Arial, Verdana, Sans-serif;
  font-size: 14px;
  font-weight: 400;
  width: 520px;
}

table.chart {
  width: 512px;
  border: solid #000 4px;
  font-family: Arial, Verdana, Sans-serif;
  font-size: 12px;
  font-weight: 400;
  border-collapse: collapse;
}

table.chart td {
  text-align: center;
}

#fieldsgap table.chart td.chart_heading, #fieldsgap table.chart td.chart_megapixels, #fieldsgap table.chart td.chart_pixels, #fieldsgap table.chart td.chart_sizes, #fieldsgap table.chart td.chart_strapline {
  border: black solid 1px;
  background-color: #666699;
  color: #fff;
}

#fieldsgap table.chart td.chart_excellent {
  background-color: #00FF00;
  border: black solid 1px;
  color: #000;
}

#fieldsgap table.chart td.chart_good {
  background-color: #FFFF00;
  border: black solid 1px;
  color: #000;
}

#fieldsgap table.chart td.chart_fair {
  background-color: #FF6600;
  border: black solid 1px;
  color: #000;
}

#fieldsgap table.chart td.chart_decline {
  background-color: #FF0000;
  border: black solid 1px;
  color: #fff;
}

#b_place_another_order{ display:none }

#cutout_form{
	width:700px;
}
#cutout_form table{
	width:400px;
}

#updatepreviewbutton {
  display: none;
}

#controlsgap button.primary { background-color: #F89700; font-weight: 400; }

.promo, #total_savings_row, #ds_bulk_blurb{
    color: red;
}

#b_save {
  display: none;
}

#diy_panel .movecontrol {
  width: 50px;
}

.numcol{
    text-align:center;
}

span.order_price {
  color: #000000;
}

/* Put nothing below here as the tool_gap css causes issues */
#tool_gap{ display:none};

/*fin*/