img {
    border: none;
}

body {
    background: url('../img/bg.png');
    margin: 0;
    font-family: Verdana;
    font-size: 12px;
    width: 100%;
    text-align: center;
}

a:active {
    outline: none;
    -moz-outline-style: none;
}

a:focus {
    -moz-outline-style: none;
    outline: none;
}

#container {
    width: 941px;
    margin: auto;
    text-align: left;
}

#header {
    width: 100%;
    height: 121px;
    max-height: 121px;
    background: url('../img/header/bgheader.jpg') repeat-x;
    position: relative;
}

#header .logo {
    position: absolute;
    top: 30px;
    left: 40px;
}

#header #head_pessoas_jogando {
    background: url('../img/header/users.png') no-repeat;
    padding-left: 20px;
    margin-top: 25px;
}

#social {
    position: absolute;
    top: 20px;
    left: 350px;
    width: 165px;
}

.fb-like {
    float: left;
    display: inline;
    margin-top: -2px;
    margin-right: 3px;
}

.division {
    background: url('../img/header/spacer.jpg');
    width: 1px;
    height: 83px;
    position: absolute;
    top: 15px;
}

.div1 {
    left: 328px;
}

.div2 {
    left: 545px;
}

.formDiv {
    position: absolute;
    top: 20px;
    right: 10px;
}

#loginForm {
    font-size: 10px;
    position: relative;
    margin-top: 28px;
}

#formFields {
    height: 25px;
    position: relative;
    width: 359px;
    margin-top: 20px;
}

.frmField {
    border: none;
    height: 22px;
    padding-top: 3px;
    padding-left: 20px;
    font-family: Verdana;
    font-size: 10px;
    position: absolute;
}

#frmUser {
    background: url('../img/header/login.jpg') no-repeat;
    width: 140px;
}

#frmPass {
    background: url('../img/header/senha.jpg') no-repeat;
    width: 130px;
    left: 145px;
}

#frmSubmit {
    background: url('../img/header/btn_entrar.png');
    border: none;
    width: 52px;
    height: 24px;
    position: absolute;
    right: 29px;
    margin-top: -1px;
}

#frmRemember {
    position: absolute;
    top: 24px;
    left: -3px;
}

#lblFrmRemember {
    position: absolute;
    top: 28px;
    left: 18px;
}

#formLinks {
    position: absolute;
    top: 28px;
    right: 30px;
    color: #D63B22;
}

#formLinks a {
    color: #D63B22;
    text-decoration: none;
}

#formLinks a:hover {
    text-decoration: underline;
}

#banner {
    width: 100%;
    height: 248px;
    background: url('../img/header/banner/bannerbg.jpg');
    position: relative;
}

#banner .gameLogo {
    position: absolute;
    top: 50px;
    right: 100px;
}

#banner .jogando {
    position: absolute;
    width: 200px;
    top: 150px;
    right: 95px;
    text-align: center;
    color: #45CA1D;
}

#banner a {
    position: absolute;
    top: 170px;
    right: 108px;
}

#banner .btnLigas {
    position: absolute;
    top: 40px;
    left: 110px;
    width: 250px;
}

.div-fb-login {
    position: absolute;
    top: 208px;
    left: 658px;
}

.div-fb-login a {
    text-decoration: none;
    border: none;
}

#menu {
    background-image: url("../img/header/menu/dashmenubg.jpg");
    background-repeat: no-repeat;
    min-height: 105px;
    width: 941px;
    overflow: visible;
    z-index: 10;
    position: relative;
}

#menu .spacer {
    float: left;
    margin-top: 2px;
}

.menuBtn {
    padding: 12px 13px 8px;
    float: left;
    min-height: 57px;
    text-decoration: none;
}

.menuBtn:hover {
    background: url("../img/header/menu/btnmenuactive.png") repeat-x;
    background-position: 0 2px;
}

.menuBtn p {
    color: #F6E02E;
    margin-top: 16px;
    font-size: 14px;
}

#selMenu {
    position: absolute;
    width: 111px;
    height: 77px;
    background: url("../img/header/menu/effmenu.png");
    z-index: -1;
    display: none;
}

#menuBtn1 {
    margin-left: 20px;
}

.contaArrow {
    position: absolute;
    top: 50px;
    right: 167px;
}

