/* Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* freekick general layout */
html { background-color: #f2f3f4; }

body {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.7em;  
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  color: #333;
}

div, ul, li, p, form { margin: 0; padding: 0; }
div { border: none; }
input, select, textarea, button { font: normal 11px Verdana, Tahoma, Arial, Helvetica, sans-serif; padding: 2px 1px; }
input { margin: 1px 3px; padding: 2px 1px; }
select { margin: 0 5px 0 0; }

ul { list-style: disc; }

hr {margin: 1em auto;}

/* min-width hack *****/
.width {
  width: 100%;
  min-width: 940px;
  margin: 0 auto;
  text-align: left;
}
* html .minwidth {
  border-left: 940px solid #fff;
}
* html .container {
  margin-left: -940px;
  position: relative;
}
/*\*/
* html .minwidth, * html .container, * html .content {
  height: 1px;
}
/*/
.width {
  display: inline-block;
}
/**/

/* END min-width hack *****/

/*
 * This makes the area to the right of the content green. Seems not too appreciated though.
.container { background-color: #12a111; }
#page-wrap { background-color: #fff; }
*/
.wait { cursor: wait; }
.progress { cursor: progress; }
.loading { background: #fff url('../img/loading.gif') no-repeat 0 2px; padding-left: 22px; line-height: 18px; height: 22px; color: #333; overflow: hidden; padding-top: 2px; }
#top-wrap{  
  width: 100%;
  min-width: 940px;  
  background-image: url(../img/bg_top.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  /*border-bottom:2px solid #222;*/
}
#logo{
  float:left;
  height:62px;
  width:150px;      
  background: transparent url(../img/logo_freekick.png) no-repeat 30px center;  
  cursor:pointer;  
}
/* #top-banner{float:left; color:#f00; font-size:30px; font-weight:bold;} */
#top-banner{ margin: 0 210px 0 160px; text-align: center;color:#f00; font-size:30px; font-weight:bold; height: 66px; }

#top-info{
  height:66px;
  float:right;
  padding-right:70px;
  width: 120px;
  margin-right:10px;
  font-size:10px;
  color:#fff;
  background: url(../img/bg_players_top.jpg) no-repeat 100% 2px;
  padding-top:0px;
}
#top-info p {
  background: url(../img/top_icon_sprite.gif) no-repeat;
  text-align:right;
  padding-right:15px;
  margin-bottom:1px;
  height: 12px;
  line-height: 12px;
}
#top-info .date { background-position: 100% 0px; }
#top-info .clock { background-position: 100% -12px; }
#top-info .clock input#clock-input {
  width: 100%;
  border: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: #fff;
  text-align:right;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px !important; }
#top-info .users { background-position: 100% -24px; }
#top-info .money { background-position: 100% -36px; }
#top-info .season { background-position: 100% -48px; }

    
     
      

/********   END TOP   ************************************/    

/******************* the main part  ******/
#content-wrap{width:100%;clear:both;}


/************ left part       ****************/
#left-content { float: left; width: 170px; }

.header-sprite { background: url(../img/header_sprite.gif) repeat-x; }

#lang-select {height:25px;width: 162px;}
#lang-select .lang-select {
  background-position: 100% -139px;
  margin-right:10px;
  height:25px;
}
#lang-select .lang-select-crn {
  background-position: 0px -166px;
  background-repeat: no-repeat;
  float: right;
  width: 10px;
  height: 25px;
}

#lang-select .sel-lang{
  cursor: pointer;
  margin-left: 10px;
  padding-left:18px;
  background:url(../img/sel_lang.gif) center left no-repeat;
  color: #fff;
}
#languageSelector {
  z-index:500 !important; 
  position: relative;
  left: 0px;
  margin: 0; 
  padding: 0;
} 
#languageSelector ul {
  width: 145px;
  margin: 0;
  padding: 0 5px;
  background-color: #fff;
  border: 2px solid #3989d9;
  list-style: none;
  height: 250px;
  position: relative;
  overflow: auto;
  overflow-x: hidden;
}
#languageSelector li {
  position: relative;
  display: block;
  padding: 5px 0;
  background-image:url(../img/dots_grey.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}

