/********************************** MAIN CSS **********************************/
html {
    margin:0;
    padding:0;
    height:100%;    
} 

body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #686868;    
    background-color: #FFFFFF;
    background: url('../images/bckgr.png') 0 0 repeat;
}

a {
    color: #686868;
    text-decoration: none;
}

a:hover {
    color: #FFD761;
}

a.button {
    display: inline-block;
    padding: 3px 15px 3px 15px;
    margin: 3px;
    font-weight: bold;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    background-color: #FFFFFF; 
    vertical-align: middle;
}

a.button:hover {
    color: #686868;
    background-color: #FFD761;   
}

a.button.pressed {
    color: #686868;
    background-color: #FFD761;     
} 

a.button.extramargin {
    margin: 15px;
}

a.bigbutton {
    position: relative; 
    display: inline-block;
    padding: 15px 30px 15px 30px;
    margin: 30px;
    font-size: 1.1em;
    border: 1px solid #D0D0D0;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    background-color: #FFFFFF; 
    min-width: 120px;
    text-align: center;
}

a.bigbutton:hover {
    color: #686868;
    background-color: #FFD761;   
}

a.bigbutton.pressed {
    color: #686868;
    background-color: #FFD761;     
}

a.bigbutton img {
    position: absolute;
    top: -22px;
    right: -22px;
}

a img {
    border: none;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.floated.left {
    float: left;
}

img.floated.right {
    float: right;
}

a.cookielink {
    text-decoration: underline;
}

a.cookielink:hover {
   color: #E2664E;
}

#wrapper {
    min-height: 100%;
    position: relative;
}

#header {
    background: #686868;
    height: 50px;
    line-height: 50px;
    min-width: 1024px;
}

#logo {
    display: inline-block;
    height: 50px;
    width: 300px;
    background: url('../images/logob.png') 0 0 no-repeat;
    float: left;
}

#logo a {
    display: block;
    height: 100%;
}

#reserve {
    display: inline-block;
    height: 50px;
    width: 400px;
    float: left;
    text-align: right;
}

#mainsearch {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    width: 200px;
    padding-right: 100px;
    text-align: right;
    float: left;
}

#mainsearch input {
    vertical-align: middle;
}

#middle {
    padding-bottom:100px; 
    min-width: 1024px;
}

#footer {
    background: #686868;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    vertical-align: middle;
    min-width: 1024px;
}

#footer * { 
    vertical-align: middle;
}

.footerlb {
    float: left;
    display: inline-block;
    width: 50%;
    height: 100px;  
    line-height: 100px;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    vertical-align: middle;
}

.footerrb {
    float: left;
    display: inline-block;    
    width: 50%;
    height: 100px;  
    line-height: 100px;
    vertical-align: middle;
    text-align: right;
    color: #FFFFFF;
    vertical-align: middle;
}

.footerlblinks {
    float: left;
    display: inline-block;
    width: 50%;
    height: 100px;  
    text-align: left;
    color: #FFFFFF;
}


.footerlinksleft, .footerlinksmiddle, .footerlinksright {
    float: left;
    height: 100%;
    width: 30%;
    margin-left: 2%;
    vertical-align: top;
}

.footerlinksleft {
    width: 50%;
}

.footerlinksright {
    width: 10%;
}

.footerlinksleft h4, .footerlinksmiddle h4, .footerlinksright h4 {
    margin-bottom: 0px;
    /* border-bottom: 1px dotted #FFFFFF; */
}

.footerlinksleft ul, .footerlinksmiddle ul, .footerlinksright ul {
    margin-top: 0px;
}

.footerlinksleft a, .footerlinksmiddle a, .footerlinksright a {
    color: #FFFFFF;
}

#container {
    display: block;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

.container {
    display: block;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

#menu {
    background-color: #686868;
    height: 50px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    white-space: nowrap;
    position: relative;
}

#menu a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    padding: 0px 10px 0px 10px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}

#menu a.current {
    background-color: #FFD761;
    color: #686868;
    text-shadow: 1px 1px 0px #FFFFFF;
}

#menu a.current.first {
    border-bottom-left-radius: 3px;
}

#menu a:hover {
    color: #FFD761;
}

#menu a .new {
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    background-color: #E2664E;
    top: 5px;
    right: -5px;
    vertical-align: middle;
    text-align: center;
    font-size: 9px;
    font-weight: normal;
    color: #FFFFFF;
}

#menu a:hover .new {
    color: #FFFFFF;
}

#menu a.current .new {
    display: none;
}

#menusearch {
    position: relative;
    right: 0px;
}

#content {
    margin: 10px 0px 10px 0px;
    /* background-color: #FFFFFF; */
}

#usermenu  {
    margin: 10px 0px 10px 0px;
    /* padding: 5px; */
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    text-align: right;
    background-color: #FFFFFF; 
    white-space: nowrap;
}

input {
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    color: #686868;
    margin: 2px 0px 2px 0px;
    height: 18px;
}

input[type=image] {
    height: auto;
    border: none;
    margin: 5px;
}

select {
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    color: #686868;
}

textarea {
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    color: #686868;   
}

input[type=submit] {
    display: inline-block;
    background-color: #FFFFFF;
    padding: 2px 20px 2px 20px;
    border: 1px solid #D0D0D0;
    color: #686868;
    font-weight: bold;
    cursor: pointer;
    height: 22px;
}

input[type=submit]:hover {
    color: #686868;
    background-color: #FFD761;
}

h3 {
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    padding: 10px;
    margin: 10px 0px 10px 0px;
    background-color: #FFFFFF;
    display: none;
}

h3.center {
    text-align: center;
}

h3.donation {
    position: relative;
    padding-left: 120px;
    text-align: center;
    border: 4px solid #FFD761;
    margin: 50px;
    font-weight: normal;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    display: block;
}

h3.donation ul li {
    text-align: left;
}

h3.donation img {
    position: absolute;
    width: 100px;
    right: 100px;
    top: -55px;
    left: 20px;
}

::-webkit-input-placeholder { padding-left: 5px; }
:-moz-placeholder { padding-left: 5px; }
::-moz-placeholder { padding-left: 5px; } 
:-ms-input-placeholder { padding-left: 5px; }

#content label {
    display: inline-block;
    margin-left: 20px;
    padding-right: 5px;
    width: 200px;
    text-align: right;
}

#content label.bold {
    font-weight: bold;
}

.headercontainer {
    display: block;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}


.subblock {
    position: relative;
    margin: 20px 10px 20px 10px;
    padding: 10px;
    padding-top: 15px;
    border-top: 1px dotted #D0D0D0;
}

.subblock.bordered {
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    border: 1px solid #D0D0D0;
}

.subblock.bordered2 {
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    border: 2px dotted #D0D0D0;
}

.subblock.extrabottommargin {
    margin-bottom: 40px;
}

.subblock.extratopmargin {
    margin-top: 40px;
}

.subblockheader {
    position: absolute;
    left: 22px;
    top: -14px;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    background: url('../images/bckgr.png') 0 0 repeat;
}

.subblockheader.blank {
    background: #FFFFFF;
}

.subblockheader.big {
    top: -20px;
}

.subblock2 {
    position: relative;
    margin: 20px 10px 20px 10px;
    padding: 10px;
    padding-top: 15px;
    border: 1px solid #D0D0D0;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

.subblockheader2 {
    position: absolute;
    left: 22px;
    top: -14px;
    padding: 5px;
    background: url('../images/bckgr.png') 0 0 repeat;
}

.subblockheader2.blank {
    background: #FFFFFF;
}

.center {
    text-align: center;
}

.center.border {
    margin: 20px 50px 20px 50px;
    padding: 30px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.center.extramargin {
    margin-top: 40px;
    margin-bottom: 40px;
}

.center.hidden {
    display: none;
}

.successMessage {
    margin: 30px 0px 30px 0px;
    padding: 10px 20px 10px 20px; 
    color: #00BB00; 
    background-color: #FFFFFF;
    border: 1px solid #00BB00; 
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}

.errorMessage {
    margin: 30px 0px 30px 0px;
    padding: 10px 20px 10px 20px; 
    color: #BB0000; 
    background-color: #FFFFFF;
    border: 1px solid #BB0000; 
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}

.warningMessage {
    margin: 30px 0px 30px 0px;
    padding: 10px 20px 10px 20px; 
    color: #006699; 
    background-color: #FFFFFF;
    border: 1px solid #006699; 
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}

.successMessage.extramargin, .errorMessage.extramargin, .warningMessage.extramargin {
    margin: 50px 100px 50px 100px;
}

.successMessage p, .errorMessage p, .warningMessage p {
    font-weight: bold;
}

.clear {
    clear: both;
}

.textjustify {
    text-align: justify;
    text-justify: inter-word;  
}

.separator {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 50px;
}

.separator.width100 {
    width: 100px; 
}

.separator.width200 {
    width: 200px; 
}

/********************************* USER MENU **********************************/
.usermenubtn, .navigationmenubtn {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../images/down.png") no-repeat;
    margin-right: 50px;
    position: relative;
    vertical-align: middle;
}

.usermenubtn:hover, .navigationmenubtn:hover {
    cursor: pointer;
}

.usermenubtn:hover .submenu, .navigationmenubtn:hover .submenu, .submenu:hover{
    display: block;
}

.submenu {
    position: absolute;
    top: 22px;
    right: -52px;
    width: 105px;
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    display: none;
    z-index: 999;
    -moz-box-shadow:    0px 6px 12px #D0D0D0;
    -webkit-box-shadow: 0px 6px 12px #D0D0D0;
    box-shadow:         0px 6px 12px #D0D0D0;     
}

.submenu a {
    padding: 5px;
    display: block;
    text-align: left;
}

.submenu a * {
    vertical-align: middle;
}

.submenu a:hover {
    background-color: #D0D0D0;
    /* text-shadow: 0px 1px 0px #FFFFFF; */
}

.submenu a:hover .usermessagecount {
    color: #686868;
}

a:hover .usermessagecount {
    color: #686868;
}

/********************************* LOGIN PAGE *********************************/

.fbbutton { 
    display: inline-block;
    width: 100px;
    padding-left: 20px;
    height: 22px;
    line-height: 22px;
    background: url("../images/fblogin.png") no-repeat;
    color: #ffffff;   
    text-align: center;
    vertical-align: middle;
}

.likes {
    display: inline-block;
    width: 30%;
    float: left;
    text-align: left;
    /* padding: 4px 0px 0px 10px; */
    padding-left: 10px; 
}

.likes * {
    vertical-align: middle;
}

.menulikes {
    position: absolute;
    display: inline;
    padding: 2px;
    right: 6px;
    bottom: 6px;
}

.menulikes * {
    vertical-align: middle;
}

.menubuttons {
    display: inline-block;
    width: 100%;
    float: left;
}

.menubuttons * {
    vertical-align: middle;
}

.likesbutton {
    display: block;
    height: 22px;
    margin: 4px 2px 4px 2px;  
    width: 100px;
}

.likesbutton a {
    margin: auto;
}

.likesbutton * {
    vertical-align: middle;
}

.logininput {
    display: inline-block;
    width: 65%;
    float: right;
    text-align: right;
    padding: 5px; 
    white-space: nowrap;
}

.logininput input {
    vertical-align: middle;
    margin: 0px;
}

.logininput img {
    vertical-align: middle;
}

.logininput a {
    padding-right: 20px;
}

.logininput * {
    vertical-align: middle;
}

.logoutinput {
    display: inline-block;
    width: 65%;
    float: right;
    text-align: right;
    padding: 3px; 
}

.logoutinput input {
    vertical-align: middle;
}

.logoutinput img {
    vertical-align: middle;
}

.logoutinput a {
    padding-right: 20px;
}

.logoutinput * {
    vertical-align: middle;
}

.logoutinput2 {
    display: inline-block;
    width: 100px;
    float: right;
    text-align: right;
    padding: 3px; 
}

.logoutinput2 input {
    vertical-align: middle;
}

.logoutinput2 img {
    vertical-align: middle;
}

.logoutinput2 a {
    padding-right: 20px;
}

.logoutinput2 * {
    vertical-align: middle;
}

.userinput {
    display: inline-block;
    width: 800px;
    float: left;
    text-align: left;
    padding: 5px 5px 5px 20px; 
    white-space: nowrap;
}

.userinput input {
    vertical-align: middle;
}

.userinput img {
    vertical-align: middle;
}

.userinput a {
    padding-right: 20px;
    position: relative;
    white-space: nowrap;
}

.userinput * {
    vertical-align: middle;
}

.userinput a .new {
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    background-color: #E2664E;
    top: -15px;
    right: 5px;
    vertical-align: middle;
    text-align: center;
    font-size: 9px;
    font-weight: normal;
    color: #FFFFFF;
}

.username, .expertblock {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 10px;
    font-weight: bold;
    vertical-align: middle;
}

.loginfieldrow {
    display: block;
    white-space: nowrap;
}

/********************************* REGISTER PAGE ******************************/
.capthca_block {
    margin: 20px 0 20px 0;
}

.capthca_block * {
    vertical-align: middle;
}

#reload_captcha:hover, .reloadcaptcha:hover {
    cursor: pointer;
}

.txt_error {
    color: #BB0000;
    font-size: 11px;
}

.registerfieldrow, .contactfieldrow {
    display: block;
    white-space: nowrap;
}

/********************************* MODAL DIALOG *******************************/
#modaldialog { 
    display:none;
}       

#modaloverlay {
    background-color: #D0D0D0;
}

#modalcontainer {
    height: 260px; 
    width: 420px; 
    color: #686868; 
    background-color: #FFFFFF; 
    border: 4px solid #FFD761;
    border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
    padding: 10px;
    text-align: center;
}

#modalcontainer .modaldata {
    padding:8px;
}

#modalcontainer a {
    color:#ddd;
}

#modalcontainer a.modalCloseImg {
    background: url(../images/x.png) no-repeat; 
    width: 20px; 
    height: 20px; 
    display: inline; 
    z-index: 9999; 
    position:absolute; 
    top: 5px; 
    right: 5px; 
    cursor: pointer;
}

#modalcontainer h3 {
    color: #686868;
}

/********************************* MULTIPLAY MODAL DIALOG *******************************/
.mmodaldialog { 
    display:none;
}       

.mmodaloverlay {
    background-color: #D0D0D0;
}

.mmodalcontainer {
    height: 260px; 
    width: 420px; 
    color: #686868; 
    background-color: #FFFFFF; 
    border: 4px solid #FFD761;
    border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
    padding: 10px;
    text-align: center;
}

.mmodalcontainer .modaldata {
    padding:8px;
}

.mmodalcontainer a {
    color:#ddd;
}

.mmodalcontainer a.modalCloseImg {
    background: url(../images/x.png) no-repeat; 
    width: 20px; 
    height: 20px; 
    display: inline; 
    z-index: 9999; 
    position:absolute; 
    top: 5px; 
    right: 5px; 
    cursor: pointer;
}

.mmodalcontainer h3 {
    color: #686868;
}

/************************* TEAM PAGE ***********************************/

.itemheader {
    display: block;
    margin: 15px 10px 0px 10px;
    border: 1px solid #686868; 
    border-bottom: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;    
    background-color: #686868;
    color: #FFD761;
    padding: 10px;
    font-weight: bold;   
}

.itemheader2 {
    display: block;
    margin: 15px 0px 0px 0px;
    border: 1px solid #686868; 
    border-bottom: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;    
    background-color: #686868;
    color: #FFFFFF;
    padding: 10px;
    font-weight: bold;   
}

.itemheader h1 { font-size: 12px; margin: 0px; }
.itemheader h2 { font-size: 12px; margin: 0px; }
.itemheader h3 { font-size: 12px; margin: 0px; }

.itemheader2 h1 { font-size: 12px; margin: 0px; }
.itemheader2 h2 { font-size: 12px; margin: 0px; }
.itemheader2 h3 { font-size: 12px; margin: 0px; }

.itembody {
    display: block;
    margin: 0px 10px 10px 10px;
    border: 1px solid #D0D0D0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: none;
    padding: 10px 5px 10px 5px; 
    background-color: #FFFFFF;
    vertical-align: top;   
}

.itembody.full {
    min-height: 330px;
}

.itembody2 {
    display: block;
    margin: 0px 0px 10px 0px;
    border: 1px solid #D0D0D0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: none;
    padding: 10px 5px 10px 5px; 
    background-color: #FFFFFF;
    vertical-align: top;   
}

.itembody2.full {
    min-height: 330px;
}

.subheader {
    display: block;
    margin: 0px 10px 0px 10px;
    border: 1px solid #D0D0D0; 
    border-bottom: none;
    border-top: none;
    background-color: #FFFFFF;
    color: #686868;
    padding: 5px;  
}

.subheader2 {
    display: block;
    margin: 0px 0px 0px 0px;
    border: 1px solid #D0D0D0; 
    border-bottom: none;
    border-top: none;
    background-color: #FFFFFF;
    color: #686868;
    padding: 5px;  
    white-space: nowrap;
}

.subheader3 {
    display: block;
    margin: 0px 0px 0px 0px;
    border: 1px solid #D0D0D0; 
    border-bottom: none;
    border-top: none;
    background-color: #EEEEEE;
    color: #686868;
    padding: 5px;  
    white-space: nowrap;
    text-shadow: 1px 1px 0px #FFFFFF;
}

.subheader.center, .subheader2.center, subheader3.center {
    text-align: center;
}

