body
{
   background: #68AE71 url(../images/background.png) repeat-x;
   color:      #FFF;
   font-size:  75%;
   margin:     0px;
   padding:    0px 20px 20px 20px;
}

body,
input,
select,
textarea
{
   font-family: Arial, Sans-Serif;
}

div#ads
{
   text-align: center;
}

div.main
{
   margin: auto;
   width:  795px;
}

a
{
   background:      inherit;
   color:           #FFF;
   text-decoration: underline;
}

a:focus,
a:hover
{
   text-decoration: none;
}

a img
{
   border: none;
}


.clear
{
   clear: both;
}


h1
{
   float:    left;
   left:     -89px;
   margin:   0px;
   position: relative;
}


h1 img
{
   display: block;
}


p
{
   margin: 15px 0px;
}


ul
{
   margin-top: 5px;
}


form
{
   margin: 0px;
}


div#languageSelect
{
   float:      right;
   margin-top: 20px;
}


#menu
{
   clear:  both;
   height: 55px;
}


#menu ul
{
   color:   #000;
   height:  15px;
   margin:  0px;
   padding: 4px 0px 0px 2px;
}


#menu li
{
   display: inline;
}


#menu a
{
   background:      #FFF url(../images/menuBackground.gif) repeat-x 0px 2px;
   color:           #000;
   display:         block;
   float:           left;
   font-weight:     bold;
   height:          46px;
   line-height:     46px;
   margin-right:    1px;
   padding-top:     2px;
   text-align:      center;
   text-decoration: none;
   width:           131px;
}

#menu a:focus,
#menu a:hover
{
   background-image: url(../images/menuBackgroundHover.gif);
}


div#left
{
   float:        left;
   margin-left:  2px;
   margin-right: 2px;
   width:        161px;
}


div.box
{
   background:    #FFF;
   color:         #333;
   margin-bottom: 2px;
   padding:       1px;
}


div.box a
{
   background: inherit;
   color:      #333;
}


div.boxHeader
{
   background:    #00628D url(../images/boxHeadBackground.gif) repeat-x;
   border-bottom: 1px solid #D1D1D1;
   color:         #FFF;
   font-weight:   bold;
   font-size:     100%;
   height:        36px;
   line-height:   36px;
   padding-left:  11px;
}


div.box ul.menu
{
   margin:  0px;
   padding: 0px 0px 0px 20px;
}


div.box h4
{
   font-size: 100%;
   margin:    11px 0px 0px 0px;
}


div.boxContent
{
   margin: 11px;
}


div.boxContent label
{
   display:    block;
   margin-top: 3px;
}


div.boxContent input.text
{
   background: #FFF;
   border:     1px solid #A5ACB2;
   color:      #333;
   display:    block;
   padding:    1px;
   width:      100%;
}


div.boxContent input.submit
{
   display:     block;
   margin-top:  8px;
   margin-left: auto;
}


div.boxContent div.footNote
{
   font-size:    90%;
   margin-top:   10px;
   text-align:   right;
}


#statistics .boxContent
{
   text-align: center;
}


#statistics a.longTimePickCount
{
   display:    block;
   margin-top: 5px;
}


#statistics table
{
   margin:     20px auto 0px auto;
   text-align: left;
   width:      100%;
}


#statistics th
{
   padding-bottom: 3px;
   padding-top:    11px;
   text-align:     center;
}


#statistics th .from
{
   font-weight: normal;
}


#statistics th.first
{
   padding-top: 0px;
}


#statistics td.value
{
   text-align: right;
}


#statistics .negative
{
   background: inherit;
   color:      #800;
}


#statistics .positive
{
   background: inherit;
   color:      #080;
}


div.boxFooter
{
   margin-top: 11px;
   text-align: right;
}


#content
{
   background:   #FFF url(../images/contentHeadBackground.gif) repeat-x;
   border:       1px solid #FFF;
   color:        #333;
   float:        left;
   margin-right: 2px;
   width:        626px;
}


#content a
{
   background: inherit;
   color:      #333;
}


div#contentInner
{
   margin: 0px 15px 15px 15px;
}


#content h2
{
   color:         #FFF;
   font-size:     140%;
   height:        36px;
   line-height:   36px;
   margin:        0px;
   margin-bottom: 16px;
}


