/*
   buttons.css - v1.0
   MKM UI Framework
   
   Created by Dave Waller on 2011-11-23.
   Copyright 2012 MyKnowledgeMap Ltd. All rights reserved.
*/

a.linkbutton-submit span{	background-image:url(../images/buttons/submit.png); }
a.linkbutton-cancel span{	background-image:url(../images/buttons/cancel.png); }
a.linkbutton-edit span{		background-image:url(../images/buttons/edit.png); }
a.linkbutton-info span{		background-image:url(../images/buttons/info.png); }
a.linkbutton-help span{		background-image:url(../images/buttons/help.png); }
a.linkbutton-home span{		background-image:url(../images/buttons/home.png); }
a.linkbutton-lock span{		background-image:url(../images/buttons/lock.png); }
a.linkbutton-browse span{	background-image:url(../images/buttons/browse.png); }
a.linkbutton-email span{	background-image:url(../images/buttons/email.png); }
a.linkbutton-search span{	background-image:url(../images/buttons/search.png); }
a.linkbutton-refresh span{	background-image:url(../images/buttons/refresh.png); }
a.linkbutton-select span{	background-image:url(../images/buttons/select.png); }
a.linkbutton-save span{		background-image:url(../images/buttons/save.png); }
a.linkbutton-date span{		background-image:url(../images/buttons/date.png); }
a.linkbutton-alert span{	background-image:url(../images/buttons/alert.png); }
a.linkbutton-book span{		background-image:url(../images/buttons/book.png); }
a.linkbutton-file span{		background-image:url(../images/buttons/file.png); }
a.linkbutton-print span{	background-image:url(../images/buttons/print.png); }

a.linkbutton-ios-add span{		background-image:url(../images/buttons/ios-add.png); }
a.linkbutton-ios-back span{		background-image:url(../images/buttons/ios-back.png); }
a.linkbutton-ios-cancel span{	background-image:url(../images/buttons/ios-cancel.png); }
a.linkbutton-ios-confirm span{	background-image:url(../images/buttons/ios-confirm.png); }
a.linkbutton-ios-edit span{		background-image:url(../images/buttons/ios-edit.png); }
a.linkbutton-ios-home span{		background-image:url(../images/buttons/ios-home.png); }
a.linkbutton-ios-more span{		background-image:url(../images/buttons/ios-more.png); }
a.linkbutton-ios-off span{		background-image:url(../images/buttons/ios-off.png); }
a.linkbutton-ios-redo span{		background-image:url(../images/buttons/ios-redo.png); }
a.linkbutton-ios-search span{	background-image:url(../images/buttons/ios-search.png); }
a.linkbutton-ios-settings span{	background-image:url(../images/buttons/ios-settings.png); }
a.linkbutton-ios-undo span{		background-image:url(../images/buttons/ios-undo.png); }

li.button-bar-submit{	background-image:url(../images/buttons/submit.png); }
li.button-bar-cancel{	background-image:url(../images/buttons/cancel.png); }
li.button-bar-edit{		background-image:url(../images/buttons/edit.png); }
li.button-bar-info{		background-image:url(../images/buttons/info.png); }
li.button-bar-help{		background-image:url(../images/buttons/help.png); }
li.button-bar-home{		background-image:url(../images/buttons/home.png); }
li.button-bar-lock{		background-image:url(../images/buttons/lock.png); }
li.button-bar-browse{	background-image:url(../images/buttons/browse.png); }
li.button-bar-email{	background-image:url(../images/buttons/email.png); }
li.button-bar-search{	background-image:url(../images/buttons/search.png); }
li.button-bar-refresh{	background-image:url(../images/buttons/refresh.png); }
li.button-bar-select{	background-image:url(../images/buttons/select.png); }
li.button-bar-save{		background-image:url(../images/buttons/save.png); }
li.button-bar-date{		background-image:url(../images/buttons/date.png); }
li.button-bar-alert{	background-image:url(../images/buttons/alert.png); }
li.button-bar-book{		background-image:url(../images/buttons/book.png); }
li.button-bar-file{		background-image:url(../images/buttons/file.png); }
li.button-bar-print{	background-image:url(../images/buttons/print.png); }

