/* 
 ----------------------------------------------------------------------------------
 ------ ----- ---- --- -- -  user Styling  - -- --- ---- ----- ------
 ----------------------------------------------------------------------------------
*/

/* ----- ---- --- -- -  bdkblue - -- --- ---- ----- */

.buttonPro.bdkblue{
	background: #02759B; /* --- */
	background: -webkit-gradient(linear, left top, left bottom, from(#0290BF), to(#02759B));
	background: -moz-linear-gradient(top, #0290BF, #02759B);
	border-color: #4081af #2e69a3 #20559a;
	color: #fff;
	text-shadow: 0 1px 1px #4081af;
	-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
	-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
}
.buttonPro.bdkblue:hover, .buttonPro.bdkblue:focus{
	background: #02779E; /* --- */
	background: -webkit-gradient(linear, left top, left bottom, from(#016B8E), to(#026B8E));  
                                         	/* 마우스 오버시에 from 상단색상 /  to 하단 색상 */
	background: -moz-linear-gradient(top, #027FA9, #02779E);
	border-color: #2a73a6 #165899 #07428f;
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9;
	box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9;
}
.buttonPro.bdkblue:active{
	background: #037DA6; /* 마우스 클릭할 때 잠시 나오면 색 */
	border-color: #154c8c #154c8c #0e408e;
	text-shadow: 0 -1px 1px #1d62ab;
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5;
	box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5;
}

/* ----- ---- --- -- -  yenarablue - -- --- ---- ----- */

.buttonPro.yenarablue{
	background: #28618E; /* --- */
	background: -webkit-gradient(linear, left top, left bottom, from(#2D6FA1), to(#28618E));/* from 상단색상 /  to 하단 색상 */
	background: -moz-linear-gradient(top, #2D6FA1, #28618E);
	border-color: #4081af #2e69a3 #20559a;/* top, 좌우, bottom */
	color: #fff;
	text-shadow: 0 1px 1px #2B6998; /* -10 그림자색*/
	-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
	-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;/* safari */
}
.buttonPro.yenarablue:hover, .buttonPro.yenarablue:focus{
	background: #24587F; /* 마우스 오버시에 -- +15*/
	background: -webkit-gradient(linear, left top, left bottom, from(#2D6FA1), to(#24587F));                                           	
	background: -moz-linear-gradient(top, #2D6FA1, #24587F); /* from 상단색상은 위와 동일 */
	
	border-color: #1E4A6B #1E4A6B #2A5FA4; /* top,좌우=active shadow와 같게, bottom-10 */
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #1E4A6B;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #1E4A6B;
	box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #1E4A6B; /* +35  active shadow와 같게*/
}
.buttonPro.yenarablue:active{
	background: #275E89; /* 마우스 누르고 있으면 나오면 색 */
	border-color: #3F7EAC #2D67A0 #2A5FA4; /* top-10, 좌우-10, bottom+15 */
	text-shadow: 0 -1px 1px #1d62ab;
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1E4A6B;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1E4A6B;
	box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1E4A6B;  /* +35 */
}

/* ----- ---- --- -- -  dgsgblue - -- --- ---- ----- */

.buttonPro.dgsgblue{
	background: #5482BD; /* --- */
	background: -webkit-gradient(linear, left top, left bottom, from(#669EE7), to(#5482BD));/* from 상단색상 /  to 하단 색상 */
	background: -moz-linear-gradient(top, #2D6FA1, #5482BD);
	border-color: #4081af #2e69a3 #20559a;/* top, 좌우, bottom */
	color: #fff;
	text-shadow: 0 1px 1px #2B6998; /* -10 그림자색*/
	-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
	-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;/* safari */
}
.buttonPro.dgsgblue:hover, .buttonPro.dgsgblue:focus{
	background: #5887C4; /* 마우스 오버시에 -- +15*/
	background: -webkit-gradient(linear, left top, left bottom, from(#669EE7), to(#5482BD));                                           	
	background: -moz-linear-gradient(top, #2D6FA1, #24587F); /* from 상단색상은 위와 동일 */
	
	border-color: #1E4A6B #1E4A6B #2A5FA4; /* top,좌우=active shadow와 같게, bottom-10 */
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #1E4A6B;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #1E4A6B;
	box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #1E4A6B; /* +35  active shadow와 같게*/
}
.buttonPro.dgsgblue:active{
	background: #5887C4; /* 마우스 누르고 있으면 나오면 색 */
	border-color: #3F7EAC #2D67A0 #2A5FA4; /* top-10, 좌우-10, bottom+15 */
	text-shadow: 0 -1px 1px #1d62ab;
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1E4A6B;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1E4A6B;
	box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1E4A6B;  /* +35 */
}

/* ----- ---- --- -- -  chimblue - -- --- ---- ----- */

.buttonPro.chimblue{
	background: #676767; /* --- */
	background: -webkit-gradient(linear, left top, left bottom, from(#AAA7AE), to(#676767));/* from 상단색상 /  to 하단 색상 */
	background: -moz-linear-gradient(top, #AAA7AE, #676767);/* 위에서 아래로...*/
	border-color: #676767 #AAA7AE #676767;/* top, 좌우, bottom */
	color: #fff;
	text-shadow: 0 1px 1px #676767; /* -10 그림자색*/
	-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #AAA7AE;
	-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #AAA7AE;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #AAA7AE;/* safari */
}
.buttonPro.chimblue:hover, .buttonPro.chimblue:focus{
	background: #676767; /* 마우스 오버시에 -- +15*/
	background: -webkit-gradient(linear, left top, left bottom, from(#AAA7AE), to(#676767));                                           	
	background: -moz-linear-gradient(top, #AAA7AE, #676767); /* from 상단색상은 위와 동일 */
	
	border-color: #676767 #AAA7AE #676767; /* top,좌우=active shadow와 같게, bottom-10 */
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #676767;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #676767;
	box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #676767; /* +35  active shadow와 같게*/
}
.buttonPro.chimblue:active{
	background: #676767; /* 마우스 누르고 있으면 나오면 색 */
	border-color: #676767 #AAA7AE #676767; /* top-10, 좌우-10, bottom+15 */
	text-shadow: 0 -1px 1px #1d62ab;
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #676767;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #676767;
	box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #676767;  /* +35 */
}


/* ----- ---- --- -- -  church  sbch - -- --- ---- ----- */

.buttonPro.sbch{
	background: #0A7C99; /* --- */
	background: -webkit-gradient(linear, left top, left bottom, from(#16BCE5), to(#0A7C99));/* from 상단색상 /  to 하단 색상 */
	background: -moz-linear-gradient(top, #16BCE5, #0A7C99);/* 위에서 아래로...*/
	border-color: #0A7C99 #16BCE5 #0A7C99;/* top, 좌우, bottom */
	color: #fff;
	text-shadow: 0 1px 1px #0A7C99; /* -10 그림자색*/
	-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #16BCE5;
	-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #16BCE5;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #16BCE5;/* safari */
}
.buttonPro.sbch:hover, .buttonPro.sbch:focus{
	background: #0A7C99; /* 마우스 오버시에 -- +15*/
	background: -webkit-gradient(linear, left top, left bottom, from(#16BCE5), to(#0A7C99));                                           	
	background: -moz-linear-gradient(top, #16BCE5, #0A7C99); /* from 상단색상은 위와 동일 */
	
	border-color: #0A7C99 #16BCE5 #0A7C99; /* top,좌우=active shadow와 같게, bottom-10 */
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #0A7C99;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #0A7C99;
	box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #0A7C99; /* +35  active shadow와 같게*/
}
.buttonPro.sbch:active{
	background: #0A7C99; /* 마우스 누르고 있으면 나오면 색 */
	border-color: #0A7C99 #16BCE5 #0A7C99; /* top-10, 좌우-10, bottom+15 */
	text-shadow: 0 -1px 1px #1d62ab;
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #0A7C99;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #0A7C99;
	box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #0A7C99;  /* +35 */
}

/* ----- ---- --- -- -  church  - -- --- ---- ----- */

.buttonPro.church{
	background: #5482BD; /* --- */
	background: -webkit-gradient(linear, left top, left bottom, from(#669EE7), to(#13375E));/* from 상단색상 /  to 하단 색상 */
	background: -moz-linear-gradient(top, #2566AE, #5482BD);
	border-color: #4081af #2e69a3 #20559a;/* top, 좌우, bottom */
	color: #fff;
	text-shadow: 0 1px 1px #2B6998; /* -10 그림자색*/
	-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
	-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;/* safari */
}
.buttonPro.church:hover, .buttonPro.church:focus{
	background: #5887C4; /* 마우스 오버시에 -- +15*/
	background: -webkit-gradient(linear, left top, left bottom, from(#669EE7), to(#13375E));                                           	
	background: -moz-linear-gradient(top, #2D6FA1, #24587F); /* from 상단색상은 위와 동일 */
	
	border-color: #1E4A6B #1E4A6B #2A5FA4; /* top,좌우=active shadow와 같게, bottom-10 */
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #1E4A6B;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #1E4A6B;
	box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #1E4A6B; /* +35  active shadow와 같게*/
}
.buttonPro.church:active{
	background: #5887C4; /* 마우스 누르고 있으면 나오면 색 */
	border-color: #3F7EAC #2D67A0 #2A5FA4; /* top-10, 좌우-10, bottom+15 */
	text-shadow: 0 -1px 1px #1d62ab;
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1E4A6B;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1E4A6B;
	box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1E4A6B;  /* +35 */
}