.subMenu {
    position: absolute;
    background-color: #cd681f;
    top: 75px;
    z-index: -2;
    border: #a9391a 2px solid;
    border-bottom-left-radius: 15px;
    -moz-border-bottom-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -moz-border-bottom-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    padding: 18px 0;
    min-width: 150px;
    display: none;
}

.subMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.subMenu li {
    padding: 15px 20px;
}

.subMenu li:hover {
    background-color: #dd9334;
}

.subMenu a {
    color: white;
    text-decoration: none;
}

.subMenu .fancy {
    position: absolute;
    top: 0;
    width: 18px;
    height: 18px;
}

#indexBanner {
    background: url("../img/index/banner.jpg");
    height: 288px;
    position: relative;
    text-align: center;
}

#indexBanner p {
    color: white;
    font-size: 20px;
    margin: 0px;
    padding-top: 50px;
}

#indexBanner a {
    width: 148px;
    height: 97px;
}

#indexBanner div:hover {
    background: url("../img/index/btneffect.png");
}

.indexLogo {
    margin-top: 20px;
}

.indexText {
    width: 177px;
    height: 130px;
    position: absolute;
    top: 90px;
    font-size: 11px;
    color: #FF7B44;
}

.indt1 {
    left: 16px;
}

.indt2 {
    left: 199px;
}

.indt3 {
    left: 382px;
}

.indt4 {
    left: 565px;
}

.indt5 {
    left: 748px;
}

.indexSpacer {
    margin: 20px 100px -20px;
}

.indexBorder {
    position: absolute;
    top: 0;
}

.bord1 {
    left: -15px;
}

.bord2 {
    right: -15px;
}

.depoimentos {
    background: url("../img/index/bgdepoimentos.png") repeat-x;
    padding-top: 70px !important;
}

.depoFita {
    position: absolute;
    top: 20px;
    left: -5px;
}

.depoSingle {
    width: 370px;
    height: 83px;
    margin: 10px 50px;
    position: relative;
}

.depoSingle img {
    position: absolute;
}

.depoSingle p {
    margin: 0 0 0 80px;
}

.depoSingle .pfirst {
    padding-top: 4px;
}

.sing1, .sing3 {
    float: right;
}

.sing2, .sing4 {
    float: left;
}

#content {
    width: 100%;
    min-height: 30px;
    background-color: white;
    -moz-border-radius: 0px 0px 15px 15px;
    border-radius: 0px 0px 15px 15px;
    padding: 15px 0 20px;
    position: relative;
}

#rodape {
    width: 100%;
    height: 72px;
    background-color: white;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top: 20px;
}

.rodapeBtn img {
    margin: 20px 40px;
}

.rodapeBtn .img {
    margin-left: 50px;
}

#rodape .spacer {
    margin-bottom: 10px;
}

#copyright {
    color: #CF5C25;
    margin: 10px 20px 50px;
}

#copyright a {
    color: #CF5C25;
    text-decoration: none;
}

#copyright a:hover {
    text-decoration: underline;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.shadow {
    background: url("../img/liga/shadow.jpg");
    height: 24px;
    width: 100%;
}

#btnRegras {
    text-align: center;
}

.ligaDiv {
    width: 623px;
    height: 145px;
    margin: 15px 30px 0;
    position: relative;
}

.ligaDiv:hover {
    cursor: pointer;
}

.ligaDiv:focus {
    outline: none;
}

.ligaDiv img {
    position: absolute;
    bottom: 24px;
    right: 44px;
}

#accordion .first {
    margin-top: 20px;
}

#pro {
    background: url("../img/liga/ligas/ligapro.jpg");
}

#diamante {
    background: url("../img/liga/ligas/ligadiamante.jpg");
}

#platina {
    background: url("../img/liga/ligas/ligaplatina.jpg");
}

#ouro {
    background: url("../img/liga/ligas/ligaouro.jpg");
}

#prata {
    background: url("../img/liga/ligas/ligaprata.jpg");
}

#bronze {
    background: url("../img/liga/ligas/ligabronze.jpg");
}

.ligaSpacer {
    position: absolute;
    margin-top: 5px;
}

.sp1 {
    left: 200px;
}

.sp2 {
    left: 450px;
}

.ligaRank table {
    border: #D2C5BF 1px solid;
    border-top: none;
    border-collapse: collapse;
    margin-left: 37px;
    width: 616px;
    font-size: 12px;
    text-align: center;
}

.ligaRank td {
    border-bottom: #D2C5BF 1px solid;
    text-align: center;
    height: 30px;
    position: relative;
}

