/* global */
html{height: 100%;}
/* ######### Start Main Tracker Body ######### */
body
{ font-family: arial, sans-serif;
  padding: 1ex 2ex 1ex 2ex;
  margin: 0px;
  font-size: .78em;

}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

h1
{ font-family: arial, sans-serif;
  margin: 5px 0px 12px 10px;
  font-size: 128%;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .1em;
}

h2
{ margin: 0px;
  padding: 0 0 4px 10px;
  font-size: 80%;
  text-transform: uppercase;
  font-family: verdana, arial, sans-serif;
  clear: both;
    color:#EEE;
  letter-spacing: .1em;
  font-weight: bold;
    font-style: italic;
  text-decoration: underline;
}

h3   /*  Pour la date seulement  */
{
   background: #ba9b6f;
   width: 200px;
   color: white;
   text-align: center;
   font-weight: bold;
   font-size: 130%;
}

h4   /*  Pour message au dessus du Tchat seulement  */
{
   background: #ba9b6f;
   width: 800px;
   color: white;
   text-align: center;
   font-weight: bold;
   font-size: 130%;
}

a{outline: none;}

/* image positioning - left, right and center */
.left
{ float: left;
  padding: 0px 8px 0px 0px;
}

.right
{ float: right;
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* unordered list */
ul
{ margin: 8px 0px 0px 16px;
  padding: 0px;
}

ul li
{ list-style-type: none;
  margin: 0px 0px 11px 0px;
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px;
  padding: 0px;
}

/* margin lefts / margin rights - to center content */
#footer, #slogo, #menu, #content{  margin-left: auto;  margin-right: auto;}

/* main container */
#main { width: 100%; margin: 10px auto;}

/* header */
#Menuheader
{ width: 100%;
  height: 87px;
}
/* main menu */
#mainMenu { width: 100%; align:center; }
/* logo */
#slogo
{ padding: 2px 0px 0px 0px;
  float: left;
  margin: 9px 15px 0px 15px;
}
#logo {
    background:transparent;
    height:101px;
    width:100%;
}
.tracker_logo {
  background: url("images/saloon.png") no-repeat;
    align:center;
    height:101px;
    width:600px;
}

#slideIt  {background: transparent; padding-left:14px; width:100%; }

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

#slogo h1
{ font-family: verdana, arial, sans-serif;
  margin: 0px;
  padding: 18px 0px 0px 0px;
  font-size: xx-large;
    color:#EE4000;
    text-transform: none;
    font-style: italic;
  letter-spacing: .3em;
}

#slogo h2
{ font-family: verdana, arial, sans-serif;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-size: 100%;
  letter-spacing: .2em;
}