#content h2 a:link,
#content h2 a:active,
#content h2 a:visited,
#content h2 a:focus,
#content h2 a:hover
{
   color: #FFF;
}


#content h3
{
   border-bottom:  1px solid #333;
   font-size:      125%;
   margin-bottom:  5px;
   margin-top:     25px;
   padding-bottom: 3px;
}


#content h4
{
   font-size:     110%;
   margin-bottom: 4px;
}


#footer
{
   clear:        both;
   margin-left:  2px;
   margin-right: 2px;
   padding-top:  20px;
}


#footer .links
{
   float: left;
}


#footer .copyright
{
   float: right;
}

div.infoFrame
{
   background:    #FFC;
   border:        1px solid #FC6;
   padding:       10px;
   margin-bottom: 1em;
}

div.infoFrame em
{
   color:       #008;
   display:     inline;
   font-style:  normal;
   font-weight: bold;
}

div.infoFrame p
{
   margin-bottom: 0px;
}

div.infoFrame ul
{
   margin-bottom: 0px;
}

div.errorFrame
{
   background:    #FFC;
   border:        1px solid #FC6;
   padding:       10px;
   margin-bottom: 1em;
}

div.errorFrame ul
{
   margin:  10px 0px 0px 25px;
   padding: 0px;
}

div.errorFrame em
{
   color:       #C00;
   font-style:  normal;
   font-weight: bold;
}





/* form design */

form.new
{
   border:  1px solid #EEE;
   margin:  10px 0px;
   padding: 5px;
}

form.new p
{
   margin: 0px;
}

form.new div.errorFrame
{
   background:    #FFC;
   border:        1px solid #FC6;
   padding:       10px;
   margin-bottom: 1em;
}

form.new div.errorFrame ul
{
   margin:  10px 0px 0px 25px;
   padding: 0px;
}

form.new div.errorFrame em
{
   color:       #C00;
   font-style:  normal;
   font-weight: bold;
}

form.new p.legend
{
   margin-bottom: 1em;
}

form.new p.legend em
{
   color:      #C00;
   font-style: normal;
}

form.new fieldset
{
   border:  1px solid #DDD;
   margin:  10px 0px;
   padding: 10px;
}

form.new legend
{
   color:       #666;
   font-weight: bold;
}

form.new fieldset div
{
   clear:   left;
   padding: 0.2em 0;
}

form.new p.note
{
   clear:     left;
   font-size: 95%;
   margin:    1px 0px 0.5em 146px;
}

form.new label,
form.new span.label
{
   display:      block;
   float:        left;
   margin-right: 5px;
   padding:      2px 10px 2px 0px;
   position:     relative;
   text-align:   right;
   width:        130px;
}

form.new label em,
form.new span.label em
{
   color:      #C00;
   font-size:  120%;
   font-style: normal;
   position:   absolute;
   right:      0px;
}

form.new span.text
{
   display: block;
   float:   left;
   padding: 2px 0px;
}

form.new div.set label,
form.new div.set input
{
   display:    inline;
   float:      none;
   text-align: left;
   width:      auto;
}

form.new div.set label img
{
   vertical-align: middle;
}

form.new div.set div
{
   clear:       none;
   margin-left: 145px;
}

form.new div.unlabeled
{
   margin-left: 145px;
}

form.new input[type=text],
form.new input[type=password],
form.new select,
form.new textarea
{
   border:       1px solid #A5ACB2;
   color:        #333;
   float:        left;
   font-size:    1em; /* IE7 bug */
   margin-right: 5px;
   padding:      1px;
}

form.new input[type=checkbox],
form.new input[type=radio]
{
   height:         1.1em;
   margin:         3px 0px;
   vertical-align: middle;
   width:          1.1em;
}

form.new div.buttons
{
   clear:       both;
   margin-left: 155px;
}

form.new input[type=submit].default
{
   font-weight: bold;
}

form.new div.split
{
   text-align: right;
}

form.new div.split input[type=submit].default
{
   float: left;
}

form.new div.buttonsRight
{
   text-align: right;
}

form.new div.buttonsRight input.button
{
   padding: 0px 5px;
}




/* admin.manageUsers */

#adminManageUsers .users
{
   width: 100%;
}

