/*
2px = .09em    *    9px  = .82em     |    17px = 1.55em    |    25px = 2.27em
3px = .27em    *    10px = .91em     |    18px = 1.64em    |    26px = 2.36em
4px = .36em    *    11px = 1em       |    19px = 1.73em    |    28px = 2.55em
5px = .45em    *    12px = 1.09em    |    20px = 1.82em    |    30px = 2.73em
6px = .55em    *    13px = 1.18em    |    21px = 1.91em    |    32px = 2.91em
7px = .64em    *    14px = 1.27em    |    22px = 2em       |    34px = 3.09em
8px = .73em    *    15px = 1.36em    |    23px = 2.09em    |    36px = 3.27em
^^^^^^^^^^^    *    16px = 1.45em    |    24px = 2.18em    |    38px = 3.45em


.block {

         1. position, z-index
         2. float, clear
         3. width, height, padding, margin
         4. background, border
         5. text-align, list-style
         6. font
         7. color

      } 

*/

/* bubble chevron styles */
.rpBubbleChevron {position:absolute; z-index:3; overflow:hidden;}
.rpBubbleChevron div {position:absolute;}

/*  bubble styles */
.rpBubble {position:absolute; z-index:100; top:0; left:0; display:none;}
.rpBubble .closeRpBubble {position:absolute; z-index:2; display:none;}

.rpBubbleContainer {position:relative;}

.rpBubbleWraper {top:16px; left:16px; text-align:right;}

.rpBubbleWraper,
.rpBubbleContent {position:relative; z-index:2; min-height:0;}

.rpBubbleContainer,
.rpBubbleWraper {padding:0 16px 16px 0;}

.rpBubbleContent {background:#fff; text-align:left;}

.rpBubble .t-r,
.rpBubble .b-l,
.rpBubble .b-r {position:absolute;}

.rpBubble .t-r,
.rpBubble .b-r {top:0; right:0;}

.rpBubble .b-l,
.rpBubble .b-r {bottom:0; left:0;}

.rpBubble .t-r,
.rpBubble .b-l {width:16px; height:16px; overflow:hidden;}

.rpBubble .t-l,
.rpBubble .t-r,
.rpBubble .b-l,
.rpBubble .b-r {z-index:1; background:url("http://www.przzt.com/proxy.php?url=https%3A%2F%2Fwww.soccerbase.com%2Fimg%2Fbubbles%2Fsimple%2Fbubble-bg.png") no-repeat 0 0;}

.rpBubble .t-r {background-position:100% 0;}
.rpBubble .b-l {background-position:0 -584px;}
.rpBubble .b-r {background-position:100% 100%;}

/* hide content */
.rpBubbleHideContent,
.rpBubbleAjaxContent {display:none;}

/* load */
.rpBubble .loadInBubble {padding:10px 20px; text-align:center;}

/** Simple bubble **/
.rpBubbleChevron div {width:40px; height:40px; background:url("http://www.przzt.com/proxy.php?url=https%3A%2F%2Fwww.soccerbase.com%2Fimg%2Fbubbles%2Fsimple%2Fbubble-chevron.png") no-repeat 0 0;}

/* right */
.rpBubbleRight {padding-left:10px;}
.rpBubbleRight .rpBubbleChevron {top:50%; left:-2px; width:11px; height:18px;}
.rpBubbleRight .rpBubbleChevron div {top:-11px; left:0;}

/* left */
.rpBubbleLeft {padding-right:10px;}
.rpBubbleLeft .rpBubbleChevron {top:50%; left:-8px; width:11px; height:18px; margin:0 0 0 100%;}
.rpBubbleLeft .rpBubbleChevron div {top:-11px; left:-29px;}

/* bottom */
.rpBubbleBottom {padding-top:3px;}
.rpBubbleBottom .rpBubbleChevron {top:-3px; left:50%; width:18px; height:11px;}
.rpBubbleBottom .rpBubbleChevron div {top:0; left:-11px;}

/* top */
.rpBubbleTop {padding-bottom:3px;}
.rpBubbleTop .rpBubbleChevron {left:50%; width:18px; height:11px; margin:8px 0 0;}
.rpBubbleTop .rpBubbleChevron div {top:-29px; left:-11px;}


/*
2px = .09em    *    9px  = .82em     |    17px = 1.55em    |    25px = 2.27em
3px = .27em    *    10px = .91em     |    18px = 1.64em    |    26px = 2.36em
4px = .36em    *    11px = 1em       |    19px = 1.73em    |    28px = 2.55em
5px = .45em    *    12px = 1.09em    |    20px = 1.82em    |    30px = 2.73em
6px = .55em    *    13px = 1.18em    |    21px = 1.91em    |    32px = 2.91em
7px = .64em    *    14px = 1.27em    |    22px = 2em       |    34px = 3.09em
8px = .73em    *    15px = 1.36em    |    23px = 2.09em    |    36px = 3.27em
^^^^^^^^^^^    *    16px = 1.45em    |    24px = 2.18em    |    38px = 3.45em


.block {

         1. position, z-index
         2. float, clear
         3. width, height, padding, margin
         4. background, border
         5. text-align, list-style
         6. font
         7. color

      } 

*/

/* Headline */
.pageHeader {position:relative; clear:both;}
.pageHeader .headControls {float:right; margin:-10px 0;}
.pageHeader .headControls .toolbar {float:left; margin:0 1px 6px 0;}
.pageHeader .headControls .btn {clear:left; float:left; width:75px; margin:0;}

.headlineBlock {clear:both; padding:6px 8px 8px; border-top:1px solid #3a454d; background:#dde0e1;}
.headlineBlock h1,
.headlineBlock h2,
.headlineBlock h3 {float:left; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; font-size:1.64em;}

.headlineGroop {clear:both;}
.headlineGroop {padding:10px 8px; background:#666; font-size:1.18em; color:#fff;}
.headlineGroop h3 {float:left; text-transform:uppercase;}
.headlineGroop h4 {float:right;}

.headlineBlock:after, 
.pageHeader:after, 
.headlineGroop:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

/* Star */
.star {display:block; width:18px; height:16px; background-repeat:no-repeat; background-position:0 0;}
.starActive {background-position: 0 -66px;}
.star:hover {background-position: 0 -132px;}
.starActive:hover {background-position:0 -198px;}

/* toolbar */
.toolbar {height:23px; padding:0 5px 0 7px;}
.toolbar li {float:left; padding:0 2px 0 0;}
.toolbar a {width:29px; height:23px; display:block; overflow:hidden; text-indent:-999em;}
.toolbar li.active a.tournament,
.toolbar a.tournament:hover {background-position:0 -23px;}
.toolbar a.time {background-position:-29px 0;}
.toolbar li.active a.time,
.toolbar a.time:hover {background-position:-29px -23px;}
.toolbar a.list {background-position:-58px 0;}
.toolbar li.active a.list,
.toolbar a.list:hover {background-position:-58px -23px;}
.toolbar a.a-z {background-position:-87px 0;}
.toolbar li.active a.a-z,
.toolbar a.a-z:hover {background-position:-87px -23px;}