/* Buttons... */
.btn{
	line-height:1.9em;
	height:1.9em;
	display:inline-block;
	padding-left:.7em; padding-right:.7em;
	font-size:1.1em;
	text-decoration:none;
	text-shadow:0px -1px 0px rgba(0,0,0,0.7);
	vertical-align: middle;
	cursor: pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	border: 1px solid #cccccc;
	border-bottom-color: #b3b3b3;
	-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4), 0px 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4), 0px 1px 2px rgba(0,0,0,0.5);
	-o-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4), 0px 1px 2px rgba(0,0,0,0.5);
	box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4), 0px 1px 2px rgba(0,0,0,0.5);
}
.btn:active{ position:relative; top:1px; }
	/* Standard Button */
	.btn{
		color:#fff;
		background-color: #49afcd;
		*background-color: #2f96b4;
		background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
		background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
		background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
		background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
		background-image: linear-gradient(top, #5bc0de, #2f96b4);
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		background-repeat: repeat-x;
		border-color: #2f96b4 #2f96b4 #1f6377;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.btn:hover{
		background-color:#2f96b4;
		background-image:none;
	}
	/* Success Button */
	.btn-success{
		color:#fff;
		background-color: #5bb75b;
		*background-color: #51a351;
		background-image: -ms-linear-gradient(top, #62c462, #51a351);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
		background-image: -webkit-linear-gradient(top, #62c462, #51a351);
		background-image: -o-linear-gradient(top, #62c462, #51a351);
		background-image: -moz-linear-gradient(top, #62c462, #51a351);
		background-image: linear-gradient(top, #62c462, #51a351);
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		background-repeat: repeat-x;
		border-color: #51a351 #51a351 #387038;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.btn-success:hover{
		background-color:#51a351;
		background-image:none;
	}
	/* Error Button */
	.btn-error{
		color:#fff;
		background-color: #da4f49;
		*background-color: #bd362f;
		background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
		background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
		background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
		background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
		background-image: linear-gradient(top, #ee5f5b, #bd362f);
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		background-repeat: repeat-x;
		border-color: #bd362f #bd362f #802420;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.btn-error:hover{
		background-color:#bd362f;
		background-image:none;
	}
	/* Warning Button */
	.btn-warning{
		color:#fff;
		background-color: #faa732;
		*background-color: #f89406;
		background-image: -ms-linear-gradient(top, #fbb450, #f89406);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
		background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
		background-image: -o-linear-gradient(top, #fbb450, #f89406);
		background-image: -moz-linear-gradient(top, #fbb450, #f89406);
		background-image: linear-gradient(top, #fbb450, #f89406);
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		background-repeat: repeat-x;
		border-color: #f89406 #f89406 #ad6704;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.btn-warning:hover{
		background-color:#f89406;
		background-image:none;
	}
	/* Info Button */
	.btn-info{
		color:#fff;
		background-color: #0074cc;
		*background-color: #0055cc;
		background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
		background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
		background-image: -o-linear-gradient(top, #0088cc, #0055cc);
		background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
		background-image: linear-gradient(top, #0088cc, #0055cc);
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		background-repeat: repeat-x;
		border-color: #0055cc #0055cc #003580;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.btn-info:hover{
		background-color:#0055cc;
		background-image:none;
	}
	/* Disabled Button */
	.btn-disabled{
		color: #999;
		text-shadow: 0 1px 1px #fff;
		background-color: #f5f5f5;
		*background-color: #e6e6e6;
		background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		background-repeat: repeat-x;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
		-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
		-o-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
		box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4), 0px 1px 2px rgba(0,0,0,0.3);
		cursor:default;
	}
	.btn-disabled:hover{
		background-color:#e6e6e6;
		color:#a7a7a7;
		background-image:none;
	}
	.btn-disabled:active{
		top:0px;
	}
	/* Cancel Button */
	.btn-cancel{
		color: #666;
		text-shadow: 0 1px 1px #fff;
		background-color: #f5f5f5;
		*background-color: #e6e6e6;
		background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		background-repeat: repeat-x;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
		-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
		-o-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
		box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4), 0px 1px 2px rgba(0,0,0,0.3);
	}
	.btn-cancel:hover{
		background-color:#e6e6e6;
		background-image:none;
	}
	
	/* Current Question Button */
	.btn-current{
		color:#fff;
		background-color: #faa732;
		*background-color: #f89406;
		background-image: -ms-linear-gradient(top, #fbb450, #f89406);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
		background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
		background-image: -o-linear-gradient(top, #fbb450, #f89406);
		background-image: -moz-linear-gradient(top, #fbb450, #f89406);
		background-image: linear-gradient(top, #fbb450, #f89406);
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		background-repeat: repeat-x;
		border-color: #f89406 #f89406 #ad6704;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.btn-current:hover{
		background-color:#f89406;
		background-image:none;
	}
	/* Answered Question Button */
	.btn-answered{
	}
	/* Un-answered Question Button */
	.btn-question{
		color:#333;
		text-shadow:0px 1px 0px #fff;
		background-color: #cdcdcd;
		*background-color: #cdcdcd;
		background-image: -ms-linear-gradient(top, #e3e3e3, #cdcdcd);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e3e3e3), to(#cdcdcd));
		background-image: -webkit-linear-gradient(top, #e3e3e3, #cdcdcd);
		background-image: -o-linear-gradient(top, #e3e3e3, #cdcdcd);
		background-image: -moz-linear-gradient(top, #e3e3e3, #cdcdcd);
		background-image: linear-gradient(top, #e3e3e3, #cdcdcd);
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#cdcdcd', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		background-repeat: repeat-x;
		border-color: #51a351 #51a351 #387038;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.btn-question:hover{
		color:#fff;
		text-shadow:0px -1px 0px rgba(0,0,0,0.7);
	}
	/* Button for text segment within a QTI package */
	.btn-qti-text{
		color:#333;
		text-shadow:0px 1px 0px #fff;
		background-color: #fff;
		*background-color: #fff;
		background-image: -ms-linear-gradient(top, #fff, #e7e7e7);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e7e7e7));
		background-image: -webkit-linear-gradient(top, #fff, #e7e7e7);
		background-image: -o-linear-gradient(top, #fff, #e7e7e7);
		background-image: -moz-linear-gradient(top, #fff, #e7e7e7);
		background-image: linear-gradient(top, #fff, #e7e7e7);
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff', endColorstr='#e7e7e7', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		background-repeat: repeat-x;
		border-color: #51a351 #51a351 #387038;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		font-family:Palatino, Constantia, "Palatino Linotype", serif;
		padding-top:3px;
	}
	.btn-qti-text:hover{
		background-color: #cdcdcd;
		*background-color: #cdcdcd;
		background-image: -ms-linear-gradient(top, #e3e3e3, #cdcdcd);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e3e3e3), to(#cdcdcd));
		background-image: -webkit-linear-gradient(top, #e3e3e3, #cdcdcd);
		background-image: -o-linear-gradient(top, #e3e3e3, #cdcdcd);
		background-image: -moz-linear-gradient(top, #e3e3e3, #cdcdcd);
		background-image: linear-gradient(top, #e3e3e3, #cdcdcd);
		filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#cdcdcd', GradientType=0);
		filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		color:#000;
	}
	/* Small Buttons */
	.btn-small{
		padding-left:.5em; padding-right:.5em;
		font-size:0.9em;
		line-height:1.9em;
		height:1.9em;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
		border-radius:3px;
		-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4), 0px 1px 1px rgba(0,0,0,0.3);
		-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4), 0px 1px 1px rgba(0,0,0,0.3);
		-o-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4), 0px 1px 1px rgba(0,0,0,0.3);
		box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4), 0px 1px 1px rgba(0,0,0,0.3);
	}
	/* Medium Buttons */
	.btn-medium{
		padding-left:.6em; padding-right:.6em;
		font-size:1.3em;
		line-height:1.5em;
		height:1.5em;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
		border-radius:3px;
		-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.3);
		-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.3);
		-o-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.3);
		box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.3);
	}
	/* Large Buttons */
	.btn-large{
		padding-left:.6em; padding-right:.6em;
		font-size:1.7em;
		line-height:1.9em;
		height:1.9em;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
		border-radius:3px;
		-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.3);
		-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.3);
		-o-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.3);
		box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.3);
	}
	/* X-large Buttons */
	.btn-x-large{
		padding-left:.9em; padding-right:.9em;
		font-size:2.1em;
		line-height:2.3em;
		height:2.3em;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-o-border-radius:10px;
		border-radius:10px;
		-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.3);
		-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.3);
		-o-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.3);
		box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.3);
	}


input.btn{
	line-height:18px;
}
