/* === Shailen Mistry (shailen@yahoo.com) === */

/* === General Data === */
body { font-family: arial; font-size: 12px; text-align: center; }
p,div { font-size: 12px; }
textarea { font-size: 11px; }

/* === Form Text === */
form { font-size: 12px; }

/* === Table === */
table { border-width: 0px; border-color:gray; border-style: solid; padding: 0px; margin: 0px; }
table.info { border-width: 1px; border-color:gray; border-style: solid; padding: 3px; width: 900px; }
table.info-saffron { border-width: 1px; border-color:ffdead; border-style: solid; padding: 3px; width: 650px; }
table.info-gray { border-width: 1px; border-color:e7e7e7; border-style: solid; padding: 3px; width: 650px; }
table.info-green { border-width: 1px; border-color:98fb98; border-style: solid; padding: 3px; width: 650px; }

table.saffron { border-width: 0px; border-color:gray; border-style: solid; padding: 3px; background-color: ffdead; margin: 0px; }
table.green { border-width: 1px; border-color:gray; border-style: solid; padding: 3px; width: 150px; background-color:  98fb98; }

/* === Table Data === */
td { font-size: 11px; }
td.view { font-size: 12px; }
td.nopadding { padding: 0px 0px; border-style: none; border-color: white; }

td.stats { font-size: 12px; }
td.byline { font-size: 15px; font-weight: bold; color: darkgreen; }

td.saffron { background-color: ffdead; font-size: 10px; width: 150px; }
td.saffron-main { border-width: 1px; border-color:ffcc99; border-style: solid; padding: 0px; margin: 0px; 
									width: 150px; vertical-align: top; background-color: ffdead; }
td.saffron-proposal { border-width: 1px; border-color:ffcc99; border-style: solid; padding: 0px; margin: 0px; 
									vertical-align: top; background-color: ffdead; }

td.gray { background-color: e7e7e7; font-size: 10px; width: 150px; }
td.gray-main { border-width: 1px; border-color:gray; border-style: solid; padding: 0px; margin: 0px; 
									width: 150px; vertical-align: top; background-color: e7e7e7; }
td.gray-proposal { border-width: 1px; border-color:gray; border-style: solid; padding: 0px; margin: 0px; 
									vertical-align: top; background-color: e7e7e7; }

td.green { background-color:  98fb98; font-size: 10px; width: 150px; }
td.green-main { border-width: 1px; border-color:99cc99; border-style: solid; padding: 0px; margin: 0px; 
									width: 150px; vertical-align: top; background-color:  98fb98; }
td.green-proposal { border-width: 1px; border-color:99cc99; border-style: solid; padding: 0px; margin: 0px; 
									vertical-align: top; background-color: 98fb98; }



/* === Table Data === */
th { font-size: 12px;}

th.saffron { background-color: ffdead; font-size: 12px; text-align: right; width: 90px; }
th.saffron-wide { background-color: ffdead; font-size: 12px; text-align: right; width: 150px; }
th.saffron-heading { background-color: ffcc99; font-size: 12px; text-align: left; }

th.gray { background-color: e7e7e7; font-size: 12px; text-align: right; width: 90px; }
th.gray-wide { background-color: e7e7e7; font-size: 12px; text-align: right; width: 150px; }
th.gray-heading { background-color: c6c6c6; font-size: 12px; text-align: left; }

th.green { background-color: 98fb98; font-size: 12px; text-align: right; width: 90px; }
th.green-wide { background-color: 98fb98; font-size: 12px; text-align: right; width: 150px; }
th.green-heading { background-color: 99cc99; font-size: 12px; text-align: left; }

th.plain { font-size: 12px; text-align: right; width: 90px; }
th.plain-wide { font-size: 12px; text-align: right; width: 150px; }


th.stats { font-size: 12px; text-align: right; }
th.byline { font-size: 15px; font-weight: bold; color: darkgreen; text-align: right; }
th.col { font-size: 15px; font-weight: bold; color: darkgreen; text-align: left; }


