/* ######### Start Main Tracker Body ######### */
body {
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 8pt;
    background: #A1BFD9;#FAFCFE;
    margin: 10px 12px 20px 5px;
    padding: 0;
}

.highlight {
  background: #F8F81A;
  color: #FF0000;
}


/* A quote, perhaps from another post. */
.quote
{
    color: #000;
    background-color: #D7DAEC;
    border-style: inset;
    border-width: 1px solid;
    border-color: #000;
    margin: 1px;
    padding: 1px;
    font-size: x-small;
    line-height: 1.4em;
		overflow:auto;
}

/* A code block - maybe even PHP ;). */
.code
{
    color: #000;
    background-color: #ECECEC;
    font-family: "courier new", "times new roman", monospace;
    font-size: x-small;
    line-height: 1.3em;
    /* Put a nice border around it. */
    border-style: inset;
    border-width: 1px solid;
    border-color: #000;
    margin: 1px auto 1px auto;
    padding: 1px;
    width: 99%;
    /* Wrap its contents, and show scrollbars. */
    overflow: auto;
    /*Stop after about 24 lines, and just show a scrollbar.*/ 
    max-height: 10em;
}
.post{
  border:1px solid #4E7FCD;
  background-color: #E8EFF7;
  padding:0px;
  margin:1px;
  color:#000000;
  line-height: 1.4em;
  text-align:left;
  overflow: auto;
}

img {
  border:0px;
}

textarea {
    display:block;
    overflow: auto;
    line-height: 1.4em;
}

select.drop_pager {
  background-color: #E0E1E8;
  font-size: 11px;

}

.pager {
  background-color: #E0E1E8;
 /* border: 1px solid #072A66;*/
  padding: 1px 3px 1px 3px;
}

.pagercurrent {
  background-color: #7FBDFA;
  border: 1px solid #072A66;
  padding: 1px 3px 1px 3px;
}

.pager a:link,
.pager a:visited,
.pagercurrent a:link,
.pagercurrent a:visited {
    text-decoration:none;
}

.pager a:hover,
.pagercurrent a:hover {
    text-decoration:none;
}
/* this is new for the mainmenu_block*/
.tcat {
  background: url(images/titlebg2.jpg) #b7c5d2 repeat-x;
	height:25px;
}
/* this is new  for the login/logout */
.t_cat, .t_cat a:link, .t_cat_alink
{
	background-color:#7796b3;
	height:20px;
	color: #000;
	text-decoration: none;
}
.t_cat a:visited, .t_cat_avisited
{
	height:20px;
	color: #000;
	text-decoration: none;
}
.t_cat a:hover, .t_cat a:active, .t_cat_ahover
{
	color: #888;
}

