/* Submenu */
table.submenu { border: 0px;  padding: 0px;  border-spacing: 0px; height: 29px; border-collapse:collapse; letter-spacing: 1px; text-align: left;}
table.submenu td { vertical-align: middle; background: url(../img/submenu/bg.gif); font-weight: bold; font-size: 11px; }
table.submenu a { padding: 6px; display: table-cell; height: 29px;  color: #000;  font-weight: bold;  text-decoration: none;  font-size: 11px; }
table.submenu a:hover { background: url(../img/submenu/bg_over.gif); }
table.submenu .down { padding: 6px; display: table-cell; height: 29px;  color: #FFF; font-weight: bold; background: url(../img/submenu/bg_down.gif); }

/* Secondary Menu */
table.secondarymenu { border: 0px; padding: 0px;  border-spacing: 0px; height: 29px; background: url(../img/secondarymenu/bg.gif);}
table.secondarymenu td { font-weight: bold; font-size: 11px;}
table.secondarymenu a { padding: 6px 10px; display: table-cell;  color: #FFF;  font-weight: bold;  text-decoration: none;  letter-spacing: 0px;  font-size: 11px; }
table.secondarymenu a:hover { text-decoration: overline underline; font-weight: bold;    color: #FFF; }
table.secondarymenu .down { padding: 6px 10px; display: table-cell;  color: #FFFF00  ; font-weight: bold; }

/* Select */
table.select { text-align: center;  width: 100%; font-weight: normal;  font-size: 11px;  color: #fff; border-spacing: 1px;}
table.select td { color: #FFF;  width: 10%; text-align: center;  background: url(../img/transparent.png); }
table.select a { display: block;  padding: 10px 0px;  text-decoration: none;  letter-spacing: 1px;  font-size: 12px;  font-weight: bold; }
table.select a:hover { background-color: #0A0A0A; }

/* Data */
table.data { text-align: center;  font-weight: normal;  font-size: 11px;  color: #fff;  width: 100%; border-spacing: 1px; }
table.data td { color: #FFF;  width: 10%; text-align: center;  background: url(../img/transparent.png); } 
table.data #header {  background: url(../img/transparent.png);}
table.data #header td { padding: 2px; }
table.data a { display: block;  padding: 10px 0px;  text-decoration: none;  letter-spacing: 1px;  font-size: 12px;  font-weight: bold; }

/* Project */
table.project { width: 600px;  border: 0px; }
table.project td { vertical-align: top; }

/* Hours */
table.hours { width: 100%; border-spacing: 1px;}
table.hours .body { color: #FFF; background: url(../img/transparent.png); font-size: 12px; letter-spacing: 1px;} 
table.hours #header { background: url(../img/transparent.png); font-size: 14px; font-weight: bold; letter-spacing: 1px;}
table.hours #header td { padding: 5px 10px; background: url(../img/transparent.png);}
table.hours #header.subheading { font-size: 12px;}
table.hours a { padding: 5px 10px; display: block;  text-decoration: none;  letter-spacing: 1px;  font-size: 12px;}

/* log */
table.log { width: 100%; border-spacing: 1px; }
table.log td { padding: 4px; color: #FFF; font-size: 11px; background: url(../img/transparent.png);}
table.log a { display: block;  padding: 5px;  text-decoration: none;  letter-spacing: 1px;  font-size: 12px;  font-weight: bold; }
table.log a:hover { background-color: #0A0A0A; }

/* File */
table.fileinfo {  font-weight: normal;  font-size: 12px;  color: #fff;  width: 100%; border-spacing: 1px;}
table.fileinfo td { color: #FFF; text-align: left; padding: 5px; background: url(../img/transparent.png); } 
table.fileinfo a { display: block;  text-decoration: none;  letter-spacing: 1px;  font-size: 12px;  font-weight: bold; }

/* Media */
table.mediainfo { font-weight: normal;  font-size: 12px;  color: #fff;  width: 100%; border-spacing: 1px;}
table.mediainfo td { color: #FFF; text-align: left; padding: 5px; background: url(../img/transparent.png); } 
table.mediainfo a { display: block;  text-decoration: none;  letter-spacing: 1px;  font-size: 12px;  font-weight: bold; }

/* Email */
table.emailinfo { font-weight: normal;  font-size: 12px;  color: #fff;  width: 100%; border-spacing: 1px;}
table.emailinfo td { color: #FFF; text-align: left; background: url(../img/transparent.png); padding: 5px;} 
table.emailinfo a { display: block;  padding: 5px; text-decoration: none; font-size: 12px;  }

/* Timecard */
table.timecard { width: 100%; border-spacing: 1px;}
table.timecard .body { color: #FFF; background: url(../img/transparent.png); font-size: 12px; letter-spacing: 1px;} 
table.timecard #header { background: url(../img/transparent.png); font-size: 14px; font-weight: bold; letter-spacing: 1px;}
table.timecard #header td { background: url(../img/transparent.png);}
table.timecard #header.subheading { font-size: 12px;}
table.timecard a { padding: 5px 10px; display: block;  text-decoration: none;  letter-spacing: 1px;  font-size: 12px;}
table.timecard a:hover { background-color: #0A0A0A; }

/* Form */
table.form { border: 0px; background: url(../img/transparent.png); padding: 10px 15px; width: 100%}
table.form td { padding: 2px 0px; font-weight: bold; }
table.form input { color: #000; }
table.form input.text { padding: 4px ; color: #FFF; background: none; }
table.form input.number { padding: 4px ; color: #FFF; background: none; text-align: right;}
table.form select { color: #FFF; background: none; border: 0px ; text-decoration: none; width: 250px}
table.form option { padding: 2px; }
table.form textarea { color: #FFF; background: none; padding: 2px 5px}
table.form .cleardefault {color: #FFF; background: none; padding: 4px}

/* log */
table.checkform { width: 100%; border-spacing: 1px; }
table.checkform td { color: #FFF; font-size: 11px; background: url(../img/transparent.png);}
table.checkform a { display: block;  padding: 5px;  text-decoration: none;  letter-spacing: 1px;  font-size: 12px;  font-weight: bold; }
 
/* Login */
table.login { width: 100%; background: url(../img/content.png) }
table.login td { color: #FFF; padding: 10px; }
table.login input:hover { background: url(../img/login/login_over.png) }

/* Calendar */
table.calendar { text-align: center;  width: 100%; font-weight: normal;  font-size: 11px;  color: #fff; border-spacing: 1px; }
table.calendar thead { text-transform: uppercase; font-weight: bold; font-size: 14px; background: url(../img/transparent.png);} 
table.calendar td { vertical-align: middle; height: 50px; color: #FFF;  width: 10%; background: url(../img/transparent.png); }
table.calendar a { text-align: right; vertical-align: middle; height: 40px; display: block; padding: 5px; text-decoration: none;  letter-spacing: 1px;  font-size: 12px;  font-weight: bold; }
table.calendar a.today { text-align: right; vertical-align: middle; height: 40px; display: block; padding: 5px; text-decoration: none;  letter-spacing: 1px;  font-size: 12px;  font-weight: bold; color: #FFF; background: url(../img/transparent.png);}
table.calendar .selected { text-align: right; vertical-align: middle; height: 40px; display: block; padding: 5px; text-decoration: none;  letter-spacing: 1px;  font-size: 12px;  font-weight: bold; background: url(../img/content.png);}
table.calendar a:hover { background: #0A0A0A; }