/*<![CDATA[*/
#doc td{color:#666666;padding:2px;}

#doc input, select, textarea {
  border: 1px solid #cccccc;
  padding: 2px;
  color:#333333
}

#doc textarea {
  border: 1px solid #cccccc;
  padding: 2px;
  color:#333333
}

#contentcolumn_a{
    margin-left: 170px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn_a{
    float: left;
    width: 170px; /*Width of left column*/
    margin-left: -100%;
}

#contentwrapper{
    float: left;
    width: 100%;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

td.control input, select, textarea {
  border: 1px solid #cccccc;
  padding: 2px;
  color:#333333
}

td.control select {
  padding: 0px;
  color:#333333
}

td.control textarea {
  width: 340px;
  height: 60px;
  border: 1px solid #cccccc;
  padding: 2px;
  color:#333333
}

.datagrid {
  width: 96%;
  background-color: #fbf9f3;
  margin-bottom: 12px;
}

.datagrid tbody tr.row_alt {
  background-color: #fefcf9;
}

.datagrid caption {
  border: 1px solid #dddddd;
  background-color:#fbf9f3;
  padding: 2px;
  color : #999;
  font-size : 12px;
  font-weight : bold;
  margin-bottom: 6px;
  text-transform:capitalize;
}

.datagrid thead tr th {
  text-transform:capitalize;
  padding-left: 8px;
  padding-right: 8px;
  font-size : 12px;
}

.datagrid tbody tr td {
  /* white-space:nowrap; */
  padding: 4px;
  font-size : 12px;
}

.datagrid tfoot tr td {
  text-transform:capitalize;
  font-size : 12px;
}

.datagrid tbody a {
  color: #0000ff;
  text-transform:uppercase;
  text-decoration:none;

  border: 1px solid #cccccc;
  padding: 1px;
  padding-left: 3px;
  padding-right: 3px;
  color: #999999;

  margin-left: 4px;
  margin-right: 12px;
  font-size : 12px;
}

.datagrid tbody a:hover {
  border: 1px solid #999999;

  color: #333333;
  background-color: #F6F6F6;
}

/*]]>*/