body {
font-family: "tahoma", "arial", "helvetica", "sans-serif";
font-size: 10pt;
background:url('images/bg.jpg');
color: #fff;
margin: 0px;
       
}


a:link { text-decoration: none; color : #FFFFFF; }
a:active { text-decoration: none; color : #FFFFF; }
a:visited  {text-decoration: none; color : #FFFFFF; }
a:hover        { text-decoration: none; color : #FFFFFF; }

TD.content {

FONT-SIZE: 12px;
COLOR: #FFFFFF;
BACKGROUND-COLOR: #5C5D61; 
TEXT-DECORATION: none
FONT-FAMILY:  Verdana, Geneva, Arial, Helvetica, sans-serif;
SCROLLBAR-FACE-COLOR: #EAEBEB; 
SCROLLBAR-HIGHLIGHT-COLOR: #F1F3F4; 
SCROLLBAR-SHADOW-COLOR: #CACACA; 
SCROLLBAR-3DLIGHT-COLOR: #D8D8D8; 
SCROLLBAR-ARROW-COLOR: #000000; 
SCROLLBAR-TRACK-COLOR: #F7F8F9; 
SCROLLBAR-DARKSHADOW-COLOR: #000000; 
}
TD.extra {


}

h1 {
    font-size: 12pt;
}

p {
    font-size: 10pt;
}


table.lista {
background:#000;
color:#FFFFFF;
border: solid 1px #666666;
}

td.button { 
background-color: #000;
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
	
}

td.block {
padding:0px;
margin:0px;
font-size: 10pt;
color: #FFFFFF;
text-align: center;
text-indent: 10px;
background-image: url(crm.gif);
}

td.blocklist {
background:#000; 
padding:0px;
margin:0px;
font-size: 8pt;
font-weight: bold;
color: #FFFFFF;
border: solid 1px #666666;
}

td.lista {
background-color:#000;
color : #FFFFFF;
font-size: 8pt;
border: solid 1px #666666;
}

td {
}

td.header {
  color: #FFD700;
	text-decoration: none;
	font-size: 8pt;
	vertical-align: middle;
	padding: 10px;
        margin: 4px 0 4px 0;
       border: 1px solid #DBFEF8;
	font-family: tahoma, sans-serif;
	background: #000;
}

td.header a, td.header a:link, td.header a:visited
{
	color: #FFD700;
	font-weight: bold;
	text-decoration: none;
  margin: 4px 0 4px 0;
	
}
td.header a:hover, td.header a:active
{
	color:#FFF;
	font-weight: bold;
	text-decoration: none;
  margin: 4px 0 4px 0;
	background: #191919;
	}


td.title {
font-size: 8pt;
}

td.navigation {
background-color: #000;
font-weight: bold;
font-size: 8pt;
}

form {
margin-top: 0;
margin-bottom: 0;
}

.sublink {
font-style: italic;
font-size: 7pt;
font-weight: normal;
}

a.index {
font-weight: bold;
}

a.biglink {
font-weight: bold;
font-size: 10pt;
}

.important {
font-weight: bold;
font-size: 10pt;
}

td.red {
background-color:#000;
color: red;
}


td.yellow {
background-color:#000;
color: #BEC635;
}


td.green {
background-color:#000;
color: green;
}

td.progress {
padding: 0px;
background-image: url(backprogress.gif);
background-repeat: repeat-x;
height: 10px;
}

td.red a:link {
color: red;
}
td.red a:visited {
color: red;
}

td.yellow a:link {
color: #BEC635;
}
td.yellow a:visited {
color: #BEC635;
}

td.green a:link {
color: #009933;
}

td.green a:visited {
color: #009933;
}

/* right side navigation menu */
#Menu { margin: 0px;}

#Menu ul { 
height: 38px; 
margin: 0px auto;
} 

#Menu li { 
float: left; 
margin: 0px 0px 0px 0px; 
padding: 0px;
list-style: none;
} 

#Menu li a, #Menu li a#selected, #Menu li a:hover { 
font-family: verdana, arial, sans-serif;
display: block; 
float: left; 
height: 11px;
text-decoration: none; 
margin: 5px 5px 0px 4px;
padding: 7px;
text-transform: uppercase;
font-weight:bold;
font-size: 7pt;
}
#Menu, #Menu li a { 
background: transparent;
color: #FFFFFF;
}

