/*
###################################################################################################
# Dateiname: buttons.css
#
# Letzte Änderung der Datei / Last Change of File
# -----------------------------------------------
# Revision:       $Rev: 174 $
# Datum / Date:   $Date: 2011-11-30 22:47:02 +0100 (Mi, 30 Nov 2011) $
# Autor / Author: $Author: soeren $
#
#--------------------------------------------------------------------------------------------------
#
# BuLiTIPP 4 - Das Bundesliga Tippspielscript
#
# Copyright (C) 2007-2012 Sebastian Müller, Daniel Göhring, Sören Wiechert
#
# This program is free software; you can redistribute it and/or modify it under the terms of the
# GNU General Public License as published by the Free Software Foundation; either version 2 of the
# License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without
# even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
# General Public License for more details.
#
# You should have received a copy of the GNU General Public License along with this program; if
# not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
# 02110-1301, USA.
#
# http://www.xcript.de
#
# !!! Do not remove link or copyright-notice !!!
#
###################################################################################################
*/

/* STANDARD BUTTONS */

.buttons a, .buttons button
{
    display:block;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #898989;
    border-top:1px solid #999;
    border-left:1px solid #999;

    font-family:"Century Gothic", Verdana, Arial, Helvetica, Sans-Serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons button
{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */

    border-top: 1px solid #97f79a;
    background: #5fcf6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#37994e), to(#5fcf6e));
    background: -webkit-linear-gradient(top, #37994e, #5fcf6e);
    background: -moz-linear-gradient(top, #37994e, #5fcf6e);
    background: -ms-linear-gradient(top, #37994e, #5fcf6e);
    background: -o-linear-gradient(top, #37994e, #5fcf6e);
    padding: 7px 14px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 16px;
    font-family:"Century Gothic", Verdana, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
}

.buttons button[type]
{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button[type]
{
    padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img
{
    margin:-6px 3px -3px 0 !important;
    padding:0;
    border:none;
    width:24px;
    height:24px;
    vertical-align:middle;
}


/* STANDARD */

button:hover, .buttons a:hover
{
    background-color:#dff4ff;
    border:1px solid #72bbda;
    color:#336699;
}

.buttons a:active
{
    background-color:#34688e;
    border:1px solid #34688e;
    color:#fff;
}


/* POSITIVE */

button.positive, .buttons a.positive
{
    color:white;/*#529214;*/
}

.buttons a.positive:hover, button.positive:hover
{
    border-top-color: #52ab5c;
    background: #a7d5ad;
    color: #0d4402;
}

.buttons a.positive:active
{
    border-top-color: #056600;
    background: #056600;
}


/* NEGATIVE */

.buttons button.negative
{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */

    border-top: 1px solid #f79797;
    background: #d66565;
    background: -webkit-gradient(linear, left top, left bottom, from(#9c3e3e), to(#d66565));
    background: -webkit-linear-gradient(top, #9c3e3e, #d66565);
    background: -moz-linear-gradient(top, #9c3e3e, #d66565);
    background: -ms-linear-gradient(top, #9c3e3e, #d66565);
    background: -o-linear-gradient(top, #9c3e3e, #d66565);
    padding: 7px 14px;

    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;

    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 16px;
    font-family:"Century Gothic", Verdana, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
}

.buttons a.negative, button.negative
{
    color:#d12f19;
}

.buttons a.negative:hover, button.negative:hover
{
    border-top-color: #dcb4b5;
    background: #dcb4b5;
    color: #0d4402;
}

.buttons a.negative:active
{
    border-top-color: #660000;
    background: #660000;
}


/* REGULAR */

button.regular, .buttons a.regular
{
    color:#336699;
}

.buttons a.regular:hover, button.regular:hover
{
    background-color:#dff4ff;
    border:1px solid #72bbda;
    color:#336699;
}

.buttons a.regular:active
{
    background-color:#34688e;
    border:1px solid #34688e;
    color:#fff;
}

/* ///////////// */
/* SMALL BUTTONS */

.smallbuttons a, .smallbuttons button
{
    display:block;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #898989;
    border-top:1px solid #999;
    border-left:1px solid #999;

    font-family:"Century Gothic", Verdana, Arial, Helvetica, Sans-Serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:1px 2px 1px 2px; /* Links */
}

.smallbuttons button
{
    width:auto;
    overflow:visible;
    padding:1px 2px 1px 2px; /* IE6 */

    border-top: 1px solid #97f79a;
    background: #5fcf6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#37994e), to(#5fcf6e));
    background: -webkit-linear-gradient(top, #37994e, #5fcf6e);
    background: -moz-linear-gradient(top, #37994e, #5fcf6e);
    background: -ms-linear-gradient(top, #37994e, #5fcf6e);
    background: -o-linear-gradient(top, #37994e, #5fcf6e);
    
    padding: 1px 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 12px;
    font-family:"Century Gothic", Verdana, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
}

.smallbuttons button:hover, .smallbuttons a:hover
{
    background-color:#dff4ff;
    border:1px solid #72bbda;
    color:#336699;
}

.smallbuttons a:active
{
    background-color:#34688e;
    border:1px solid #34688e;
    color:#fff;
}

.smallbuttons button img, .smallbutons a img
{
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

/* POSITIVE */

.smallbuttons button.positive, .smallbuttons a.positive
{
    color:white;/*#529214;*/
}

.smallbuttons a.positive:hover, .smallbuttons button.positive:hover
{
    border-top-color: #52ab5c;
    background: #a7d5ad;
    color: #0d4402;
}

.smallbuttons a.positive:active
{
    border-top-color: #056600;
    background: #056600;
}

/* NEGATIVE */

.smallbuttons button.negative
{
    width:auto;
    overflow:visible;
    padding:1px 2px 1px 2px; /* IE6 */

    border-top: 1px solid #f79797;
    background: #d66565;
    background: -webkit-gradient(linear, left top, left bottom, from(#9c3e3e), to(#d66565));
    background: -webkit-linear-gradient(top, #9c3e3e, #d66565);
    background: -moz-linear-gradient(top, #9c3e3e, #d66565);
    background: -ms-linear-gradient(top, #9c3e3e, #d66565);
    background: -o-linear-gradient(top, #9c3e3e, #d66565);
    padding: 1px 2px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;

    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 12px;
    font-family:"Century Gothic", Verdana, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
}

.smallbuttons button.negative, .smallbuttons a.negative
{
    color:white;/*#f4a39c;*/
}

.smallbuttons a.negative:hover, .smallbuttons button.negative:hover
{
    border-top-color: #dcb4b5;
    background: #dcb4b5;
    color: #0d4402;
}

.smallbuttons a.negative:active
{
    border-top-color: #660000;
    background: #660000;
}



/*******************************************
FILE INPUT
*******************************************/

#divinputfile
{
    background:url(../../img/file_upload.png) no-repeat 100% 1px;
    height:28px;
    width:635px;
    margin:0px;
}

#divinputfile:hover
{
    background:url(../../img/file_upload_hover.png) no-repeat 100% 1px;
    cursor:pointer;
}

#divinputfile #filepc
{
    opacity: 0.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=00);
    font-size:1.25em;
    cursor:pointer;
}
 
#fakeinputfile
{
    margin-top:-26px;
}
 
#fakeinputfile #fakefilepc
{
    width:510px;
    height:28px;
    font-size:1.25em;
    font-family:"Century Gothic", Verdana, Arial, Helvetica, Sans-Serif;
}