@CHARSET "UTF-8";

.buttons_bkg_markom
{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
  	background-color: rgb(100, 100, 100);
  	box-shadow: 0.574px 0.819px 10px 0px rgba(55, 104, 127, 0.55);
	-webkit-box-shadow: 0.574px 0.819px 10px 0px rgba(55, 104, 127, 0.55);
	-moz-box-shadow:    0.574px 0.819px 10px 0px rgba(55, 104, 127, 0.55);

	min-height: 200px;
	padding: 20px;
}


.markom_btn,
#buy_login_button_markom,
#markom_demo_btn,
#exam_btn_markom,
#login_button
{
  	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

	background-image: rgb(159,159,159); 
  	background-image: -moz-linear-gradient( 90deg, rgb(159,159,159) 0%, rgb(217,217,217) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(159,159,159) 0%, rgb(217,217,217) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(159,159,159) 0%, rgb(217,217,217) 100%);
	
  	box-shadow: 		0.105px 0.995px 10px 0px rgba(55, 104, 127, 0.77);
	-moz-box-shadow:	0.105px 0.995px 10px 0px rgba(55, 104, 127, 0.77);
	-webkit-box-shadow:	0.105px 0.995px 10px 0px rgba(55, 104, 127, 0.77);
	
	color: black;
	cursor: hand;
	cursor: pointer;
	
	margin-top: 10px;
	padding: 10px;
	text-align: center;
}

.markom_btn:hover,
#buy_login_button_markom:hover,
#markom_demo_btn:hover,
#exam_btn_markom:hover,
#login_button:hover
{
	background-image: rgb(187,187,187); 
	background-image: -moz-linear-gradient( 90deg, rgb(187,187,187) 0%, rgb(245,245,245) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(187,187,187) 0%, rgb(245,245,245) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(187,187,187) 0%, rgb(245,245,245) 100%);
  	
  	box-shadow: 		0.105px 0.995px 10px 0px rgba(55, 104, 127, 0.77);
	-moz-box-shadow:	0.105px 0.995px 10px 0px rgba(55, 104, 127, 0.77);
	-webkit-box-shadow:	0.105px 0.995px 10px 0px rgba(55, 104, 127, 0.77);
}

#markom_demo_btn:active { position: absolute; right: 19px; top: 6px; }

#buy_login_button_markom:active,
#exam_btn_markom:active,
#login_button:active
{
	position: relative;
	left: 1px;
	top: 1px;
}

#markom_demo_btn 
{
	position: absolute; 
	right: 20px; 
	top: 5px;
}


#exam_btn_markom{
	
	display: none;

	height: 195px;
	
	margin-top: 45px;
	padding: 25px;
	text-align: left;
}

#exam_btn_markom_circle {
  	border-radius: 50%;
  	background-image: -moz-linear-gradient( 90deg, rgb(141,0,15) 0%, rgb(112,0,12) 49%, rgb(141,38,38) 51%, rgb(200,0,22) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(141,0,15) 0%, rgb(112,0,12) 49%, rgb(141,38,38) 51%, rgb(200,0,22) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(141,0,15) 0%, rgb(112,0,12) 49%, rgb(141,38,38) 51%, rgb(200,0,22) 100%);
  	box-shadow: 0.105px 0.995px 10px 0px rgba(0, 0, 0, 0.54);
  	width: 198px;
  	height: 198px;
}

#exam_btn_markom:hover #exam_btn_markom_circle {
  	border-radius: 50%;
  	background-image: -moz-linear-gradient( 90deg, rgb(141,0,15) 0%, rgb(112,0,12) 49%, rgb(141,38,38) 51%, rgb(200,0,22) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(141,0,15) 0%, rgb(112,0,12) 49%, rgb(141,38,38) 51%, rgb(200,0,22) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(141,0,15) 0%, rgb(112,0,12) 49%, rgb(141,38,38) 51%, rgb(200,0,22) 100%);
  	box-shadow: 0.105px 0.995px 21px 0px rgba(255, 255, 255, 0.004);
  	width: 198px;
  	height: 198px;
}