/*******************************************************************************************
*******************************************************************************************
/shared/css/modules/_buttons.css
*******************************************************************************************
*******************************************************************************************/

.btn,
.ui-dialog .ui-dialog-buttonpane button { /* jquery ui dialog button */
	background-color: #1a6399;
	background-image: -webkit-linear-gradient(#2372ad, #0f578c); /* Safari */
	background-image: -moz-linear-gradient(#2372ad, #0f578c); /* Firefox */
	background-image: linear-gradient(#2372ad, #0f578c);
	border: 1px solid #054b7f;
	border-radius: 5.3px; /* .3 added as an ie fix */ 
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
    padding: 5px 15px 6px 15px;
    position: relative; /* enable absolute positioning of elements within */
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    vertical-align: middle;
    z-index: 1;
}   
	.btn:visited {
		color: #fff;
	}
	.btn.active,
	.btn:hover,
	.ui-dialog .ui-dialog-buttonpane button:hover { /* jquery ui dialog button */
		background-color: #085186;
		background-image: -webkit-linear-gradient(#085186, #1a6399); /* Safari */
		background-image: -moz-linear-gradient(#085186, #1a6399); /* Firefox */
		background-image: linear-gradient(#085186, #1a6399);
		color: #fff;
	}
.btn .arrowRight {
	margin-left: 5px;
	border-left-color: #fff;
}
.btn .arrowLeft {
	margin-left: 5px;
	border-right-color: #fff;
}

.btn-close,
.popoutClose {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a3a1a1;
    border-radius: 10px;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 19px;
    line-height: 19px;
    position: absolute;
    right: -12px;
    /*right: 5px; changed on the student profile page */
    text-align: center;
    text-decoration: none;
    top: -10px;
    /* top: 15px; changed on the student profile page */
    width: 19px;
    z-index: 11;
}

/*********/
/* SIZES */

.btn-sm {
	font-size: 13px;
	padding: 3px 10px 4px 10px;
}
.btn-lg {
	font-size: 15px;
	padding: 7px 30px 8px 30px;
}
.btn-xl {
	font-size: 17px;
	padding: 9px 20px 10px 20px;
}

/*****************************/
/* COLORS (defaults to blue) */

/* yellow */
.btn-alt {
	background-color: #e8a709;
	background-image: -webkit-linear-gradient(#fac850, #e8a709); /* Safari */
	background-image: -moz-linear-gradient(#fac850, #e8a709); /* Firefox */
	background-image: linear-gradient(#fac850, #e8a709);
	border: 1px solid #da9c06;
	color: #222;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .4);
}
    .btn-alt:visited {
        color: #222;
    }
	.btn-alt:hover {
		background: #dd9d02;
		background: -webkit-linear-gradient(#dd9d02, #edb11f); /* Safari */
		background: -moz-linear-gradient(#dd9d02, #edb11f); /* Firefox */
		background: linear-gradient(#dd9d02, #edb11f);
		color: #222;
	}
	.btn-alt:visited {
		color: #222;
	}
	.btn-alt .arrowRight {
		border-left-color: #222;
	}
	.btn-alt .arrowLeft {
		border-right-color: #222;
	}
	.box.btn-alt {
		color: #222;
	}
	
/* green */
.btn-confirm,
.ui-dialog .ui-dialog-buttonpane button { /* jquery ui dialog button */
	background-color: #5a9e0c;
	background-image: -webkit-linear-gradient(#68af17, #4c8c02); /* Safari */
	background-image: -moz-linear-gradient(#68af17, #4c8c02); /* Firefox */
	background-image: linear-gradient(#68af17, #4c8c02);
	border: solid 1px #478401;
}
	.btn-confirm:hover,
	.ui-dialog .ui-dialog-buttonpane button:hover { /* jquery ui dialog button */
		background-color: #4d9001;
		background-image: -webkit-linear-gradient(#448000, #569b07); /* Safari */
		background-image: -moz-linear-gradient(#448000, #569b07); /* Firefox */
		background-image: linear-gradient(#448000, #569b07);
	}	
	
/* subtler gray without hover effect */	
.btn-off,
.btn-off:hover {
	background: #dddddd;
	border: solid 1px #ccc;
	color: #777;
	cursor: default;
	text-shadow: none;
}	
    .btn-off:visited {
        color: #777;
    }
	.box.btn-off {
		color: #777;
	}
	
/* red */
.btn-prominent {
	background-color: #ed2c24;
	background-image: -webkit-linear-gradient(#ed2c24, #cb0901); /* Safari */
	background-image: -moz-linear-gradient(#ed2c24, #cb0901); /* Firefox */
	background-image: linear-gradient(#ed2c24, #cb0901);
	border: solid 1px #b50801;
	color: #fff;
}
    .btn-prominent:visited {
        color: #fff;
    }
	.btn-prominent:hover {
		background-color: #cb0901;
		background-image: -webkit-linear-gradient(#b50801, #cb0901); /* Safari */
		background-image: -moz-linear-gradient(#b50801, #cb0901); /* Firefox */
		background-image: linear-gradient(#b50801, #cb0901);
		color: #fff;
	}
	.box.btn-prominent {
		color: #fff;
	}
	
/* gray */	
.btn-subtle {
	background-color: #dddddd;
	background-image: -webkit-linear-gradient(#d6d6d6, #bebdbd); /* Safari */
	background-image: -moz-linear-gradient(#d6d6d6, #bebdbd); /* Firefox */
	background-image: linear-gradient(#d6d6d6, #bebdbd);
	border: solid 1px #aeadad;
	color: #333;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .4);
}
    .btn-subtle:visited {
        color: #333;
    }
	.btn-subtle:hover {
		background-color: #ccc;
		background-image: -webkit-linear-gradient(#a9a9a9, #c2c2c2); /* Safari */
		background-image: -moz-linear-gradient(#a9a9a9, #c2c2c2); /* Firefox */
		background-image: linear-gradient(#a9a9a9, #c2c2c2);
		color: #333;
	}
	.btn-subtle .arrowRight {
		border-left-color: #222;
	}
	.btn-subtle .arrowLeft {
		border-right-color: #222;
	}	
	.box.btn-subtle {
		color: #333;
	}
	
/* plain link */
.btn.btn-fauxLink,
.btn.btn-fauxLink:hover { /* extra .btn needed to prevent site-specific overrides */
	background: none;
	border-color: transparent;
	color: #055bad;
	text-shadow: none;
}	
.btn.btn-fauxLink:visited {
	color: #055bad;
}