/***************************************************
IM PROJECT CSS 007/007
***************************************************/

/*Content two column table*/

div.row 
{
margin-left: 15px; 
padding: 3px; 
width: 95%;
}

div.cols1
{
float: left;
width: 10%;
margin: 5px 0 5px 0;
padding: 0;
}

div.cols2
{
float: left;
width: 85%;
margin: 5px 0 5px 0;
padding: 0;
}

div.cols3
{
float: left;
width: 45%;
margin: 20px 0 20px 0;
padding: 0;
}

div.cols4
{
float: left;
width: 45%;
margin: 20px 0 20px 0;
padding: 0;
}

/*text display box*/

div.box
{
margin-left: 50px; 
padding: 5; 
width: 75%;
border: 1px solid #000;
}

/*table display on page 1043.1*/

table {
width: 570px;
margin: 0;
margin-left: 15px;
padding: 0;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

table tr td.cell10perc, table tr th.cell10perc {
width: 10%;
}

table tr td.cell70perc, table tr th.cell70perc {
width: 70%;
}

table tr td.cell20perc, table tr th.cell20perc {
width: 20%;
}

/* MIDA Appendix list table emulator */

div.mida-appendix-wrap {
width: 100%;
display: block;
margin: 0;
padding: 10px 0 0 0;
}

* html div.mida-appendix-wrap {
width: 100%;
display: block;
margin: 0;
padding: 0;
}

div.mida-appendix-tbl {
float: left;
width: 100%;
display: inline;
}

div.tbl-col-indicator {
float: left;
width: 6%;
}

div.tbl-col-content {
float: left;
width: 93%;
}

ul.wide-list li, ol.wide-list li {margin-bottom: 0.5em;}
ul.nested-list li, ol.nested-list li {margin-left: -15px; padding-left: 0px;}

div.mida-appendix-wrap p {
padding: 0 0 12px 0;

}

div.mida-appendix-wrap p.appendix-list-title {
padding: 0 5px 10px 33px;
margin: 0;
}

div.mida-appendix-wrap p.appendix-list-title-top {
padding: 0 5px 10px 33px;
margin: 0;
}

* html div.mida-appendix-wrap p.appendix-list-title-top {
padding: 15px 5px 10px 33px;
margin: 0;
}

/*div.mida-appendix-wrap ul.noBullet li{
padding-left: 0;
margin-left: -25px;
}*/

/* When using clear in certain instance FF displays a wide gap, so by using this
class it creates a clearing container and fixes the problem and an equivalent clear is used immdiateley after this for IE */
.clear-fix {
width: 98.5%;
height: 1px;
max-height: 1px;
display: table; /* creates a clear break before and after */
}

/* Modified to reflect the proper clear class to be used in IE - because IE does the do good job for clearing floating elements*/
* html .clear-fix {
clear: both;
display: inline;  /* creates a clear break before and after */
}