body{
  margin: 10px;
  background-color: #dedede;
  font-family:Arial;
 }
 body.home{
  font-size: 12pt;
  font-weight: bold;
  font-family:Arial;
 }

 #optimizedForFirefox{
  margin-left: 10px;
  margin-right: 10px;
  text-align: justify;
 }

 #container{
  color:black;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  padding-bottom: 30px;
  width: 1000px;
  background-color: #ffffff;
  border-style:solid;
  border-width: thin;
  border-color: black;
  font-family: Arial;
  clear: both;
 }

 #header {
  width: 960px;
  margin-left: 20px;
  margin-bottom:30px;
 }

 #prevnext{
  text-align: right;
  padding-right: 20px;
 }

 #footer {
  width: 960px;
  background-color: #dedede;
  font-size: 8pt;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  text-align: left;
  clear: both;
 }

 #IprLogo{
  float:left;
  padding: 30px;
 }

 #YourLeagueLogo{
  float:left;
  padding: 30px;
 }

 #LeaguesHeader{
  padding-top: 20px;
  font-size:x-large;
  font-family:Arial;
  font-weight:bold;
 }

 #welcomeText{
  font-size:30pt;
  text-align:center;
  font-weight:bold;
  margin-left:20px;
  width: 960px;
  margin-bottom:30px;
  border-style:solid;
  background-color: #789174;
  color:#eeeeee;
  border-style:solid;
  border-color: black;
 }
 #welcomeText:first-line{font-size:25pt}

 #intro{
  margin: 20px;
  width: 200px;
  float: right;
  padding:10px;
  text-align:justify;
  background-color:#dedede;
  color:#000000;
  border-style: solid;
  border-width: thin;
  border-color: black;
 }

 #intro:first-letter {font-size: 200%; float: left}

 #IprTitle{
  font-size:large;
  font-weight:bold;
  color: white;
  margin-top:20px;
  padding-top:20px;
  padding-left:20px;
 }


 td.contactus{
  padding:10px;
 }

 table.stats{
  margin: 20px;
 }
 td.stats_label{
  font-size: larger;
  font-weight: bold;
  text-align: left;
  padding-right: 10px;
 }
 td.stats_value{
  font-size: larger;
  font-weight: bold;
  text-align: right;
  padding-left: 10px;
 }
 
 .t5 { font-family: Arial; font-size: x-large; font-weight: bold; }
 .t4 { font-family: Arial; font-size: large; font-weight: bold; }
 .t2 { font-family: Arial; font-size: small; font-weight: bold; }


 .leftSide{
  float: left;
  width: 260px;
  height: 100%;
  margin-left: 20px;
 }
 .rightSide{
  float: left;
  margin-left:20px;
  width: 680px;
  clear: right;
 }
 table.filter{
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
 }

 div.boxHeader{
  width: 265px;
  text-align: center;
  font-weight: bold;
  font-size: 9pt;
  padding-top:5px;
  padding-bottom:5px;
  background:url(/img/design/framedBoxHeader.jpg) no-repeat center top;
 }

 div.boxBody{
  width: 243px;
  border-width: 1px;
  background-color: #dedede;
  font-size: 8pt;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 10px;
  text-align:justify;
 }

 div.boxDetail{
  width: 253px;
  border-width: 1px;
  background-color: #dedede;
  font-size: 8pt;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 5px;
  text-align:justify;
 }


 div.boxFooter{
  height: 10px;
  width: 265px;
  margin-bottom: 10px;
  background:url(/img/design/framedBoxFooter.jpg) no-repeat center bottom;
 }


 table.framedBox{
  margin: 5px;
  width: 265px;
  font-size: 9pt;
  border-style: solid;
  border-width: 0px;
  border-color: #000000;
  border-collapse: collapse;
 }
 
 table.framedBox th{
  height: 25px;
  border-width: 0px;
  background:url(/img/design/framedBoxHeader.jpg) no-repeat center top;
 }
 tr.framedBoxHighest{
  width: 263px;
  border: 1px solid;
  background-color: #8b9174;
 }
 tr.framedBoxMiddle{
  width: 263px;
  border-width: 1px;
  background-color: #D4DEB1;
 }
 tr.framedBoxLowest{
  border-width: 0px;
  height: 25px;
  background:url(/img/design/framedBoxFooter.jpg) no-repeat center bottom;
 }
 td.box{
  font-size: 8pt;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
 }

 marquee.iprMarquee{
  height: 190px;
  width:  243px;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  background-color: #dedede;
 }
 .marqueeElement{
  text-align: justify;
  font-size: 8pt;
  background-color: #dedede;
 }

 a       { color:black }
 a:hover { color:black }

 #IprText{
  text-align: justify;
  margin: 10px;
  padding-top:20px;
 }
 #IprText:first-letter {font-size: 200%; float: left}

 #sponsoredBottom{
  padding-top:30px;
  clear:both;
  text-align:center;
 }

 .description{
  text-align:justify;
  margin:10px;
  padding:10px;
 }
 .legalText{
  text-align:justify;
  margin:10px;
  padding:10px;
  font-size:75%;
 }
 .faq{
  text-align:justify;
  margin:10px;
  padding:10px;
  font-size:75%;
 }
 .faq:first-line { font-weight:bold }
 ol li{
  margin-top:20px;
 }

 #IprMenuHeaderTop{
  background-image: url(/img/design/OrdoMenuTop.jpg);
  width:975px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:15px;
  margin-right:15px;
  text-align:center;
  font-size:150%;
  border-style:none;
 }

 #IprMenuHeaderBottom{
  background-image: url(/img/design/OrdoMenuBottom.jpg);
  width:975px;
  height:30px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:15px;
  margin-right:15px;
  border-style:none;
 }

 #IprMenuText{
  background-color: #dedede;
  text-align:center;
  width:975px;
  height:15px;
  margin:15px;
  margin-top:0px;
  margin-bottom:0px;
  border-style:none;
 }

 #nav a:hover { background-color: #999966; color:black }

 .menuHeader{
  background-color: #585252;
  width:100%;
 }
 .welcomeT2 { font-family: Arial; font-size: small; font-weight: bold; color: #FFFFFF }
 .welcomeT5 { font-family: Arial; font-size: large; font-weight: bold; color: #FFFFFF }



 .message{
  text-align: center;
  padding: 30px;
  font-weight: bold;
  font-size: 20pt;
 }

 /*
  * Details
  */
 div.detail                 { font-weight: bold; font-size: 10pt }
 div.last_name:before       { content: "Last name" }
 div.first_name:before      { content: "First name" }
 div.nick_name:before       { content: "Nick name" }
 div.sex:before             { content: "Sex" }
 div.city:before            { content: "City" }
 div.state:before           { content: "State" }
 div.country_flag:before    { content: "Country" }
 div.points:before          { content: "Total Points" }
 div.money:before           { content: "Total Money" }
 div.money:after            { content: " USD" }
 div.victories:before       { content: "Victories" }
 div.top_10:before          { content: "Final tables" }
 div.money_finishes:before  { content: "Money finishes" }
 div.tournament_name:before { content: "Name" }
 div.cardroom_name:before   { content: "Pokerroom" }
 div.date:before            { content: "Date" }
 div.date_from:before       { content: "Date From" }
 div.date_to:before         { content: "Date To" }
 div.event_name:before      { content: "Event name" }
 div.game:before            { content: "Game" }
 div.type:before            { content: "Type" }
 div.mode:before            { content: "Mode" }
 div.style:before           { content: "Style" }
 div.nb_players:before      { content: "Nb Players" }
 div.total_prize:before     { content: "Total Prize" }
 div.total_prize:after      { content: " USD" }
 div.buy_in:before          { content: "Buy In" }
 div.buy_in:after           { content: " USD" }

 div.casinoChampion{
  text-align: center;
  padding-top: 30px;
  font-weight: normal;
  font-size: 8pt;
 }
 div.casinoChampion:first-line{
  font-weight: bold;
  font-size: 14pt;
 }

 div.WorldRankings{
  position: relative;
  top: 10px;
  left:200px;
 }
 div.CountryRankings{
  position: relative;
  top: -40px;
  left: 600px;
 }


 /*
  * TABLES in CSS
  */
 tr { display: table-row; margin: 20px; width: 100%; margin-left: auto; margin-right: auto; }
 td { display: table-cell; font-size: 8pt; padding: 1px; border-style: solid; border-width: 1px; border-collapse: collapse}
 th { display: table-cell; font-size: 9pt; padding: 1px; background-color: #d4deb1; text-align: center; border-style: solid; border-width: 1px; }
 tr.odd { background-color: #adadad; }
 tr.even { background-color: #eeeeee }


 /*
  * General assignement for table cells
  */
 table               { border-style: none; }
 td                  { border-style: none; }
 table.fullTable     { border-style: solid; border-width: 1px; border-collapse: collapse; border-color: black; width: 100%; font-weight: normal; }
 table.halfTable     { border-style: solid; border-width: 1px; border-collapse: collapse; border-color: black; font-weight: normal; }
 td.cardroom_desc    { border-style: solid; text-align: left; }
 td.country_flag     { border-style: solid; text-align: center; width: 32px; }
 td.date_from        { border-style: solid; text-align: center; }
 td.date_to          { border-style: solid; text-align: center; }
 td.date             { border-style: solid; text-align: center; white-space: nowrap; }
 td.link             { border-style: solid; text-align: left; }
 td.state            { border-style: solid; text-align: left; }
 td.money            { border-style: solid; text-align: right; white-space: nowrap; }
 td.number           { border-style: solid; text-align: right; }
 td.percentage       { border-style: solid; text-align: right; }
 td.points           { border-style: solid; text-align: right }
 td.rank             { border-style: solid; text-align: center; }
 td.year             { border-style: solid; text-align: center; }
 td.achievements     { border-style: solid; text-align: left; }
 td.playerDetail     { border-style: solid; text-align: left; }
 td.city             { border-style: solid; text-align: left; }
 td.game             { border-style: solid; text-align: left; }
 td.type             { border-style: solid; text-align: left; }
 td.tournament_name  { border-style: solid; text-align: left; }
 td.event_detail_money { border-style: none; text-align:right; }
 td.event_detail_number { border-style: none; text-align:right; }
 td.detail           { font-size: 12px; font-weight: bold; border-style: none; text-align: left; }

 /*
  * Glossary
  */
 table.glossaryTable { margin: 20px; padding: 20px; }
 td.glossaryHeader   { font-size: 12pt; font-weight: bold; padding: 20px; width: 150px; }
 td.glossaryContent  { font-size: 10pt;text-align: justify; }


 #fullTable {
  display: table;
  width: 95%;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  border-color: #000000;
 }


 #halfTable {
  display: table;
  text-align: left;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  border-color: #000000;
 }

 div.topPhoto{
  float: right;
  text-align:center;
  padding-top: 50px;
  font-size:15pt;
  font-weight:bold;
  padding-right:30px;
 }


 #filter{
  width: 960px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
 }

 div.aboutus{
  text-align: justify;
  font-size: 12pt;
  padding: 30px;
 }

 table.aboutus{
  border-collapse: collapse;
  font-family:Arial;
 }


 table.aboutus tr th{
  width: 85px;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  font-weight:bold;
  font-size: 12pt;
 }

 table.aboutus tr td{
  width: 85px;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  font-size: 8pt;
 }

 span.interview1{
  font-size: 24pt;
 }
 span.interview2{
 }
 span.interview3{
  margin: 20px;
  font-size: 18pt;
 }
 div.interviewTop{
  text-align: center;
 }
 div.interviewTop:first-line {font-weight: bold; font-size: 24pt; }

 #interviewStats{
  padding-top: 50px;
  text-align: center;
  font-weight: bold;
  font-size: 18pt;
 }

 ul.interviewStatsDetails{
  text-align: left;
 }

 div.qna{
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  text-align: justify;
 }


div.whatTheySaidHeader{
 text-align:center;
 font-size:normal;
 font-weight:bold;
 padding-top: 20px;
}

div.whatTheySaid{
 text-align:left;
 font-size:smaller;
 font-style:italic;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
}



/*
 * Stuff used for the drop down menu
 */
a.menuLink { font-family: Arial; font-size: 10pt; color: #000000 }
#nav a:hover { background-color: #dedede; color:black }

#nav, #nav ul { /* all lists */
      padding: 0;
      margin: 1px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      list-style: none;
      line-height: 1;
}

#nav a {
      display: block;
      width: 150px;
      border-style: solid;
      border-width: 1px;
      text-decoration: none;
      font-size: 10pt;
      font-weight: bold;
}