#Menu li a:hover, #Menu li a#selected, #Menu li a#selected:hover { 
background: transparent;
color: #FFFFFF;
border-color: #B1BCA4;
}
/* left side navigation menu */
#MeNu { margin: 0px 0px 0px 10px;}

#MeNu ul { 
height: 38px; 
margin: 0px auto;
} 

#MeNu li { 
float: left; 
margin: 0px 0px 0px 0px; 
padding: 0px;
list-style: none;
} 

#MeNu li a, #MeNu li a#selected, #MeNu li a:hover { 
font-family: verdana, arial, sans-serif;
display: block; 
float: left; 
height: 11px;
text-decoration: none; 
margin: 5px 5px 0px 4px;
padding: 7px;
text-transform: uppercase;
font-weight:bold;
font-size: 7pt;
}
#MeNu, #MeNu li a { 
background: transparent;
color: #FFFFFF;
}

#MeNu li a:hover, #MeNu li a#selected, #MeNu li a#selected:hover { 
background: transparent;
color: #ffffff;
border-color: #666666;
}
.error { color:black; font-weight: bold; font-size: 14pt; background:url(images/chr.gif); background-repeat: repeat-x;}
.information { color:black; font-weight: bold; font-size: 14pt; background:url(images/chb.gif); background-repeat: repeat-x;}
.success { color:black; font-weight: bold; font-size: 14pt; background:url(images/chg.gif); background-repeat: repeat-x;}

/* ######### End Main Tracker Body ######### Start Ajax Poll System ######### */

td.deleted {
    background-color:#FF95AC;
    color:#FFFFFF;
}

td.added {
    background-color:#C1FF83;
    color:#FFFFFF;
}

td.modified {
    background-color:#DEDEDE;
    color:#FFFFFF;
}

#mainContainer {
    width:100%;
    overflow:auto;
    text-align:left;
    background-color:#DDE5EB;
    
}

#mainContent {
    padding:0px;
		
}
  
.clear {
    clear:both;
}

.poller {  /* The poller box */
  
    width:100%;
    background:#000;
    overflow:hidden;
    
}

.pollerTitle {  /* Poller title above radio buttons */
    margin-top:0px;
    margin-bottom:5px;
    font-weight:bold;
    font-size:1em;
}

.pollerOption {  /* Label for each radio button */
    margin:0px;
}

.result_pollerOption {  /* Label for each option above graph - i.e. results */
    margin:0px;
    font-size:0.8em;
}

.result_pollerTitle {  /* Title of poller - when ajax shows the results */
    margin-top:0px;
    margin-bottom:5px;
    font-weight:bold;
    font-size:1em;
}

.result_pollGraph img {  /* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
    float:left;
}

.result_pollGraph div {  /* The <div> tag where the percentage result is shown */
    float:left;
    height:12px;
    background-repeat:repeat-x;
    color:#ffffff;
    font-size:0.9em;
    line-height:16px;
}

.result_pollGraph {  /* Graph div - parent of both the corner images and the div displaying percentage votes */  
    height:12px;
}
  
.poller_waitMessage {  /* Message when Ajax is working getting restults fromt the server */
    display:none;  
}  

.result_totalVotes{
    clear:left;
    font-size:0.8em;
    margin-top:10px;
    font-style:italic;
    background:transparent;
}