#adminManageUsers .users th
{
   border-bottom:  1px solid #000;
   padding-bottom: 3px;
   padding-left:   5px;
   text-align:     left;
}

#adminManageUsers .users td
{
   padding-top:  3px;
   padding-left: 5px;
}

#adminManageUsers .users .id
{
   padding-left:  0px;
   padding-right: 3px;
   text-align:    right;
}



/* admin.manageTransactions */

#adminManageTransactions .transactions
{
   background: #FFF;
   width:      700px;
}

#adminManageTransactions .transactions th
{
   border-bottom:  1px solid #000;
   padding-bottom: 3px;
   padding-left:   5px;
   text-align:     left;
}

#adminManageTransactions .transactions td
{
   padding-top:  3px;
   padding-left: 5px;
}

#adminManageTransactions .transactions .id
{
   padding-left:  0px;
   padding-right: 3px;
   text-align:    right;
}



/* admin.manageLinks */

#adminManageLinks .links
{
   border-bottom:  1px solid #000;
   overflow:       auto;
   padding-bottom: 3px;
   width:          100%;
}

#adminManageLinks .links th
{
   border-bottom:  1px solid #000;
   padding-bottom: 3px;
   padding-left:   5px;
   text-align:     left;
}

#adminManageLinks .links td
{
   padding-top:    3px;
   padding-left:   5px;
   vertical-align: top;
}

#adminManageLinks .links .active input
{
   height:         13px;
   margin:         2px 0px 0px 0px;
   padding:        0px;
   vertical-align: top;
   width:          13px;
}

#adminManageLinks .links th.clicks,
#adminManageLinks .links td.clicks
{
   padding-right: 10px;
   text-align:    right;
}
#adminManageLinks .links th.actions,
#adminManageLinks .links td.actions
{
   text-align: right;
}


/* account.tpl */

#account table.status th
{
   font-weight:    bold;
   padding-bottom: 3px;
   padding-right:  5px;
   text-align:     right;
   vertical-align: top;
}


#account table.status td
{
   padding-bottom: 3px;
   vertical-align: top;
}


#account .transactions
{
   margin: 10px;
}


#account .transactions table
{
   width: 100%;
}


#account .transactions th
{
   border-bottom:  1px solid #333;
   padding-bottom: 3px;
   text-align:     left;
}


#account .transactions td
{
   border-bottom:  1px dashed #CCC;
   padding:        3px 0px;
}


#account .transactions .date
{
   padding-left:  3px;
   padding-right: 10px;
}


#account .transactions .type
{
   padding-right: 10px;
}


#account .transactions .status
{
   padding-right: 10px;
}


#account .transactions .amount
{
   padding-right: 10px;
   text-align:    right;
   white-space:   nowrap;
}


#account .transactions .details
{
   padding-right: 3px;
   text-align:    right;
}


.negative
{
   color: #800;
}


.positive
{
   color: #080;
}


#account .transactions-details
{
   margin: 10px;
}


#account .transactions-details th
{
   padding:     0px 10px 4px 0px;
   text-align:  right;
   white-space: nowrap;
   width:       20%;
}


#account .transactions-details td
{
   padding-bottom: 4px;
}


#account .transactions-details .negative
{
   color: #800;
}


#account .transactions-details .positive
{
   color: #080;
}


#account .information
{
   margin: 10px;
}


#account .information li
{
   font-weight: bold;
}


#account .information li p
{
   font-weight: normal;
   margin-top:  0.2em;
}



/* information.tpl */

#information table.prices
{
   text-align: right;
}


#information table.prices th
{
   padding-bottom: 2px;
   font-weight:    bold;
   padding-right:  5px;
   text-align:     left;
}


#information table.prices td
{
   padding-bottom: 2px;
}



/* links */

#links ul.links
{
   list-style-type: none;
   margin:          0px;
   padding:         0px;
}

#links li
{
   margin-bottom: 15px;
}

#links div.name
{
   font-weight: bold;
}




/* picks.tpl */

#picks h2
{
   float:         left;
   margin-bottom: 0px;
}


#picks .selector
{
   float:       right;
   line-height: 36px;
   text-align:  right;
}


#picks .picks
{
   list-style: none;
   margin:     0px;
   padding:    0px;
}


