/* Created using Style Master from Western Civilisation CSS1 { 245 136 451 409 } */
@import "../../../screen.css";

/* These are to make the list of features down the left alternate colors, indented where necessary. */

td.featureodd {background-color: #20537f;
color: #b5cbe2;
padding-left: 2px;
text-align: left;
width: 22%;
font-weight: normal;
text-shadow: 1px 1px 1px #333; }

td.featureoddindent {background-color: #20537f;
color: #b5cbe2;
padding-left: 12px;
text-align: left;
width: 22%;
font-weight: normal; }

td.featureeven {background-color: #b5cbe2;
color: #20537f;
padding-left: 2px;
text-align: left;
width: 22%;
font-weight: normal; 
text-shadow: 1px 1px 1px #bbb;}

td.featureevenindent {
color: #20537f;
padding-left: 12px;
text-align: left;
background-color: #b5cbe2;
width: 22%;
font-weight: normal; }


table.compatibility {border: 1px #fff solid;
font-weight: bold;
margin-left: 20px;
margin-right: 20px;
display: table;
border-collapse: collapse;
text-shadow: 1px 1px 1px #333;}

/* First row of the table: the names of the browsers. */

.browser {background-color: #59350c;
font-weight: bold;
padding-bottom: .5%;
padding-top: .5%;
text-align: center;
color: white;}


/* Second row of the table: the platforms. */

.platform {background-color: #bf721a;
color: white;
text-align: center;}





/* Third row of the table: the version numbers. */

.version {background-color: #bf721a;
color: white;
text-align: center;}


/* Fourth row of the table: the compatibility information. */

td.yes {background-color: #008000;
border-bottom: 1px #fff solid;
color: #ffffff;
padding-bottom: 1%;
padding-top: 1%;
text-align: center;
width: 8.3%;}

td.buggy {background-color: #ff7f00;
border-bottom: 1px #fff solid;
color: #ffffff;
padding-bottom: 1%;
padding-top: 1%;
text-align: center;
width: 8.3%;}

td.partial {background-color: #ffffff;
border-bottom: 1px #fff solid;
color: #000000;
padding-bottom: 1%;
padding-top: 1%;
text-align: center;
width: 8.3%;}

td.no {background-color: #ff0000;
border-bottom: 1px #fff solid;
color: #ffffff;
padding-bottom: 1%;
padding-top: 1%;
text-align: center;
width: 8.3%;
text-shadow: 1px 1px 1px #333;}

/* Bottom row of the table: the compatibility notes. */

td.compatnotes {font-weight: normal;}

#maintext td.compatnotes p {
margin-left: 3px;
margin-right: 3px;
margin-top: 5px;
margin-bottom: 5px;
padding: 0em;
line-height: normal;
font-size: 100%; }

p.note {
font-weight: bold;
border-style: solid;
border-width: 1px;
border-color: #bfbfbf;
padding:.5em;
text-align: left;
background-color: #bfbfbf; }