.blockcontainer {
    display: block;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

.halfcontainer {
    display: inline-block;
    width: 484px;
    margin: 10px;
    vertical-align: top;
    float: left;
}

.halfcontainer.flat {
    margin: 0px;
    width: 504px;
}

.halfcontainer.thin {
    width: 450px;
    margin: 8px;
    padding: 8px;
}

.halfcontainer.bordered {
    border: 1px solid #E9E9E9;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.halfcontainer.noparentframe {
    float: left;
    width: 502px;
    margin: 5px;
}

.halfcontainer.extrabottommargin {
    margin-bottom: 25px;
}

.halfitemheader {
    display: block;
    border: 1px solid #686868; 
    border-bottom: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;    
    background-color: #686868;
    color: #FFD761;
    padding: 6px;
    font-weight: bold;   
} 

.halfitemheader2 {
    display: block;
    border: 1px solid #D0D0D0; 
    border-bottom: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;  
    background-color: #A0A0A0;
    color: #FFFFFF;
    text-shadow: 0px 1px 0px #686868;
    padding: 6px;
    font-weight: bold;   
}

.halfitemheader2 h1 { font-size: 12px; margin: 0px; }
.halfitemheader2 h2 { font-size: 12px; margin: 0px; }
.halfitemheader2 h3 { font-size: 12px; margin: 0px; }

.halfitemheader2.relative {
    position: relative
}

.headerimgtitle {
    display: block;
    position: absolute;
    top: -6px;
    right: 20px;
    width: 50px;
    height: 50px;
    text-align: center;
}

.headerimgtitle.week {
    background: url("../images/weeknumb.png") no-repeat;  
    font-size: 24px;
    font-weight: bold;
    padding-top: 19px;
    color: #787878;
    text-shadow: 1px 1px 0px #FFFFFF;
}

.headerimgtitle.month {
    background: url("../images/monthnumb.png") no-repeat;  
    font-size: 20px;
    font-weight: bold;
    padding-top: 19px;
    color: #787878;
    text-shadow: 1px 1px 0px #FFFFFF;
}

.halfitembody {
    display: block;
    border: 1px solid #D0D0D0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top: none;
    padding: 10px 5px 10px 5px; 
    background-color: #FFFFFF;
    vertical-align: top;   
    height: 100px;  
}

.halfitembodynotfixed {
    display: block;
    border: 1px solid #D0D0D0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top: none;
    padding: 10px 5px 10px 5px; 
    background-color: #FFFFFF;
    vertical-align: top;   
    min-height: 150px;  
}


.fullcontainer {
    display: inline-block;
    width: 1000px;
    margin: 10px 5px 10px 5px;
    vertical-align: top;
}

.fullcontainer.extratopmargin {
    margin-top: 25px;
    margin-bottom: 25px;
}

.fullcontainer.narrow {
    width: 990px;
    margin: 10px 10px 10px 10px;  
}

.fullitemheader {
    display: block;
    border: 1px solid #686868; 
    border-bottom: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;    
    background-color: #686868;
    color: #FFD761;
    padding: 6px;
    font-weight: bold;   
} 

.fullitemheader2 {
    display: block;
    border: 1px solid #D0D0D0; 
    border-bottom: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;    
    background-color: #A0A0A0;
    color: #FFFFFF;
    text-shadow: 0px 1px 0px #686868;
    padding: 6px;
    font-weight: bold;   
} 

.fullitemheader2.icon { 
    position: relative;
    padding-left: 70px;
}

.fullitemheader2 h1 { font-size: 12px; margin: 0px; }
.fullitemheader2 h2 { font-size: 12px; margin: 0px; }
.fullitemheader2 h3 { font-size: 12px; margin: 0px; }

.fullitemheader2.icon img { 
    position: absolute; 
    left: 10px;
    top: -10px;
    z-index: 99;
}

.fullitembody {
    display: block;
    position: relative;
    border: 1px solid #D0D0D0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top: none;
    padding: 10px 5px 10px 5px; 
    background-color: #FFFFFF;
    vertical-align: top;   
}

.fullitembodyonly{
    display: block;
    position: relative;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    padding: 10px 5px 10px 5px; 
    background-color: #FFFFFF;
    vertical-align: top;   
}

.imghelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.teammaininfocontainer {
    position: relative;
    display: block;
    width: 1000px;
    margin: auto;
    vertical-align: top;
    white-space: nowrap;
}

.teaminfologo {
    display: inline-block;
    width: 160px;
    margin: 5px;
    text-align: right;
    vertical-align: middle;   
    white-space: nowrap; 
}

.teaminfologo img {
    max-height: 120px; 
    max-width: 160px;
    vertical-align: middle;
}

.teaminfocontainer {
    display: inline-block;
    width: 820px;
    margin: 5px;
    vertical-align: middle; 
    white-space: normal;
}

.nextmatchcontainer {
    display: block;
    width: 700px;
    margin: auto;
}

.teaminfoblock {
    display: table-cell;
    vertical-align: middle;
}

.teaminforow {
    display: block;
    padding: 0px;
    margin: 2px;
    white-space: nowrap;
}

.teaminfolabel {
    display: inline-block;
    width: 96px;
    text-align: right; 
    vertical-align: top;
    padding: 2px 4px 2px 0px;
    vertical-align: middle;   
}

.teaminfomessage {
    display: inline-block;
    width: 700px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 0px 2px 0px;
    vertical-align: middle;   
}

.teaminfomessage.normal {
    font-size: 12px;
}

.teaminfomessage img {
    width: 20px;
    height: 14px;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
    vertical-align: middle;    
}

.nextmatchlogo {
    float: left;
    display: inline-block;
    height: 90px;
    width: 120px;
    white-space: nowrap; 
}

.nextmatchlogo img {
    max-height: 90px;
    max-width: 120px;
    vertical-align: middle;   
}

.nextmatchlogo.left {
    text-align: left;
}

.nextmatchlogo.right {
    text-align: right;
}

.nextmatchdata {
    float: left;
    display: inline-block;
    height: 90px;
    width: 460px;
    text-align: center;
}

.nextmatchdatarow {
    display: block;
    text-align: center;
    vertical-align: middle;
}

.nextmatchdatarow.teams {
    font-size: 18px;
}

.nextmatchdatarow img {
    width: 20px;
    height: 14px;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
    vertical-align: middle;
}

.teamresultcontainer {
    display: block;
    margin: 5px;
    vertical-align: top;
}

.teamresultmatches {
    display: inline-block;
    width: 600px;
    vertical-align: top;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    float: left;
}

.matchitem {
    display: inline-block;
    width: 598px;
    margin: 3px 0 3px 0;  
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    padding: 0px;
    vertical-align: top;
    white-space: nowrap;
}

.matchdate {
    display: inline-block;
    width: 76px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0px 2px 0px;
    text-align: center;
    vertical-align: middle;
}

.matchhteam {
    display: inline-block;
    width: 225px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0px 2px 0px;
    text-align: right;
    vertical-align: middle;
}

.matchhteam.bold {
    font-weight: bold;
}

.matchgteam {
    display: inline-block;
    width: 225px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0px 2px 0px;
    text-align: left;
    vertical-align: middle;
}

.matchgteam.bold {
    font-weight: bold;
}

.matchresh {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0px 2px 0px;
    text-align: center; 
    margin: 0px;
    margin-right: -4px; 
    color: #686868;
    text-shadow: 1px 1px 0px #FFFFFF;
    background-color: #D0D0D0;
    font-weight: bold;
    vertical-align: middle;
}
    
.matchresg {
    display: inline-block;
    position: relative; 
    width: 20px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0px 2px 0px;
    text-align: center; 
    margin: 0px;
    color: #686868;
    text-shadow: 1px 1px 0px #FFFFFF;
    background-color: #D0D0D0; 
    font-weight: bold;
    vertical-align: middle;
}

.extratimemarker {
    display: inline-block;
    position: absolute;
    top: -5px;
    left: -6px;
    width: 12px;
    height: 12px;
    text-align: center;
    line-height: 12px;
    vertical-align: middle;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    border: 1px solid #B0B0B0;
    font-size: 7px;
    background-color: #FFD761;
    text-shadow: none;
}

.matchresultet { 
    width: 20px; 
    height: 20px; 
    line-height: 20px;
    background-color: #FFD761;
    text-align: center;
    vertical-align: middle;
    display:inline-block;  
    font-weight: bold;
    text-shadow: 1px 1px 0px #FFFFFF;
}

.matchextradescription {
    display: inline-block;
    width: 305px;
    height: 20px; 
    line-height: 20px;
    vertical-align: middle;
    padding-right: 2px; 
    text-align: right;
    background-color: #F1F1F1;
}

.matchaextraempty {
    display: inline-block;
    width: 245px;
    height: 20px; 
    line-height: 20px;
    vertical-align: middle;
    background-color: #FFFFFF;
}

.matchdetails {
    display: inline-block;
    width: 21px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0px 2px 0px;
    text-align: center;  
    margin-right: -4px;
    color: #686868;
    background-color: #D0D0D0; 
    font-weight: bold;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;   
    font-family: monospace;
    vertical-align: middle;
}

.matchdetails a {
    display: block;
    color: #686868;
    cursor: pointer;
    height: 100%;
}

.matchdetails a:hover {
    color: #FFDD00;
}

.matchdetailstxt {
    display: none;  
    width: 598px;  
    margin: 5px 0px 0px 0px;
}

.matchnoactionold {
    display: inline-block;
    width: 578px; 
    text-align: center;
    margin: 10px;
}

.matchnoaction {
    display: block;
    padding-left: 60px;
    text-align: center;
    margin: 10px;
}

.matchcompetition {
    display: inline-block;
    width: 598px; 
    text-align: center;
    padding: 3px 0px 3px 0px; 
    margin-top: 5px;
    background-color: #D0D0D0;
    color: #686868;
    text-shadow: 1px 1px 0px #FFFFFF;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;    
}

.matchdetailscontainer {
    display: block;
    height: 22px;
    line-height: 22px;
    vertical-align: top;
    margin: 1px 0px 1px 0px;
}

.matchdetailscontainer.color {
    background-color: #FAFAFA;
}


.matchdetailscontainerinfo {
    display: block;
    height: 22px;
    line-height: 22px;
    vertical-align: top;    
    margin-bottom: 2px;
}

.matchactionhostplayer {
    display: inline-block;
    width: 305px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0px 2px 0px;
    vertical-align: middle;    
    text-align: right;
}

.matchactionguestplayer {
    display: inline-block;
    width: 245px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0px 2px 0px;
    vertical-align: middle;    
    text-align: left;
}

.matchactionhost {
    display: inline-block;
    width: 20px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0px 2px 0px;
    text-align: center;
    vertical-align: middle;    
    margin-right: -4px; 
}

.matchactionguest {
    display: inline-block;
    width: 20px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0px 2px 0px;
    text-align: center;
    vertical-align: middle;    
}

.matchactions { 
    display:inline-block;     
    width: 15px; 
    height: 15px; 
    line-height: 15px;
    background:transparent url(../images/matchactions.gif) -105px 0px no-repeat; 
    margin: 3px 2px 4px 2px; 
    vertical-align: middle;
}

.matchactions.goal {
    background-position: 0px 0px;
}

.matchactions.penalty {
    background-position: -15px 0px;
}

.matchactions.own {
    background-position: -30px 0px;
}

.matchactions.miss {
    background-position: -45px 0px;
}

.matchactions.ycard {
    background-position: -60px 0px;
}

.matchactions.rcard {
    background-position: -75px 0px;
}

.matchactions.dycard {
    background-position: -90px 0px;
}

.teamformheader {
    display: block;
    vertical-align: middle;
    padding: 3px;
    text-align: center;
    background-color: #F1F1F1;
    white-space: nowrap;
}

.formchartblock {
    width: 340px; 
    height: 190px;   
}

.teamformchart {
    display: inline-block;
    width: 340px;
    padding-right: -4px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    margin: 0px 10px 5px 18px;
    float: left;
}

.charttooltipmatch {
    position: relative;
    /* top: 20px; */
    padding: 10px;
    font-size: 12px;
}

.teamformlabel {
    display: block;
    padding: 4px;
    text-align: center;
    background-color: #D0D0D0;
    color: #686868;
    text-shadow: 1px 1px 0px #FFFFFF;
    font-weight: bold;
}

#compareteamerrormessage, #teaminfoerrormessage {
    text-align: center;
    font-size: 10px;
    color: #FF0000;
}

.teamform {
    display: inline-block;
    width: 18px;
    height: 23px;
    margin: 2px 2px 2px 0px;
    text-align: center;
    border: 1px solid #D0D0D0;
    vertical-align: middle;
    line-height: 23px;
    font-weight: bold;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
}