#picks .picks li
{
   background:    #FCFCFC;
   border-bottom: 1px solid #333;
   border-top:    1px solid #333;
   padding:       4px;
   margin-bottom: 15px;
}


#picks .picks li.day
{
   border:        none;
   font-size:     130%;
   font-weight:   bold;
   margin-bottom: 5px;
   margin-top:    25px;
   text-align:    center;
}


#picks .picks li.info
{
   background:    #EEF;
   border-bottom: 2px solid #333;
   border-top:    2px solid #333;
   font-size:     110%;
}


#picks .event
{
   float:         left;
   font-size:     110%;
   font-weight:   bold;
}


#picks .combo .event
{
   width: 55%;
}


#picks .combo ol .event
{
   font-weight: normal;
}


#picks .event img.contest
{
   position:       relative;
   top:            -2px;
   vertical-align: bottom;
}


#picks .event img.sport
{
   left:           -13px;
   position:       relative;
   top:            2px;
   vertical-align: bottom;
}


#picks .event span.text
{
   left:     -13px;
   position: relative;
}


#picks .bookmaker
{
   line-height: 1px;
   text-align:  right;
}


#picks .bookmaker img
{
   vertical-align: middle;
}


#picks .line2
{
   clear:       both;
   padding-top: 5px;
}


#picks .suggestion
{
   float: left;
   width: 45%;
}


#picks .odd
{
   float: left;
   width: 15%;
}


#picks .stake
{
   float: left;
   width: 15%;
}


#picks .balance
{
   text-align: right;
}


#picks .balance .negative
{
   color:       #800;
   font-weight: bold;
}



#picks .balance .positive
{
   color:       #080;
   font-weight: bold;
}


#picks li.combo
{
   padding: 0px;
}


#picks div.combo
{
   border-bottom: 1px dotted #999;
   padding:       4px;
}


#picks .combo ol
{
   list-style:    none;
   margin:        0px;
   padding:       0px;
}


#picks .combo ol li
{
   border: none;
   clear:  both;
   margin: 0px;
}


#picks .combo .event
{
   width: 45%;
}


#picks .combo ol .event
{
   width: 45%;
}


#picks .combo ol .suggestion
{
   width: 43%;
}


#picks .combo ol .odd
{
   float: none;
   width: auto;
}






/* registration */

.list th
{
   border-bottom:  1px solid #000;
   padding-bottom: 2px;
   padding-right:  10px;
   text-align:     right;
}

.list th.payment
{
   text-align: left;
}

.list td
{
   padding-top:   2px;
   padding-right: 10px;
   text-align:    right;
}

.list td.payment
{
   text-align: left;
}






/* statistics */

#pageStatistics table
{
   width: 100%;
}


#pageStatistics td,
#pageStatistics th
{
   text-align:     right;
   vertical-align: top;
   padding:        4px;
   width:          14%;
}


#pageStatistics td
{
   border-bottom: 1px solid #DDD;
}


#pageStatistics th
{
   background: #CCC;
}


#pageStatistics .day,
#pageStatistics .month,
#pageStatistics .type
{
   text-align: left;
   width:      24%;
}


#pageStatistics .pickCount
{
   width: 8%;
}


#pageStatistics .negative
{
   color:       #800;
   font-weight: bold;
}


#pageStatistics .positive
{
   color:       #080;
   font-weight: bold;
}






/* subscriptions */

#subscription .subscriptions
{
   text-align: center;
   width:      100%;
}


#subscription .subscriptions th
{
   border-bottom:  1px solid #333;
   padding-bottom: 2px;
   vertical-align: bottom;
}


#subscription .subscriptions td
{
   border-bottom:  1px #CCC dashed;
   padding-bottom: 2px;
   padding-top:    2px;
}


#subscription .subscriptions .name
{
   padding-right: 20px;
   text-align:    left;
}


#subscription .subscriptions .price
{
   padding-right: 20px;
   text-align:    right;
}


#subscription .subscriptions .option
{
   width: 30px;
}






div.info
{
   font-size: 90%;
}


table.form th
{
   line-height:    21px;
   text-align:     right;
   vertical-align: top;
}


table.form td.field
{
   line-height:    21px;
}


table.form .buttons
{
   padding-top: 10px;
}



#advertisement {
	clear:       both;
	height:      90px;
	margin:      0 auto 3px auto;
	width:       728px;
}