#nav li { /* all list items */
      float: left;
      background-color: #dedede;
      width: 150px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
      position: absolute;
      background-color: #dedede;
      width: 150px;
      left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
      /* margin: -1em 0 0 7em; */
      margin: 0px 0px 0px 0px;
      width: 150px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
      left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
      left: auto ;
}

#content {
      clear: left;
      color: #ccc;
}



















div.tabTitle {
 font-size:18pt;
 font-weight:bold;
 padding-top:10px;
 text-align:center;
}



/*
 * tabber section
 */
/*--------------------------------------------------
 REQUIRED to hide the non-active tab content.
 But do not hide them in the print stylesheet!
 --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
 .tabber = before the tabber interface is set up
 .tabberlive = after the tabber interface is set up
 --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
 ul.tabbernav = the tab navigation list
 li.tabberactive = the active tab
 --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 24px 0;
 font: bold 10px Arial, sans-serif;
 border-bottom: 1px solid #000000;
}

div.tabberlive ul.tabbernav li.tabberactive {
    float:left;
    background:url(/img/design/tab_image_right_sel.jpg) no-repeat right top;
    margin:0;
    padding:0;
    text-decoration:none;
    display:inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    border-bottom:1px solid #dedede;
    
    
}
div.tabberlive ul.tabbernav li.tabberactive a{
    display:block;
    background:url(/img/design/tab_image_left_sel.jpg) no-repeat left top;
    padding:5px 10px;
    text-decoration:none;
    font-size:8pt;
}

div.tabberlive ul.tabbernav li {
    float:left;
    background:url(/img/design/tab_image_right.jpg) no-repeat right top;
     margin:0;
    padding:0;
    text-decoration:none;
    display:inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    border-bottom:1px solid #000000;
}
div.tabberlive ul.tabbernav li a{
    display:block;
    background:url(/img/design/tab_image_left.jpg) no-repeat left top;
    padding:5px 10px;
    text-decoration:none;
    font-size:8pt;
}

div.tabberlive ul.tabbernav li:hover {
    float:left;
    background:url(/img/design/tab_image_right_sel.jpg) no-repeat right top;
     margin:0;
    padding:0;
    text-decoration:none;
    display:inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
div.tabberlive ul.tabbernav li a:hover{
    display:block;
    background:url(/img/design/tab_image_left_sel.jpg) no-repeat left top;
    padding:5px 10px;
    text-decoration:none;
    font-size:8pt;
}


/*--------------------------------------------------
 .tabbertab = the tab content
 Add style only after the tabber interface is set up (.tabberlive)
 --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #000000;
 border-top:0px;
 background-color: #dedede;

 /* If you don't want the tab size changing whenever a tab is changed
  you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
  scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}