.rankRank {
    font-weight: bold;
    color: #52451D;
}

.rankRank td a {
    color: #52451D;
}

.even {
    background-color: #F7F2EF;
}

.odd {
    background-color: #F0E6E0;
}

.greeneven {
    background-color: #DBDECC !important;
}

.greenodd {
    background-color: #CCDCC0 !important;
}

.greeneven, .greenodd {
    color: #1F5E17 !important;
    border-color: #7cba70 !important;
}

.greeneven a, .greenodd a {
    color: #1F5E17 !important;
}

.redeven {
    background-color: #EADCDE !important;
}

.redodd {
    background-color: #E2CFD2 !important;
}

.redeven, .redodd {
    color: #7C468E !important;
    border-color: #CEACCF !important;
}

.redeven a, .redodd a {
    color: #7C468E !important;
}

.myPos td {
    color: #104A67 !important;
    font-weight: bold;
    background-color: #E1E3E4;
    border-color: #A3CEF1;
}

.myPos a {
    color: #104A67 !important;
}

.ligaRank th {
    background: url("../img/ranking/rankingfundo.jpg");
    height: 28px;
}

.vermais {
    float: right;
    margin: 16px 10px;
    font-size: 10px;
}

.ligaRank .last {
    color: black;
    height: 50px;
    font-weight: normal;
}

.rankRank .last a {
    color: black;
    font-weight: normal;
}

.paginatorHolder {
    margin: auto;
}

.paginator {
    font-weight: bold;
    width: 25px;
    float: left;
    height: 20px;
    margin: 10px 2px;
    padding-top: 5px;
}

.paginator:hover {
    cursor: pointer;
}

.pager {
    text-decoration: none;
    color: black;
}

#hall {
    position: absolute;
    right: 35px;
    width: 220px;
    top: 70px;
}

.btnhall {
    background: url("../img/liga/hall/hallbtn.jpg");
    width: 220px;
    height: 36px;
    display: inline-block;
}

.btnhall:hover {
    background-position: 0 -36px;
}

.btnvip {
    background: url("../img/liga/hall/btnvip.jpg");
    width: 220px;
    height: 80px;
    display: inline-block;
    margin-top: 17px;
}

.btnvip:hover {
    background-position: 0 -80px;
}

.btncupons {
    background: url("../img/liga/hall/btncupon.jpg");
    width: 220px;
    height: 106px;
    display: inline-block;
    margin-top: 17px;
}

.btncupons:hover {
    background-position: 0 -106px;
}

.champion {
    background: url("../img/liga/hall/hallbg.jpg");
    height: 115px;
    position: relative;
}

.champion .avtHolder {
    margin-left: 15px;
    margin-top: 15px;
}

.champion .title {
    line-height: 14px;
    position: absolute;
    left: 90px;
    bottom: 63px;
    max-height: 28px;
}

.champion .rest {
    position: absolute;
    left: 90px;
    bottom: 22px;
    margin: 0;
    line-height: 17px;
    min-width: 80px;
}

#season {
    margin-top: 18px;
    height: 140px;
    background-color: #f4f4f4;
    border: #dbdbdb 1px solid;
}

#season p {
    margin: 20px 8px;
    font-size: 16px;
}

#season a {
    color: #D63B22;
    font-size: 11px;
    margin-left: 8px;
}

.hallWrapper {
    margin: 0 43px;
}

#champsHang {
    position: absolute;
    left: 20px;
}

.hallBanner {
    margin: 0 -8px;
}

#hallForm label img {
    margin-bottom: -12px;
    margin-right: 5px;
}

#hallForm .img {
    margin: 0 20px -12px;
}

#hallForm {
    padding: 6px 0 12px;
    margin-left: 20px;
    margin-top: 0px;
}

#hallForm select {
    font-family: Verdana;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 5px;
    margin-top: 3px;
}

#hallForm select:focus {
    outline: none;
}

.topFita {
    position: relative;
}

.topFita div {
    background: url('../img/tobarC.jpg');
    height: 30px;
}

.topFita .fitaL {
    position: absolute;
    background: url('../img/tobarL.jpg');
    width: 8px;
    top: 0;
    left: 0;
    padding: 0;
}

.topFita .fitaR {
    position: absolute;
    background: url('../img/tobarR.jpg');
    width: 8px;
    top: 0;
    right: 0;
    padding: 0;
}

