/*
save - blue with white text: #003087, #ffffff
back, cancel - white with gray text: #ffffff, #63666A
correct, next, continue, close - white with green text: #ffffff, #003087 
done - white with red text: #ffffff, #651D32
*/

/* common attributes */
.save, .back, .correct, .next, .continue, .close, .cancel, .done {
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}

.save:active, .back:active, .correct:active, .next:active, .continue:active, .close:active, .cancel:active, .done:active {
	position:relative;
	top:1px;
}

/* end common attributes */

/* save, save and validate, save and continue, submit survey, add answer and show all answers buttons */
.save {
	background-color:#003087;
	color:#ffffff;
	border:1px solid #002855;
	box-shadow: 0px 6px 14px -7px #002855;
}

.save a:link, .save a:hover, .save a:visited, .save a:active {
    color:#FFFFFF;
    font-size:13px;
}

.save:hover {
	background-color:#002855;
	color:#ffffff;	
}


/* back button */
.back, .cancel {
	background-color:#ffffff;
	color:#63666A;
	border:1px solid #000000;
	box-shadow: 0px 6px 14px -7px #63666A;
}

.back a:link, .back a:visited, .back a:active {
    color:#63666A;
    font-size:16px;
}

.back:hover, .cancel:hover{
	background-color:#63666A;
	color:#ffffff;
}


.back a:hover {
	background-color:#63666A;
	color:#ffffff;
}

.cancel a:hover {
	background-color:#63666A;
	color:#ffffff;
}

/* correct errors, next buttons */
.correct, .next, .continue, .close {
	background-color:#ffffff;
	color:#003087;
	border:1px solid #003087;
	box-shadow: 0px 6px 14px -7px ##003087;
}

.correct:hover, .next:hover, .continue:hover, .close:hover {
	background-color:#003087;
	color:#ffffff;
}

.correct a:link, .correct a:hover, .correct a:visited, .correct a:active {
    color:#003087;
    font-size:13px;
}

.next a:link, .next a:hover, .next a:visited, .next a:active {
    color:#003087;
    font-size:13px;
}

.continue a:link, .continue a:hover, .continue a:visited, .continue a:active {
    color:#003087;
    font-size:13px;
}

.close a:link, .close a:hover, .close a:visited, .close a:active {
    color:#003087;
    font-size:13px;
}

/* done button */
.done {
	background-color:#ffffff;
	color:#651D32;
	border:1px solid #000000;
	box-shadow: 0px 6px 14px -7px #651D32;
}

.done a:link, .done a:visited, .done a:active {
    color:#651D32;
    font-size:16px;
}

.done:hover {
	background-color:#651D32;
	color:#ffffff;
}


.done a:hover {
	background-color:#651D32;
	color:#ffffff;
}