/*
* Tips styles that are included for tips pages.
*/

DIV.tipMain {
margin: 0px 0px 35px 0px;
width: 100%;
background: whitesmoke;
padding: 0px;
}

DIV.tipMain P {
margin: 10px 5px;
text-align: justify;
text-indent: 25px;
line-height: 175%;
color: darkgreen;
}

DIV.tipHeader {
position: relative;
margin: 0px;
padding: 5px;
background: #EDF3E7;
color: darkgreen;
}

SPAN.tipFlag {
margin: 0px 0px 0px 0px;
display: inline-block;
width: 28px;
text-align: center;
}

SPAN.tipFlag IMG {
vertical-align: -2px;
}

SPAN.tipHour {
padding: 0px 4px 0px 0px;
}

SPAN.tipResult {
position: absolute;
top: 6px;
right: 170px;
display: inline-block;
width: 56px;
text-align: center;
font-weight: bold;
}

SPAN.tipTip {
position: absolute;
top: 6px;
right: 105px;
display: inline-block;
width: 64px;
text-align: center;
font-weight: bold;
}

SPAN.tipBet {
position: absolute;
top: 6px;
right: 55px;
display: inline-block;
font-weight: bold;
}

SPAN.tipStatus {
position: absolute;
display: inline-block;
width: 22px;
top: 4px;
right: 5px;
}

SPAN.tipStatus IMG {
width: 22px;
height: 22px;
}

DIV.tipTextAvatar {
float: left;
width: 75px;
margin: 15px 0px 15px 15px;
}

DIV.tipText {
float: right;
width: 550px;
}

DIV.tipFooter {
position: relative;
margin: 0px;
padding: 5px;
background: #EDF3E7;
color: darkgreen;
}

SPAN.tipTipster {
position: absolute;
top: 5px;
left: 425px;
}

SPAN.tipTipster A {
font-weight: bold;
}

DIV.tipDescription {
margin: 30px auto 20px auto;
}

DIV.tipDescription P {
margin: 10px 0px;
text-align: justify;
text-indent: 25px;
line-height: 175%;
color: darkgreen;
}



DIV.tipInfoStatus {
margin: 30px auto 0px auto;
height: 110px;
position: relative;
color: darkgreen;
}

DIV.tipInfoImg {
text-align: center;
}

DIV.tipInfoImg IMG {
margin-top: 10px;
}

DIV.tipInfoProp {
position: absolute;
top: 0px;
left: 0px;
}

DIV.tipsterAvatar {
position: absolute;
top: 0px;
right: 30px;
}

SPAN.tipProp {
display: inline-block;
text-align: right;
width: 110px;
padding: 2px 5px;
}

DIV.tipInfoProp IMG {
vertical-align: -4px;
}

DIV.tipSummaryLine {
margin: 30px 0px 0px 0px;
text-indent: 25px;
color: darkgreen;
}

H2.tipAdditionalInfo {
margin: 40px 0px 0px 0px;
color: darkgreen;
font-size: 16px;
text-align: center;
}

DIV.tipOtherTips UL {
list-style-type: none;
}

DIV.tipOtherTips LI {
line-height: 200%;
margin-left: -15px;
}

DIV.tipTipsterInfo {
position: relative;
margin: 15px 0px 30px 25px;
color: darkgreen;
}

DIV.tipTipsterInfo SPAN.tipBalanceProp {
display: inline-block;
text-align: right;
width: 145px;
padding: 2px 5px 2px 0px;
}

DIV#tipTipsterInfoWins {
position: absolute;
top: 20px;
left: 375px;
}

DIV#tipTipsterInfoWins SPAN.tipBalanceProp2 {
display: inline-block;
text-align: right;
width: 145px;
padding: 2px 5px 2px 0px;
}

H1.tipsterGames {
margin: 0px 0px 30px 0px;
text-align: center;
}

DIV#tipsHeaderAvatarWrapper {
position: relative;
}

DIV.tipsAvatar {
position: absolute;
top: 0px;
right: 0px;
}

H1#tipsHeader, H1#tipsHeaderAvatar {
padding: 0px 0px 10px 0px;
font-size: 115%;
font-weight: bold;
color: darkgreen;
border-bottom: 2px dotted darkgreen;
}

H1#tipsHeader {
margin: 0px 0px 40px 0px;
}

H1#tipsHeaderAvatar {
margin: 0px 60px 40px 0px;
}

H2.tipsterProfile {
margin: 40px 0px 10px 0px;
color: darkgreen;
font-size: 16px;
text-align: center;
}

TABLE.tips {
width: 100%;
margin: 10px 0px 30px 0px;
border-collapse: collapse;
}

TABLE.tips TR.tr0 {
background: #EDF3E7;
}

TABLE.tips TR.tr1 {
background: #E6E8E7;
}

TABLE.tips TD, TABLE.tips TH {
padding: 5px 4px;
}

TABLE.tipsMonthlyUser TD, TABLE.tipsMonthlyUser TH {
padding: 7px 4px;
} 

TABLE.tips TH {
text-align: center;
font-weight: bold;
background: #008A00;
color: white;
}

TABLE.tips TD {
color: darkgreen;
}

TABLE.tips TD.time {
width: 74px;
white-space: nowrap;
text-align: right;
}

TABLE.tips TD.hour {
width: 38px;
white-space: nowrap;
text-align: right;
}