/* Problem - Email Us */
p.problem { text-align: center; width: 650px; font-size: 9px; color: gray; }

/* Choices */
.choices { text-align: center; }


/* === Data Table Data === */
.column { color: white; border: 1px solid black; background-color: navy; font-size: 10px; }



/* === Links Types === */

/* --- Plain Link Info --- */
a:link { color: blue;  text-decoration: none; font-weight: bold; text-decoration: underline; font-size: 12px }
a:visited { color: purple;  text-decoration: none; font-weight: bold; text-decoration: underline; font-size: 12px }
a:active { color: red;  text-decoration: none; font-weight: bold; text-decoration: underline; font-size: 12px } 
a:hover { color: red; }

/* --- Header Link Info --- */
a.header:link { color: white; font-size: 14px; text-decoration: underline; }
a.header:visited { color: white;  font-size: 14px; text-decoration: underline; }
a.header:active { color: orange;  font-size: 14px; text-decoration: underline; } 
a.header:hover { color: lime; text-decoration: underline; }

/* --- Text Link Info --- */
a.text:link  { color: #FFFF00;  text-decoration: none; font-size: 12px; font-weight: bold}
a.text:visited { color: #FFFF99;  text-decoration: none; font-size: 12px; font-weight: bold} 
a.text:active { color: red;  text-decoration: none; font-size: 12px; font-weight: bold} 
a.text:hover { text-decoration: none; color: red}

/* --- Small Link Info --- */
a.small:link  { font-size: 10px;}
a.small:visited { font-size: 10px;} 
a.small:active { font-size: 10px;} 

/* --- Plain Link Info --- */
a.plain:link  { font-size: 10px; text-decoration: none; color: black; font-weight: normal; }
a.plain:visited { font-size: 10px; text-decoration: none; color: black; font-weight: normal; } 
a.plain:active { font-size: 10px; text-decoration: none; color: black; font-weight: normal; } 
a.plain:hover { text-decoration: none; color: red}

/* --- Byline Link Info --- */
a.headline { font-size: 21px; color: darkgreen; font-weight: bold; text-align: center; }

a.byline { font-size: 15px; font-weight: bold; color: darkgreen; }
a.byline:visited { font-size: 15px; font-weight: bold; color: darkgreen; }
a.byline:active { font-size: 15px; font-weight: bold; color: orange; }
a.byline:hover { color: red; }



.normal { font-size: 12px; }
.small { font-size: 11px; font-style: normal; font-weight: normal; color: #333333; }
.footer { font-size: 10px; color: #333333; }

/* For data fields */
.data { font-size: 12px; color: darkgreen; font-weight: bold; }

/* For the headline */
.headline { font-size: 21px; color: darkgreen; font-weight: bold; text-align: center; }
.headline2 { font-size: 16px; color: darkgreen; font-weight: bold; }
.headline2-black { font-size: 16px; color: black; font-weight: bold; }

/* Same as Table Header */
.heading { font-size: 14px; color: black; font-weight: bold; }
.heading2 { font-size: 12px; color: black; font-weight: bold; }

/* For the byline */
.byline { font-size: 15px; font-weight: bold; color: darkgreen; }
.byline-black { font-size: 15px; font-weight: bold; color: black; }

/* For emphasis on buttons */
.button { font-size: 12px; font-weight: bold; }


/* Error */
.error { font-size: 12px; color: red; width: 650px; }
.error-big { font-size: 16px; color: red; font-weight: bold; width: 650px; }
.debug { font-size: 9px; color: gray; text-align: center; }


/* Small Text Info */
.small-text { font-size: 11px; color: black; }
.small-data { font-size: 10px; color: gray; }
.clock { font-size: 11px; color: black; text-align: center; width: 650px; }
.invisible { font-size: 9px; color: white; text-align: center; width: 650px; }


/* Note - Text color */
 p.note { color: red; }