/* GENERAL STUFF */
body {
  font-size: 9pt;
  color: white;
  font-family: verdana, sans-serif;
  background-color: #222222;
}

A:link {
  color: #cccccc;
}

A:visited {
  color: #cccccc;
}

h2{ 
  color:#cc0000; 
  border-bottom: 1px dotted #cc0000;
}

img{
  vertical-align: middle;  
}

th{
  color: #cc0000;
}

/* LAYOUT */

#container {
  margin: 0 auto;
  width: 750px;
  border: 1px solid #000000;
  background: #000000;
  padding: 0;
}
		
#banner {
  background-color: #cc0000;
  border-bottom: 1px solid #222222;
}
		
#calls {
  float: left;
  width: 120px;
  margin-left: 10px;
  background-color: #000000;
  padding-top: 10px;
}

#content {
  margin: 0 10px 0 140px;
  min-height: 795px;
  background-color: #000000;
  padding-top: 10px;
  padding-left: 10px;
  border-left: 1px dotted #222222;
}	

#footer {
  clear: both;
  background-color: #cc0000;
  border-top: 1px solid #222222;
}


/* LINKS TABLES */
table.links td{
  text-align: center;
  width: 50%;
}

table.links th{
  text-align: center;
  border-bottom: 1px dotted #cc0000;
  font-color: #cc0000;
}

/* CALL TABLES */
table.calls {
  background-color: #222222;
  font-size: 11px;
  width: 120px;
  border: 1px #cc0000 solid;
  border-collapse: collapse;
  border-spacing: 0px;
  margin-top: 0px;
}

table.calls td.callsHd{ 
  border-bottom: 2px solid #cc0000;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
}

table.calls td {
  border-bottom: 1px dotted #cc0000;
  font-size: 11px;
  text-align: left;
  padding-left: 3px;
  width: 25%;
}

.callsL { 
  border-left: 1px dotted #cc0000; 
}

/*Recent Calls Table */
table.recent_calls {
  font-size: 11px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
  margin-top: 0px;
}

table.recent_calls th {
  text-align: center;
  font-weight: bold;
  font-size: 11px;
}

table.recent_calls td {
  font-size: 11px;
  text-align: left;
  padding-left: 3px;
}

.recent_callsL {
  border-left: 1px dotted #cc0000;
}



/* CONTENT BOXES */
.bl {
  background: url(./img/bl.gif) 0 100% no-repeat #222222; 
  width:100%;
}

.br {
  background: url(./img/br.gif) 100% 100% no-repeat;
}

.tl {
  background: url(./img/tl.gif) 0 0 no-repeat;
}

.tr {
  background: url(./img/tr.gif) 100% 0 no-repeat; 
  padding: 10px;
  min-height: 170px;
}

/* Feed button */

.feed-button {
  padding: 10px 0;
}

.feed-button a {
  padding: 10px 15px 10px 36px;
  background: #222222 url("./img/feed-icon-14x14.png") no-repeat 15px 50%;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #565656;
  border-left: 1px solid #d7d7d7;
}

.feed-button a:hover {
  background: #cc0000 url("./img/feed-icon-14x14.png") no-repeat 15px 50%;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #969696;
  border-bottom: 1px solid #646464;
  border-left: 1px solid #f2f2f2;
}