.topFita p {
    color: #52451D;
    font-weight: bold;
    position: absolute;
    top: 8px;
    left: 15px;
    margin: 0;
}

.topFita a {
    position: absolute;
    top: 3px;
    right: 10px;
    margin: 0;
}

#hallTable {
    width: 853px;
    border: #C9BEAC 1px solid;
    font-size: 12px;
}

#hallTable > div {
    background-color: #F0E6E0;
    padding: 0px 15px 30px;
}

#hallTable > .currentMonth {
    background-color: #F7F2EF;
    border-bottom: #C9BEAC 1px solid;
    padding: 30px 15px 17px;
}

#hallTable .tbFirst {
    padding-top: 30px;
}

#hallTable > div > div {
    display: inline-block;
    position: relative;
    width: 266px;
    height: 83px;
    margin: 0;
}

#hallTable .first {
    padding-left: 15px;
    width: 261px;
}

.trophy {
    position: absolute;
    top: -15px;
    left: -10px;
}

.stars {
    width: 15px;
    margin-left: 5px;
    margin-right: 10px;
}

.champHolder {
    position: relative;
    height: 83px;
}

.champHolder p {
    line-height: 8px;
    margin-top: 0;
    margin-bottom: 11px;
}

.champHolder .firstp {
    padding-top: 6px;
    line-height: 14px;
    overflow: hidden;
    width: 163px;
    height: 14px;
}

.champHolder strong {
    display: block;
    width: 140px;
    overflow: hidden;
}

.hallEnd p {
    margin-bottom: 5px;
}

.red-a {
    color: #D63920;
    text-decoration: none;
}

.red-a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.regrasTitle {
    font-size: 16px;
    text-indent: 0px !important;
}

.regras {
    padding: 0px 70px;
}

.reg1 {
    height: 231px;
    background: url("../img/regras/bgliga.jpg");
}

.reg2 {
    height: 272px;
    background-color: #eeeae9;
}

.reg2 img {
    margin-right: 30px;
}

.reg3 {
    /*height:243px;*/
    background: url("../img/regras/bgrank.jpg") repeat-x;
}

/*.reg3 img{
	margin-left:20px;
}
.reg3 .first{
	padding-top:30px;
}*/
.regras p {
    text-indent: 40px;
    line-height: 20px;
}

.regras .first {
    margin-top: 0;
    padding-top: 20px;
}

.regrasFita {
    clear: both;
    width: 803px;
    height: 40px;
    background: url("../img/regras/fita.png");
    text-align: center;
    padding-top: 12px;
}

.regrasTable {
    text-align: center;
    width: 400px;
    margin: 20px auto;
    border-collapse: collapse;
    border-spacing: 0;
    position: relative;
}

.regrasTable th {
    position: relative;
    background: url("../img/tobarC.jpg");
    height: 28px;
}

.regrasTable th div {
    position: absolute;
    top: 0;
    display: inline-block;
    width: 8px;
    height: 30px;
}

.regrasTable td {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.regrasTable td > div {
    border: 1px solid #c6c5a9;
    border-top: none;
    border-left: none;
    height: 30px;
    padding: 1px;
}

.regrasTable td > div > div {
    padding-top: 8px;
    height: 22px;
}

.regrasTable .firstd {
    border-left: 1px solid #c6c5a9;
}

.lastL {
    border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

.lastR {
    border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

.regrasTable td img {
    margin-top: -2px;
}

.regrasL {
    background: url("../img/tobarL.jpg");
    left: 0;
}

.regrasR {
    background: url("../img/tobarR.jpg");
    right: 0;
}

.rankRank table {
    width: 856px;
}

.wrapper {
    margin: 0 43px;
}

#suporteWrapper {
    margin: 0 43px;
}

#suporteTitle {
    font-size: 18px;
    color: #D63920;
    font-weight: normal;
    background-color: #f6f6f6;
    margin: 0;
    padding: 15px 45px 30px;
}

.faq {
    background-color: #EAE6E1;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 10px;
}

#suporteWrapper input {
    font-family: Verdana;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 5px;
    margin-top: 15px;
}

#suporteWrapper dl {
    margin-top: 20px;
}

#suporteWrapper dt {
    font-weight: bold;
    margin-top: 20px;
}

#contaWrapper1 {
    margin: 0 10px 0 43px;
    float: left;
    width: 415px;
}