th {
    text-align:left;
}
.formButton {
    width:75px;
}
/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 90%;
	font-weight: normal;
	color: #fff;
	background: #1C1C1C;
	font-family: verdana, sans-serif;
	border: solid 1px #666;
        padding: 2px 1px 2px 1px;
}
/* ######### End Ajax Poll System ######### Start Ajax Chat ######### */
#chat {
overflow: auto;
width: 100%;
height: 350px;
padding: 0px;

}

#chatoutput ul {
	list-style: none;
	margin:0px;
	padding:0px;
	padding:5px 4px 6px 5px;
}

div.chatoutput {
	/*background:#465151;#323232;*/
	background:#1c1c1c;
	padding:5px 0px 3px 10px;
	margin:0px;
	color:#ffffff;
	line-height: 150%;
	margin-bottom:2px;border: solid 1px #666666;
}

div.loader {
background-image: url('images/ajaxchat/loading.gif'); 
background-repeat: no-repeat; 
background-position:center center; 
width:32px; 
height:32px;
}

#chatoutput ul li {
}

#chatoutput ul li span.name {
	display: block;
	background:url(images/ajaxchat/bubble.png) no-repeat left;
	padding-left:19px;
  margin-bottom:1px;
	font-weight: normal;
	color: #ffffff;
}

#chatoutput ul li:hover span.name {
	background:url(images/ajaxchat/bubblehover.png) no-repeat left;
}

form {
	padding:0px;
	
}

#chatoutput {
	text-align: left;
	margin-right: 0px;
}

/* swaps edit and delete images on mouse over */
img.EditSwap {
background:url(images/ajaxchat/shout_edit_gray.gif) no-repeat bottom;
}
img.EditSwap:hover {
background:url(images/ajaxchat/shout_edit.png) no-repeat bottom; 
}
img.DeleteSwap {
background:url(images/ajaxchat/shout_delete_gray.gif) no-repeat bottom;
}
img.DeleteSwap:hover {
background:url(images/ajaxchat/shout_delete.png) no-repeat bottom; 
}
/* end of swaping */

img.form {
background:url(images/ajaxchat/frame.png) no-repeat;
}
img.form:hover {
background:url(images/ajaxchat/frame_hover.png) no-repeat;
}



td.top1_tile{background-image:url(images/top1_tile.jpg);background-repeat:repeat-x;}
td.block_bottom_l{width:45px;height:68px;}
td.block_bottom_l_tile{background-image:url(images/bottom_l_tile.jpg);background-repeat:repeat-x;}
td.block_bottom_r_tile{background-image:url(images/bottom_r_tile.jpg);background-repeat:repeat-x;}
td.bottom_center{width:13px;height:68px;}
td.block_bottom_r{width:45px;height:68px;}
td.top_head_center{width:768px;height:56px;}
td.logo_l{width:144px;height:169px;}
td.logo_r{width:145px;height:169px;}
td.logo_l_tile{background-image:url(images/logo_l_tile.png);background-repeat:repeat-x;}
td.logo_r_tile{background-image:url(images/logo_r_tile.png);background-repeat:repeat-x;}
td.logo_center{width:601px;height:169px;}
td.top_head2_l{width:135px;height:81px;}
td.top_head2_r{width:135px;height:81px;}
td.top_head2_l_tile{background-image:url(images/top_head2_l_tile.gif);background-repeat:repeat-x;}
td.top_head2_r_tile{background-image:url(images/top_head2_r_tile.gif);background-repeat:repeat-x;}
td.top_head3_center{width:601px;height:169px;}
td.top_head3_l{width:100px;height:50px;}
td.top_head3_r{width:100px;height:50px;}
td.top_head3_l_tile{background-image:url(images/top_head3_l_tile.gif);}
td.top_head3_r_tile{background-image:url(images/top_head3_r_tile.gif);}
td.foot_left{width:100%;height:24px;}
td.foot_tile{background-image:url(images/foot_tile.gif);background-repeat:repeat-x;}
#slideIt {background: transparent; align:left;}