/* Rounded Corners Blocks*/
.raised {background: transparent; width:100%; margin:0 auto;}
.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ba9b6f;#ee7942; border-left:1px solid #444; border-right:1px solid #444;}
.raised .b3 {background:#ba9b6f; border-left:1px solid #444; border-right:1px solid #444;}
.raised .b4 {background:#ba9b6f; border-left:1px solid #444; border-right:1px solid #444;}
.raised .b4b {background:#ba9b6f; border-left:1px solid #444; border-right:1px solid #444;}
.raised .b3b {background:#ba9b6f; border-left:1px solid #444; border-right:1px solid #444;}
.raised .b2b {background:#ba9b6f; border-left:1px solid #444; border-right:1px solid #444;}
.raised .b1 {margin:0 5px; background:#444;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#444;}
.raised .boxcontent {display:block;  background:#ba9b6f; border-left:1px solid #444; border-right:1px solid #444;}

/* Footer Rounded Corners */
.iprc {background: transparent; width:50%; margin:0 auto;}
.iprc .i-top, .iprc .i-bottom {display:block; background:transparent; font-size:1px;}
.iprc .i-b1, .iprc .i-b2, .iprc .i-b3, .iprc .i-b4, .iprc .i-b1b, .iprc .i-b2b, .iprc .i-b3b, .iprc .i-b4b {display:block; overflow:hidden;}
.iprc .i-b1, .iprc .i-b2, .iprc .i-b3, .iprc .i-b1b, .iprc .i-b2b, .iprc .i-b3b {height:1px;}
.iprc .i-b2 {background:#f9ddb8; border-left:1px solid #F06B00; border-right:1px solid #F06B00;}
.iprc .i-b3 {background:#f9ddb8; border-left:1px solid #F06B00; border-right:1px solid #F06B00;}
.iprc .i-b4 {background:#f9ddb8; border-left:1px solid #F06B00; border-right:1px solid #F06B00;}
.iprc .i-b4b {background:#f9ddb8; border-left:1px solid #F06B00; border-right:1px solid #F06B00;}
.iprc .i-b3b {background:#f9ddb8; border-left:1px solid #F06B00; border-right:1px solid #F06B00;}
.iprc .i-b2b {background:#f9ddb8; border-left:1px solid #F06B00; border-right:1px solid #F06B00;}
.iprc .i-b1 {margin:0 5px; background:#F06B00;}
.iprc .i-b2, .iprc .i-b2b {margin:0 3px; border-width:0 2px;}
.iprc .i-b3, .iprc .i-b3b {margin:0 2px;}
.iprc .i-b4, .iprc .i-b4b {height:2px; margin:0 1px;}
.iprc .i-b1b {margin:0 5px; background:#F06B00;}
.iprc .i-box {display:block;  background:#f9ddb8; border-left:1px solid #F06B00; border-right:1px solid #F06B00;}

h1
{ background: transparent;
  color: #000;
}
/* contact page - form layout */

div.row
{ clear: both;
  width: 448px;
}

div.row span.formlabel
{ float: left;
  width: 150px;
  text-align: left;
}

div.row span.forminput
{ float: right;
  text-align: right;
}

div.spacer
{ clear: both;
  width: 80px;
}

body{
  background: url("images/paper.png");
  color: #000;
}

#main, #logo, #logo h1, #left_sidebar, #right_sidebar, #content {
  background: transparent;
  color: #000;
}

/* navigation menu */
#menu { margin: 0px 15px 0px 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 12px 0px 4px;
  padding: 7px;
  text-transform: uppercase;
  font-size: 80%;
}
#menu, #menu li a {
  background: transparent;
  color: #000;
}

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover {
  background: transparent;
  color: #6a1e02;
  border-color: #B1BCA4;
}

/* sidebars */
#left_sidebar, #right_sidebar, .sidebar {
  width: 150px;
  padding: 16px 15px 15px 15px;
}

/* sidebar items / links */
.sidebaritem {
  text-align: left;
  width: 150px;
  margin: 0px;
  padding: 0px;
}

.sidebaritem a:link, .sidebaritem a:active, .sidebaritem a:visited { background: transparent url(images/arrow_on.png) no-repeat left center; padding: 0px 0px 2px 14px; color: #6a1e02; }

.sidebaritem a:hover { color:#000; padding: 0px 0px 2px 14px; background: transparent url(images/arrow_select.png) no-repeat left center; }

.faqlink a:link, .faqlink a:active, .faqlink a:visited { background: transparent url(images/cog.png) no-repeat left center; padding: 0px 0px 2px 14px;
  color: #982600;#000000;
}

.faqlink a:hover { background: transparent url(images/orange_cog.png) no-repeat left center; padding: 0px 0px 2px 14px;
  color: #ff9c27;
}
/* page content (center) */
#content {
  text-align: justify;
  width: 100%;
  padding: 20px 0px 15px 0px;
  float: left;
}

#content h1 {
  font-family: arial, sans-serif;
  margin: 5px 0px 12px 0px;
  font-size: 128%;
  font-weight: normal;
  text-transform: uppercase;
}

#content a, #content a:hover {
  padding: 0px 0px 2px 0px;
  text-decoration: none;
}

#content a:hover {
  background: transparent;
  color: #444;
}

#content a {
  background: transparent;
  color: #6a1e02;
}
/*#content td.block a:link, #content td.block a:visited, #content td.block a:active { font-size:8pt; color:#FEAD10; text-align:center;}*/
#content td.block a:link, #content td.block a:visited, #content td.block a:active { font-size:8pt; color:#6a1e02; text-align:center;}
#content td.block a:hover { color:#FC0; text-decoration:none; /*cursor:auto*/}
/* footer */
#footer {
  font-size: 80%;
  text-transform: uppercase;
  font-family: verdana, arial, sans-serif;
  clear: both;
  text-align: center;
}

#footer a {
  text-decoration: none;
  padding: 0px 0px 2px 0px;
  border-bottom: 1px dashed;
}

#footer a:hover {
  text-decoration: none;
  padding: 0px 0px 2px 0px;
  border-bottom: 1px solid;
}
#footer, td.footer
{ background: #f9ddb8;#ccb089;
  color: #000000;
    font-size: xx-small;
}

#address, #footer a
{ background: transparent;
  color: #000;
}
#footer a:hover{ background: transparent; color: #000000; }

#address
{ padding: 11px 17px 0px 14px;
  float: right;
  text-align: right;
}

#address p
{ padding: 0px;
  margin: 0px;
}
/* additional color scheme selections */
#color
{ margin: 0px 0px 20px 0px;
  padding: 0px;
  float: right;
  text-align: right;
}

#color a, #color a:hover{border: 0px;}

.blue
{ background: transparent url(images/blue.png) no-repeat left center;
  color: #002F6A;
  padding: 0px 10px 0px 20px;
}

.green
{ background: transparent url(images/green.png) no-repeat left center;
  color: #356117;
  padding: 0px 10px 0px 20px;
}

.purple
{ background: transparent url(images/purple.png) no-repeat left center;
  color: #8149A2;
  padding: 0px 10px 0px 20px;
}

.orange
{ background: transparent url(images/orange.png) no-repeat left center;
  color: #000000;
  padding: 0px 10px 0px 20px;
}
/* End Color Changes */
.highlight {
  background: #F8F81A;
  color: #FF0000;
}

.btn{
  background: #DEB887;
  border: 1px solid #ccb089;
  color: #000000;
  font-family: Verdana, Helvetica, Sans-Serif;
  font-size: 11px;
  padding: 2px;
  vertical-align: middle;
  cursor: pointer;

}
.quelranger{
  background: #FFF;
  border: 3px solid #000;
  color: #FF0000;
  font-family: Verdana, Helvetica, Sans-Serif;
  font-size: 15px;
  font-weight: bold;
  padding: 2px;
  vertical-align: middle;
  cursor: pointer;
}
.quelranger:hover{
  background: #FF0000;
  border: 3px solid #000;
  color: #FFF;
  font-family: Verdana, Helvetica, Sans-Serif;
  font-size: 15px;
  font-weight: bold;
  padding: 2px;
  vertical-align: middle;
  cursor: pointer;
}
/* A quote, perhaps from another post. */
.quote
{
    color: #000;
    background: #DEB887;
    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: #DEDEDE;
    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{
  border:1px solid #ccb089;
  background: #f9ddb8;
  padding:0px;
  margin:1px;
  color:#000;
  line-height: 1.4em;
  text-align:left;
  white-space:wrap;
    overflow: auto;
}

img {
  border:0px;
}


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

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

}

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

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

.pager a:link,
.pager a:visited,
.pagercurrent a:link,
.pagercurrent a:visited {
    background: transparent url(images/arrow_on.png) no-repeat left center;
  color: #000;
}

.pager a:hover,
.pagercurrent a:hover {
    color:#F06B00; background: transparent url(images/arrow_select.png) no-repeat left center;
}

div.chat {/* Wrap its contents, and show scrollbars. */ white-space: wrap; overflow: auto;  max-height: 60em;  width: 100%;  padding: 0px;}

a:link, a:active, a:visited { color: #000; text-decoration: none;}

a:hover { text-decoration: none; color: #EE4000; }

table { border:0px;}

table.tool { border-bottom: solid 1px #444; }

table.lista { background: #f8f1da;#dcc5a3; }


td.block {
    background: #ba9b6f;#ee7942;
    color: #6a1e02;
    height:15px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 80%;
  text-transform: uppercase;
  font-family: verdana, arial, sans-serif;
  clear: both;
  text-align: center;
}

td.blocklist_introuv {
         border:2px solid #000000;
         background-color: #ECDAAB;
         background-image: url('images/wanted.jpg');
         background-position:center center;
         background-repeat:no-repeat;
         height: 190px;
         width : auto;
         padding:2px;
         margin:1px;
         font-size: 8pt;
         font-weight: bold;
         color: #3939AA;
}

td.blocklist {
  background: #f8f1da;
  color: #444;
  padding:2px;
  margin:0px;
  font-size: 8pt;
  font-weight: bold;
  border:solid 1px #dec7a5;
}
.user {background: #f2e3ae;#dcc5a3;}
td.lista {
  background: #f8f1da;
  color: #414141;
    padding:2px;
  margin:0px;
  font-size: 8pt;
  text-align:left;
    border:solid 1px #444;
}
td.torrentvisite {
  background: #f8f1da;
  color: #414141;
    padding:2px;
  margin:0px;
  font-size: 8pt;
  text-align:left;
    border:solid 1px #444;
}
#content td.torrentvisite a:visited { text-decoration: none; color: #0000FF; }

td.paypal {
  background: #f8f1da;
  color: #414141;
    padding:2px;
  margin:0px;
  font-size: 8pt;
  text-align:center;
    border:solid 1px #444;
}

td {

}

td.header {
    height:27px;
    font-size: 80%;
  text-transform: uppercase;
  font-family: verdana, arial, sans-serif;
  clear: both;
  text-align: center;
    background: #f2e3ae;
  color: #000;
    border-bottom: solid 1px #444;
    border-top: solid 1px #444;
    padding-left: 5px;
    padding-right: 5px;
}
td.header a:link, td.header a:visited, td.header a:active { font-size: 100%; color:#000000; background: transparent url(images/arrow_orange.png) no-repeat left center; padding: 0px 0px 2px 14px; text-align:center;}
td.header a:hover { color:#EE4000; font-size: 100%; text-decoration:none; background: transparent url(images/arrow_O_select.png) no-repeat left center; padding: 0px 0px 2px 14px;}
td.title {
    font-size: 8pt;
}

td.navigation {
    background: #DDD;
    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:transparent;
        border:1px solid #ccb089;
    color: red;
}


td.yellow {
    background:transparent;
        border:1px solid #ccb089;
    color: black;
}


td.green {
    background:transparent;
        border:1px solid #ccb089;
    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: black;
}
td.yellow a:visited {
    color: black;
}

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:#dcc5a3;

}

#mainContent {
    padding:0px;
}

.clear {
    clear:both;
}

.poller {  /* The poller box */

    width:100%;
    background:#dcc5a3;
        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: 600px;
padding: 0px;
}

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

div.chatoutput {
    background:#f8f1da;
    padding:5px 0px 3px 10px;
    margin:0px;
    color:#000;
    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;
    background-color:#e7dcce;#FFCC66;
    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;
    background-color:#e7dcce;
}

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 ######### */

/* ----- Amis du Saloon ----- */
#amis {
  margin:30px auto 10px;
  overflow:hidden;
  width:800px;
}

#amis h2 {
  font: 36px "Trebuchet MS";
  font-weight: normal;
  font-style: italic;
  margin: 0 0 16px 0;
  color: #9B082B;
  text-align: center;
}
.amis_gauche {
  float:left;
  margin:0 25px 0 0;
  text-align:justify;
  width:380px;
}

.amis_thumb {
  border:5px solid #323232;
  float:left;
  line-height:0;
  margin:0 0 10px;
}
.amis_droite {
  float:right;
  line-height:16px;
  margin:0 0 10px;
  text-align:justify;
  width:380px;
}
#amis h3 {
  color:#000;
  font-family:"courier new", "times new roman";
  font-size:20px;
  margin-bottom:3px;
}
#amis h4 {
  color:#FF0000;
  font-family:"courier new", "times new roman";
  font-size:14px;
  margin-bottom:3px;
}
.separateur {
  border-top:1px solid #171717;
  clear:both;
  margin:10px 0;
}

#portfolio p {
  margin: 0 0 16px 0;
}
/* ----- Amis du Saloon ----- */

/*####### CIRCLE IMAGES ########### */
#images{
	visibility:hidden;
}
#loading{
	margin-top:0px;
	text-align:center;
	width:100%;
}
#loading img{
	margin-top:0px;
	position:relative; 
}
#captions{
	font-weight:bold;
	position:relative; 
	text-align:center;
	z-index:10000;
}
#scrollbar{
	visibility:hidden;
	position:relative;
	border-bottom:1px solid #FFF;
	z-index:10001;
       margin-left: 60px !important;
	}
#slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(/imageflow/slider.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;	
}
#imageflow{
	margin-left:0px;
	text-align:left;
	width:350px;
}
#changelog{
	width:349px;
	border-right:solid 1px #666;
	float:left;
	margin-top: 0px;
}
#changelog div{
	text-align: justify;
	padding: 0 15px 5px 15px;
}
body.listacircle {
    background: #f8f1da;
    }
/*####### END CIRCLE IMAGES ########### */