/* this is bg for the usermenu links */
.t_cat2
{
	background-image: url(images/tcat2.png);
	height:30px;	
}

 /* css for dropdown menu */
 #menu { width:auto; height:35px; text-align:center; margin:0px auto; background-color:#D9E6ED; border:1px solid #D9E6ED; }
 /* Donot change the values of this menu unless you know exaclty what you are doing */
 #menu ul { margin:0; padding:0; list-style:none; white-space:nowrap; }
 #menu ul { display:inline-block; } 
 
 #menu li { margin:0; padding:0; list-style:none; }
 #menu li { display:inline-block; display:inline; }
 #menu ul ul { position:absolute; left:-9999px; width:auto; border:none; }
 
 #menu ul.level1 { margin:0px auto; padding:0px; } /* this value helps control the vertical alignment of the menu */
 #menu ul.level1 li.level1-li { float:left; display:block; position:relative; }
 /* these are the levels below the main links of the menu, these are for the location and images used in the dropdown boxes --- notice the margin for the top on level2 is set to 9px this represents the location of the first level drop, I have it set to be just below my hover image */
 #menu ul.level2 { background-color:#e8eff5; border:1px solid #000; float:left; padding-bottom:10px; margin-top:6px; }
 /*---*/
 #menu ul.level3 { background-color:#e8eff5; border:1px solid #000; float:left; padding:0 0 10px 0; }
 /*---*/
 #menu ul.level4 { background-color:#e8eff5; border:1px solid #000; float:left; padding:0 0 10px 0; }
 /*- Level 4 to the Left -*/
 #menu li.left ul.level4 { margin-top:9px; background-color:#e8eff5; border:1px solid #000; width:300px; float:right; padding:0 0 10px 0; }
 #menu li.left ul.level4 a { text-align:right; padding:0px 25px 0px 15px; font-size:9pt; text-transform: uppercase; }
 /*---*/
 #menu b { position:absolute; } /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
 
 /* this next value is the over all text info for the first set of links in the dropdown menu */
 #menu a { display:block; font-family:  Arial, Helvetica, sans-serif; color:#01223b; font-weight: normal; font-size:10pt; line-height:35px; text-decoration:none; text-transform: uppercase; padding:0px 40px 0px 40px; text-shadow:1px 0px 0px #FFF; }
 /*---*/
 #menu ul.level1 li.level1-li a.level1-a { float:left; }
 
 /* the width here is set to 198px and that is shown as the width of the dropdown boxes in levels 2,3 and 4 of the dropdown menu */
 #menu ul li:hover > ul { visibility:visible; left:0; top:28px; width:198px; } /* is for right dropdown or normal */
 #menu li.left:hover > ul { visibility:visible; left:auto; right:0; top:29px; width:198px; } /* is for left dropdown */
 /* the margin left or right on these next to values signifies the distance beteween the dropdown boxes. the margin top lines being negative raises the boxes so that your menu is even in stead of offset */
 #menu ul ul li:hover > ul { visibility:visible; left:100%; top:auto; margin-top:-39px; margin-left:-12px; } /* is for right dropdown or normal */
 #menu li.left ul li:hover > ul { visibility:visible; left:auto; right:100%; top:auto; margin-top:-39px; margin-right:-12px; } /* is for left dropdown */

 #menu a:hover ul { left:0; top:29px; }
 #menu li.left a:hover ul { left:auto; right:-1px; top:29px; }

 /* these next 2 values are for the alignment, padding, font size, and text used in the dropdown boxes */
 #menu li ul a { text-align:left; padding:0px 10px 0px 15px; font-size:9pt; text-transform: uppercase; }
 #menu li.left ul a { text-align:right; padding:0px 15px 0px 10px; font-size:9pt; text-transform: uppercase; }

 #menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul { left:100%; visibility:visible; }
 #menu li.left a:hover a:hover ul, #menu li.left a:hover a:hover a:hover ul { left:auto; right:0; visibility:visible; }
 #menu a:hover ul ul, #menu a:hover a:hover ul ul { left:-9999px; }
 #menu li.left a:hover ul ul, #menu li.left a:hover a:hover ul ul { left:-9999px; }

 #menu li a.drop { background:transparent url(images/down-arrow.png) no-repeat right center; padding-left:10px; } /* the padding on this is set so that the dropdown arrow is offset to 20px to the right of the drop menu links */
 #menu li a.fly { background:transparent url(images/right-arrow.png) no-repeat right center; }
 #menu li.left ul a.fly { background:transparent url(images/left-arrow.png) no-repeat left center; }

 #menu li a:hover,
 #menu li a.fly:hover {} 
 #menu li:hover > a,
 #menu ul li:hover > a.fly {color:#000; background-color:#D9E6ED; text-shadow:1px 0px 0px #000;}

 #menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-6px;}
 #menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-30px; margin-left:-4px;}

 #menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
 #menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-30px; margin-right:-4px;}
 /* end menu */ 
/* start side blocks*/
#bodyarea #col .b-content a:link,
#bodyarea #col .b-content a:active,
#bodyarea #col .b-content a:visited {
	color: #242424;
}
#bodyarea #col .b-content a:hover {
	color: #e34313;
}

#bodyarea #col .block-head {
	width: 100%; 
}

