.active_area
{
background: url(/images/ajax-loader.gif);

}
#hp_template1{width:921px;}
#hp_template1_channel1{float:left; display:block; width:458px;}
#hp_template1 .areaA{height:195px; width:458px; margin-bottom:10px;}
#hp_template1 .areaC, #hp_template1 .areaD{float:left; display:block; height:195px; width:224px;}
#hp_template1 .areaD{margin-left:10px;}
#hp_template1 .areaB{float:left; margin-left:10px; height:401px; width:453px; }

#hp_template2{width:921px; height:401px;}
#hp_template2 .areaA, #hp_template2 .areaB{height:401px; width:300px; margin-right:10px; float:left;}
#hp_template2 .areaC{height:401px; width:300px; float:left;}

#hp_template3{width:921px; height:401px;}
.col_230{width:230px; float:left; display:block;}
.col_441{width:441px; float:left; display:block; margin-left:10px; margin-right:10px;}
#hp_template3 .areaA, #hp_template3 .areaB{height:195px;}
#hp_template3 .areaA{margin-bottom:11px;}
#hp_template3 .areaC{height:401px; width:441px;}
#hp_template3 .areaD, #hp_template3 .areaE, #hp_template3 .areaF{height:127px; width:230px; margin-bottom:10px;}
#hp_template3 .areaF{margin-bottom:0px;}

#small_hp_template1{width:462px;}
#small_hp_template1_channel1{float:left; display:block; width:229px;}
#small_hp_template1 .areaA{height:97px; width:229px; margin-bottom:5px; position:relative; }
#small_hp_template1 .areaC, #small_hp_template1 .areaD{float:left; display:block; height:97px; width:112px;position:relative; }
#small_hp_template1 .areaD{margin-left:5px;position:relative; }
#small_hp_template1 .areaB{float:left; margin-left:5px; height:200px; width:226px;position:relative; }

#small_hp_template2{width:460px; height:200px}
#small_hp_template2 .areaA, #small_hp_template2 .areaB{height:200px; width:150px; margin-right:5px; float:left;position:relative; }
#small_hp_template2 .areaC{height:200px; width:150px; float:left; position:relative;}

#small_hp_template3{width:460px; height:200px}
.small_col_230{width:115px; float:left; display:block}
.small_col_441{width:220px; float:left; display:block; margin-left:5px; margin-right:5px}
#small_hp_template3 .areaA, #small_hp_template3 .areaB{height:97px;position:relative;}
#small_hp_template3 .areaA{margin-bottom:5px; position:relative;}
#small_hp_template3 .areaC{height:200px; width:220px;position:relative;}
#small_hp_template3 .areaD, #small_hp_template3 .areaE, #small_hp_template3 .areaF{height:63px; width:115px; margin-bottom:5px;position:relative;}
#small_hp_template3 .areaF{margin-bottom:0px;position:relative;}
.clear{clear:both; display:block}

#hp_template4{width:705px; height:401px}
.col_435{width:435px; float:left; display:block}
.col_260{width:260px; float:left; display:block; margin-left:10px}
#hp_template4 .areaA, #hp_template4 .areaB{height:195px; width:435px}
#hp_template4 .areaA{ margin-bottom:10px}
#hp_template4 .areaC{ width:260px;  height:401px;}

#small_hp_template4{width:352px; height:200px}
.small_col_435{width:217px; float:left; display:block}
.small_col_260{width:130px; float:left; display:block; margin-left:5px}
#small_hp_template4 .areaA, #small_hp_template4 .areaB{height:97px; width:217px;position:relative;}
#small_hp_template4 .areaA{ margin-bottom:5px;position:relative;}
#small_hp_template4 .areaC{ width:130px;  height:200px;position:relative;}

.inactive
{
background-color:#ccc;
}
.active{
background-color: orange;

}
.editor
{
position:absolute;
top:5px;
right:5px;
width:16px;
height:16px;
background-repeat:repeat-x;
background-position:top left;
background-image:url(/images/icons/edit.png);
cursor:pointer;

}
#template1, #template2, #template3, #template4
{
position:relative;
}



#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:5px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}


#boxes #dialog2 {
  /*background:url(images/notice.png) no-repeat 0 0 transparent; */
  background-color:#FFFFFF;
  /*height:100px; */
  /*padding:50px 0 20px 25px;*/
  width:326px;
}
#boxes #dialog2 h3 {
font-size:113%;
color:#333;
line-height:2.3em;
font-family: Georgia, "Times New Roman", Times, serif;

}
.flowright
{
float:right;
}

#layout_data
{

}
#layout_data ol
{

 padding:0px;
 margin:0px;
 padding-left:10px;
}
#layout_data ol li
{
  display:block;
}
#layout_data ol li label
{
  display:block;
  clear:both;
}

#layout_data ol li input, #layout_data ol li textarea
{
  display:block;
  float:left;
  clear:both;
  padding-left:0px;
}