/*---------------Right OF CONTENT---------------------------*/
#widget_display_container{
float:left;
display:inline;
margin: 3% 5% 3% 5%; 
text-align:left;
padding-top:20px;
/*width:20%;*/
height:150px;
}

#widget_display{
background-color:transparent;
}

/*---------------Left OF CONTENT---------------------------*/
#widget_styler{
float:left;
display:inline;  /* FOR IE!*/
margin-left: 5%;
margin-top: 3%;
margin-bottom:6%;
margin-right:5%;
}


.styler_table{
/*border-collapse:collapse;*/
border:1px solid black;
color:black;
}

.styler_table th{
  border-bottom:1px solid black;
  margin: 0px;
  background-color:#DFDFDF;
  font-weight:normal;
  color:black;
}

.styler_table tr#tr_header{
  height:20px;
  color:black;
}

.styler_table tr.tr1{
  background-color:#E0E3EF;
  color:black;
}

.styler_table tr.tr2{
  background-color:#D1D2DF;
  color:black;
}

.styler_table td.option{
  /*width: 26%;*/
  width:40px;
  padding:5px;
  text-align:center;
  color:black;
}

.styler_table td.val_bigger{
  /*width: 25%;*/
  padding:5px;
  text-align:left;
  color:black;
}

.styler_table td.val_smaller{
  width: 20px;
  padding:5px;
  text-align:left;
  color:black;
}

.styler_table td{
  margin: 0px;
  font-size:12px;
  color:black;
}

/*----------------------Bottom-------------------------------*/

.widget_code{
width:90%;
margin-left:auto;
margin-right:auto;
/*margin-top:20px;  BAD TO USE CLEAR WITH MARGIN-TOP*/
clear:left;
}

#widget_description{
text-align:left;
}

.display_area_text{
  height:5px;
}

#widget_code_text{
  text-align:left;
  width:100%;
  border: 1px solid #555555;
  background-color:#EFFEFF;
}