#languageSelector li a {
  color: #444; 
  display: block;
  line-height: 13px;
  height: 13px;
  padding: 0 3px 0 10px;
  border-left: 4px solid #929292;
}

#languageSelector li a:hover  {background-color: #e4e4e4;text-decoration: none;}

/***** menu left   ********/

.menu-sprite { background: url('../img/menu_sprite_new.png') no-repeat 0 0; }

.menu-container { width: 160px; margin-bottom: 10px; }
.menu-header, 
.menu-body { padding: 0 12px 0 10px !important; }
.menu-header { background-position: 0 0; }
.menu-body { background-position: -160px 0 !important; background-repeat: repeat-y; }
.menu-bottom { background-position: 0 -50px; height: 16px; }

.menu-status { padding-top: 5px; }
.menu-status a { padding-left: 10px; color: #444; font-weight: bold; display: block; }

.menu-status-help-links { list-style-type: none; padding: 5px 2px 0; }
.menu-status-help-links li {padding: 2px 0; }
.menu-status-help-links a { border-left: 4px solid #090; }
.menu-status-help-links a:hover { background-color: #f0f0f0; }

.menu-status .floating-row { font-size: 1em; margin-top: 2px; padding: 0; overflow: hidden; height: 1.2em; }
.menu-status-left { float: left; color: #171; }
.menu-status-right { float: right; font-weight: bold; }
.menu-status-right a { padding: 0; }

.menu-status .greyed-out a { font-weight: normal; color: #999;cursor: text; }
.menu-status .greyed-out a:hover { text-decoration: none; }

.on { color:#0c0 !important; }
.off { color:#c00 !important; }
.title-menu-l{font-size:16px;color:#006600;padding-top:10px;padding-bottom:5px;font-weight:bold;}
      
.login form { margin-bottom: 5px; }
.login ul { list-style-type: none; }  
.login li { margin-bottom: 5px; }
.login label { font-size: 0.87em; color: #060; display: block; }
.login input { border: 1px solid #ddd; background-color: #fff; width: 130px; font-size: 0.87em; height: 1.8em; }  
.login .dotted { margin-bottom: 4px; }
.reg { background: url('../img/arrow_red.gif') no-repeat 0 50%; padding-left: 10px; display: block; color:#930; font-size: 1em; }

.login-header { color: #060; padding: 15px 0 5px; text-align: center; }
.login-submit { width: 80px; border: 1px solid #ddd; margin: 5px auto 0; }
.login-submit input { width: 80px; border: 1px solid #fff; background-color: #eaeaea; color: #930; font-weight: bold; padding: 0; margin: 0 auto; }
.login-submit input:hover { background-color: #060; color: #fff; }

    
/***** menu left   ********/

#banner-left { width: 160px; float: left; margin-top: 10px; text-align: center; }
.flashcontentLeft { height: 300px; }

  
/************ end left part   ****************/  

 /************ right part   ****************/    
  #outer-content {   
    margin-left: 170px;
  }
 
  #blue-bar { color:#fff; }
  #blue-bar a {color:#FFFFFF;text-decoration:none;}
  #blue-bar a:hover {text-decoration:underline;}
  #blue-bar, 
  #blue-help, 
  #blue-bar-crn {height:25px;}
  #blue-bar-crn { float: left; width: 10px;
    background-position: -12px -166px; 
    background-repeat: no-repeat;
  }
  #blue-nav{ 
    background-position: 0 -139px; 
    padding-left: 15px; 
    margin-left: 10px; 
    display: block;
    line-height: 20px;
    height: 25px;
  }
  #blue-help{
    float: right;
    background-position: 0 -139px; 
    height: 25px;
    font-weight:bold;
    padding-right:20px; 
  }
  #lang-select, 
  #blue-nav, 
  #blue-help {line-height:20px;font-size:11px;}
  
  #left-wrap{margin-top:8px;}
    
  #main-green-wrap{          
    float:right; 
    margin-top:10px;
    background-image: url(../img/bg_top.jpg);
    background-repeat: repeat-y;
    background-position: left top;
  }
    
  #green-round{  
    clear:both;
    margin:0;padding:0;
    background-image: url(../img/crn_green_tabs_left.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height:7px;      
  }
    
  /*** the main tabs in the top ***/
    #main-tabs{margin-left:15px;}
    #main-tabs ul{list-style-type:none;margin:0;padding:0;}
    #main-tabs li{float:left;display:block;background-color:#FFFFFF;margin-right:5px; }
    #main-tabs li a {          
      text-decoration:none;
    }    
    #main-tabs li.tab-hidden{            
      padding:4px 10px;
      display:block;
      background-color: #f4f4f4;
      background-image: url(../img/tab_r.gif);
      background-repeat: no-repeat;
      background-position: right top;
      margin-bottom:1px;
    }    
    #main-tabs li.tab-hidden a {          
      color:#444;    
                        cursor: pointer;
    }    
    #main-tabs li.tab-hidden a:hover{text-decoration:underline;}
    #main-tabs li.tab-active{      
      background-image: url(../img/tab_sel_r.gif);
      background-repeat: no-repeat;
      background-position: right top;
                        font-size:12px;font-weight:bold;padding:5px 10px;}
    #main-tabs li.tab-active a {          
      color:#060;    
      cursor:default;
    }    
    #main-tabs li.leftmost{}
  /*** END  main tabs in the top ***/
    
    #white-content{
      clear:both;
      background-color:#fff; margin-left:15px; margin-right:0;
      background-image: url(../img/white_tab_r_bg.jpg);
      background-repeat: repeat-y;
      background-position: right bottom;  
      /*width:750px;    */
    }
      #main-content{margin:0 15px;}
        
      .rigth-crn { margin:0; padding:0; height:18px; background: url(../img/white_crn_tab_r.jpg) no-repeat 100% 0%; }
      .btm-shadow { background: url(../img/bg_white_btm.jpg) no-repeat 0% 100%; height: 12px; margin-right: 10px; }

.small-news { list-style: none; padding: 0 2px; margin-bottom: 13px; }
.small-news-item { border-bottom: 1px dotted #999; margin-bottom: 2px; padding-bottom: 2px; cursor: pointer; }
.small-news-header { font-weight: bold;padding: 2px; overflow: hidden; }
.small-news-header a { text-decoration: none; color: #930; display: block; padding-left: 38px; background-color: transparent; }
.small-news-header a:hover { text-decoration: underline; }
.small-news-edit { float: right; font-weight: normal; }
.small-news-edit a { display: inline; padding: 0; margin-left: 3px;}
.small-news-date,
.small-news-time { color: #039; float: left; margin-right: 3px; font-weight: bold; }
.small-news-content { cursor: text; display: none; margin-top: 3px; padding-top: 3px; border-top: 1px dotted #999; }
.small-news-content p { padding: 0 3px 1em; }
.small-news-content p:first-letter { padding-left: 0.4em; }
.small-news-blue .small-news-date ,
.small-news-blue .small-news-time { color: #039; }
.small-news-green .small-news-date ,
.small-news-green .small-news-time { color: #060; }
.small-news-red .small-news-date ,
.small-news-red .small-news-time { color: #930; }

.small-news .active .small-news-header { background-color: #f0f0f0; }
.small-news .active .small-news-content { display:block; }
      
      
      .guestbook { font-size:10px }
      .guestbook-title { background-color:#f0f0f0; color:#060; font-weight:bold;padding:4px 2px; margin:2px 0; }
      .guestbook-content { padding:0 0 2px 2px; }
      .guestbook-comment { padding:4px 2px; margin:2px 0; color:#060; font-weight:bold; }

    /*** 2 columns layout  ****/
    .col-1{float:left;width:45%;padding-right:23px; border-right:1px solid #ccc; }  
    .col-2{float:right;width:45%;}  
      
    /*** footer menu   ***/  
    
    #menu-footer {width:750px;text-align:center;color:#FFFFFF;font-size:11px;margin:5px;padding-bottom:15px;line-height: 16px;}
    #menu-footer a {color:#FFFFFF;text-decoration:none}
    #menu-footer a:hover {text-decoration:underline}
    #footer-tabs a {color:#fff;text-decoration:none}
    #footer-tabs span {background: url(../img/footer_tabs_del.gif) no-repeat 0% 100%;margin-left:5px;padding-left:11px;}
    #footer-tabs span.tab-hidden a:hover {cursor:pointer;text-decoration:underline;}
    #footer-tabs span.tab-active {font-weight:bold;}
    #footer-tabs span.tab-active a:hover {text-decoration:none;cursor:text;}
    #footer-tabs span.leftmost {background-image: none; margin-left:0px; padding-left:0px;}
    
    
    /************ end right part   ****************/   
        
        /*** tables for front_page right part   ******/
        .front-page-stat{margin-top:10px;}
        table.right-stats{width:98%;border-collapse:collapse;font-size:10px;margin-top:3px;}
        table.right-stats td{padding-left:5px;text-align:left;white-space:nowrap;}
        table.right-stats th{padding-left:5px; background-color:#f0f0f0;height:16px;text-align:left;}
        table.right-stats .first{width:65%;}
        table.right-stats .second{text-align:right !important;}
      
        .floating-row {padding-left:5px;white-space:nowrap;font-size:10px;padding-top:3px;padding-bottom:3px;}
        .floating-row-header{padding-left:5px; background-color:#f0f0f0;height:16px;white-space:nowrap;font-size:10px;padding-top:3px;padding-bottom:3px;margin-top:3px;}
        .floating-row .first, .floating-row-header .first {float:left;}
        .floating-row .second, .floating-row-header .second {float:right; text-align:right;}
        
        .floating-row:after,
        .floating-row-header:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
        html[xmlns] .floating-row,
        html[xmlns] .floating-row-header { display: block; }
        * html .floating-row,
        * html .floating-row-header { height: 1%; }

/******************* END main part  ******/

/************* the round box    ***/

/* Everything here about green and blue boxes was only used int he match report as far as I know,
   but I made another solution for it in match_report.css since this below didn'n work very well.
   So I suppose it can all be removed, but I'm not 100% sure. */
.green-box, .blue-box{
  /*position: relative; /* needed for IE */  
  margin: 5px 0;
  z-index:10;
}
.green-box .top-left, .green-box .top-right, .green-box .bottom-left, .green-box .bottom-right { 
  background-image: url(../img/green_box.gif); /* CHANGE: path and name of your image */
  height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
  font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}
  
  
.top-left, .bottom-left { 
  margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
  }
.top-right, .bottom-right { 
  margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
  margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
  }
.top-right {
  background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
  }
.bottom-left  { 
  background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
  }
.bottom-right { 
  background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
  }
.green-box .inside {
  clear:both;
  color: #fff;                  /* YCC: default text-color of the inside */
  background-color:#006600;       
  padding:0 10px;            /* YCC: all texts at some distance of the left border */
  }
  
.notopgap    { margin-top: 0;}    /* DNC: to avoid splitting of the box */
.nobottomgap {clear:both; margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

/*** blue one  **/

.blue-box .top-left, 
.blue-box .top-right, 
.blue-box .bottom-left, 
.blue-box .bottom-right { 
  background-image: url('../img/blue_box.gif'); /* CHANGE: path and name of your image */
  height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
  font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}


.blue-box .inside-box {  
  clear:both;
  color: #fff;                  /* YCC: default text-color of the inside */
  background-color:#06C;       
  padding:1px 10px;    
           /* YCC: all texts at some distance of the left border */
}

/*** blue round box   ***/
.blue-round { width:100%; background-color: #06C; color: #fff; }
.blue-round .roundtop { background: url(../img/crn_tr_blue.gif) no-repeat top right; }
.blue-round .roundbottom { background: url(../img/crn_br_blue.gif) no-repeat top right; }

/*** green round box  ***/
.green-round { background-color: #060; color: #fff; }
.green-round .roundtop { background: url(../img/crn_tr_green.gif) no-repeat top right; }
.green-round .roundbottom { background: url(../img/crn_br_green.gif) no-repeat top right; }


/*** ********************/
.inner-round {margin: 0 10px; padding: 3px 0; }
img.corner {
   width: 5px;
   height: 5px;
   border: none;
   display: block !important;
}
.flag { border:1px solid #000; width: 18px; height:12px; }
.flag-square { width: 12px !important; margin-left: 3px; margin-right: 3px; }
.hidden { display: none !important; }
.invisible { visibility: hidden !important; }
.loaded, 
.none { }

.plain-list, 
.plain-dotted-list, 
.plain-spaced-list { list-style:none; }
.plain-dotted-list li { padding: 2px 0 0 5px; margin: 1px 0; }
.plain-spaced-list li { padding-left: 5px; padding-top: 3px; }

.plain-dotted-list li { border-bottom: 1px dotted #aaa; padding-top: 2px; padding-bottom: 2px; }

.inline-list-items li { float: left; clear: left; }

.column-l, .column-r { width:48%; }
.column-l { float:left; }
.column-r { float:right; }
.even3-l, .even3-c, .even3-r { float:left; width:32%; margin-bottom: 5px; }
.even3-c, .even3-r { margin-left:15px; }
.player-column-l { float:left; width:22%;}
.player-column-c { float:left; width:22%;}
.player-column-r { float:right; width:51%;}
.transfer-column-l { float:left; width:28%;}
.transfer-column-l2 { float:left; width:38%;}
.transfer-column-c { float:left; width:5%;}
.transfer-column-r { float:left; width:45%;}
.transfer-column-r2 { float:left; width:55%;}
.profile-column-l { float:left; width:28%;}
.profile-column-c { float:left; width:45%;}
.profile-column-r { float:right; width:25%;}
.cc-search-l { float:left; width:28%;}
.cc-search-c { float:left; width:5%;}
.cc-search-r { float:left; width:50%;}
.cc-new-l { float:left; width:50%;}
.cc-new-c { float:left; width:5%;}
.cc-new-r { float:left; width:45%;}
.leftpart-bigger { float:left; width:60%;}

.transfer-navigator tr td {padding-right:5px;}
.transfer-navigator tr td a {text-decoration:none;}    
.transfer-navigator tr td a {cursor: pointer;}    
.transfer-navigator tr td a:hover{text-decoration:underline;}
.transfer-navigator tr td a.current {color:#000; cursor: text;}    
.transfer-navigator tr td a.current:hover {text-decoration:none;}  

.help-fk-grow { margin-top: 20px;}
.help-fk-grow form p { width:12%;}
.help-fk-grow form div { width:85%;}

.link-cursor, .link-cursor:hover {cursor:pointer;}

.tutorial, .tutorial-tasks {list-style:none;}

.tutorial {margin-bottom: 5px;}
.tutorial li {
  width: 100%;
  margin: 5px;
  display:inline-block;
  position: relative;
  clear:both;
}

.tutorial li input {
  margin: 0 10px 0 5px;
  padding:0;
  float:left;
  position: relative;
  height: 13px;
}

.tutorial li label {
  width: 90%;
  float:left;
}
.tutorial li input.button {
  padding-left:5px; 
  padding-right:5px;
  height: auto;
}

.tutorial-tasks { padding: 5px;}
.tutorial-tasks li {
  background-image:url(../img/dots_grey.gif);
  background-repeat: repeat-x;
  background-position: left top;
  padding:2px 0 0 5px;
  margin:1px 0;
  display:block;
  position: relative;
}




.trophies { list-style: none; margin-top: 8px; }

.trophy { 
  width: 243px; 
  border: 1px solid #a9a9a9; 
  margin: 2px 2px 8px; 
  vertical-align: top; 
  min-width: 0; 
  min-height: 24px; 
  display: inline-block;
  text-align: center;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -o-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  
  /*
  -moz-box-shadow: 3px 3px 7px #777;  
  -webkit-box-shadow: 3px 3px 7px #acacac;  
  box-shadow: 3px 3px 7px #777;
  */
}
.trophy:hover { 
  background-color: #F2F3F4;
}


.trophy-header {
  border-bottom: 1px solid #ccc; 
  height: 24px; 
  line-height: 24px; 
  font-weight: bold;
  text-align: center;
  background-color: #006600;
  color: #fff;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -o-border-top-left-radius: 6px;
  -o-border-top-right-radius: 6px;
  -khtml-border-top-left-radius: 6px;
  -khtml-border-top-right-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  overflow:hidden;

  
}

.trophy-club { 
  padding: 5px; 
  min-height: 85px;
  line-height: 85px;
}
.trophy-player { 
  padding: 5px; 
  border-top: 1px solid #ccc; 
}

.trophy-standing {
  font-size: 60px;
  display: inline-block;
  height: 64px; 
  line-height: 64px;
  vertical-align: bottom;
  position: relative; 
  margin-top: 21px;
}

.trophy-standing .up {
  font-size: 20px;
  vertical-align: top;
  line-height: 20px;
}

.trophy-standing .down {
  font-size: 20px;
  vertical-align: bottom;
  line-height: 20px;
}

.trophy-image {
  text-indent: -5000px;
  vertical-align: bottom;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50% 100%;
}

.trophy-club .trophy-image {
  height: 80px; 
  line-height: 80px;
  width: 60px;
}

.trophy-player .trophy-image {
  height: 50px; 
  line-height: 50px;
  width: 50px;
}


.challenges {  }
.challenges tr.grayLine th,
.challenges tr.grayLine td { border-bottom: 2px solid #999; }
.challenges tr td { vertical-align: middle; }



/* definition list with clearfix */
dl:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] dl { display: block; }
* html dl { height: 1%; }

dl {margin-top:5px;display:inline-block;}
dt {float:left; clear:left; position:relative; line-height:1.5em; font-weight:bold; padding:2px; width:100px; vertical-align:baseline;}
dd {line-height:1.5em; margin:0; padding:2px 0 2px;}
dd input {margin: 0;padding: 0;}

/* css for input|textarea placeholder */
.placeholder { color: #999; }
label.placeholder { display: none; }

/* shadow div for autogrowing textarea */
textarea.autogrow {overflow: hidden;}
div.autogrow_shadow{position: absolute; left: -10000px; top: -10000px; overflow: hidden;}

.ll-action-container {list-style: none; margin: 0 0 1em 0; padding: 0;}

.ll-action-container li label {line-height: 1em;}

.ll-action-sub {display:none; margin: 0; margin-left: 24px; list-style: none;}

.ll-action-sub li {padding: 0;}

.ll-action-container .active .ll-action-sub {display: block;}


#write_news .add {position:relative; display:block; height: 2em;line-height:2em; padding:0;}
#write_news .add div.add-link {position:absolute; right:0; top:0;}
#write_news .add div.add-link input {margin:0;}



#write_news .header,
#write_news .field {position: relative; display: inline-block;}

#write_news .header input {
  font: normal normal normal 11px/1.3em Verdana, Tahoma, Arial, Helvetica, sans-serif;
  overflow:hidden;
  margin: 2px;
  padding: 1px 13px 1px 2px;
  width: 350px;
}
#write_news .field textarea {
/* start autogrow values */

 /* default i FF/Chrome */
/*  font-family: monospace; */  
  font: normal normal normal 11px/1.3em Verdana, Tahoma, Arial, Helvetica, sans-serif;
  
  min-height: 80px;
/* end autogrow values */
  margin: 2px;
  width: 480px;
  padding: 2px 13px 2px 4px;
}

#write_news .header a.remove,
#write_news .field a.remove {
  position: absolute;
  top: 6px; 
  right: 6px;
  text-align: right;
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
  width: 1em;
  height: 1em; 
  line-height: 1em;
  display: none;
  color: #333;
}

#write_news .field:hover a.remove,
#write_news .header:hover a.remove {display: block;}

#write_news .field a.remove:hover,
#write_news .header a.remove:hover {color:#930;}


dl.news_release {margin-top:10px; border-top: 1px solid #c9c9c9; padding-top: 10px;}
dl.news_release dt {width:150px;}
dl.news_release dd {margin-left:150px;padding-bottom:2px;}
dl.news_release dd abbr {padding: 1px 0;border:0;}
dl.news_release dd input {
  width:110px !important;
  margin:0 !important;
  padding:0 !important;
  border-width:1px;
  font: normal normal normal 10px/1.3em Verdana, Tahoma, Arial, Helvetica, sans-serif !important;
}


.news-items {margin: 0 5px 10px; padding: 0 0 10px;}
.news-items .header {position: relative; display:block !important; margin-bottom: 10px; background-color: #fff;}
.news-items .header .title {border-bottom: 4px solid #1875D2; padding-left: 5px; font-weight: bold; font-size: 1.35em;}
.news-items .header .title a {color: #666;}
.news-items .header .title a:hover {color: #444; text-decoration: none;}
.news-items .header .release-date {color: #616161; margin-bottom: 5px;}
.news-items .header .buttons {
  background-color: #F2F3F4;
  padding: 3px;
  border: 1px solid #1875D2;

  position: absolute;
  top: 16px;
  right: 0px;
  font-weight: bold;
  display: none;
}
.news-items:hover .header .buttons {display: block;}
.news-items .sub-header {font-weight: bold;}
.news-items .paragraph {padding: 0 5px 5px 0;margin-bottom: 10px;}

.news-archives,
.news-archives-months,
.news-archives-items { list-style: none; margin: 0; }
.news-archives-years { font-weight: bold; }
.news-archives-months { margin-left: 12px; }
.news-archives-items { font-weight: normal; }
.news-archives-items li { padding: 3px 0 3px 3px; display: block; margin: 0 0 -1px 16px; border-top: 1px solid #d8dfea; border-bottom: 1px solid #d8dfea; }

.info-icon { background: transparent url(../img/info.gif) 0 0 no-repeat; height: 16px; width: 14px; display: block; }
.error-icon { background: url('../img/error.png') no-repeat 0 0; width: 16px; height: 16px; display: block; }

.list-icon-toggle { background: transparent url('../img/list_icon_toggle.gif') no-repeat 0 0; padding-left: 16px; height: 16px; line-height: 16px; }
.list-icon-collapsed { background-position: 0px 0px; }
.list-icon-expanded { background-position: 0px -16px; }

.buttons { display: inline-block; float: right; position: relative; top: 0; right: 0; height: 16px; line-height: 16px; overflow: hidden; }
.button-sprite { float: right; display: block; background: url('../img/button-sprite.gif') 0 0 no-repeat; height: 16px; width: 16px; }

.button-edit { background-position: 0px -48px; }
.button-edit:hover { background-position: 0px -64px; }
.button-edit:active { background-position: 0px -80px; }
.button-remove { background-position: 0px 0px; }
.button-remove:hover { background-position: 0px -16px; }
.button-remove:active { background-position: 0px -32px; }

.set-pieces-players { margin-bottom: 5px; overflow: hidden; }
.set-pieces-players li { position: relative; padding: 10px 1px 10px 25px; display: block; height: 26px; line-height: 26px; }
.set-pieces-players .buttons { top: 5px; position: absolute; }

.add-instruction { padding: 2px 2px 5px; margin-bottom: 8px; }
.add-instruction p { font-size: 10px; }

table tr td.options { display: block; position: relative; height: 16px; }

.move-arrow { position: absolute; top: 3px; left: 0px; padding: 0; width: 13px; height: 26px; }
.move-arrow-image { text-indent: -10000px; display: block; height: 13px; width: 13px; background: url(../img/moveupdown/move-arrows.gif) no-repeat; }
.move-arrow-up { background-position: 0% 0%; cursor: pointer; }
.move-arrow-up-disabled { background-position: 0% -13px; cursor: default; }
.move-arrow-down { background-position: 0% -26px; cursor: pointer; }
.move-arrow-down-disabled { background-position: 0% -39px; cursor: default; }

.vote-at-mpogd {
  background: url(http://www.mpogd.com/images/common/vote.png) no-repeat 0 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  display: inline-block;
  width: 100px;
  height: 50px;
  text-indent: -5000px;
  text-decoration: none;
}

.match-icon { background-repeat: no-repeat; background-position: 0 0; width: 11px; height: 10px; display: inline-block; margin: 3px 3px 0; }
.match-icon-report { background-image: url('../img/match_rep_ico.gif'); }
.match-icon-live { background-image: url('../img/match_live_ico.gif'); }

/* toto buttons */
.toto-buttons-left { float: left; }
.toto-buttons-right { float: right; }

.toto-change .toto-buttons-left,
.toto-change #button-submit { display: none; }
.toto-change #button-change { display: inherit; }

.toto-submit .toto-buttons-left { display: block; }
.toto-submit #button-submit { display: inherit; }
.toto-submit #button-change { display: none; }