#bodyarea #col .block-head-title {
	background-image: url(images/catbg_01.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 25px;
	width: auto;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration:none;
	text-align:center;
	display: block;
}

#bodyarea #col .block-content {
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
}

#bodyarea #col .b-content {
	width: auto;
	margin: 0px;
	padding: 0px 2px 5px 2px;
	background-color:#355d80;
	text-align: left;
	display: block;
	overflow: hidden;
}
#bodyarea #col .block .header {
	border-collapse: collapse;
	border:0px;
	background-image: url(images/cat-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	line-height: 13px;
	height: 27px;
	font-size: 10px;
	color: #355d80;
	font-weight:bold;
}
#bodyarea #col .block .lista {
    background:#ccdae5;
    color : #000;
    padding:0px;
    margin:0px;
    font-size: 8pt;
    text-align:left;
}
/* end side blocks */
/* start main content blocks*/
#bodyarea #mcol .block-head {
	width: 100%;
}

#bodyarea #mcol .block-head-title {
	height: 25px;
  width: auto;
	padding: 0px 0px 0px 10px;
	margin: 0px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 20px;
	font-weight: normal;
	color: #010101;
	background-image: url(images/titlebg2.jpg);
	text-align: left;
	display: block;
	overflow: hidden;
}

#bodyarea #mcol .block-content {
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
}

#bodyarea #mcol .b-content {
	width: auto;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	background-color: #b7c5d2;
	text-align: left;
	display: block;
	overflow: hidden;
}

/* end main content */
/* main header blocks */
#header .block {
	display: block;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
#header .block-head {
	width: auto;
	height: 8px;
}
#header .block-head-l {
	background-image: url(images/header/h-btl.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 8px;
	width: 8px;
	margin: 0px;
	padding: 0px;
}
#header .block-head-r {
	background-image: url(images/header/h-btr.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 8px;
	width: 8px;
}
#header .block-head-title {
	padding: 0px;
	height: 8px;
	width: auto;
	margin: 0px 8px 0px 8px;
	background-image: url(images/header/h-btm.png);
	background-repeat: repeat-x;
	background-position: top;
}
#header .block-content {
	margin: 0px;
	padding: 0px;
	width: auto;
	display: block;
}
#header .block-content-l {
	background-image: url(images/header/h-bml.png);
	background-repeat: repeat-y;
	background-position: left;
	margin: 0px;
	width: auto;
	padding: 0px;
	display: block;
}
#header .block-content-r {
	background-image: url(images/header/h-bmr.png);
	background-repeat: repeat-y;
	background-position: right;
	margin: 0px;
	padding: 0px;
	width: auto;
	display: block;
}
#header .b-content {
	width: auto;
	margin: 0px 4px 0px 4px;
	padding: 5px 10px 8px 10px;
	background-color: #ABBED5;
	background-image: url(images/header/h-bmm.png);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
}
#header .lista {
  background:transparent;
	border-collapse: collapse;
	border:0px;
  color : #000;
  padding:0px;
  margin:0px;
  font-size: 8pt;
  text-align:left;
}
#header .block-foot {
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 8px;
}
#header .block-foot-l {
	background-image: url(images/header/h-bbl.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 8px;
	width: 8px;
	font-size: 1px;
}
#header .block-foot-r {
	background-image: url(images/header/h-bbr.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 8px;
	width: 8px;
	font-size: 1px;
}
#header .block-foot-m {
	background-image: url(images/header/h-bbm.png);
	padding: 0px;
	width: auto;
	margin: 0px 8px 0px 8px;
	height: 8px;
	background-repeat: repeat-x;
	background-position: top;
	font-size: 1px;
}
/* innerbar for the rules, faq & ulguide */
.cat3
{
	background: url(images/titlebg2.jpg) #b7c5d2 repeat-x;
	height:20px;
	color: #000;
	font-size:8pt;
	font-weight:bold;	
}
/* end */