TABLE.tips TD.tip {
width: 42px;
white-space: nowrap;
text-align: center;
}

TABLE.tips TD.odd {
width: 38px;
white-space: nowrap;
text-align: right;
}

TABLE.tips TD.oddex {
width: 38px;
white-space: nowrap;
text-align: right;
padding-left: 0px;
padding-right: 8px;
}

TABLE.tips TD.bet {
width: 34px;
white-space: nowrap;
text-align: right;
}

TABLE.tips TD.res {
width: 50px;
white-space: nowrap;
text-align: center;
}

TABLE.tips TD.win {
padding: 0px;
width: 28px;
white-space: nowrap;
text-align: center;
}

TABLE.tips TD.win IMG {
width: 18px;
height: 18px;
}

TABLE.tips TD.user {
padding: 0px;
width: 82px;
white-space: nowrap;
white-space: nowrap;
}

TABLE.tips TD.user SPAN {
width: 82px;
display: inline-block;
overflow: hidden;
}


TABLE#tipsterStandingWidget {
margin: 5px auto 15px 0px;
border-collapse: collapse;
}

TABLE#tipsterStandingWidget TD {
padding: 2px 6px;
white-space: nowrap;
}

TABLE#tipsterStandingWidget TD.balance {
text-align: right;
padding-left: 15px;
}

TABLE#tipsterStandingWidget TD.name {
width: 100px;
}


TABLE.tipsterStanding {
width: 100%;
margin: 20px 0px 30px 0px;
border-collapse: collapse;
border: 1px solid #008A00;
}

TABLE.tipsterStanding TR.tr0 {
background: #E6E8E7;
}

TABLE.tipsterStanding TR.tr1 {
background: #EDF3E7;
}

TABLE.tipsterStanding TD, TABLE.standing TH {
padding: 5px 6px;
}

TABLE.tipsterStanding TH {
text-align: center;
font-weight: bold;
background: #008A00;
color: white;
border-left: 1px solid white;
}

TABLE.tipsterStanding TH:first-child {
border-left: 1px solid #008A00;
}

TABLE.tipsterStanding TD {
border: 1px solid #008A00;
color: darkgreen
}

TABLE.tipsterStanding TD.position {
width: 32px;
white-space: nowrap;
text-align: right;
padding-left: 0px;
}

TABLE.tipsterStanding TD.balance {
width: 64px;
white-space: nowrap;
text-align: right;
padding-left: 0px;
padding-right: 12px;
}

TABLE.tipsterStanding TD.red {
color: red;
}

TABLE.tipsterStanding TD.percent, TABLE.tipsterStanding TD.odd {
width: 52px;
white-space: nowrap;
text-align: right;
padding-left: 0px;
padding-right: 12px;
}

TABLE.tipsterStanding TD.tips, TABLE.tipsterStanding TD.tipsBal {
width: 30px;
white-space: nowrap;
text-align: right;
padding-left: 0px;
padding-right: 12px;
}

TABLE.tipsterStanding TD.tWins, TABLE.tipsterStanding TD.tOBets {
width: 30px;
white-space: nowrap;
text-align: right;
padding-left: 0px;
padding-right: 2px;
border-right-style: none;
}

TABLE.tipsterStanding TD.tLosses, TABLE.tipsterStanding TD.tOAmount {
width: 30px;
white-space: nowrap;
text-align: left;
padding-left: 2px;
padding-right: 0px;
border-left-style: none;
}

TABLE.tipsterStanding TD.tDl {
width: 7px;
text-align: center;
padding-left: 0px;
padding-right: 0px;
border-right-style: none;
border-left-style: none;
}






DIV.tipsterGameIntro {
width: 300px;
margin: 0px 0px 20px auto;
padding: 30px 0px 15px 0px;
text-align: center;
background: #EDF3E7;
}

DIV.tipsterGameIntro A {
padding: 10px 25px;
background: #F1592A;
color: white;
text-decoration: none;
font-size: 20px;
border-radius: 5px 5px;
}

DIV.tipsterGameIntro A:hover {
text-decoration: underline;
background: #FF592A;
}

DIV.tipsterGameIntro DIV {
margin: 20px auto 0px auto;
text-align: center;
color: darkgreen;
}


DIV.tipStandingMonthText P {
text-align: justify;
text-indent: 30px;
}




DIV.reportProblem {
margin: 20px 0px -10px 0px;
text-align: right;
}

DIV#teamFlagsReport {
margin: 0px 0px 10px 0px;
color: darkgreen;
font-size: 22px;
text-align: center;
}

H2#tipReportProblemTitle {
margin: 0px 0px 0px 0px;
color: darkgreen;
font-size: 24px;
text-align: center;
}

DIV#reportProblemForm {
margin: 30px 0px 50px 0px;
}

DIV#reportProblemNote {
margin: 10px 10px 20px 0px;
}

DIV#reportProblemNote TEXTAREA {
width: 100%;
height: 6em;
}

DIV#reportProblemSubmitDiv {
text-align: right;
position: relative;
}

DIV#reportProblemSubmitDiv BUTTON {
font-size: 125%;
font-weight: bold;
padding: 0.4em 1em;
}

DIV#reportProblemSubmitNote {
position: absolute;
left: 0px;
top: 3px;
color: darkgreen;
width: 400px;
text-align: left;
}