#contaWrapper2 {
    margin: 0 43px 0 10px;
    float: right;
    width: 415px;
}

.avtHolder {
    background: url('../img/index/avatarbg.png');
    width: 68px;
    height: 83px;
    position: relative;
    float: left;
}

.avtHolder .avt {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 60px;
    height: 75px;
}

.avtHolder .vip {
    position: absolute;
    bottom: -8px;
    right: 3px;
}

.rating {
    width: 13px;
    float: left;
    padding: 0;
    margin-left: 5px;
}

.badge {
    margin: 5px 15px 0 0;
}

.trph {
    position: absolute;
    top: -15px;
    left: -8px;
}

.pHolder {
    width: 160px;
    padding-left: 15px;
    padding-top: 4px;
}

.btnLogout {
    margin-top: 2px;
    width: 52px;
    height: 24px;
    background: url('../img/header/btn_sair.png');
    display: inline-block;
}

#frmSubmit:hover, .btnLogout:hover {
    background-position: 0 -24px;
    cursor: pointer;
}

.star {
    display: inline-block;
    width: 13px;
    height: 13px;
    padding: 0;
    background-image: url('../img/star.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: 0 3px 2px 0;
}

.full {
    background-position: 0px -17px;
}

.name {
    font-weight: bold;
}

.formDiv .name, .formDiv .trophies, .formDiv .achieves {
    color: #d63c23;
    text-decoration: none;
}

.formDiv .trophies:hover, .formDiv .achieves:hover {
    color: #ff2c0c;
}

.formDiv .name p, .formDiv .trophies p, .formDiv .achieves p {
    padding: 0;
    margin: 5px 0;
}

.secgeneric {
    margin-bottom: 24px;
    position: relative;
}

.secgeneric h2 {
    background-color: #eae6e1;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    padding: 5px 13px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 0 0 18px 0;
}

.btMore, .btHelp {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: left top;
    border-style: none;
}

.btMore span, .btHelp span {
    display: none;
}

.btMore:hover, .btHelp:hover {
    background-position: left -20px;
    border-style: none;
}

.btMore {
    background-image: url('../images/btmore.png');
}

.btHelp {
    background-image: url('../images/bthelp.png');
}


.btWhite {
    display: inline-block;
    padding: 0 0 0 11px;
    background-image: url('../images/btwhiteleft.png');
    background-repeat: no-repeat;
    background-position: left top;
    border-style: none;
    cursor: pointer;
}

.btWhite > span {
    display: inline-block;
    padding: 0 11px 0 0;
    margin: 0;
    background-image: url('../images/btwhiteright.png');
    background-repeat: no-repeat;
    background-position: right top;
}

.btWhite > span > span {
    display: inline-block;
    padding: 4px 5px 0 5px;
    margin: 0;
    height: 20px;
    overflow: hidden;
    background-image: url('../images/btwhitebg.png');
    background-repeat: repeat-x;
    background-position: center top;
    color: #be301a;
    cursor: pointer;
}

.btWhite:hover {
    background-position: left -31px;
    border-style: none;
}

.btWhite:hover > span {
    background-position: right -31px;
}

.btWhite:hover > span > span {
    background-position: center -31px;
    color: #ffffff;
}

.jogarAgora {
    background: url('../img/header/banner/btn_jogar.png');
    width: 173px;
    height: 34px;
}

.jogarAgora:hover {
    background-position: 0 -34px;
}

.btn-caderno {
    display: inline-block;
    background: url('../img/hall/btn_caderno.png');
    width: 236px;
    height: 24px;
    float: right;
    margin: 3px 10px;
}

.btn-caderno:hover {
    background-position: 0 -24px;
}

.searchSubmit {
    width: 64px;
    height: 23px;
    background-image: url('../img/ranking/btn_buscar.png');
    cursor: pointer;
    border: none;
}

.searchSubmit:hover {
    background-position: 0 -23px;
}

.iText, .iText span, .iSelect, .iSelect span {
    display: inline-block;
    height: 25px;
}

.iText, .iSelect {
    padding-left: 6px;
    background-image: url('../img/inputleft.png');
    background-repeat: no-repeat;
}

.iText > span, .iSelect > span {
    padding-right: 6px;
    background-image: url('../img/inputright.png');
    background-repeat: no-repeat;
    background-position: top right;
}

.iText > span > span, .iSelect > span > span {
    background-image: url('../img/inputbg.png');
    background-repeat: repeat-x;
    background-position: top left;
}

.iText input, .iSelect select {
    border-style: none;
    background-color: transparent;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
    /*color: #c8c8c8;*/
    max-height: 22px;
    padding: 5px 0 0 0;
    outline-style: none;
}

/*iSelect select tem configs especificas para chrome*/

.iSelect select option {
    background-color: #FFFFFF;
}

.iText input.active, .iSelect select.active {
    color: #8d7f7e;
}

.ligasBig {
    width: 863px;
    height: 145px;
    margin-left: 30px;
    margin-top: 5px;
}

.rankLink {
    color: black;
    text-decoration: none;
}

.rankLink:hover {
    text-decoration: none;
}

.tooltip {
    position: absolute;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #ddd9d5;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.tooltip .content {
    background-image: url('../img/tooltipbottom.png');
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 1px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.tooltip .content > p, .tooltip .content > ul, .tooltip .content > ol {
    margin: 0 10px 6px;
}

.tooltip h1 {
    background-color: #f5f5f5;
    padding: 8px 11px;
    font-size: 1em;
    font-weight: normal;
    color: #a9391a;
    margin: 0 0 10px 0;

    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}

.tooltip .content > p.rating {
    position: absolute;
    top: 9px;
    right: 8px;
    margin: 0;
}

.tooltip .table {
    display: table;
    margin: 0;
    padding: 0;
}

.tooltip .table li {
    display: table-row;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.tooltip .label {
    display: table-cell;
    padding: 0 10px 6px 0;
    color: #7c7c7c;
}

.tooltip .value {
    display: table-cell;
    padding: 0 0 6px 0;
}

.tooltip .rating .desc {
    display: none;
}

.tooltip .tooltipArrow, .tooltip .tooltipArrow div {
    position: absolute;
    width: 0;
    height: 0;
}

.tooltip.fromRight .tooltipArrow {
    left: 100%;
    top: 50%;
    margin-top: -7px;
    border-top: 10px solid transparent; /*ie6 border-top: 10px solid pink; */
    border-left: 15px solid #ddd9d5;
    border-bottom: 10px solid transparent; /*ie6 border-bottom: 10px solid pink; */
    border-right-width: 0;
    z-index: 100;
    /*ie6 filter: chroma(color=pink);*/
}

.tooltip.fromRight .tooltipArrow div { /*ie6 fakefakefakefake{*/
    top: -8px;
    left: -15px;
    border-top: 8px solid transparent;
    border-left: 13px solid #ffffff;
    border-bottom: 8px solid transparent;
    border-right-width: 0;
}

.tooltip.fromBottom .tooltipArrow {
    left: 50%;
    top: 100%;
    margin-left: -15px;
    border-left: 10px solid transparent; /*ie6 border-left: 10px solid solid pink; */
    border-top: 15px solid #ddd9d5;
    border-right: 10px solid transparent; /*ie6 border-right: 10px solid pink; */
    border-bottom-width: 0;
    /*ie6 filter: chroma(color=pink);*/
}

.tooltip.fromBottom .tooltipArrow div { /*ie6 fakefakefakefake{*/
    top: -15px;
    left: -8px;
    border-left: 8px solid transparent;
    border-top: 13px solid #ffffff;
    border-right: 8px solid transparent;
    border-bottom-width: 0;
}

.tooltip.fromLeft .tooltipArrow {
    left: -15px;
    top: 50%;
    margin-top: -7px;
    border-top: 10px solid transparent;
    border-right: 15px solid #ddd9d5;
    border-bottom: 10px solid transparent;
    border-left-width: 0;
}

.tooltip.fromLeft .tooltipArrow div {
    top: -8px;
    left: 2px;
    border-top: 8px solid transparent;
    border-right: 13px solid #ffffff;
    border-bottom: 8px solid transparent;
    border-left-width: 0;
}

.tooltip.fromTop .tooltipArrow {
    left: 50%;
    top: -15px;
    margin-left: -15px;
    border-left: 10px solid transparent;
    border-bottom: 15px solid #ddd9d5;
    border-right: 10px solid transparent;
    border-top-width: 0;
}

.tooltip.fromTop .tooltipArrow div {
    top: 2px;
    left: -8px;
    border-left: 8px solid transparent;
    border-bottom: 13px solid #ffffff;
    border-right: 8px solid transparent;
    border-top-width: 0;
}