/*-----------------------------------
[ buttons ]
-----------------------------------*/
/****** orange ******/
a.btnAction {
	background: transparent url('../images/btn_orange.gif') no-repeat top left;
	display: block;
	float: right;
	font: bold 11px arial; 
	line-height: 14px; 
	height: 22px; 
	padding:0px 0px 0px 11px; 
	text-decoration: none;
	margin:0;
}
.btnAction:link ,.btnAction:visited, .btnAction:active {
	color: #FFFFFF;
	text-decoration: none;
	font: bold 11px arial;
}
.btnAction:hover {
	color: #FFFFFF;
	text-decoration: none;
	font: bold 11px arial;
}
a.btnAction span {
	background:#fff url('../images/btn_orange.gif') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; 
}
/** IE "correction" **/
.ext-ie a.btnAction span {
    padding-top: 5px;
}
a.btnAction:hover { /* Hover state CSS */
	background-position: center left;
}
a.btnAction:hover span { /* Hover state CSS */
	background-position: center right;
}
/****** silver ******/
a.btnSecondAction {
	background: transparent url('../images/btn_orange.gif') no-repeat top left;
	display: block;
	float: right;
	font: bold 11px arial; 
	line-height: 14px; 
	height: 22px; 
	padding:0px 0px 0px 11px; 
	text-decoration: none;
	margin:0;
}
.btnSecondAction:link ,.btnSecondAction:visited, .btnSecondAction:active {
	color: #FFFFFF;
	text-decoration: none;
	font: bold 11px arial;
}
.btnSecondAction:hover {
	color: #FFFFFF;
	text-decoration: none;
	font: bold 11px arial;
}
a.btnSecondAction span {
	background:#fff url('../images/btn_orange.gif') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; 
}
a.btnSecondAction:hover { /* Hover state CSS */
	background-position: center left;
}
a.btnSecondAction:hover span { /* Hover state CSS */
	background-position: center right;
}
/****** silver ******/
a.btnActive {
	background: transparent url('../images/btn_silver.gif') no-repeat top left;
	display: block;
	float: right;
	font: bold 11px arial; 
	line-height: 14px; 
	height: 22px; 
	padding:0px 0px 0px 11px; 
	text-decoration: none;
	margin:0;
}
.btnActive:link ,.btnActive:visited, .btnActive:active {
	color: #3878a4;
	text-decoration: none;
	font: bold 11px arial;
}
.btnActive:hover {
	color: #3878a4;
	text-decoration: none;
	font: bold 11px arial;
}
a.btnActive span {
	background:#fff url('../images/btn_silver.gif') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; 
}
a.btnActive:hover { /* Hover state CSS */
	background-position: bottom left;
}
a.btnActive:hover span { /* Hover state CSS */
	background-position: bottom right;
}
/****** sign up ******/
a.btnSignUp:hover {
	background:transparent url(../images/sign_up_button.jpg) top left no-repeat;
	text-decoration:none;
}
a.btnSignUp {
	background:transparent url(../images/sign_up_button.jpg) top left no-repeat;
	float:left;
	display:block;
	/*width:165px;
	height:45px;*/
	width:175px;
	height:50px;
	color:#fff;
	font:normal 18px arial;
	text-decoration:none;
	text-align:center;
}
a.btnSignUp span {
	display:block;
    padding:15px 0px 8px 0px;
	overflow:hidden;
	cursor:pointer;
	line-height:12px;
	color:#fff;
	font:normal 18px arial;
} 

/* CSS3 button 
---------------------------------------------- */
.css3-button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0px 2px 0px 10px !important;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	font: 11px/100% Arial, Helvetica, sans-serif;
	padding: .36em .92em !important;
	-webkit-border-radius: .8em; 
	-moz-border-radius: .8em;
	border-radius: .8em;
	float:right;
}

.css3-button:hover {
	text-decoration: none;
}

.css3-button:active {
	position: relative;
	top: 1px;
	text-decoration: none;
}

.css3-button.inactive:active { 
	position: relative; 
	top: 0px; 
	text-decoration: none;
}

.css3-button.large {
	font-size: 14px;
	padding: .5em 2em .55em;
}
 
button.css3-button {
	padding: 0.3em 0.92em;
	*padding: .5em  0.92em;
	padding: .5em  0.92em\9
}

input.css3-button{
	padding: 0.3em 0.92em;
	*padding: .5em  0.92em;
	padding: .5em  0.92em\9
}
 
/* color styles 
---------------------------------------------- */
/* inactive */
.css3-button.inactive {
	color: #b7b7b7;
	border: solid 1px #ededed;
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f3f3f3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f3f3f3');
	cursor: default;
	text-decoration: none;
} 
 
/* orange */
.css3-button.primary { 
	color: #fff !important;
	border: solid 1px #e9b605;
	background: #ffb601;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb601), to(#ffb601));
	background: -moz-linear-gradient(top,  #ffb601,  #ffb601);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb601', endColorstr='#ffb601');
	text-decoration: none;
}

.css3-button.primary:hover {
	background: #ffc534 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffd367), to(#ffc534));
	background: -moz-linear-gradient(top,  #ffd367,  #ffc534);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd367', endColorstr='#ffc534');
}

.css3-button.primary:active {
	background: #ffc534 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffd367), to(#ffc534));
	background: -moz-linear-gradient(top,  #ffd367,  #ffc534);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd367', endColorstr='#ffc534');
}
 
/* blue */
.css3-button.secondary {
	color: #3878a4 !important;
	border: solid 1px #dbdbdb;
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f3f3f3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f3f3f3');
	text-decoration: none;
}

.css3-button.secondary:hover {
	color: #fff !important;
	background: #3878a4;
	background: -webkit-gradient(linear, left top, left bottom, from(#88aec8), to(#3878a4));
	background: -moz-linear-gradient(top,  #88aec8,  #3878a4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#88aec8', endColorstr='#3878a4');
}

.css3-button.secondary:active {
	color: #fff !important;
	background: #3878a4;
	background: -webkit-gradient(linear, left top, left bottom, from(#88aec8), to(#3878a4));
	background: -moz-linear-gradient(top,  #88aec8,  #3878a4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#88aec8', endColorstr='#3878a4');
}


/****** dashboard print ******/
a.btnPrint, a.btnPrintDisabled
{
    background:url('http://images.comscore.com/buttons/btn-dashboard.gif') no-repeat scroll 0 0px transparent;
    height:25px;
    width:36px;
    display: inline-block;
    float:right;
    text-decoration: none;
}

a.btnPrint.btnOver 
{
    background-position:0px -25px;
}