#main {
    display:block; 
    background:#D3DCE3;/*#CED8DF;*/
		border-top: 1px solid #929492; 
    border-left:1px solid #696969; 
    border-right:1px solid #696969;
    border-bottom:1px solid #696969;
    width:992px;
    padding:2px;
    margin: 0 auto;
}

#Calendar {
    display:block;
    color:#000; 
    padding:2px;
    margin: auto;
}

#logo {
		border-top: 3px solid #e8eff5;
		border-left: 2px solid #b2b2b2;
		border-right: 2px solid #b2b2b2;
    height:150px;
    width:100%;
}
.tracker_logo {
    background: url("images/Logo.png") center 8px / 252px 100px no-repeat;
    height:115px;
    width:100%;
}

#nocolumns { width:100%; align:center; }

#footer{
    border-bottom: 1px solid #929492;
    height:100px;
    width:100%;
}

td.footer{
  background:transparent;
	height:69px;
  width:100%;
	position:absolute;
}

a:link,a:active,a:visited { color: #006699; text-decoration:none;}
a:hover { text-decoration:none; color: #EE4000; }

h1 {
    font-size: 10pt;
}

p {
    font-size: 8pt;
}

table {
    border:0px;
		
}
/*
table.tool { border-bottom: solid 1px #CFDBE5; }
table.usmen { background: #CFDBE5; }
table.lista {
    background: #A1BFD9;
    border-bottom:1px solid #EFF3F5;
}
*/
td.block {
	  background: url(images/titlebg2.jpg);
		line-height:22px;
    color: #222;
    padding-left: 3px;
    padding-right: 3px;
}
td.block a:link, td.block a:active, td.block a:visited { color: #006699; text-decoration:none;}
td.block a:hover { text-decoration:none; color: #EE4000; }
td.blocklist {
   background: #9baebf;
   padding:0;
   margin:0;
   font-size: 8pt;
   padding-left:5px;
   color: #000;
}
/*.user {background: #A1BFD9;}*/
td.lista {
    background:#ECEDF3;
    color : #000;
    padding:2px;
    margin:0px;
    font-size: 8pt;
    text-align:left;
    border-left:solid 1px #CFDBE5;
    border-right:solid 1px #CFDBE5;
}



td.header {
    color: black;
    height:27px;
    font-style: normal;
    background: url(images/titlebg.jpg) #E9F0F6 repeat-x;
    border-bottom: solid 1px #9BAEBF;
    border-top: solid 1px #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
}
.left_menu {
   background:url(images/catbg2.jpg);
	 height:20px;
	 color:#000;
}
.center_menu {
   background:url(images/tcat2.png);
	 height:20px;
	 color:#000;
}
.right_menu {
   background:url(images/titlebg2.jpg);
	 height:20px;
	 color:#000;
}
td.title {
    font-size: 8pt;
}

td.navigation {
    background-color: #DDE5EB;
    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:#E0E1E8;*/
    color: red;
}


td.yellow {
    /*background-color:#E0E1E8;*/
    color: #536372;
}


td.green {
    /*background-color:#E0E1E8;*/
    color: green;
}

td.progress {
    padding: 0px;
    background-image: url(images/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: green;
}

td.green a:visited {
    color: green;
}
li{
list-style-position:inside;
} 

.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:#000000;
}

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

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

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

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

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

.pollerTitle {  /* Poller title above radio buttons */
    margin-top:0px;
    margin-bottom:5px;
    font-style:italic;
    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:#FFF;
    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;
}
/* ######### End Ajax Poll System ######### Start Ajax Chat ######### */
#chat {
overflow: auto;
width: 100%;
height: 220px;
padding: 0px;
}

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

div.chatoutput {
    background:#dde6ef;
    padding:5px 0px 3px 10px;
    margin:0px;
    color:#006699;
    line-height: 150%;
    margin-bottom:2px;
}

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: #000;
}

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

form {
    padding:0px;
    margin:6px;
}

#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;
}
/* ######### End Ajax Chat ######### */