/*

Developers: Mindaugas Vaiciulis, Tomasz Libich 
Date: August 2011
Website: TheFA.com
Notes: REUSABLE ELEMENTS STYLE SHEET

*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
/*.clearfix {
	display: inline-block;
}*/

* html .clearfix {
	height: 1%;
}

.fleft{float:left;}
.fright{float:right;}
.bold{font-weight:bold;}

.hidden{display:none;}

/* BUTTONS */
.btn,
.btnBlack{
    height:31px;
    padding:0 10px 2px 10px;
    background:url("../../images/components/cp-btn-bg.png") repeat-x 0 0 #fff;  
    display: inline-block;
    border:none;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); 
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.16em;
    font-weight:bold;
    color:#015ca8;
    text-shadow: 1px 1px 0 rgb(255,255,255);
    overflow:hidden;
}
.btn:active {
    text-shadow: 1px 1px 0 rgba(72,72,72,0.1);
}




.lbtn {
	background: rgb(255,255,255) url("../../images/components/lbtn-sprite.png") no-repeat scroll 0 -569px;
	border: 0 none;
	color: rgb(0,47,93);
	font-weight: 700;
	font-size: 14px;
	padding: 7px 15px;	
	text-shadow: 1px 1px 0 rgb(255,255,255);
	display:inline-block;
	margin:0;
	cursor:pointer;
	/* CSS3 Box Shadow */
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); 
	-ms-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
	
	/* CSS3 Transition Effect */
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;	
}
.lbtn:hover{
    background: rgb(255,255,255) url("../../images/components/lbtn-sprite.png") no-repeat 100% -569px;
}

.ie7 .lbtn,
.ie8 .lbtn{
    
	overflow: visible;
	margin-top: -2px;
	width: auto;
	filter:
	progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=2),
	progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
	progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
	progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=2),
	progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=3),
	progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=2),
	progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
	progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);
	
}












.theme-thefacup .btn{color:#1c74cd;}
.btn:hover{background-position:0 -29px;color:#666;}

.btnBlack{
    height:31px;padding:0 10px 2px 10px;
    background:url("../../images/components/cp-btn-bg.png") repeat-x 0 -62px #fff;  
    cursor: pointer;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); 
    font-family:Arial,sans-serif;
    font-size:1.16em;
    font-weight:bold;
    color:#fff;
    text-shadow: 1px 1px 0 rgb(27,27,27);
    overflow:hidden;
   }
.btnBlack:hover{background-position:0 -93px;}

/* OTHER */

.uppercase{text-transform:uppercase;}
