/* ######### Start Main Tracker Body ######### */
body {
	background-position: #ACA8A1;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
	background: #ACA8A1;
}
.highlight {
	background: #F8F81A;
	color: #FF0000;
}
.btn {
	background: #DFE6EF;
	border: 1px solid #4C77B6;
	color: #000;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 2px;
	vertical-align: middle;
	cursor: pointer;
}
/* 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;
}
/* 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. */;
	white-space: wrap;
	overflow: auto; /*Stop after about 24 lines, and just show a scrollbar.*/;
	max-height: 10em;
}
.post {
	background-color: #FFFFFF;
	padding: 3px;
	margin: 1px;
	color: #000000;
	line-height: normal;
	text-align: left;
	white-space: normal;
	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;
}
#main {
	padding: 0 20px;
	min-width: 650px;
	width: 960px;
	height: 100%;
	margin: 0 auto;
}
#logo {
	height: 168px;
	width: 100%;
}
.tracker_logo {
	background: url("images/agt-head_1.png") no-repeat;
	background-position: center bottom;
	height: 168px;
	width: 100%;
}
#slideIt {

	align: left;
}
#header {

	width: 100%;
}
#nocolumns {
	width: 100%;
	align: center;
}
#footer {
	width: 100%;
	font-family: tahoma;
	font-weight: lighter;
	text-decoration: none;
	font-size: 0.9em;
}
div.chat {
	/* Wrap its contents, and show scrollbars. */
    white-space: wrap;
	overflow: auto;
	max-height: 30em;
	width: 100%;
	padding: 0px;
}
a:link, a:active, a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #EE4000;
}
h1 {
	font-size: 12pt;
}
p {
	font-size: 10pt;
}
table {
	border: 0px;
}
table.tool {
	border-bottom: solid 1px #CFDBE5;
}
table.lista {
	background-position: #FFFFFF;
	background: #FFFFFF;
	border: 1px solid #ADADAD;
}
td.block {
	background: url(images/catbg.jpg) #A1BFD9 repeat-x;
	color: #000000;
	height: 25px;
	padding-left: 3px;
	padding-right: 3px;
	border-bottom: solid 1px #375576;
	font-weight: lighter;
	font-family: tahoma;
}
td.blocklist {
	background: #F6F6F6;
	padding: 2px;
	margin: 0px;
	font-size: 8pt;
	font-weight: bold;
	color: #000;
}
.user {
	background: #A1BFD9;
}
td.lista {
	font-family: "times new roman", monospace;
	font-size:1.2em;
	color : #000;
	padding: 2px;
	margin: 0px;
	text-align: center;
	border-left: solid 1px #CFDBE5;
	border-right: solid 1px #CFDBE5;
}
td {
}
td.header {
	background-position: #FFFFFF url(images/titlebg.jpg) repeat-x;
	color: black;
	height: 27px;
	font-style: normal;
	background: #FFFFFF url(images/titlebg.jpg) repeat-x;
	border-bottom: solid 1px #9BAEBF;
	border-top: solid 1px #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	border-style: solid;
	border-color: #BCBCC8;
	border-width: 1px;
}
td.title {
	font-size: 8pt;
}
td.navigation {
	background-color: #DDE5EB;
	font-weight: bold;
	font-size: 8pt;
}
form {
	margin-top: 0;
	margin-bottom: 0;
}

.form_user_info {
	border-collapse: collapse;
	border-left-style: solid;
	border-left-width: 1px;
	border-right: 1px solid #C0C0C0;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom: 1px solid #C0C0C0;
}


.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: #BEC635;
}
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: #DDE5EB;
}
#mainContent {
	padding: 0px;
}
.clear {
	clear: both;
}
.poller {
	/* The poller box */
  
    background-position: #FFE8E8;
	width: 100%;
	background: #F7F7F7;
	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: #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 {
	padding: 5px;
	margin: 0px;
	color: #000000;
	line-height: 150%;
}
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 {
	background-position: left;
	display: block;
	background: url(images/ajaxchat/bubble.png) no-repeat left;
	padding-left: 19px;
	margin-bottom: 1px;
	font-weight: normal;
	color: #000;
	background-color: #F4F4F4;
}
#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 ######### */
/* Border
---------------------------------------- */
.border-left {
	background: url("images/border_left.gif") #FFFFFF repeat-y 0 0;
}
.border-right {
	background: url("images/border_right.gif") repeat-y 100% 0;
}
.border-top {
	background: url("images/border_top.gif") repeat-x 0 0;
}
.border-top-left {
	background: url("images/border_top_left.gif") no-repeat 0 0;
}
.border-top-right {
	background: url("images/border_top_right.gif") no-repeat 100% 0;
	width: 100%;
}
.border-bottom {
	background: url("images/border_bottom2.gif") repeat-x 0 100%;
}
.border-bottom span {
	background: url("images/border_bottom.gif") no-repeat 0 0;
	display: block;
	height: 18px;
}
.border-bottom span span {
	background-position: 100% -18px;
}
.inside {
	padding: 17px 27px 10px 27px;
}