.teamform.win {
    color: #FFFFFF;
    /* text-shadow: 1px 1px 0px #FFFFFF; */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#3DBF3D)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #3DBF3D, #006600); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #3DBF3D, #006600); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #3DBF3D, #006600); /* IE 10 */
    background: -o-linear-gradient(top, #3DBF3D, #006600); /* Opera 11.10+ */ 
    background-color: #3DBF3D;
    border-color: #34A034;
}

.teamform.draw {
    color: #FFFFFF;
    /* text-shadow: 1px 1px 0px #FFFFFF; */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#be9006), to(#FCDA78)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FCDA78, #be9006); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FCDA78, #be9006); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FCDA78, #be9006); /* IE 10 */
    background: -o-linear-gradient(top, #FCDA78, #be9006); /* Opera 11.10+ */ 
    background-color: #FFD761;
    border-color: #E8C405;
}

.teamform.lose {
    color: #FFFFFF;
    /* text-shadow: 1px 1px 0px #FFFFFF; */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ab422a), to(#FF6945)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FF6945, #ab422a); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FF6945, #ab422a); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FF6945, #ab422a); /* IE 10 */
    background: -o-linear-gradient(top, #FF6945, #ab422a); /* Opera 11.10+ */     
    background-color: #F25C38;
    border-color: #D15436;
}

.matchfactscontainer {
    display: block;
    width: 400px;
    margin: auto;
}

.factitem {
    display: inline-block;
    width: 398px;
    margin: 3px 0px 3px 0px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    vertical-align: top;
}

.factitem > * {
    vertical-align:middle; 
}

.matchfacttxt {
    display: inline-block;
    width: 294px;
    height: 20px;
    line-height: 20px;
    padding: 3px;
    text-align: right;
    vertical-align: middle;
    float: left;
}

.matchfactres {
    display: inline-block;
    width: 92px;
    height: 20px;
    line-height: 20px;
    padding: 3px;
    text-align: center; 
    background-color: #D0D0D0;
    color: #686868;
    text-shadow: 1px 1px 0px #FFFFFF;
    font-weight: bold;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    vertical-align: middle;
    float: left;
}

.feedbackinput {
    border-color: #F25C38;
}

.feedbackcloser {
    position: absolute;
    display: none;
    right: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    border: 1px solid #D0D0D0;
    background-color: #E2664E;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;    
    font-weight: bold;    
}

.feedbackselectimagename {
    display: inline;
    margin: 0px 10px 0px 5px;
}

.feedbackselectimagename.hidden {
    display: none;
}

.feedbackimageupload {
    display: inline-block;
    padding: 3px 15px 3px 15px;
    margin: 3px;
    font-weight: bold;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    background-color: #FFFFFF; 
    cursor: pointer;
}

.feedbackimageupload:hover {
    background-color: #FFD761; 
}

.feedbackimageupload.hidden {
    display: none;
}


/************************* GRAPH ***********************************/
.statisticscontainer {
    width: 850px;
    margin: auto;
}

.statisticscontainer h3 {
    border: 1px solid #D0D0D0;
    text-align: center;
    background-color: #FFD761;
}

.statisticscontainer h4 {
    border: 1px solid #D0D0D0;
    text-align: center;
    padding: 6px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    text-shadow: 1px 1px 0px #FFFFFF;
    background-color: #F1F1F1;
}

.statisticscontainernarrow {
    width: 495px;
    margin: auto;
    text-align: center;
}

.statisticscontainernarrow h3 {
    border: 1px solid #D0D0D0;
    text-align: center;
    background-color: #FFD761;
}

.statisticscontainernarrow h4 {
    border: 1px solid #D0D0D0;
    text-align: center;
    padding: 6px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    text-shadow: 1px 1px 0px #FFFFFF;
    background-color: #F1F1F1;
}

.bargraph {
    display: inline-block;
    width: 400px;
    border: 1px solid #d0d0d0;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    margin: 10px;
}

.bargraphtitle {
    display: inline-block;
    width: 400px; 
    padding: 4px 0px 4px 0px;
    text-align: center;
    background-color: #D0D0D0;
    color: #686868;
    text-shadow: 1px 1px 0px #FFFFFF;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: bold;
    white-space: nowrap;
}

.bargraphbody {
    display: inline-block;
    width: 400px; 
    padding: 0px 0px 10px 0px;    
}

.bargraphrow {
    display: block;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

.bargraphname {
    display: inline-block;
    width: 170px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;    
    padding-right: 5px;
    text-align: right;
    margin-top: 10px;
}

.bargraphvalue {
    display: inline-block;
    width: 215px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
    text-align: left;
    margin-top: 10px;
    background: transparent url(../images/bar.png) no-repeat; 
    border-left: 1px solid #686868;
}

.bargraphvalue.empty { 
    background: none;
    border: none; 
}

.bargraphvalue .barblock {
    display: inline-block;
    border: 1px solid #686868;
    background-color: #FFD761;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
} 

.bargraphconteiner {
    display: inline-block;
    width: 200px;
    height: 20px;
    line-height: 20px;  
    vertical-align: middle;
    border: 1px solid #d0d0d0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    background-color: #FFFFFF;
    margin-top: 10px;
    position: relative;
}

.bargraphvalueon {
    float: left;
    display: inline-block;
    border: none;
    background-color: #FFD761;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
    text-align: left;
    font-size: 12px;
    color: #686868;
}


/************************* STANDING STYLE ***********************************/
.standingcontainer {
    width: 700px;
    margin: auto;
}

.standingheader {
    width: 698px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #686868;
    /* background-color: #FFD761; */
    background-color: #E0E0E0; 
    padding: 5px 0px 5px 0px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;    
    text-shadow: 0px 1px 0px #FFFFFF;
}

.standingsubheader {
    width: 688px;
    padding: 2px;
    margin: 2px;
    border: 1px solid #D0D0D0;  
    background-color: #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  
    color: #FFFFFF;
    text-shadow: 0px 1px 0px #686868;
}

.standingsubheaderrow {
    display: block;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
}

.hdrempty {
    display: inline-block;
    width: 312px;
}

.hdrempty2 {
    display: inline-block;
    width: 20px;   
}

.hdritem {
    display: inline-block;
    width: 112px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #F1F1F1;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
    background-color: #D0D0D0;
    text-shadow: 0px 1px 0px #686868;
}

.standingrow {  
    width: 688px;
    padding: 2px;
    margin: 2px;
    border: 1px solid #D0D0D0;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
    white-space: nowrap;
}

.standingrow:hover {
    background-color: #D0D0D0;
}

.standingrow.highlite {
    background-color: #FFD761;
    font-weight: bold;
}

.standingrow.highlite.mark {
    background-color: #FFD761;
}

.standingrow.highlite a {
    font-weight: bold;
}

.standingrow.highlite a:hover {
    color: #E2664E;
}

.standingrow.separate {
    text-align: center;
    background-color: #EEEEEE;
    font-weight: bold;
}

.standingrow.mark {
    background-color: #F1F1F1;
}

.standingrow.mark:hover {
    background-color: #D0D0D0;
}
 
.stdpos {
    display: inline-block;
    width: 15px;
    padding-right: 5px;
    text-align: right;
    font-weight: bold;
}

.stdname {
    display: inline-block; 
    width: 270px;
    text-align: left;
}

.stditem {
    display: inline-block;
    width: 20px;
    text-align: center;
}

.stdpts {
    display: inline-block;
    width: 20px;
    text-align: center;
    background-color: #686868;
    color: #FF3300;
    font-weight: bold;
}

.stdgoals {
    display: inline-block;
    width: 20px;
    text-align: center;    
}

.stdgoals.left {
    text-align: left;
}

.stdgoals.right {
    text-align: right;
}

.stdempty {
    display: inline-block;
    width: 10px;
}

.stdline {
    display: inline-block;
    width: 5px;
    text-align: center;
}

/************************* STANDING STYLE NARROW ******************************/
.standingcontainernarrow {
    width: 485px;
    margin: auto;
}

.standingheadernarrow {
    width: 483px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #686868;
    /* background-color: #FFD761; */
    background-color: #E0E0E0;
    padding: 5px 0px 5px 0px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;    
    text-shadow: 0px 1px 0px #FFFFFF; 
}

.standingsubheadernarrow {
    width: 473px;
    padding: 2px;
    margin: 2px;
    border: 1px solid #D0D0D0;  
    background-color: #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  
    color: #FFFFFF;
    text-shadow: 0px 1px 0px #686868;
    white-space: nowrap;
}

.hdremptynarrow {
    display: inline-block;
    width: 252px;
}

.hdrempty2narrow {
    display: inline-block;
    width: 20px;   
}

.hdritemnarrow {
    display: inline-block;
    width: 100px;
    font-weight: bold;
    text-align: center;
}

.standingrownarrow {  
    width: 473px;
    padding: 2px;
    margin: 2px;
    border: 1px solid #D0D0D0;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
    white-space: nowrap;
}

.standingrownarrow:hover {
    background-color: #D0D0D0;
}

.standingrownarrow.highlite {
    background-color: #FFD761;
    font-weight: bold;
}

.standingrownarrow.highlite.mark {
    background-color: #FFD761;
}

.standingrownarrow.highlite a {
    font-weight: bold;
}

.standingrownarrow.highlite a:hover {
    color: #E2664E;
}

.standingrownarrow.separate {
    text-align: center;
    background-color: #EEEEEE;
    font-weight: bold;
}

.standingrownarrow.mark {
    background-color: #F1F1F1;
}

.standingrownarrow.mark:hover {
    background-color: #D0D0D0;
}
 
.stdposnarrow {
    display: inline-block;
    width: 15px;
    padding-right: 5px;
    text-align: right;
    font-weight: bold;
}

.stdnamenarrow {
    display: inline-block; 
    width: 280px;
    text-align: left;
}

.stditemnarrow {
    display: inline-block;
    width: 20px;
    text-align: center;
    /* background-color: #ff0000; */
}

.stdptsnarrow {
    display: inline-block;
    width: 20px;
    text-align: center;
    background-color: #686868;
    color: #FF3300;
    font-weight: bold;
}

.stdgoalsnarrow {
    display: inline-block;
    width: 20px;
    text-align: center;    
}

.stdgoalsnarrow.left {
    text-align: left;
}

.stdgoalsnarrow.right {
    text-align: right;
}

.stdemptynarrow {
    display: inline-block;
    width: 10px;
}

.stdlinenarrow {
    display: inline-block;
    width: 5px;
    text-align: center;
}


/************************* COMPARE PAGE ***********************************/
.hteamblock, .gteamblock {
    width: 504px;
    display: inline-block;
    float: left;
}

.hteamblock {
    border-right: 1px dotted #D0D0D0;
}

.hteamblock.noborder {
    border: none;
}



.matchresultcontainer {
    display: block;
    margin: 5px;
    vertical-align: top;
}

.teaminforownarrow {
    width: 495px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}

.teaminfofoundmessage {
    display: block;
    border: 1px solid #00BB00;
    padding: 6px;
    margin: 20px 5px 20px 5px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    text-align: center;
}

.teaminfonotfoundmessage {
    display: block;
    border: 1px solid #BB0000;
    padding: 6px;
    margin: 20px 5px 20px 5px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    text-align: center;    
}

.teaminfologonarrow {
    display: block;
    width: 160px;
    height: 120px;
    margin: auto;  
    vertical-align: middle;   
    white-space: nowrap; 
    text-align: center;
}

.teaminfologonarrow img {
    max-height: 120px; 
    max-width: 160px;
    vertical-align: middle; 
}

.teaminfocontainernarrow {
    display: table;
    margin: 5px;
    width: 490px;
}

.teaminfoblocknarrow {
    display: block;
    vertical-align: middle;
}

.teaminfolabelnarrow {
    display: inline-block;
    width: 50px;
    text-align: right; 
    vertical-align: top;
    padding: 2px 0px 2px 0px;
    vertical-align: middle;
}

.teaminfomessagenarrow {
    display: inline-block;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 0px 2px 0px;
    vertical-align: middle;
}

.teaminfomessagenarrow img {
    width: 20px;
    height: 14px;
    vertical-align: middle;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
}

.nextmatchcontainernarrow {
    width: 490px;
    margin: 5px;
}

.nextmatchlogonarrow {
    float: left;
    display: inline-block;
    height: 75px;
    width: 100px;
    white-space: nowrap; 
}

.nextmatchlogonarrow img {
    max-height: 75px;
    max-width: 100px;
    vertical-align: middle;   
}

.nextmatchlogonarrow.left {
    text-align: left;
}

.nextmatchlogonarrow.right {
    text-align: right;
}

.nextmatchdatanarrow {
    float: left;
    display: inline-block;
    min-height: 90px;
    width: 290px;
    text-align: center;
    vertical-align: middle;
}

.nextmatchdatarownarrow {
    display: block;
    text-align: center;
    vertical-align: middle;
    margin-top: 4px;
}

.nextmatchdatarownarrow.teams {
    font-size: 14px;
    vertical-align: middle;
}

.nextmatchdatarownarrow img {
    width: 20px;
    height: 14px;
    vertical-align: middle;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
}

.teamresultmatchesnarrow {
    display: block;
    width: 495px;
    vertical-align: top;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.matchitemnarrow {
    width: 495px;
    margin: 3px 0 3px 0;  
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    padding: 0px;
    vertical-align: top;
    white-space: nowrap;
}

.matchdatenarrow {
    display: inline-block;
    width: 66px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0 2px 0;
    text-align: center;
    vertical-align: middle;
}

.matchhteamnarrow {
    display: inline-block;
    width: 182px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0 2px 0;
    text-align: right;
    vertical-align: middle;
}

.matchhteamnarrow.bold {
    font-weight: bold;
}

.matchgteamnarrow {
    display: inline-block;
    width: 182px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0 2px 0;
    text-align: left;
    vertical-align: middle;
}

.matchgteamnarrow.bold {
    font-weight: bold;
}

.matchreshnarrow {
    display: inline-block;
    position: relative; 
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0 2px 0;
    text-align: center; 
    margin-right: -4px; 
    color: #686868;
    text-shadow: 1px 1px 0px #FFFFFF;
    background-color: #D0D0D0;
    font-weight: bold;
    vertical-align: middle;
}

.matchresgnarrow {
    display: inline-block;
    position: relative; 
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0 2px 0;
    text-align: center; 
    color: #686868;
    text-shadow: 1px 1px 0px #FFFFFF;
    background-color: #D0D0D0;
    font-weight: bold;
    vertical-align: middle;
}

.matchdetailsnarrow {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0 2px 0;
    text-align: center;  
    margin-right: -4px;
    color: #686868;
    background-color: #D0D0D0; 
    font-weight: bold;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;  
    font-family: monospace;
    vertical-align: middle;
}


.matchdetailsnarrow a {
    display: block;
    color: #686868;
    cursor: pointer;
}

.matchdetailsnarrow a:hover {
    color: #FFDD00;
}

.matchextradescriptionnarrow {
    display: inline-block;
    width: 252px;
    height: 20px; 
    line-height: 20px;
    vertical-align: middle;
    padding-right: 2px; 
    text-align: right;
    background-color: #F1F1F1;
}

.matchaextraemptynarrow {
    display: inline-block;
    width: 200px;
    height: 20px; 
    line-height: 20px;
    vertical-align: middle;
    background-color: #FFFFFF;
}

.matchresultetnarrow { 
    width: 18px; 
    height: 20px; 
    line-height: 20px;
    background-color: #FFD761;
    text-align: center;
    vertical-align: middle;
    display:inline-block;  
    font-weight: bold;
    text-shadow: 1px 1px 0px #FFFFFF;
}

.matchdetailstxtnarrow {
    display: none;  
    width: 495px;  
    margin: 5px 0px 0px 0px;
}

.matchnoactionnarrow {
    display: block;
    width: 475px; 
    text-align: center;
    margin: 10px;
}

.matchdetailstxtnarow {
    display: none;  
    width: 495px;  
    margin: 5px 0px 0px 0px;
}

.matchdetailscontainernarrow {
    display: block;
    height: 22px;
    line-height: 22px;
    vertical-align: top;
    margin: 1px 0px 1px 0px;
}

.matchdetailscontainernarrow.color {
    background-color: #FAFAFA;
}

.matchcompetitionnarrow {
    display: inline-block;
    width: 495px; 
    text-align: center;
    padding: 3px 0px 3px 0px; 
    margin-top: 5px;
    background-color: #D0D0D0;
    color: #686868;
    text-shadow: 1px 1px 0px #FFFFFF;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;    
}

.matchactionhostplayernarrow {
    display: inline-block;
    width: 254px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0px 2px 0px;
    vertical-align: middle;     
    text-align: right;
}

.matchactionguestplayernarrow {
    display: inline-block;
    width: 196px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0px 2px 0px;
    vertical-align: middle;     
    text-align: left;
}

.matchactionhostnarrow {
    display: inline-block;
    width: 15px;
    text-align: center; 
    margin-right: -4px; 
    vertical-align: middle;
}

.matchactionguestnarrow {
    display: inline-block;
    width: 15px;
    text-align: center;
    vertical-align: middle;
}

.matchactionsnarrow { 
    width: 15px; 
    height: 15px; 
    display:inline-block; 
    background:transparent url(../images/matchactions.gif) -105px 0px no-repeat; 
    margin: 3px 2px 4px 1px; 
    vertical-align: middle;
}

.matchactionsnarrow.goal {
    background-position: 0px 0px;
}

.matchactionsnarrow.penalty {
    background-position: -15px 0px;
}

.matchactionsnarrow.own {
    background-position: -30px 0px;
}

.matchactionsnarrow.miss {
    background-position: -45px 0px;
}

.matchactionsnarrow.ycard {
    background-position: -60px 0px;
}

.matchactionsnarrow.rcard {
    background-position: -75px 0px;
}

.matchactionsnarrow.dycard {
    background-position: -90px 0px;
}

.teamformchartnarrow {
    display: block;
    width: 340px;
    padding-right: -4px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    margin: auto;
}

.matchresultwraper {
    display: block;
    width: 1002px;
    margin: 0px;
    padding: 0px;
}

.matchbtwteams {
    display: inline-block;
    width: 600px;
    vertical-align: top;
    float: left;
}

.matchbtwteamsfact {
    display: inline-block;
    vertical-align: top;
    width: 378px;
    float: left;
}

.matchbtwteamslabel {
    display: block;
    vertical-align: middle;
    padding: 5px 2px 5px 2px;
    text-align: center;
    border: 1px solid #D0D0D0;
    margin: 5px 10px 10px 10px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    background-color: #F1F1F1;
}

.matchbtwteamstxt {
    display: inline-block;
    width: 196px;
    padding: 2px;
    text-align: right;
}

.matchbtwteamstres {
    display: inline-block;    
    width: 100px;
    text-align: left;    
}

.hiddenmatches {
    display: none;
}

/************************ DONATION PAGE *************************************/
.halfblock  {
    width: 484px;
    display: inline-block;
    float: left;
    border: 1px solid #D0D0D0;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    margin: 10px;
}

.halfblock .hftitle {
    display: block;
    background-color: #D0D0D0;
    color: #686868;
    font-weight: bold;
    text-align: center;
    padding: 8px 0px 8px 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-shadow: 0px 1px 0px #FFFFFF;
}

.halfblock .hfbody {
    padding: 10px;
    min-height: 140px;
    vertical-align: middle;
}

.halfblock .hfbody.center {
    text-align: center;
}

.btcdonate {
    float: left;
    display: inline-block;
    text-align: center;
}

.btcdonate.btn {
    width: 190px;
}

.btcdonate.url {
    width: 270px;
}

/******************************  USER PAGE ************************************/
.userdetails label {
    font-weight: normal;
    margin: 5px 0 5px 0px;  
    font-weight: normal;
}

.txtfielderror {
    color: #BB0000;
    font-size: 11px;
}

.userdetailsrow {
    display: block;
    margin: 6px 30px 0px 30px;
    background-color: #F4F4F4;
    padding: 4px;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    /* border: 1px solid #D0D0D0; */
    font-weight: bold;
    white-space: nowrap;
}

.userdetailsrow label {
    font-weight: normal;
}

.userdetailsrow label img {
    float: left;
    margin-top: -6px;
}

.userdetailsrow .userpaypalaccount {
    display: inline;
}

.userdetailsrow .edituserfield {
    display: inline-block;
    min-width: 150px;
    text-align: left;
}

.userrowcontainer {
    display: block;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    text-align: center;
}

.editfieldrow {
    display: block;
    white-space: nowrap;
}

.userpedingvotecontainer {
    /* width: 970px; */
    max-height: 200px;
    overflow: auto;
    margin: 10px;
    border: 1px solid #F1F1F1;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    padding: 0px 15px 0px 15px;
}

/******************************* USER MESSAGE PAGE ****************************/

.messagecontainer {
    margin: 15px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}

.messagetitle {
    position: relative;
    background-color: #E2E2E2;
    padding: 3px 20px 3px 40px;
    font-weight: bold;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    white-space: nowrap;
}

.messageuser, .messagedate, .messagedetails {
    background-color: #EEEEEE;
    font-size: 10px;
    padding: 3px 20px 3px 20px;
    font-weight: lighter;
}

.messagetxt {
    padding: 3px 20px 10px 20px;
}

.messagenew {
    position: absolute;
    right: 0px;
    padding-right: 10px;
    color:#3dbf3d;
}

/******************************* COMMENTS PAGE ****************************/

.commentitem {
    margin: 15px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}

.commenttitle {
    display: block;
    position: relative;
    background-color: #E2E2E2;
    padding: 3px 20px 3px 35px;
    font-weight: bold;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    white-space: nowrap;
}

.commenttitlestatus {
    display: inline-block;
    float: right;
    padding: 0px;
    width: 100px;
    text-align: right;
}

.commenttitlestatus.shown {
    color: #00BB00;
}

.commenttitlestatus.removed {
    color: #BB0000;
}

.commenttitlestatus.deleted {
    color: #BB0000;
}

.commenttitlestatus.edited {
    color: #0073EA;
}


.commentsubtitle {
    display: block;
    background-color: #F1F1F1;
    padding: 1px 20px 1px 35px;
    font-size: 0.80em;
    white-space: nowrap;
}

.commentnumber, .messagenumber, .votenumber, .likenumber {
    display: inline-block; 
    position: absolute;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    border: 1px solid #D0D0D0;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    top: -5px;
    left: 5px;
}

.votenumber, .likenumber {
    background-color: #F1F1F1;
    top: -2px;
}


.commentnumber.small {
    font-size: 0.80em;
    color: #FF3300;
}

.commentdatetime {
    display: inline;
    font-weight: normal;
    font-size: 0.80em;
}

.commenttxt {
    padding: 8px 20px 8px 20px;
    background-color: #FFFFFF;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    white-space: -moz-pre-wrap !important;  
    white-space: -o-pre-wrap;    
    white-space: pre-wrap;      
    white-space: -pre-wrap;      
}

.commentadminedittxt {
    display: block;
    padding: 2px 20px 2px 20px;
    font-size: 10px;
    text-align: right;
    color: #B0B0B0;
}

.commentfact {
    margin: 15px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  
    text-align: left;
}

.commentfact .info {
    display: inline-block;
    width: 450px;
    text-align: right;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;   
    background-color: #E2E2E2;
    padding: 5px;
}

.commentfact .data {
    display: inline-block;
    width: 300px;
    text-align: left;
    font-weight: bold;
    padding: 5px;
}

.useradmin {
    color: #E2664E;
    /* font-size: 14px; */
}

.listfooter {
    margin: 15px;
    text-align: center;
}

.pagemarker {
    display: inline-block;
    padding-top: 3px; 
    padding-bottom: 3px; 
    width: 20px; 
    text-align: center;
    margin: 2px;
    border: 1px solid #D0D0D0;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
    background-color: #FFFFFF;
    cursor: pointer;
} 

.pagemarker:hover {
    background-color: #FFD761;
}

.curpagemarker {
    display: inline-block;
    padding-top: 3px; 
    padding-bottom: 3px; 
    width: 20px; 
    text-align: center;
    margin: 2px;
    border: 1px solid #D0D0D0;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;    
    background-color: #FFD761;
}

.emptypagemarker {
    display: inline-block;
    padding-top: 3px; 
    padding-bottom: 3px; 
    width: 20px; 
    text-align: center;
    margin: 2px 10px 2px 10px;
    border: 1px solid #D0D0D0;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;    
    background-color: #F1F1F1;
}

.votefact {
    margin: 15px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  
    text-align: left;
}

.votefact .info {
    display: inline-block;
    width: 450px;
    text-align: right;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;   
    background-color: #E2E2E2;
    padding: 5px;
}

.votefact .data {
    display: inline-block;
    width: 300px;
    text-align: left;
    font-weight: bold;
    padding: 5px;
}

.uvstatuscontainer {
    margin: 5px 15px 5px 15px;
    text-align: center;
}

.uvstatusnode {
    display: inline-block;
    width: 30%;
    margin: 10px;
    text-align: left;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    /* text-shadow: 0px 1px 0px #CCCCCC; */
}

.uvstatustype {
    display: inline-block;
    width: 200px;
    margin-right: 5px;
    padding: 5px;
    text-align: right;
    background-color: #F1F1F1;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    color: #686868;
    text-shadow: 0px 1px 0px #FFFFFF;
}

.uvstatuscontainer2, .ulstatuscontainer2 {
    margin: 5px 0px 5px 0px;
    text-align: center;
}

.uvstatusnode2, .ulstatusnode2 {
    display: inline-block;
    width: 236px;
    margin: 5px;
    text-align: left;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    /* text-shadow: 0px 1px 0px #CCCCCC; */
    font-weight: bold;
}

.uvstatustype2, .ulstatustype2 {
    display: inline-block;
    width: 150px;
    margin-right: 5px;
    padding: 7px;
    text-align: right;
    background-color: #FFD761;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    color: #FFFFFF;
    text-shadow: 0px 1px 0px #686868;
    font-weight: normal;
}

.uvstatustype2.pending {
    background-color: #197ace;
}

.uvstatustype2.success {
    background-color: #4aa545;
}

.uvstatustype2.failed {
    background-color: #de5a0d;
}

.uvstatustype2.cancel {
    background-color: #dbad16;
}

.ulstatustype2.positive {
    background-color: #4aa545;
}

.ulstatustype2.negative {
    background-color: #de5a0d;
}

.uvstatusimg, .ulstatusimg {
    position: relative;
    display: inline-block;
    width: 0px;
}

.uvstatusimg img, .ulstatusimg img {
    position: absolute;
    top: -28px;
    left: -7px;
}

.votecontainer, .likecontainer {
    position: relative;
    margin: 7px 15px 7px 15px;
    padding: 6px 0px 6px 0px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    border: 1px solid #D0D0D0;
    text-align: left;
    background-color: #f1f1f1;
    white-space: nowrap;
}

.uservoterow, .userlikerow {
    position: relative;
    margin: 5px 15px 5px 15px;
    padding: 4px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    border: 1px solid #D0D0D0;
    text-align: left;
    background-color: #FFFFFF;
    white-space: nowrap;
}

.uservoterow.full, .userlikerow.full {
    margin-right: 25px;
}

.uservoterow *, .userlikerow * {
    vertical-align: middle;
}

.votetime, .liketime {
    display: inline-block;
    width: 150px;
    padding-left: 20px;
    text-align: center;  
}

.votematch, .likematch {
    display: inline-block;
    width: 630px;
    text-align: left;  
}

.votetype {
    display: inline-block;
    width: 50px;
    text-align: center;   
}

.liketype {
    display: inline-block;
    width: 75px;
    text-align: center;   
}

.votetypeimg, .liketypeimg {
    position: relative;
    display: inline-block;
    width: 50px;
    text-align: center;  
}

.likeabout {
    display: inline-block;
    width: 50px;
    text-align: center;    
}

.votestatustext {
    display: inline-block;
    width: 75px;
    text-align: center;    
}

.votestatusimg {
    position: relative;
    display: inline-block;
    width: 25px;
    text-align: center;    
}

.votestatusimg img {
    position: absolute;
    height: 25px;
    width: 25px;
    top: -13px;
    right: -10px;
}

.votestatusimg.full img {
    right: -25px;
}

.likestatusimg {
    position: relative;
    display: inline-block;
    width: 25px;
    text-align: center;    
}

.likestatusimg img {
    position: absolute;
    height: 25px;
    width: 25px;
    top: -13px;
    right: -10px;
}

.likestatusimg.full img {
    right: -25px;
}

.uservotestatus {
    display: block;
    text-align: center;
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    top: -8px;
    right: -10px;
}

.uservotestatus.success {
    background: url("../images/expsuccess.png") no-repeat;    
}

.uservotestatus.cancel {
    background: url("../images/expcancel.png") no-repeat;    
}

.uservotestatus.pending {
    background: url("../images/exppending.png") no-repeat;    
}

.uservotestatus.failed {
    background: url("../images/expfailed.png") no-repeat;    
}

.jbutton, .morematchesbutton {
    display: inline-block;
    padding: 3px 15px 3px 15px;
    margin: 3px;
    font-weight: bold;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    background-color: #FFFFFF; 
    cursor: pointer;
}

.jbutton:hover {
    color: #686868;
    background-color: #FFD761;   
}

/***************************** USER VOTE RANKING PAGE *************************/
.userpendingvoterow {
    display: block;
    margin: 5px;
    padding: 4px;
    background-color: #FFFFFF;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    border: 1px solid #D0D0D0;
    white-space: nowrap;
}

.userpendingvoterow.header {
    background-color: #CCCCCC;
    border: 1px solid #D0D0D0;
    padding: 5px 20px 5px 23px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #FFFFFF;
    margin: 10px 10px -5px 10px;
}

.userpendingvoterow * {
    vertical-align: middle;
}

.userpendingpos {
    position: relative;
    display: inline-block;
    width: 25px;
    padding-right: 5px;
    text-align: right;
}

.userpendingposblock {
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    left: 0px;
    top: -14px;
    background-color: #F1F1F1;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    border: 1px solid #D0D0D0
}

.userpendingmatchtime {
    display: inline-block;
    width: 160px;
    text-align: center;
}

.userpendinghostteam {
    display: inline-block;
    width: 230px;
    text-align: right;
}

.userpendingguestteam {
    display: inline-block;
    width: 230px;
    text-align: left;
}

.userpendingvs {
    display: inline-block;
    width: 25px;
    text-align: center;
}

.userpendingcoef {
    display: inline-block;
    width: 150px;
    text-align: center; 
}

.userpendingvote {
    position: relative;
    display: inline-block;
    width: 94px;
    text-align: center;
}

.votetypebox {
    display: block;
    width: 15px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    background-color: #FFFFFF;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
    border: 1px solid #D0D0D0;
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 1px 1px 0px #FFFFFF;        
    color: #0073ea;
    border: 1px solid #0073ea;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dbedff), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #dbedff); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #dbedff); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #dbedff); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #dbedff); /* Opera 11.10+ */           
}

h2.pendinguservote {
    text-align: center;
    background-color: #F1F1F1;
    padding: 5px;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}


/**************************** SEARCH PAGE *************************************/
.searchcontainer {
    margin: 10px;
}
.searchcontainer h4 {
    border: 1px solid #D0D0D0;
    text-align: center;
    padding: 8px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    /* background-color: #FFD761; */
    background-color: #E0E0E0;
    font-weight: normal;
    font-size: 14px;
    text-shadow: 0px 1px 0px #FFFFFF;
}

.teamitem {
    display: block;
    margin: 10px 25px 0px 25px;
    border: 1px solid #D0D0D0;
    height: 36px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;    
}

.teamitem a:hover {
    text-decoration: none;
}

.teamitemlogo {
    display: block;
    float: left;
    width: 40px;
    height: 30px;
    margin: 3px;
    text-align: center;
    vertical-align: middle;   
    white-space: nowrap;
}

.imghelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.teamitemlogo img {
    max-height: 30px; 
    max-width: 40px;
    vertical-align: middle;
}

.teamitemname {
    display: inline-block;
    float: left;
    height: 36px;
    line-height: 36px;
    width: 590px;
    text-align: left;
    font-size: 16px;
    vertical-align: middle;
}

.teamitemname.narrow {
   width: 380px; 
}

.teamitemradio {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    width: 20px;
    text-align: center;
}

.teamitemradio input {
   height: 12px;
   line-height: 12px;
}

#hostsearchteamresults, #guestsearchteamresults {
    text-align: center;
}

#hostsearchteamresults p, #guestsearchteamresults p {
    font-weight: bold;
}

/********************************** HELP PAGE *********************************/
.helpcontainer {
    padding: 10px;
}

.helplist {
    display: block;
    margin: 10px;
    padding: 10px;
    height: 150px;
    position: relative;
}

.helplist li {
    margin: 5px;
}

.helplist .upquestion {
    display: inline;
    position: absolute;
    padding: 5px 5px 5px 25px;
    background: url('../images/question.png') 0 0 no-repeat;
}

.helplist .upquestion.p1 { top: 10px; left: 10px; }
.helplist .upquestion.p2 { top: 5px; left: 700px; }
.helplist .upquestion.p3 { top: 140px; left: 60px; }
.helplist .upquestion.p4 { top: 35px; left: 80px; }
.helplist .upquestion.p5 { top: 50px; left: 610px; }
.helplist .upquestion.p6 { top: 120px; left: 285px; }
.helplist .upquestion.p7 { top: 85px; left: 430px; }
.helplist .upquestion.p8 { top: 20px; left: 420px; }
.helplist .upquestion.p9 { top: 65px; left: 65px; }
.helplist .upquestion.p10 { top: 95px; left: 190px; }
.helplist .upquestion.p11 { top: 90px; left: 720px; }
.helplist .upquestion.p0 { top: 130px; left: 680px; }

.faqcontainer {
    margin: 15px;
    border: 1px solid #D0D0D0;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
}

.faqquestion {
    background-color: #D0D0D0;
    padding: 5px 20px 5px 20px;
    color: #686868;
    text-shadow: 1px 1px 0px #FFFFFF;
    font-weight: bold;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.faquser, .faqdate, .faqdetails {
    background-color: #EEEEEE;
    font-size: 9px;
    padding: 3px 20px 3px 20px;
    font-weight: lighter;
}

.faqanswer {
    padding: 3px 20px 10px 20px;
}

/******************************* GURU PAGE ****************************/

.expertlistcontainer {
    display: block;
    margin: 20px 50px 20px 50px;
    border: 1px solid #D0D0D0;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    background-color: #F1F1F1;
    white-space: nowrap;
}

.expertlistlogo {
    float:left;
    display: inline-block;
    width: 100px;
    height: 100px;
    text-align: center;
}

.expertlistlogo img {
    display: block;
    vertical-align: middle;
    margin: 7px auto 7px auto;
    height: 80px;
    border: 3px solid #FFD761;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.expertlistinfo {
    display: inline-block;
    position: relative;
    width: 800px;
    height: 100px; 
    white-space: nowrap;
    float: left;
}

.expertlistname {
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    font-weight: bold;
    vertical-align: middle;
}

.expertlistactions {
    display: block;
    height: 40px;
    vertical-align: middle;
}


.expertdetailscontainer {
    display: block;
    margin: 15px;
    /* border: 1px solid #D0D0D0; */
    /* border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; */
}

.expertdetailslogo {
    display: inline-block;
    width: 200px;
    text-align: center;
    vertical-align: top;
}

.expertdetailslogo img {
    display: block;
    vertical-align: middle;
    margin: 10px auto 10px auto;
    height: 180px;
    border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}

.expertdetailsdata {
    display: inline-block; 
    vertical-align: top;
    width: 740px;
}

.expertdetailsaboutme {
    line-height: 24px;
    /* font-style: italic; */
}

.expertlistsuccessrate {
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    border: 5px solid #FFD761;
    top: 10px;
    right: 20px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
    background-color: #FFFFFF;
}

.expertlisperiod {
    display: block;
    position: absolute;
    width: 75px;
    top: 85px;
    right: 20px; 
    font-weight: bold;
    text-align: center;
}

.expertratecontainer {
    display: block;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.expertsuccessrate {
    display: block;
    position: absolute;
    width: 60px;
    height: 45px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    border: 3px solid #FFD761;
    top: -3px;
    left: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 45px;
    background-color: #FFFFFF;
}

/*****************************  PREDICTION PAGE *******************************/
.prdleague {
    display: block;
    position: relative;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    margin: 10px 3px 20px 3px;
    background-color: #FFFFFF;
    white-space: nowrap;
}

.prdleagueheader {
    display: block;
    position: relative;
    padding: 4px;
    background-color: #E0E0E0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;     
    text-shadow: 1px 1px 0px #FFFFFF;
}

.prdleaguelogo {
    position: absolute;
    left: 10px;
    top: -5px;
    width: 28px;
    height: 28px;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    border: 2px solid #FFD761;
    text-align: center;
    vertical-align: middle;
    background-color: #FFFFFF;
}

.prdleaguelogo img {
    width: 28px;
    height: 28px;    
}

.prdleaguename {
    display: inline-block;
    padding-left: 45px;
    width: 380px;
    font-weight: bold;
}

.prdleaguename.short {
    width: 356px;
}

.prdleaguecoefnote {
    display: inline-block;
    position: relative;
    font-size: 11px;
    width: 22px;
    text-align: center;
    margin: 0px 1px 0px 1px;
    cursor: pointer;
}

.tooltip {
    display: none;
    z-index: 100;
    position: absolute;
    top: -28px;
    left: -30px;
    white-space: nowrap;
    padding: 5px;
    border: 1px solid #FFD761;
    text-align: center;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    background-color: #FFFFFF;
    font-weight: bold;
}

.tooltip.htresult {
    top: -24px;
    left: 25px;
    padding: 3px;
    font-weight: normal;
}

.tooltip.matchtime {
    top: 0px;
    left: 0px;
    padding: 3px;
    font-weight: normal;
}

.tooltip.betcoef {
    top: -20px;
    left: 10px;
    padding: 3px;
    font-weight: normal;   
}

.tooltip.badge {
    top: -40px;
    left: 10px;
    padding: 3px;
    font-weight: normal;
}

.tooltip.badgebig {
    top: -40px;
    left: 10px;
    padding: 3px;
    font-weight: normal;
    font-size: 12px;
}

.prdleaguecoefnote:hover .tooltip, .prdmatchresult:hover .tooltip, .prdmatchtime:hover .tooltip, .prdvotebutton:hover .tooltip, .userstandingbadge:hover .tooltip {
    display: inline-block;
}

.prdleaguecoefnote.separate {
    margin-right: 4px;
}

.prdleaguetipnote {
    display: inline-block;
    font-size: 11px;
    width: 34px;
    text-align: center;
    margin-right: 4px;
}

.prdleaguelikenote {
    display: inline-block;
    font-size: 11px;
    width: 72px;
    text-align: center;
    margin-right: 5px;
}

.prdleaguevotenote {
    display: inline-block;
    font-size: 11px;
    width: 102px;
    text-align: center;
    margin-right: 5px;
}

.prdleaguebody {
    background-color: #FFFFFF;
}

.prdleaguebody.close {
    display: none;
}

.prdmatch {
    position: relative;
    display: block;
    margin: 3px 0px 3px 0px;
    padding: 0px;
    white-space: nowrap;
}

.prdmatch.expand {
    margin-top: 20px;
    margin-bottom: 0px;
    padding-top: 10px;
    background-color: #EAEAEA;
    border-top: 1px solid #D0D0D0;
    -moz-box-shadow:    0px 0px 30px #AAAAAA;
    -webkit-box-shadow: 0px 0px 30px #AAAAAA;    
    box-shadow: 0 0 30px #AAAAAA;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

.prdmatch * {
    vertical-align: middle;
}

.prdmatchcloser {
    position: absolute;
    display: none;
    right: -8px;
    top: -8px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    border: 1px solid #D0D0D0;
    background-color: #E2664E;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;    
    font-weight: bold;
}


.prdmatchtime {
    display: inline-block;
    width: 36px;
    text-align: center;
}

.prdhostteam {
    display: inline-block;
    width: 178px;
    text-align: right;
    padding-right: 2px;
}

.prdhostteam.short {
    width: 166px;
}

.prdguestteam {
    display: inline-block;
    width: 178px;
    text-align: left;
    padding-left: 2px;
}

.prdguestteam.short {
    width: 166px;
}

.prdmatchresult {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    cursor: pointer;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #FAFAFA); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #FAFAFA); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #FAFAFA); /* Opera 11.10+ */    
}

.prdinfobutton {
    background: url('../images/infobutton2.png') no-repeat;
    background-color: #FFFFFF;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; 
    cursor: pointer;
    margin-left: 3px;
}

.prdcoef {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #E2664E;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;   
    margin: 0px 1px 0px 1px;
    /* color: #FFFFFF; */
    /* text-shadow: 1px 1px 0px #FFFFFF; */
}

.prdcoef.separate {
    margin-right: 4px;
}

.prdlikecontainer {
    position: relative;
    display: inline-block;
    background-color: #FFFFFF;
    width: 72px;
    height: 20px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    margin-right: 2px;
}

.prdpositivelike, .prdnegativelike {
    display: inline-block;
    width: 36px;
}

.prdlikebutton {
    display: inline-block;
    width: 18px;
    height: 20px; 
    cursor: pointer;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #FAFAFA); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #FAFAFA); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #FAFAFA); /* Opera 11.10+ */ 
}

.liked {
    display: inline-block;
    width: 18px;
    height: 20px;    
}

.prdlikebutton.positive {
    background: url("../images/likepositive3.png") no-repeat;
}

.prdlikebutton.negative {
    background: url("../images/likenegative3.png") no-repeat;
}

.liked.positive {
    background: url("../images/likedpositive3.png") no-repeat;
}

.liked.negative {
    background: url("../images/likednegative3.png") no-repeat;
}

.prdlikevaluepositive, .prdlikevaluenegative {
    display: inline-block;
    width: 16px;
    height: 20px; 
    line-height: 20px;
    vertical-align: middle;
    text-align: right;
    padding-right: 2px;
    font-size: 11px;
}

.prdvotecontainer {
    position: relative;
    display: inline-block;
    width: 102px;
    height: 20px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    margin-right: 3px;
    background-color: #FFFFFF;
    vertical-align: middle;
}

.votetimeout {
    position: absolute;
    width: 15px;
    height: 15px;
    background: url("../images/votelocked.png") no-repeat;
    bottom: -5px;
    left: -5px;
    z-index: 1;
}

.liketimeout {
    position: absolute;
    width: 15px;
    height: 15px;
    background: url("../images/votelocked.png") no-repeat;
    bottom: -4px;
    right: -4px;
    z-index: 1;
}

.prdvotebutton {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 16px;
    cursor: pointer;    
}

.prdvotebutton.prd1 {
    background: url("../images/prd1.png") no-repeat;
}

.prdvotebutton.prdX {
    background: url("../images/prdX.png") no-repeat;
}

.prdvotebutton.prd2 {
    background: url("../images/prd2.png") no-repeat;
}

.prdvotevalue {
    display: inline-block;
    width: 16px;
    height: 20px; 
    line-height: 20px;
    vertical-align: middle;
    text-align: right;
    padding-right: 2px;
    font-size: 11px;
}

.prdvotedbutton {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 16px;   
}

.prdvotedbutton.prd1 {
    background: url("../images/prd1off.png") no-repeat;
}

.prdvotedbutton.prdX {
    background: url("../images/prdXoff.png") no-repeat;
}

.prdvotedbutton.prd2 {
    background: url("../images/prd2off.png") no-repeat;
}


.prdcommentbutton {
    background: url('../images/comments3.png') no-repeat;
    background-color: #FFFFFF;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; 
    cursor: pointer;
    position: relative;
    margin-right: 3px;
}

.prdcommentcount {
    display: inline-block;
    position: absolute;
    top: -4px;
    right: -6px;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    vertical-align: middle;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    border: 1px solid #A0A0A0;
    font-size: 8px;
    background-color: #D15436;
    color: #FFFFFF;
}

.prdinfobutton a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background: none;
}

.prdcommentcount.hidden {
    display: none;
}

.hidden {
    display: none;
}

.bolder {
    font-weight: bold;
}

.prdcomment, .prdnewcomment, .prdbetinfo {
    display: none;
    margin: 10px 0px 20px 0px;
    background-color: #FFFFFF;
    padding: 10px 5px 5px 5px;
    border-bottom: 1px solid #D0D0D0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.usercomment {
    margin: 5px;
    padding: 5px;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;    
}

.commentheader, .messageheader, .voteheader, .likeheader, .betslipheader {
    display: block;
    padding: 8px 8px 8px 20px;
    margin: 5px 5px 5px 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    /* border: 1px solid #D0D0D0; */
    background-color: #F1F1F1;
    /* color: #A0A0A0; */
    border-bottom: 1px solid #D0D0D0;
    text-align: left;
    /* text-shadow: 1px 1px 0px #686868; */
    /* font-size: 14px; */
    /* font-weight: bold; */
    /* -webkit-box-shadow: 0 8px 20px -6px #D0D0D0; */
    /*   -moz-box-shadow: 0 8px 20px -6px #D0D0D0; */
    /*        box-shadow: 0 8px 20px -6px #D0D0D0; */   
}

.voteheader2, .likeheader2, .messageheader2, .commentheader2 {
    display: block;
    padding: 10px;
    margin: 15px 15px 10px 15px; 
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    text-align: center;
    background-color: #F1F1F1;
    font-size: 16px;
}

.prdbetbutton {
    background: url('../images/betcoef2.png') no-repeat;
    background-color: #FFFFFF;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; 
    cursor: pointer;
}

.tip {
    display: inline-block;
    background-color: #FFFFFF;
    width: 30px;
    height: 18px; 
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    margin-right: 4px;    
}

.tip.success {
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    border: 2px solid #00BB00;
}

.tip.failed {
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    border: 2px solid #BB0000;
}

.tip.scheduled {
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    width: 32px;
    height: 20px; 
    line-height: 20px;    
    border: 1px solid #D0D0D0;
}

.tipfield {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 22px; 
    line-height: 22px;
    vertical-align: middle;
    text-align: center;
    margin-right: 2px;   
}

.tipresultok {
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: url("../images/tipok.png") no-repeat;
    top: 4px;
    left: -18px;
    z-index: 1;
    /* border: 1px solid #109b10; */
    /* border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; */
}

.tipresulterror {
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: url("../images/tiperr.png") no-repeat;
    top: 4px;
    left: -18px;
    z-index: 1;
}

.windowcloser {
    position: absolute;
    display: inline-block;
    right: 6px;
    top: 3px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border: 1px solid #D0D0D0;
    background-color: #FFFFFF;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; 
    vertical-align: middle;
    cursor: pointer;    
    font-family: monospace;
}

.livescorewindowcloser, .livescorewindowremover, .livescorewindowselector {
    display: inline-block;
    float: right;
    width: 17px;
    height: 17px;
    line-height: 16px;
    text-align: center;
    border: 1px solid #D0D0D0;
    background-color: #FFFFFF;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; 
    vertical-align: middle;
    cursor: pointer;    
    font-family: monospace;  
    margin-top: -2px;
}

.livescorewindowremover {
    color: #FF3300;
}

.livescorewindowselector {
    color: #34a034;
}

.cmntrow {
    display: block;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}
.cmntlabel {
    display: inline-block;
    width: 200px;
    text-align: right;
    padding: 3px;
    vertical-align: top;
}

.cmntname {
    display: inline-block;
    font-weight: bold;
    padding: 3px;
    background-color: #D0D0D0;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    margin: 2px;
}


.cmnterrormsg {
    display: inline;
    color: #FF0000;
    font-size: 10px;
}

.nocomment, .nocommentAs7823, .noevents, .noitems {
    display: block;
    width: 360px;
    height: 40px;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #C0C0C0;
    text-shadow: 1px 1px 0px #333333;
}

.noitems.expertprediction, .noitems.expertreview {
    margin-top: 30px;
    border: 1px solid #A0A0A0;
}

.noitems.nextmatch {
    margin: 34px auto;
}


.noitems.extramargin {
    margin-top: 60px;
    margin-bottom: 60px;
}

.bancomment {
    display: block;
    width: 560px;
    height: 40px;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #C0C0C0;
    text-shadow: 1px 1px 0px #333333;    
}

.cmntwait, .betwait {
    display: none;
    text-align: center;
}

.waitimg {
    display: none;
    text-align: center;
    margin: 10px;
}

.capthcacmntblock {
    margin-bottom: 20px;
    white-space: nowrap;
}

.capthcacmntblock * {
    vertical-align: middle;
}

.captchaerrormsg {
    display: none;
    color: #FF0000;
    font-size: 10px;    
}

.usermessagecount {
    display: inline-block;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    vertical-align: middle;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    border: 1px solid #D0D0D0;
    font-size: 9px;
    font-weight: bold;
    background-color: #FFD761;
}


.usermessagecount.hidden {
    display: none;
}

.usermessagennew {
    display: inline-block;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    vertical-align: middle;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    border: 3px solid #005500;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #3dbf3d;
}

.usermessagennew.hidden {
    display: none;
}

.prdadsconteiner {
    display: block;
    height: 90px;
    background-color: #FFFFFF;
}


/*****************************  DATA NAVICATION *******************************/

.datanavigatorcontainer {
    display: block;
    width: 400px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #D0D0D0;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    background-color: #FFFFFF;
}

.datanavigatorprev {
    display: inline-block;
    width: 100px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    text-align: center;
    background-color: #D0D0D0;
    color: #FFFFFF;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #333333;
}

.datanavigatornext {
    display: inline-block;
    width: 100px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    text-align: center;
    background-color: #D0D0D0;
    color: #FFFFFF;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #333333;
}

.datanavigatorcurrent {
    display: inline-block;
    width: 200px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    text-align: center; 
    position: relative;
}

.datanavigatorlink {
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
}

.datanavigatorcurrent:hover .datasubmenuprev, .datanavigatorcurrent:hover .datasubmenunext {
    display: block;
}

.datasubmenuprev {
    position: absolute;
    top: -102px;
    right: -1px;
    width: 200px;
    height: 100px;
    line-height: 20px;
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    display: none;
    z-index: 999;
    -moz-box-shadow:    8px 0px 10px -5px #888;
    -webkit-box-shadow: 8px 0px 10px -5px #888;
    box-shadow:         8px 0px 10px -5px #888; 
}

.datasubmenuprev a, .datasubmenunext a {
    display: block;
    height: 20px;
    width: 100%;
    text-align: center;
    color: #686868;
}

.datasubmenuprev a:hover, .datasubmenunext a:hover {
    background-color: #FFD761;
}

.datasubmenunext {
    position: absolute;
    top: 22px;
    right: -1px;
    width: 200px;
    height: 100px;
    line-height: 20px;
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    display: none;
    z-index: 999;
    -moz-box-shadow:    3px 3px 10px #888;
    -webkit-box-shadow: 3px 3px 10px #888;
    box-shadow:         3px 3px 10px #888;    
}

/*****************************  PREDICTION&REVIEW PAGE *******************************/
.expertpredictioncontainer, .expertreviewcontainer {
    display: block;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    margin: 10px 10px 20px 10px;
}

.expertpredictionhead, .expertreviewhead {
    background-color: #C0C0C0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    text-shadow: 0px 1px 0px #333333;
    color: #FFFFFF;
}

.expertpredictionhead *, .expertreviewhead * {
    vertical-align: middle;
}

.expertpredictiondata, .expertreviewdata {
    background-color: #FFD761;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;    
    padding: 5px;
    text-shadow: 0px 1px 0px #EEEEEE;
}

.expertreviewdata.noround {
    border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
}

.epmatchtime, .ermatchtime {
    display: inline-block;
    width: 120px;
    text-align: center;
}

.ephostteam, .erhostteam {
    display: inline-block;
    width: 200px;
    text-align: right;   
}

.epguestteam, .erguestteam {
    display: inline-block;
    width: 200px;
    text-align: left;   
}

.epresult, .erresult {
    display: inline-block;
    width: 30px;
    text-align: center;  
}

.eppredictionlabel, .erreviewlabel {
    display: inline-block;
    width: 60px;
    text-align: right;  
}

.eppredictiondata, .erreviewdata {
    display: inline-block;
    width: 165px;
    padding-left: 5px;
    text-align: left; 
}

.eppredictionstatus, .erreviewstatus {
    display: inline-block;
    width: 100px;
    text-align: center; 
    position: relative;
}

.eppredictionstatusicon, .erreviewstatusicon {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url("../images/statussuccess.png") no-repeat;
    top: -6px;
    right: 35px;
    z-index: 1;
}

.epcountrylogo, .ercountrylogo {
    display: inline-block;
    height: 100%;
    margin: 0px 5px 0px 5px;
    
}

.epcountrylogo img, .ercountrylogo img {
    display: inline-block;
    width: 26px;
    height: 18px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;  
    margin-top: -3px;
}

.epexpertheader {
    position: relative;
    padding: 10px 5px 10px 200px; 
    margin: 60px 10px 10px 10px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    font-size: 20px;
    font-weight: bold;
    background-color: #FFFFFF; 
    color: #686868;
    /* text-shadow: 1px 1px 0px #FFD761; */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #FAFAFA); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #FAFAFA); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #FAFAFA); /* Opera 11.10+ */       
}

.expertheaderlogo {
    position: absolute;
    top: -50px;
    left: 20px;
    width: 200px;
    text-align: center;
    vertical-align: top;
}

.expertheaderlogo img {
    display: block;
    vertical-align: middle;
    margin: 10px auto 10px auto;
    height: 120px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    /* border: 4px solid #D0D0D0; */ 
}

.expertdonationbutton {
    position: absolute;
    display: inline-block;
    top: -34px;
    right: 14px;
    padding: 0px;
    border: 1px solid #D0D0D0;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    background-color: #FFFFFF;
}

.betslipcomment {
    display: block;
    margin: 40px 0px 40px 0px;
    padding: 5px;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.expertreviewblock {
    margin: 10px;
    line-height: 26px;
    font-size: 14px
}

.expertreviewimage {
    display: block;
    width: 260px;
    float: left;
    margin: 0px 15px 5px 5px;
    padding: 5px;
    background-color: #E2E2E2;
    text-align: center;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.expertreviewimage img {
    width: 250px;
}

.expertreviewads {
    display: block;
    width: 336px;
    height: 280px;
    float: right;   
    margin: 0px 5px 5px 15px;
    padding: 5px;
    background-color: #E2E2E2;  
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.expertreviewcopyright {
    font-size: 9px;
    color: #686868;
    line-height: 14px;
}

.expertreviewteam {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 150px;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

.expertreviewtext, .expertreviewmatchtime, .expertreviewprediction {
    display: block;
    padding: 10px;
    margin: 0px; 
}

.expertreviewcompetition {
    display: block;
    padding: 10px;
    margin: 0px;     
    white-space: nowrap;
}

.ercompetitionname {
    white-space: nowrap;
}

.expertreviewprediction.center {
    text-align: center;
}

.expertreviewcompetition {
    text-align: center;
    font-size: 16px;
    background-color: #E2E2E2;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: bold;
    text-shadow: 0px 1px 0px #FFFFFF;
    text-align: center;
    max-height: 32px;
}

.expertreviewmatchtime {
    padding: 6px;
    background-color: #F1F1F1;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.expertreviewmatchcontainer {
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

.expertreviewteam.host {
    /* background-color: #599fcf; */
    text-align: right;
}

.expertreviewteam.guest {
    /* background-color: #59b4d4; */
    text-align: left;
}

.expertreviewteamname {
    display: inline;
    padding: 10px;
    font-size: 24px;
    font-weight: bold;
}

.expertreviewteamresult {
    display: inline;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    padding: 6px 8px 6px 8px;
    margin: 4px 2px 4px 2px;
    background-color: #D0D0D0;
    font-size: 28px;
    font-weight: bold;
}

.expertreviewteamlogo {
    display: inline;
    padding: 10px;
}

.expertreviewteamlogo img {
    max-height: 75px;
    max-width: 100px;
    vertical-align: middle;   
}

.logobackground {
    display: block;
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -o-perspective: 600px;
    -ms-perspective: 600px;
    /* perspective: 600px; */
}



.logobackground img {
    height: 150px;
    width: auto;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    opacity: 0.2;
    /*
    -webkit-transform: rotateY( -40deg );
    -moz-transform: rotateY( -40deg );
    -o-transform: rotateY( -40deg );
    -ms-transform: rotateY( -40deg );
    transform: rotateY( -40deg );
    */
}

.logobackground.host img {
    margin-right: 30px;
}

.logobackground.guest img {
    margin-left: 30px;
}

.expertreviewpredictiontext {
    display: inline;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
}

.expertreviewpredictiontips {
    display: inline;
    position: relative;
    padding: 10px 30px 10px 30px;
    font-size: 20px;
    font-weight: bold;    
    background-color: #E2E2E2;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

.expertreviewpredictiontips.success {
    background-color: #34A034;
    color: #FFFFFF;
    text-shadow: 2px 2px 0px #686868;
}

.expertreviewpredictiontips.failed {
    background-color: #f25c38;
    color: #FFFFFF;
    text-shadow: 2px 2px 0px #686868;    
}

.expertsuccess {
    display: block;
    position: absolute;
    right: -16px;
    top: 6px;
    width: 32px;
    height: 32px;
    background: url("../images/expsuccess.png") no-repeat;
}

.expertfailed {
    display: block;
    position: absolute;
    right: -16px;
    top: 6px;    
    width: 32px;
    height: 32px;
    background: url("../images/expfailed.png") no-repeat;
}

/*****************************  EXPERT PREDICTION2 ****************************/
.exppredcontainer {
    display: block;
    margin: 15px 50px 10px 50px;
    padding: 0px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    white-space: nowrap;
    vertical-align: middle;
}

.exppreddata {
    display: inline-block;
    width: 700px;
    height: 48px; 
    vertical-align: middle;
}

.exppreddataleague {
    display: block;
    padding: 0px;
    height: 16px;
    line-height: 16px;
    background-color: #F1F1F1;
    text-align: left;
    border-top-left-radius: 3px;
    vertical-align: middle;
    font-size: 11px;
}

.exppreddataleague img {
    display: inline-block;
    float: left;
    width: 22px;
    height: 16px;
    margin: 0px;
    padding-right: 6px;
    border-top-left-radius: 3px;
    vertical-align: middle;  
}

.exppreddatamatch {
    display: block;
    padding: 0px 10px 0px 10px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    vertical-align: middle;
}

.exppreddatamatchhost {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    width: 312px;
    text-align: right;
    vertical-align: middle;
}

.exppreddatamatchguest {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    width: 310px;
    text-align: left;
    vertical-align: middle;
}

.exppreddatamatchresult {
    display: inline-block;
    width: 20px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    background-color: #C0C0C0;
    color: #FFFFFF;
    text-shadow: 1px 1px 0px #686868;
    margin: -2px 2px 2px 2px;
}

.exppredprediction {
    display: inline-block;
    width: 210px;
    height: 48px; 
    vertical-align: middle;
}

.exppredpredictionlabel {
    display: block;
    padding: 0px;
    height: 16px;
    line-height: 16px;
    background-color: #F1F1F1;
    text-align: center;
    border-top-right-radius: 3px;
    vertical-align: middle;
    font-size: 11px;   
}

.exppredpredictiontext {
    display: block;
    position: relative;
    padding: 7px 10px 7px 10px;
    height: 18px;
    font-size: 16px;  
    border-bottom-right-radius: 3px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 1px 1px 0px #686868;
    text-align: center;
    vertical-align: middle;
    background-color: #C0C0C0;
}

.exppredpredictionstatus {
    display: block;
    position: absolute;
    top: -26px;
    right: -10px;
    width: 32px;
    height: 32px;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

.exppredpredictionstatus.success {
    background: url("../images/expsuccess.png") no-repeat;   
}

.exppredpredictionstatus.failed {
    background: url("../images/expfailed.png") no-repeat;
}

.exppredpredictionstatus.cancel {
    background: url("../images/expcancel.png") no-repeat;
}

.exppredpredictionstatus.pending {
    background: url("../images/exppending.png") no-repeat;
}

.exppredteamlogo {
    display: inline;
    padding: 2px;
}

.exppredteamlogo img {
    max-height: 26px;
    max-width: 34px;
    vertical-align: middle;   
}

/*********************   CREATE PREDICTION AND REVIEW  ************************/

.createpredictioncontainer, .createreviewcontainer {
    display: block;
    margin: 10px;
}

.cpselectmatch, .cppredictmatch, .crselectmatch, .crreviewmatch {
    display: inline-block;
    margin: 5px 5px 5px 5px;
    width: 475px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    vertical-align: top;
    min-height: 120px;
}

.cpcapture, .crcapture {
    display: block;
    background-color: #A0A0A0;
    color: #FFFFFF;
    padding: 8px;
    margin-bottom: 20px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-shadow: 0px 1px 0px #686868;
}

.expertstepstyle {
    color: #FFD761;
    font-weight: bold;
}

.cpselectdata, .crselectdata {
    display: block;
    margin: 10px 5px 10px 5px; 
}

.cpcompetition, .crcompetition {
    padding: 3px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    margin-top: 10px;
    background-color: #D0D0D0;
    text-shadow: 0px 1px 0px #EEEEEE;
}

.cpmatch, .crmatch {
    display: block;
    margin: 2px;
    padding-top: 2px;
    height: 20px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}

.crmatchsel {
    display: block;
    margin: 2px;
    padding-top: 2px;
    height: 20px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    background-color: #FFD761;
}

.cpmatch *, .crmatch * {
    vertical-align: middle;
}

.cpcounrylogo, .crcounrylogo {
    display: inline-block;
    height: 100%;
    margin: 0px 5px 0px 5px;
    
}

.cpcounrylogo img, .crcounrylogo img {
    display: inline-block;
    width: 21px;
    height: 16px;
    border: none;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;  
    margin-top: -3px;
}

.cpmatchtime, .crmatchtime {
    display: inline-block;
    width: 40px;
    text-align: center;
}

.cphostteam, .crhostteam {
    display: inline-block;
    width: 178px;
    text-align: right;
    padding-right: 2px;
}

.cpguestteam, .crguestteam {
    display: inline-block;
    width: 178px;
    text-align: left;
    padding-left: 2px;
}

.cpmatchresult, .crmatchresult {
    display: inline-block;
    width: 24px;
    text-align: center;
}

.cpaddbutton, .craddbutton {
    display: inline-block;
    width: 30px;
    text-align: center;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}

.cpaddbutton:hover, .craddbutton:hover {
    background-color: #FFD761;
    cursor: pointer;
}

.cppredict, .crpredict, .crimageselect, .crimageupload {
    display: inline-block;
    width: 60px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    text-align: center;
    margin-right: 4px;
    cursor: pointer;
    background-color: #FFFFFF;
}

.cppredicted {
    display: inline-block;
    width: 60px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    text-align: center;
    margin-right: 4px;
    background-color: #A0A0A0;
    color: #FFFFFF;
}

.crimageselect.hidden, .crimageupload.hidden {
    display: none;
}

.cppredict:hover, .crpredict:hover {
    background-color: #FFD761;
}

.cppredict.selected, .crpredict.selected {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #34a034;
}

.cppredict.selected:hover, .crpredict.selected:hover {
    background-color: #34a034;
}

.cpmatchcounter {
    padding: 5px;
    margin: 10px 10px 20px 10px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;    
}

.crmatchnotice {
    display: none;
    padding: 5px;
    margin: 10px 10px 20px 10px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;    
    text-align: center;
    color: #ff8000;
    font-weight: bolder;
}

.cpbetslipdata {
    display: none;
    padding: 5px;
    margin: 10px 10px 20px 10px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;    
    background-color: #FFD761;
    text-shadow: 0px 1px 0px #EEEEEE;
}

.cpbetslipdata.visible {
    display: block;
}

.cplabel, .crlabel {
    display: inline-block;
    width: 300px;
    padding-right: 5px;
    text-align: right;
}

.cpdelete {
    display: inline-block;
    width: 16px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    text-align: center;
    background-color: #f25c38;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}

.cpprdtypetooltip, .crprdtypetooltip {
    position: relative;
    display: none;
    z-index: 999;
}

.cppredtypelist, .crpredtypelist {
    position: absolute;
    display: block;
    width: 420px;
    max-height: 400px;
    padding: 10px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    top: 20px;
    right: 20px;
    background-color: #FFFFFF;
    -moz-box-shadow:    5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow:         5px 5px 5px #ccc;
}

.cppredtypelistheader, .crpredtypelistheader {
    display: inline-block;
    width: 400px;
    font-weight: bolder;
    margin-bottom: 20px;
} 

.cppredtypelistcloser, .crpredtypelistcloser {
    display: inline-block;
    width: 16px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    text-align: center;
    background-color: #f25c38;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    margin-bottom: 20px;
}

.cppredtypelistbody, .crpredtypelistbody {
    display: block;
    width: 420px;
    height: 340px;
    overflow: auto;
}

#expertnewdatechoice {
    display: none;
}

.cpprdtype, .crprdtype {
    padding: 3px;
    text-align: center;
    margin: 5px;
    background-color: #E2E2E2;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    cursor: pointer;
}

.cpprdtype:hover, .crprdtype:hover {
    background-color: #FFD761;
} 

.cpmatchnotice, .cpmatcherror, .crreviewerror {
    display: none;
    padding: 5px;
    margin: 10px 10px 20px 10px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  
    background-color: #f25c38;
    color: #FFFFFF;
    text-align: center;
}

.cpmatchview, .crreviewview {
    display: none;
    padding: 5px;
    text-align: center;
}

.cpmatchsuccess, .crreviewsuccess  {
    display: none;
    padding: 15px;
    margin: 10px 10px 20px 10px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  
    background-color: #34a034;
    color: #FFFFFF;
    text-align: center;
}

.cpsavebutton, .crsavebutton {
    display: none;
    width: 200px;
    margin: 10px auto 10px auto;
    padding: 5px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; 
    background-color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.cpsavebutton:hover, .crsavebutton:hover {
    background-color: #FFD761;
}

.crmatchselect {
    display: none;
    position: relative;
    margin: 10px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; 
}

.crdelete {
    position: absolute;
    top: -6px;
    right: -6px;
    display: inline-block;
    width: 16px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    text-align: center;
    background-color: #f25c38;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}

.crmatchastext {
    margin: 10px;
}

.logobackground {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -o-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
}

.crreviewpredict, .crreviewimage, .crreviewtext {
    padding: 4px;
    margin: 5px 0px 5px 0px;
    background-color: #F1F1F1;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    text-align: center;
}



.fileupload, .feedbackfileupload {
    display: none;
}

.imagecopyright {
    display: none;
    height: 16px;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
}

.imagetxt {
    margin-left: 5px;
    font-size: 9px;
    text-align: center;
}

.selectimagename {
    display: inline;
    margin: 0px 10px 0px 5px;
}

.selectimagename.hidden {
    display: none;
}

.updimagepreview {
    width: 240px; 
    margin: 15px 5px 5px 5px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}

/**********************************  ADS  *************************************/
.advertisment {
    display: block;
    position: relative;
    margin: 10px;
    border: 1px solid #D0D0D0;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    text-align: center;
    padding: 8px;
}

.adstitle {
    position: absolute;
    top: -7px;
    left: 14px;
    background-color: #FFFFFF;
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

/*********************** REVIEW INDEX PAGE ************************************/
.reviewcontainer {
    position: relative;
    display: block;
    width: 450px;
    margin: 10px 5px 10px 5px;
    border: 1px solid #f1f1f1;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    padding: 15px 5px 15px 5px;
    text-align: center;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #FAFAFA); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #FAFAFA); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #FAFAFA); /* Opera 11.10+ */ 
    white-space: nowrap;
}

.reviewauthor {
    position: absolute;
    top: -12px;
    left: 6px;
}

.reviewauthor img {
    height: 50px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    border: none;
}

.reviewauthorname {
    position: absolute;
    top: -8px;
    left: 46px;    
    font-style: italic;
    background-color: #FFFFFF;
    padding-left: 5px;
}

.reviewmatchlogo {
    display: inline-block;
    height: 60px;
    width: 90px;
    white-space: nowrap; 
}

.reviewmatchlogo img {
    max-height: 60px;
    max-width: 90px;
    vertical-align: middle;   
}

.reviewmatchlogo.left {
    text-align: left;
}

.reviewmatchlogo.right {
    text-align: right;
}

.reviewmatchteams {
    display: inline-block;
    padding: 0px; 
    height: 60px;
    vertical-align: middle;
    max-width: 240px;
    margin-left: 5px;
    margin-right: 5px;
}

.reviewmatchlink {
    font-size: 12px;
    line-height: 20px;
    line-break: normal;
} 

.reviewpredictionbutton {
    display: block;
    position: absolute;
    bottom: -42px;
    right: 20px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    border: 3px solid #D0D0D0;
    background-color: #FFFFFF;
    cursor: pointer;
}

.reviewpredictionbutton:hover {
    background-color: #FFD761;
}

.reviewpredictionbutton a {
    display: block;
    width: 100%;
    height: 100%;
}

.reviewpredictionbutton a:hover {
    color: #686868;
}

.reviematchteam {
    display: block;
    text-align: center;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}

.reviematchvs {
    display: block;
    text-align: center;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
}

/*********************** TOP PREDICTIONS INDEX PAGE ************************************/
.toppredictionscontainer {
    display: block;
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

.toppredictionmatch {
    display: block;
    position: relative;
    border: 1px solid #E2E2E2;
    padding: 4px 0px 4px 0px;
    margin: 0px 5px 12px 5px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    white-space: nowrap;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #FAFAFA); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #FAFAFA); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #FAFAFA); /* Opera 11.10+ */     
}

.toppredictionmatchhostteam {
    display: inline-block;
    width: 180px;
    padding-right: 2px;
    text-align: right;
}

.toppredictionmatchlogo {
    display: inline-block;
    position: relative;
    width: 24px;
}

.toppredictionmatchlogoconteiner {
    position: absolute;
    width: 22px;
    height: 30px;
    top: -20px;
    border: 1px solid #D0D0D0;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
    vertical-align: middle;
    text-align: center;
    background-color: #FFFFFF;
}

.toppredictionmatchlogoconteiner img {
    max-width: 18px;
    max-height: 28px;
    vertical-align: middle;
}

.toppredictionmatchguestteam {
    display: inline-block;
    width: 180px;
    padding-left: 2px;
    text-align: left;
}

.toppredictionmatchvs {
    display: inline-block;
    width: 20px;
    text-align: center;
}

.toppredictionmatchtip {
    display: inline-block;
    width: 20px;
    text-align: center;
    font-weight: bold;
}

.toppredictionmatchtip2 {
    position: absolute;
    top: -2px;
    right: 1px;
    display: block; 
    width: 42px;
    height: 20px;
    text-align: right;
} 

.toppredictionbutton {
    display: block;
    position: absolute;
    bottom: -29px;
    left: 30px;
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    border: 2px solid #eeb420;
    background-color: #FFFFFF;
    cursor: pointer;
}

.toppredictionbutton:hover {
    background-color: #FFD761;
}

.toppredictionbutton a {
    display: block;
    width: 100%;
    height: 100%;
}

.toppredictionbutton a:hover {
    color: #686868;
}

.top10tipitem {
    display: inline-block;
    margin: 0px 1px 0px 0px;
    height: 26px;
    line-height: 26px;
    width: 18px;
    text-align: center;
    border: 1px solid #D0D0D0;
    background-color: #F1F1F1;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; 
    vertical-align: middle;
}

.top10tipitem2 {
    display: inline-block;
    margin: 0px 1px 0px 0px;
    height: 26px;
    line-height: 26px;
    width: 18px;
    text-align: center;
    color: #0073ea;
    border: 1px solid #0073ea;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dbedff), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #dbedff); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #dbedff); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #dbedff); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #dbedff); /* Opera 11.10+ */ 
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; 
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
}


.predictiontipitem {
    display: inline-block;
    margin: 0px 1px 2px 0px;
    height: 18px;
    line-height: 18px;
    width: 15px;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; 
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 1px 1px 0px #FFFFFF;
}

.predictiontipitem.pending {
    color: #0073ea;
    border: 1px solid #0073ea;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dbedff), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #dbedff); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #dbedff); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #dbedff); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #dbedff); /* Opera 11.10+ */ 
}

.predictiontipitem.success {
    color: #109b10;
    border: 1px solid #109b10; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d0edd0), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #d0edd0); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #d0edd0); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #d0edd0); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #d0edd0); /* Opera 11.10+ */     
}

.predictiontipitem.failed {
    color: #e55c5c;
    border: 1px solid #e55c5c; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdcfcf), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #fdcfcf); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #fdcfcf); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #fdcfcf); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #fdcfcf); /* Opera 11.10+ */     
}

.predictiontipitem.cancel {
    color: #C0C0C0;
    border: 1px solid #C0C0C0; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #f1f1f1); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #f1f1f1); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #f1f1f1); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #f1f1f1); /* Opera 11.10+ */         
}

.predictionbox {
    display: block;
    width: 15px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    background-color: #FFFFFF;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
    border: 1px solid #D0D0D0;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 1px 1px 0px #FFFFFF;        
    color: #0073ea;
    border: 1px solid #0073ea;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dbedff), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #dbedff); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #dbedff); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #dbedff); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #dbedff); /* Opera 11.10+ */           
}

.predictionbox.uservotepoint {
    position: absolute;
    top: -11px;
    left: 12px;  
    height: 19px;
    line-height: 19px;
}

.predictionbox.votetypebox {
    position: absolute;
    left: 38px;
    top: -11px;
    height: 19px;
    line-height: 19px;    
}

.predictionbox.votetypebox2 {
    position: absolute;
    left: 14px;
    top: -11px;
    height: 19px;
    line-height: 19px;    
}

.reviewbutton {
    display: block;
    position: absolute;
    bottom: -28px;
    right: 25px;
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    border: 2px solid #eeb420;
    background-color: #FFFFFF;
    cursor: pointer;
}

.reviewbutton:hover {
    background-color: #FFD761;
}

.reviewbutton a {
    display: block;
    width: 100%;
    height: 100%;
}

.reviewbutton a:hover {
    color: #686868;
}

.allpredictionbutton, .allnewsbutton {
    display: block;
    position: absolute;
    bottom: -22px;
    right: 20px;
    width: 136px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    border: 2px solid #eeb420;
    background-color: #FFFFFF;
    cursor: pointer;
}

.allpredictionbutton.top {
    top: -35px;
    bottom: auto;
}

.allpredictionbutton:hover {
    background-color: #FFD761;
}

.allpredictionbutton a {
    display: block;
    width: 100%;
    height: 100%;
}

.allpredictionbutton a:hover {
    color: #686868;
}

/*********************** BET INFO BLOCK **************************************/

.betinfocontainer {
    display: block;
    width: 920px;
    margin: 5px auto 5px auto;
}

.betinfoblock {
    display: inline-block;
    margin: 5px;
    width: 220px;
    vertical-align: top;
}

.betinfoheader {
    display: block;
    /* border: 1px solid #D0D0D0; */
    border-bottom: 1px solid #D0D0D0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 3px;
    text-align: center;
    background-color: #F1F1F1;
}

.betinfodata {
    display: block;
}

.betinfolabel {
    display: inline-block;
    width: 125px;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
}

.betinfovalue {
    display: inline-block;
    width: 90px;
    text-align: left;
}

.betinfocoef {
    display: inline-block;
    width: 30px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    margin: 1px;
    background-color: #FFD761;
}

/******************************* BET INFO TEAM ********************************/
.betinfoteamrow {
    display: block;
    margin: 5px 10px 5px 10px;
    white-space: nowrap;
    position: relative;
}

.betinfoteamlogo {
    display: inline-block;
    width: 40px;
    height: 22px;
    text-align: center;
}

.betinfoteamlogo img {
    max-height: 22px;
    max-width: 40px;
}

.betinfoteamteam {
    display: inline-block;
    width: 225px;
    padding-left: 5px;
    font-size: 14px;
}

.betinfoteamform {
    display: inline-block;
    width: 225px;
    text-align: center;
}

.betinfoteamgoallabel {
    display: inline-block;
    width: 165px;
    text-align: right; 
    padding-right: 5px;
}

.betinfoteamgoaldata {
    display: inline-block;
    width: 20px;
    padding: 3px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    background-color: #FFD761;
    font-weight: bold;
    text-align: center;
}

.betinfobuttonmore {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    border: 2px solid #FFD761; 
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    right: 0px;
    top: -58px;
}

.betinfobuttonmore a {
    width: 100%;
    height: 100%;
    display: block;
}

/******************************* NEWS SLIDER ***********************************/

.newslidercontainer {
    display: block;
    margin: 10px;
    padding: 0px;
    height: 200px;
    white-space: nowrap;
}

.newssliderimage {
    display: inline-block;
    width: 282px;
    height: 188px;
    margin: 0px;
    padding: 5px;
    border: 1px solid #D0D0D0;
    border-right: none;
    vertical-align: middle;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #F1F1F1;
}

.newsslidernewsimg {
    position: relative;
    display: none;
    text-align: center;
    vertical-align: middle;
    width: 282px;
    height: 188px;
    line-height: 188px;
}

.newsslidernewsimg img{
    max-width: 282px;
    max-height: 188px; 
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.newsslidernewsimg.visible  {
    display: block;
}

.newssliderlink {
    position: absolute;
    display: block;
    width: 282px;
    height: 36px;
    line-height: 36px;
    bottom: 0px;
    left: 0px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px;
}

.newssliderlink a {
    display: block;
    height: 100%;
    color: #FFFFFF;
    font-size: 20px; 
    font-weight: bold;
}

.newssliderlink a:hover {
    color: #FFD761;
}

.newsslidertitles {
    display: inline-block;
    width: 668px;
    height: 200px;
    margin: 0px;  
    vertical-align: top;
}

.newsslidertitleitems {
    display: block;
    height: 38px; 
    border: 1px solid #FFFFFF;
    border-left: 1px solid #D0D0D0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
}

.newsslidertitleitems.current {
    border: 1px solid #D0D0D0;
    border-left: none;
    font-weight: bold;
    text-shadow: 1px 1px 0px #FFFFFF;
    background-color: #F1F1F1;
    /* box-shadow: 5px 5px 10px #AAAAAA; */
}

.newsslidertitleitemstitle {
    display: block;
    text-align: left;
    height: 24px;
    padding: 2px 5px 0px 5px;
    margin: 0px;
}

.newsslidertitleitemsinfo {
    display: block;
    height: 10px;
    text-align: right;
    padding: 1px 10px 1px 10px;   
    margin: 0px;
    font-size: 9px;
    font-weight: normal;
    color: #FFFFFF;
}

.newsslidertitleitems.current .newsslidertitleitemsinfo {
    color: #A0A0A0;
}

/******************************* NEWS PAGE ***********************************/
.newsitemcontainer {
    display: block;
    margin: 10px 30px 10px 30px;
    padding: 0px;
    white-space: nowrap;
}

.newsitemimage {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 56px;
    height: 42px;
    vertical-align: top;
}

.newsitemimage img {
    width: 56px;
    height: 42px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.newsitembody {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 890px;
    height: 40px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;    
    border: 1px solid #D0D0D0;
    border-left: none;
    vertical-align: top;
    white-space: normal;
}

.newsitembodytitle {
    display: inline-block;
    margin: 0px;
    padding: 2px 10px 2px 10px;
    width: 870px;
    height: 22px;
    vertical-align: middle;  
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
}

.newsitembodyinfo {
    display: inline-block;
    margin: 0px;
    margin-top: -4px;
    padding: 2px 10px 2px 10px;
    width: 870px;
    height: 10px;
    vertical-align: middle; 
    font-size: 10px;
    background-color: #F1F1F1;
    border-bottom-right-radius: 3px; 
    white-space: nowrap;
}

/************************* NAVIGATION MENU ************************************/
.predictionsnavigation {
    display: block;
    margin: 25px 5px 25px 5px;
    padding: 7px;
    height: 22px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    vertical-align: middle;
    background-color: #FFFFFF;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #FAFAFA); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #FAFAFA); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #FAFAFA); /* Opera 11.10+ */         
}


.predictionsnavigationbutton {
    display: block;
    margin: 25px 5px 25px 5px;
    padding: 6px 0px 6px 0px;
    height: 56px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    vertical-align: middle;
    background-color: #FFFFFF;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #FAFAFA); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #FAFAFA); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #FAFAFA); /* Opera 11.10+ */    
    white-space: nowrap;
}

.prdnavmaintext {
    display: inline-block;
    width: 630px;
    height: 22px;
    line-height: 22px;
    padding-right: 4px;
    text-align: center;
    vertical-align: middle;   
    font-weight: bold;
}

.prdnavmaintext.button {
    width: 430px;
}

.prdnavdatetext, .prdnavsorttext {
    display: inline-block;
    width: 196px;
    height: 22px;
    line-height: 22px;
    padding-right: 4px;
    text-align: right;
    vertical-align: middle;   
    font-weight: bold;
}

.prdnavdatetext.button {
    width: 500px;
    vertical-align: top;
}


.prdnavdatetext a.button {
    line-height: 16px;
    margin-top: 0px;
} 

.prdnavdatetextbutton, .prdnavsorttextbutton {
    display: inline-block;
    width: 146px;
    height: 28px;
    line-height: 28px;
    padding-right: 4px;
    text-align: right;
    vertical-align: middle;   
    font-weight: bold;
}

.prdnavdateselect, .prdnavsortselect {
    display: inline-block;
    width: 80px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle; 
    /* border: 1px dotted #A1A1A1; */
    /* background-color: #F1F1F1; */
}

/************************* NEWS MENU ************************************/
.newsnavigation {
    display: block;
    margin: 25px 5px 25px 5px;
    padding: 7px;
    height: 22px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    vertical-align: middle;
    background-color: #FFFFFF;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #FAFAFA); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #FAFAFA); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #FAFAFA); /* Opera 11.10+ */         
}

.newsnavdatetext, .newsnavsorttext {
    display: inline-block;
    width: 196px;
    height: 22px;
    line-height: 22px;
    padding-right: 4px;
    text-align: right;
    vertical-align: middle;   
    font-weight: bold;
}

.newsnavdateselect, .newsnavsortselect {
    display: inline-block;
    min-width: 80px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle; 
    /* border: 1px dotted #A1A1A1; */
    /* background-color: #F1F1F1; */
}

/***************************** ERROR PAGE *************************************/
.errorcontainer {
    display: block;
    margin: 30px 60px 30px 60px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    padding: 10px;
    vertical-align: top;
}

.errorimage {
    display: inline-block;
    width: 300px;
    padding: 10px;
    text-align: right;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
}

.errorimage img {
    max-width: 140px;
    max-height: 100px;
}

.errortext {
    display: inline-block;
    width: 500px;
    padding: 10px;
    text-align: left;
    height: 100px;    
    vertical-align: middle;
}


/***************************** IN PROGRESS *************************************/
.inprogress {
    display: block;
    margin: 30px 60px 30px 60px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    padding: 10px;
    vertical-align: top;
    white-space: nowrap;
}

.inprogresslogo {
    display: inline-block;
    width: 300px;
    padding: 10px;
    text-align: right;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
}

.inprogresslogo img {
    max-width: 140px;
    max-height: 100px;
}

.inprogresstext {
    display: inline-block;
    width: 500px;
    padding: 10px;
    text-align: left;
    height: 100px;    
    vertical-align: middle;
}


.rankinprogress {
    display: block;
    margin: 10px;
    min-height: 232px;
}

.rankinprogresslogo {
    display: block;
    padding: 10px;
    text-align: center;
}

.rankinprogresslogo img {
    max-width: 140px;
    max-height: 100px;
}

.rankinprogresstext {
    display: block;
    padding: 10px;
    text-align: center;
}

.rankinprogress2 {
    display: block;
    padding: 10px;
    vertical-align: top;
    white-space: nowrap;
}

.rankinprogress2.extramargin {
    margin-top: 90px;
    margin-bottom: 102px;
}

.rankinprogress2.thinmargin {
    margin-top: 25px;
    margin-bottom: 32px;
}

.rankinprogresslogo2 {
    display: inline-block;
    width: 140px;
    padding: 10px;
    text-align: right;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
}

.rankinprogresslogo2 img {
    max-width: 140px;
    max-height: 100px;
}

.rankinprogresstext2 {
    display: inline-block;
    width: 264px;
    padding: 10px;
    text-align: left;
    height: 100px;    
    vertical-align: middle;
}

/***************************** EMPTY RESULT *************************************/
.emptyresult {
    display: block;
    margin: 30px 60px 30px 60px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    padding: 10px;
    vertical-align: top;
    white-space: nowrap;
}

.emptyresultlogo {
    display: inline-block;
    width: 300px;
    padding: 10px;
    text-align: right;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
}

.emptyresultlogo img {
    max-width: 140px;
    max-height: 100px;
}

.emptyresulttext {
    display: inline-block;
    width: 500px;
    padding: 10px;
    text-align: left;
    height: 100px;    
    vertical-align: middle;
}

/***************************** RESULT PENDING *************************************/
.resultpending {
    display: block;
    margin: 30px 60px 30px 60px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    padding: 10px;
    vertical-align: top;
    white-space: nowrap;
}

.resultpendinglogo {
    display: inline-block;
    width: 300px;
    padding: 10px;
    text-align: right;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
}

.resultpendinglogo img {
    max-width: 140px;
    max-height: 100px;
}

.resultpendingtext {
    display: inline-block;
    width: 500px;
    padding: 10px;
    text-align: left;
    height: 100px;    
    vertical-align: middle;
}


/***************************** RESULT DONATION *************************************/
.resultdonation {
    display: block;
    margin: 30px 60px 30px 60px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    padding: 10px;
    vertical-align: top;
    white-space: nowrap;
}

.resultdonationlogo {
    display: inline-block;
    width: 300px;
    padding: 10px;
    text-align: right;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
}

.resultdonationlogo img {
    max-width: 140px;
    max-height: 100px;
}

.resultdonationtext {
    display: inline-block;
    width: 500px;
    padding: 10px;
    text-align: left;
    height: 100px;    
    vertical-align: middle;
}

/***************************** ERROR 404 *************************************/
.error404 {
    display: block;
    margin: 30px 60px 30px 60px;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    padding: 10px;
    vertical-align: top;
    white-space: nowrap;
}

.error404logo {
    display: inline-block;
    width: 300px;
    padding: 10px;
    text-align: right;
    height: 140px;
    line-height: 140px;
    vertical-align: middle;
}

.error404logo img {
    max-width: 240px;
    max-height: 140px;
}

.error404text {
    display: inline-block;
    width: 500px;
    padding: 30px 10px 30px 10px;
    text-align: left;
    height: 100px;    
    vertical-align: middle;
}



/************************ BACK TO TOP BUTTON **********************************/
.backtotop {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #686868;
    font-size: 12px;
    padding: 1em;
    display: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 3px solid #FFFFFF;
    border-right: none;
    z-index: 999;
}

.backtotop:hover {    
    color: #686868;
    background-color: #EEEEEE;
    /* text-shadow: 0px 1px 0px #686868; */
}

/************************* EXPERT DATA MENU ************************************/
.expertreviewdatamenu {
    display: block;
    margin: 0px 10px 10px 10px;
    padding: 7px;
    height: 22px;
    border: none;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    vertical-align: middle;
    background-color: #FFFFFF;
    text-align: right;
    /* background-color: #A0A0A0; */
}

.expertreviewdatetext {
    display: inline-block;
    width: 196px;
    height: 22px;
    line-height: 22px;
    padding-right: 4px;
    text-align: right;
    vertical-align: middle;   
    font-weight: bold;
}

.expertreviewdateselect {
    display: inline-block;
    width: 80px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle; 
}

.expertreviewdateselect.button {
    width: 800px;
    margin-right: -10px;
    text-align: right;
}

.expertreviewdateselect.button a {
    line-height: 16px;
    margin-top: 0px;
}

/************************** LIVESCORE BKP ***************************/
/* ORIGIN
.livescorebkp {
    position: relative;
    margin: 10px;
    padding: 0px;
    min-height: 1260px;
}

.livescorebkp iframe {
    width: 100%;
    height: 100%;
    z-index: 0;
}

*/

.livescorebkp {
    position: relative;
    margin: 10px;
    padding: 0px;
    min-height: 900px;
}

.livescorebkp iframe {
    width: 100%;
    height: 900px;
    z-index: 0;
}

.livescorehiderbkp {
    display: block;
    position: absolute;
    width: 210px;
    height: 100%;
    top: 0px;
    right: 0px;
    background-color: #FFFFFF;
    z-index: 10;
    text-align: center;
}

/***************** CUP:  WORLD CUP, EURO CUP, CAF, AFC ************************/
.cupbutton {
    display: inline-block;
    position: relative;
    width: 180px;
    height: 180px;
    padding: 10px;
    margin: 25px;
}

.cupbutton img {
    width: 160px;
    height: 160px;   
    border: none;
}

.cupsubname {
    display: inline-block;
    position: absolute;
    padding: 5px;
    border: 1px solid #D0D0D0;
    background-color: #FFFFFF;
    bottom: 16px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    right: 18px;
}

.cupheadercontainer {
    display: block;
    border: 1px solid #D0D0D0;
    position: relative;
    padding: 5px;
    margin: 30px 10px 10px 10px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

.cupheaderlogo {
    display: inline-block;
    width: 360px;
    height: 160px;
    margin: 10px;
    vertical-align: middle;
    text-align: right;
}

.cupheaderlogo2 {
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    top: -20px;
    left: 20px;
}

.cupheaderlogo2 img {
    width: 80px;
    height: 80px;    
}

.cupheadercontainer h2 img {
    width: 28px;
    height: 28px;   
    vertical-align: middle;
}

.cupheaderdata {
    display: inline-block;
    width: 580px;
    height: 160px;
    margin: 10px;
    vertical-align: middle;
}

.cupheaderdatarow {
    display: block;
    line-height: 26px;
    margin: 5px 0px 0px 0px;
} 

.cupheaderdatarowlabel {
    display: inline-block;
    width: 10px;
    padding-right: 5px;
    width: 95px;
    text-align: right;
    vertical-align: middle;
}

.cupheaderdatarowdata {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    vertical-align: middle;
}

.cupheaderdatarowdata img {
    width: 28px;
    height: 28px;
}

.cupheaderdatarowdata.big {
    font-size: 28px;
}

.cupstage {
    display: block;
    position: relative;
    border: 1px solid #D0D0D0;
    padding: 15px 5px 5px 5px;
    margin: 30px 10px 30px 10px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    background-color: #F1F1F1;
}

.cupstage .center img {
    border-radius: 5px;
}

.cupstagename {
    display: inline-block;
    position: absolute;
    padding: 5px;
    border: 1px solid #D0D0D0;
    background-color: #FFFFFF;
    top: -20px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    left: 20px;
    font-weight: bold;
    font-size: 16px;
}

.cupheader {
    display: block;
}

.cdate {
    display: inline-block;
    width: 120px;
    text-align: center;
    margin-left: 10px;
}

.cmatch {
    display: inline-block;
    width: 574px;
    text-align: center; 
}

.cextra {
    display: inline-block;
    width: 100px;
    text-align: center; 
}

.cinfo {
    display: inline-block;
    width: 100px;
    text-align: center;    
}

.crow {
    display: block;
    border: 1px solid #D0D0D0;
    margin: 5px 10px 5px 10px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; 
    vertical-align: middle;
    background-color: #FFFFFF;
    white-space: nowrap;
    padding: 0px;
}

.cmatchdata {
    display: inline-block;
    width: 120px;
    text-align: center;    
    line-height: 24px;
    height: 24px;
    vertical-align: middle;    
}

.cmatchhost {
    display: inline-block;
    width: 230px;
    text-align: right;   
    padding-left: 5px;
    line-height: 24px;
    height: 24px;
    vertical-align: middle;    
}

.cmatchguest {
    display: inline-block;
    width: 230px;
    text-align: left;   
    padding-right: 5px;
    line-height: 24px;
    height: 24px;
    vertical-align: middle;    
}

.cmatchresult {
    display: inline-block;
    width: 40px;
    /* height: 20px; */
    /* line-height: 20px; */
    /* margin: 1px; */
    /* border: 1px solid #D0D0D0; */
    /* border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; */
    text-align: center;
    height: 24px;
    line-height: 24px;    
    vertical-align: middle;
    background-color: #A0A0A0;
    color: #FFFFFF;
}

.cmatchteamlogo {
    display: inline-block;
    position: relative;
    width: 28px;
    margin: 0px 4px 0px 4px;
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
}

.cmatchteamlogo img {
    display: block;
    position: absolute;
    top: -1px;
    left: 0px;
    width: 26px;
    height: 26px;
}

.cmatchextra {
    display: inline-block;
    width: 100px;
    text-align: center;
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
}

.cmatchinfobutton {
    display: inline-block;
    margin-left: 30px;
    width: 26px;
    text-align: center;
    background-color: #A0A0A0;
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
    color: #FFFFFF;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    cursor: pointer;
}

.cmatchdetails {
    display: none;
}

.cmatchnoaction {
    display: block;
    padding-right: 140px;
    text-align: center;
    margin: 10px;
}

.cmatchdetailscontainer {
    display: block;
    height: 22px;
    line-height: 22px;
    vertical-align: top;
    margin: 1px 0px 1px 0px;
}

.cmatchdetailscontainer.color {
    background-color: #FAFAFA;
}

.cmatchactionhostplayer {
    display: inline-block;
    width: 390px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0px 2px 0px;
    vertical-align: middle;    
    text-align: right;
}

.cmatchactionguestplayer {
    display: inline-block;
    width: 320px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0px 2px 0px;
    vertical-align: middle;    
    text-align: left;
}

/************************** LIVESCORE ***************************/
.livescore {
    width: 760px;
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}


.livescoreleague {
    display: block;
    width: 750px;
    position: relative;
    border: 1px solid #D0D0D0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    margin: 10px 5px 20px 5px;
    background-color: #FFFFFF;
}

.livescoreleagueheader {
    display: block;
    position: relative;
    padding: 4px;
    background-color: #E0E0E0;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;     
    text-shadow: 1px 1px 0px #FFFFFF;
}

.livescoreleaguelogo {
    position: absolute;
    left: 10px;
    top: -5px;
    width: 28px;
    height: 28px;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    border: 2px solid #FFD761;
    text-align: center;
    vertical-align: middle;
    background-color: #FFFFFF;
}

.livescoreleaguelogo img {
    width: 28px;
    height: 28px;    
}

.livescoreleaguename {
    display: inline-block;
    padding-left: 45px;
    width: 580px;
}

.livescorematch {
    position: relative;
    display: block;
    margin: 3px 0px 3px 0px;
    padding: 0px;
}

.livescorematch * {
    vertical-align: middle;
}

.livescorematchcloser {
    position: absolute;
    display: none;
    right: -8px;
    top: -8px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    border: 1px solid #D0D0D0;
    background-color: #E2664E;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;    
    font-weight: bold;
}


.livescorematchtime {
    display: inline-block;
    width: 120px;
    text-align: center;
}

.livescorehostteam {
    display: inline-block;
    width: 220px;
    text-align: right;
    padding-right: 2px;
}

.livescoreguestteam {
    display: inline-block;
    width: 220px;
    text-align: left;
    padding-left: 2px;
}

.livescorematchresult {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    cursor: pointer;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFFFFF, #FAFAFA); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFFFFF, #FAFAFA); /* IE 10 */
    background: -o-linear-gradient(top, #FFFFFF, #FAFAFA); /* Opera 11.10+ */    
}

.livescorematchstatus {
    display: inline-block;
    width: 34px;
    text-align: center;
    padding-left: 2px;
}

.livescorematchminutes {
    display: inline-block;
    width: 30px;
    text-align: center;
    padding-left: 2px;
    color: #FF3300;
    font-weight: bold;
}

.livescorematchwaiting {
    display: inline-block;
    width: 30px;
    text-align: center;
    padding-left: 2px;
}

.livescorematchhostaction, .livescorematchguestaction {
    display: inline-block;
    width: 20px;
    text-align: center;
    padding-left: 2px;
}

.livescoreactionbutton {
    display: inline-block;  
    width: 20px;
    text-align: center;
    padding-left: 2px;
}

.livescorematchremovebutton {
    display: none; 
    width: 12px;
    text-align: center;
    color: #FF3300;
    border: 1px solid #D0D0D0;
    padding: 1px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    cursor: pointer;
}

.livescorehostactiongoal {
    display: none;
    width: 15px;
    height: 15px;
    margin: 2px;
    background: url("../images/goalblink.gif") no-repeat;
}

/********************** PRDNECOEF NEW *****************************************/

.pcoefred { 
    display:inline-block;     
    width: 20px; 
    height: 20px; 
    line-height: 20px;
    background:transparent url(../images/linearred2.png) 0px 0px no-repeat; 
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;   
    margin: 0px 1px 0px 1px;
    text-align: center;
    vertical-align: middle;
    color: #3B3B3B;
    border: 1px solid #BB0000;
}

.pcoefred.separate {
    margin-right: 4px;
}

.pcoefblue { 
    display:inline-block;     
    width: 20px; 
    height: 20px; 
    line-height: 20px;
    background:transparent url(../images/linearblue2.png) 0px 0px no-repeat; 
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;   
    margin: 0px 1px 0px 1px;
    text-align: center;
    vertical-align: middle;
    color: #3B3B3B;
    border: 1px solid #1d5987;
}

.pcoefblue.separate {
    margin-right: 4px;
}

.pcoefyellow { 
    display:inline-block;     
    width: 20px; 
    height: 20px; 
    line-height: 20px;
    background:transparent url(../images/linearyellow2.png) 0px 0px no-repeat; 
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;   
    margin: 0px 1px 0px 1px;
    text-align: center;
    vertical-align: middle;
    color: #3B3B3B;
    border: 1px solid #dbad27;
}

.pcoefyellow.separate {
    margin-right: 4px;
}

.pcoefgreen { 
    display:inline-block;     
    width: 20px; 
    height: 20px; 
    line-height: 20px;
    background:transparent url(../images/lineargreen.png) 0px 0px no-repeat; 
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;   
    margin: 0px 1px 0px 1px;
    text-align: center;
    vertical-align: middle;
    color: #3B3B3B;
    border: 1px solid #408000;
}

.pcoefgreen.separate {
    margin-right: 4px;
}

/*************************** user vote standings ******************************/
.votestandingcontainer {
    display: block;
    float: left;
    width: 600px;
    margin: 20px 10px 20px 10px;
    border: 1px solid #D0D0D0;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

.votestandingrightcolumn {
    display: block;
    float: left;  
    width: 376px;
    margin: 10px 0px 20px 10px;
}

.votestandingheader {
    display: block;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #686868;
    text-shadow: 1px 1px 0px #FFFFFF; 
    background-color: #FFD761;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.votestandingheader.relative {
    position: relative;
} 

.votestandingheaderimgtitle {
    display: block;
    position: absolute;
    top: 6px;
    left: 20px;
    width: 50px;
    height: 50px;
    text-align: center;
}

.votestandingheaderimgtitle.week {
    background: url("../images/weeknumb.png") no-repeat;  
    font-size: 24px;
    font-weight: bold;
    padding-top: 19px;
    color: #787878;
    text-shadow: 1px 1px 0px #FFFFFF;
}

.votestandingheaderimgtitle.month {
    background: url("../images/monthnumb.png") no-repeat;  
    font-size: 20px;
    font-weight: bold;
    padding-top: 19px;
    color: #787878;
    text-shadow: 1px 1px 0px #FFFFFF;
}

.votestandingsubheader {
    display: block;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    text-shadow: 1px 1px 0px #333333; 
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65); */
    background-color: #C0C0C0;
}

.votestandingbody {
    display: block;
    padding: 10px;
    background-color: #FFFFFF;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;    
}

.votestandingheaderlabel {
    display: block;
    background-color: #FFFFFF;   
    text-align: left;
    height: 100px;
    vertical-align: bottom;  
    font-weight: bolder;
    margin: 3px;
    padding: 4px;
    white-space: nowrap;
}

.votestandingheaderpos {
    display: inline-block;
    width: 25px;
    padding-right: 5px;
    text-align: right;
}

.votestandingheadername {
    display: inline-block;
    width: 250px;
    text-align: left;  
}

.votestandingheaderpoints {
    display: inline-block;
    width: 80px;
    text-align: center;
}

.votestandingheaderrates {
    display: inline-block;
    width: 40px;
    text-align: center;
    height: 100px;
    background: url("../images/ussuccessrate.png") no-repeat center;
}

.votestandingheadervotes {
    display: inline-block;
    width: 40px;
    text-align: center;
    height: 100%;
}

.votestandingheadervotes.allvotes {
    background: url("../images/usallvotes.png") no-repeat center;
}

.votestandingheadervotes.successvotes {
    background: url("../images/ussuccessvotes.png") no-repeat center;
}

.votestandingheadervotes.failedvotes {
    background: url("../images/usfailedvotes.png") no-repeat center;
}

.votestandingheadervotes.pendingvotes {
    background: url("../images/uspendingvotes.png") no-repeat center;
}

.votestandingrow {
    display: block;
    padding: 4px;
    background-color: #F1F1F1;   
    margin: 5px;
    text-align: left;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    white-space: nowrap;
}

.votestandingrow.highlight {
    background-color: #FFD761;
}

.votestandingrow.highlight a:hover {
    color: #ff8000;
}

.votestandingrow.warning {
    background-color: #f8bb00;    
}

.votestandingpos {
    position: relative;
    display: inline-block;
    width: 25px;
    padding-right: 5px;
    text-align: right;
}

.votestandingposblock {
    position: absolute;
    display: block;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    left: 0px;
    top: -17px;
    background-color: #FFFFFF;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    border: 1px solid #D0D0D0
}

.votestandingposblock.gold {
    background-color: #ffca00;    
}

.votestandingposblock.silver {
    background-color: #E6E8FA;    
}

.votestandingposblock.bronze {
    background-color: #DAA520;
}

.votestandingname {
    display: inline-block;
    width: 250px;
    text-align: left;
    font-weight: bold;
}

.votestandingnotice {
    display: inline-block;
    width: 560px;
    text-align: center;
}

.votestandingpoints {
    display: inline-block;
    width: 80px;
    text-align: center;
}

.votestandingrates {
    display: inline-block;
    width: 40px;
    text-align: center;
}

.votestandingvotes {
    display: inline-block;
    width: 40px;
    text-align: center;
}

.votenavigatorcontainer {
    display: block;
    float: left;
    width: 368px;
    margin: 10px;
    text-align: center;
}

/********************* USER VOTE AND POINTS COINTEINER ************************/
.uservotepointcontainer {
    display: block;
    margin: 5px 10px 10px 10px;
    width: 804px;
    float: left;
}

.leftadcolumn {
    float: left;
}

.uservotepointrow {
    display: block;
    padding: 4px; 
    margin: 5px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    vertical-align: middle;
    white-space: nowrap;
}

.uservotepointrow.header {
    background-color: #EAEAEA;
    text-shadow: 1px 1px 0px #FFFFFF; 
    font-weight: bold;
}

.uservotepointrow * {
    vertical-align: middle;
}

.uservotepointpos {
    position: relative;
    display: inline-block;
    width: 25px;
    padding-right: 5px;
    text-align: center;
}

.uservotepointposblock {
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    left: 0px;
    top: -14px;
    background-color: #F1F1F1;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    border: 1px solid #D0D0D0
}

.uservotepointtime {
    display: inline-block;
    width: 130px;
    text-align: center;
}

.uservotepointmatch {
    display: inline-block;
    width: 400px;
    text-align: center;
}

.uservotepointhostteam {
    display: inline-block;
    width: 180px;
    text-align: right;
}

.uservotepointguestteam {
    display: inline-block;
    width: 180px;
    text-align: left;
}

.uservotepointres {
    display: inline-block;
    width: 20px;
    text-align: center;
}

.uservotepointresx2 {
    display: inline-block;
    width: 40px;
    text-align: center;
    color: #0073EA;
}

.uservotepointvote {
    position: relative;
    display: inline-block;
    width: 40px;
    text-align: center;
}

.uservotepointstatus {
    display: inline-block;
    width: 40px;
    text-align: center;
    min-height: 15px;
}

.uservotepointstatus.success {
    background: url("../images/uvsuccess.png") no-repeat center;
    
}

.uservotepointstatus.failed {
    background: url("../images/uverror.png") no-repeat center;
}

.uservotepointstatus.pending {
    background: url("../images/uvpending.png") no-repeat center;
}

.uservotepointstatus.cancel {
    background: url("../images/uvcancel.png") no-repeat center;
}

.uservotepointcoef {
    display: inline-block;
    width: 80px;
    text-align: center;
    font-weight: bold;
}

.uservotepointcoef.success {
    color: #34A034;
}

.uservotepointcoef.failed {
    color: #BB0000;
}

.uservotepointpoints {
    position: relative;
    display: inline-block;
    width: 60px;
    text-align: center;
    font-weight: bold;
}

.uservotepointpointsblock {
    position: absolute;
    display: block;
    width: 60px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    vertical-align: middle;
    left: 0px;
    top: -15px;
    background-color: #FFd761;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    border: 1px solid #D0D0D0
}

.uservoteheadercontainer {
    display: block;
    margin: 10px;
    padding: 10px;
    /* border: 1px solid #D0D0D0; */
    /* border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; */
}

.uservoteheaderrow {
    display: block;
    margin: 5px;
    white-space: nowrap;
}

.uservoteheaderrow.center {
    text-align: center;
}

.uservoteheaderrow.extratopmargin {
    margin-top: 35px;
}

.uservoteheaderlabel {
    display: inline-block;
    width: 210px;
    text-align: right;
    padding: 5px;
}

.uservoteheaderlabel.narrow {
    width: 100px;
}

.uservoteperiod {
    position: relative;
    display: block;
    width: 240px;
    background-color: #F1F1F1;
    padding: 8px;
    height: 16px;
    line-height: 16px;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    border: 1px solid #D0D0D0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: middle;
}

.uservoteperiod.bold {
    font-size: 22px;
    font-weight: bold;
}

.uservoteperiod .next {
    position: absolute;
    width: 32px;
    height: 32px;
    right: -14px;
    top: 0px;
}

.uservoteperiod .prev {
    position: absolute;
    width: 32px; 
    height: 32px;
    left: -14px;
    top: 0px;
}

.uservoteheadername {
    display: inline-block;
    width: 620px;
    text-align: left;
    padding: 5px;   
    font-weight: bold;
    /* font-size: 14px; */
}

.uservoteheadername2 {
    font-size: 24px;
    font-weight: bold;
    border: 1px solid #D0D0D0;
    padding: 5px 10px 5px 10px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    background-color: #FFD761;
}

.uservoteheaderbadge {
    font-size: 24px;
    font-weight: bold;
    border: 1px solid #D0D0D0;
    padding: 5px 10px 5px 10px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    background-color: #FFFFFF;
    margin-left: 10px;
}

.uservoteheadertype {
    display: inline-block;
    width: 220px;
    text-align: left;
    padding: 5px;   
    font-weight: bold;
    /* font-size: 14px; */
}

.uservoteheadertype.narrow {
    width: 220px;
}

.uservoteheadertype.big {
    font-size: 26px;
    font-weight: bold;
}

.uservoteheadermain {
    display: block;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.uservoteheaderperiod {
    display: inline-block;
    width: 220px;
    text-align: left;
    padding: 5px;   
    font-weight: bold;
    /* font-size: 14px; */
}

.uservoteheaderperiod.narrow {
    width: 140px;
}

.uservoteheaderavrgcoef {
    display: inline-block;
    width: 220px;
    text-align: left;
    padding: 5px;   
    font-weight: bold;
    /* font-size: 14px; */
}

.uservoteheaderrate {
    display: inline-block;
    width: 220px;
    text-align: left;
    padding: 5px;   
    font-weight: bold;
    /* font-size: 14px; */
}

.uservoteheaderavrgpos {
    display: inline-block;
    width: 220px;
    text-align: left;
    padding: 5px;   
    font-weight: bold;
    /* font-size: 14px; */
}

.uservoteheaderitem {
    position: relative;
    display: inline-block;
    width: 220px;
    text-align: left;
    padding: 5px;   
    font-weight: bold;
    /* font-size: 14px; */
}

.uservoteheaderavrgpoints {
    display: inline-block;
    width: 220px;
    text-align: left;
    padding: 5px;   
    font-weight: bold;
    /* font-size: 14px; */
}    

a.userpredictionnavbutton {
    display: block;
    margin: 20px;
    padding: 20px;
    font-size: 1.3em;
    border: 1px solid #D0D0D0;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    background-color: #FFFFFF; 
    text-align: center;
}

a.userpredictionnavbutton:hover {
    color: #686868;
    background-color: #FFD761;   
}

.uservotesuccessnumb2 {
    position: relative;
    left: 0px;
    top: 0px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    border: 3px solid #00BB00;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
} 

.uservotefailednumb2 {
    position: relative;
    left: 0px;
    top: 0px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    border: 3px solid #CC0000;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
} 

.uservotesuccessnumb {
    display: inline-block;  
    padding: 5px;
    border: 2px solid #00BB00;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  
}

.uservotefailednumb {
    display: inline-block;  
    padding: 5px;
    border: 2px solid #CC0000;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  
}

.uservotepsitionnumb {
    display: inline-block;  
    padding: 5px;
    border: 2px solid #FFD761;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.uservotepointnumb {
    display: inline-block;  
    padding: 5px;
    border: 2px solid #FFD761;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.uvhbox {
    position: relative;
    display: inline-block;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    padding: 3px 10px 3px 3px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 60px;
    text-align: center; 
}

.uvhbox img {
    position: absolute;
    width: 22px;
    height: 22px;
    right: -9px;
    top: 0px;
}

.uvhtype {
    position: relative;
    display: inline-block;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    padding: 3px 10px 3px 3px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 100px;
    text-align: center;
    margin-left: 20px;
}

.uvhtype .next {
    position: absolute;
    width: 22px;
    height: 22px;
    right: -9px;
    top: 0px;
}

.uvhtype .prev {
    position: absolute;
    width: 22px; 
    height: 22px;
    left: -9px;
    top: 0px;
}


.briefrankcontainer, .uservoteactionscontainer {
    display: block;
    position: relative;
    margin: 0px;
}

.briefvotestandingrow {
    display: block;
    padding: 4px;
    background-color: #F1F1F1;   
    margin: 5px;
    text-align: left;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    white-space: nowrap;
}

.briefvotestandingrow.header {
    background-color: #CCCCCC;
    border: 1px solid #D0D0D0;
    padding: 5px 3px 5px 3px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #FFFFFF;
}

.briefvotestandingrow.gold {
    background-color: #ffca00;
}

.briefvotestandingrow.silver {
    background-color: #E6E8FA;
}

.briefvotestandingrow.bronze {
    background-color: #DAA520;
}

.briefvotestandingrow.highlight {
    background-color: #FFD761;
}

.briefvotestandingrow.highlight a:hover {
    color: #ff8000;
}

.briefvotestandingrow.center {
    text-align: center;
}

.briefvotestandingpos {
    position: relative;
    display: inline-block;
    width: 25px;
    padding-right: 5px;
    text-align: right;
}

.briefvotestandingposblock {
    position: absolute;
    display: block;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    left: 0px;
    top: -17px;
    background-color: #FFFFFF;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    border: 1px solid #D0D0D0
}

.briefvotestandingname {
    display: inline-block;
    width: 320px;
    text-align: left;
    font-weight: bold;
}

.briefvotestandingname.long {
    width: 342px;
}

.briefvotestandingpoints {
    display: inline-block;
    width: 78px;
    text-align: center;
}

.briefvotestandingfollow {
    position: relative;
    display: inline-block;
    width: 2px;
    text-align: center;
}

.briefvotestandingfollow a {
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    top: -15px;
    right: -9px; 
    background: url("../images/followuser2.png") no-repeat;
}

.briefvotestandingbadge {
    position: relative;
    display: inline-block;
    width: 1px;
}

.briefvotestandingbadge img {
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    left: -5px;
    top: -18px;
}

.briefvotestandingbutton {
    display: block;
    position: absolute;
    bottom: -32px;
    right: 25px;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    border: 2px solid #eeb420;
    background-color: #FFFFFF;
    cursor: pointer;
}

.briefvotestandingbutton:hover {
    background-color: #FFD761;
}

.briefvotestandingbutton a {
    display: block;
    width: 100%;
    height: 100%;
}

.briefvotestandingbutton a:hover {
    color: #686868;
}

.briefvotestandingbutton.details {
    right: 95px;
}

.uservoteactionrow {
    display: block;
    margin: 5px;
    padding: 5px 5px 5px 15px;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    white-space: nowrap;
}

.actionvotestandingbadge {
    position: relative;
    display: inline-block;
    width: 24px;
    /* margin: 0px 4px 0px 4px; */
}

.actionvotestandingbadge img {
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    left: 0px;
    top: -15px;
}


.userstandingbadge {
    position: relative;
    display: inline-block;
    width: 20px;
    cursor: pointer;
}

.userstandingbadge img {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    left: 0px;
    top: -15px;
}

.userstandingbadge span {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    left: 0px;
    top: -15px;
    z-index: 99;
    color: #686868;
    font-size: 10px;
    text-shadow: 1px 1px 0px #CCC;
}

.userstandingbadge.biggest {
    width: 30px;
}

.userstandingbadge.biggest img {
    width: 30px;
    height: 30px;
    top: -24px;
}

.userstandingbadge.biggest span {
    display: block;
    width: 30px;
    height: 30px;
    top: -19px;
    font-size: 15px;
}

.norankcontainer {
    display: block;
    margin: 80px 10px 80px 10px;
    padding: 10px;
    border: 1px solid #D0D0D0;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

.nobadgeaction {
    display: block;
    margin: 5px;
    padding: 8px;
    text-align: center;
    border: 1px solid #D0D0D0;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    min-height: 70px;
}
/********************** HELP PAGE *************************************/
.helpimage {
    float: left;
    margin: 10px;
}


/*************************** BADGES ************************************/
.badgelegendcontainer {
    display: block;
    margin: 5px;
    padding: 5px;
}

.badgelegenditem {
    float: left;
    display: inline-block;
    width: 294px;
    margin: 5px 10px 0px 10px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    text-wrap: none;
}

.badgelegendlogo {
    float: left;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0px 5px 0px 5px;
}

.badgelegendlogo img {
    width: 25px;
    height: 25px;
}

.badgelegenddesc {
    float: left;
    display: inline-block;
    width: 254px;
    height: 25px;
    line-height: 25px;
    margin: 0px; 
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
}

.badgemodaldesc {
    display: block;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

.badgeearnedcontainer {
    display: block;
    margin: 30px 30px 40px 30px;
    padding: 5px;
}

.badgelist {
    display: block;
    vertical-align: middle;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

.badgelisthelp {
    font-size: 14px;
    margin-top: 20px;
    text-align: center;
}

.badgelisthelp * {
    vertical-align: auto;
}

.badgelist * {
    vertical-align: middle;
}

/******************************** WARNING NOTICE ******************************/
.warningnotice {
    display: block;
    height: 26px;
    line-height: 26px;
    margin: 10px;
    padding: 0px 10px 0px 45px;
    background: #F1F1F1 url('../images/noticering.png') 10px 0 no-repeat;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    font-weight: bold;
}


/********************* USERPREDICTION INDEX PAGE BANNER ***********************/
.userpredictionbannercontainer {
    display: block;
    height: 130px;
    background: #FFFFFF url('../images/bckgruserprdbanner2.png') 0 0 no-repeat;
    text-align: center;
    margin: 0px;
    padding: 10px;
    position: relative;
}

.userpredictionbannercontainer h2 {
    /* text-shadow: 5px 5px 20px #FF0000; */
    position: relative;
}

.userpredictionbannercontainer a {
    position: absolute;
    bottom: -15px;
}

.userpredictionbannercontainer a#rightbtn{
    right: -15px; 
}

.userpredictionbannercontainer a#leftbtn{
    left: -15px; 
}

.userpredictionbannercontainer p {
    padding: 5px 100px 5px 100px;
}

.bannerbignumb {
    position: absolute;
    top: -60px;
    right: 50px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 5px solid #FFD761;
    font-size: 12px;
    background-color: #fff;
}

.bannerbignumb .numbdays {
    font-size: 40px;
}

/********************* USERPREDICTION INDEX PAGE AWARD BANNER ***********************/
.userpredictionawardbannercontainer {
    display: block;
    height: 100px;
    /* background: #FFFFFF url('../images/bckgruserprdawardbanner.png') 0 0 no-repeat; */
    background: #FFFFFF url('../images/userpredictions/winners042016.jpg') 0 0 no-repeat; 
    text-align: center;
    margin: 0px;
    padding: 10px;
}

.userpredictionawardbannercontainer h2 {
    /* text-shadow: 5px 5px 20px #FF0000; */
    position: relative;
}

.userpredictionawardbannercontainer a {
    position: absolute;
    bottom: -15px;
}

.userpredictionawardbannercontainer a#rightbtn {
    right: -15px; 
}

.userpredictionawardbannercontainer p {
    padding: 5px 60px 5px 60px;
}




/***************************** USER RANK WALCOME *****************************/
.userrankwelcomecontainer {
    display: block;
    margin: 10px;
    padding: 10px;
}

.userrankwelcomecontainer p,
.userrankwelcomecontainer div.bordered {
    display: block;
    padding: 10px;
    border: 3px dotted #D0D0D0;
    border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
    text-align: justify;
    text-justify: inter-word;
    line-height: 24px;
}


.userrankwelcomecontainer p b,
.userrankwelcomecontainer div.bordered b {
    font-size: 1.4em;
}
 
.userrankwelcomecontainer h2 {
    padding: 10px;
    margin: 10px 0px 10px 0px;
    background-color: #F1F1F1;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

.userrankwelcomecontainer p img,
.userrankwelcomecontainer div.bordered img {
    float: left;
    margin: 10px;
}

.userrankwelcomecontainer p img.notfloated,
.userrankwelcomecontainer div.bordared img.notfloated{
    float: none;
    margin: 0px;
    margin-bottom: -8px;
}

.userrankwelcomecontainer p img.badgeimg,
.userrankwelcomecontainer div.bordered img.badgeimg {
    float: none;
    margin-bottom: -16px;    
}

.userrankwelcomecontainer p.last {
    position: relative;
    font-size: 1.3em;
    padding: 15px;
    text-align: center;
}

.userrankwelcomecontainer p.last a {
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    text-align: center;
    border: 5px solid #FFD761;
    background-color: #f1f1f1;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    top: -8px;
    right: 50px;
    font-weight: bold;
}

/************** USERRANK HELP ***************************************/
.userankhelpcontainer {
    display: block;
    margin: 0px;
    padding: 0px;
}

.userankhelpcontainer p {
    text-align: justify;
    text-justify: inter-word;  
    line-height: 22px;
}

.userankhelpcontainer p img {
    margin: 0px 10px 10px 0px;
    padding: 0px;
}

/******************** OTHER *****************************************/
.copaamerica {
    position: relative;
    margin: 20px 10px;
    padding: 5px 5px 5px 55px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
}

.copaamerica img {
    position: absolute;
    left: 5px;
    top: -6px;
}

/******************** AWARDED ISER INDEX PAGE ************************/
.awardedusercontainer {
    display: block;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    margin: 10px;
}

.awardedlabel {
    float: left;
    display: block;
    width: 250px;
    text-align: right;
    padding: 5px;
    background-color: #D0D0D0;
    font-weight: bold;
}

.awardedlabel.highlight {
    background-color: #FFD761;
}

.awardeduser {
    position: relative;
    display: block;
    float: left;
    width: 180px;
    text-align: left;
    padding: 5px 0px 5px 40px;
}

.awardeduser img {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 1px;
    left: 10px;
    border: none;
}

.awardeduser a {
    font-weight: bold;
}


.awwardedlink {
    float: right;
    background-color: #FFD761;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-weight: bold;
}

.awwardedlink a {
    padding: 5px 10px 5px 10px;
    display: block;
    width: 100%;
    height: 100%;
}

.awwardedlink a:hover {
    color: #FF3300;
}

/********** IMPORTANT MESSAGE ******************/
.importantmessage {
    position: relative;
    margin: 20px 10px;
    padding: 5px 5px 5px 75px;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #FF3300;
    border-radius: 4px;
}

.importantmessage img {
    position: absolute;
    left: 5px;
    top: -13px;
    padding: 5px;
    border: 2px solid #686868;
    border-radius: 4px; 
    background-color: #f1f1f1;
}


/************************** COOKIE MESSAGE ************************************/
.cookie {
    width: 100%;
    background-color: #FFD761;
    /* white-space: nowrap; */
}


/*********************************** SHOP *************************************/
.shopitemscontainer {
    background-color: #fff;
}

.shopitem {
    float: left;
    margin: 10px 17px;
    padding: 5px;
    border: 1px solid #d0d0d0;
    border-radius: 4px; 
}

.shopnavigatorcontainer {
    margin: 10px;
    background-color: #787878;
    border-radius: 5px;
}

.shopnavteam {
    float: left;
    width: 50%;
}

.shopnavitem {
    float: left;
    width: 50%;
}

.shopnavteam .shoplabel,
.shopnavitem .shoplabel {
    float: left;
    width: 38%;
    padding: 15px 1%;
    text-align: right;
    color: #fff;
    font-weight: bold;
}

.shopnavteam .shopvalue,
.shopnavitem .shopvalue {
    float: left;
    width: 58%;
    padding: 12px 1%;
    text-align: left;
}

#pagenation,
#pagenationstatus,
#pagenationstop {
    display: none;
}

.shoploading {
    display: none;
    margin: 20px;
    text-align: center;
}

.pagenationmarker {
    height: 100px;
}

.shoplabel {
    font-size: 1.2em;
    text-align: center;
    padding-top: 10px;
}

.shoplabel img.left {
    float: left;
    margin-top: -10px;
}

.shoplabel img.right {
    float: right;
    margin-top: -10px;
}

.jbutton.shopgetmore {
    display: block;
    width: 300px;
    margin: 10px auto;
    padding: 10px 0;
    text-align: center;
}

/*********************************** RECOMMENDED ******************************/
.recommended {
    margin: 10px;
}

.recommended .section {
    margin: 10px 0;
}

.recommended .section .header {
    padding: 5px;
    border: 3px solid #FFD571;
    border-radius: 5px;
    font-weight: bold;
    margin-top: 30px;
}

.recommended .section .item {
    float: left;
    margin: 10px 2%;
    width: 28%;
}

.recommended .section .item img {
    width: 276px;
    height: 156px;
    margin: 5px auto;
    border-radius: 5px;
}

.recommended .section .item a {
    display: block;
    padding: 10px 0;
    background-color: #a0a0a0;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    /*font-weight: bold;*/
}

/***************** INDEX PAGE LINK TO CUP ********************/
.indexlinkcup {
    font-size: 1.2em;
}

.indexlinkcup img {
    float: left;
    width: 60px;
    height: 60px;
    margin: -24px 10px -24px 0
}

.indexlinkcup a {
    display: block;
    background: #fff;
    padding: 10px;
    margin: 30px 10px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    font-weight: bold;
}

/********************** EUROCUP CUSTOM STANDINGS *****************/
.eurostandings {
    margin: 10px;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #d0d0d0;
}

.eurostandings .header {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 10px;
}

.eurostandings .standingrow, 
.eurostandings .standingsubheader {
    width: 470px;
}