﻿body
{
	 background:#FFFFFF;
  color:#888;
  font-family: 'Ubuntu Mono', sans-serif;
  text-transform:uppercase;
}
.maindiv
{
	height: 100%;
	width: 100%;
}

.maintable
{
	height: 100%;
	width: 100%;
	padding: 50px;
}
.simplebutton1
{
	color: #fff;
	background-color:#9b59b6;
	padding:10px;
	border:none 0px transparent;
	font-size: 25px;
	font-weight: lighter;
	webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius:  2px 2px 2px 2px;
	border-radius:  2px 2px 2px 2px;
}

.simplebutton1:hover
{
	background-color:#3498db;
	border:solid 1px #fff;
}

.simplebutton1:focus
{
	color: #383838;
	background-color: #fff;
	border:solid 3px rgba(98,176,255,0.3);
}

/*** SECOND BUTTON ***/

.simpleshape1
{
	color: #fff;
	background-color:#7c7d89;
	padding:10px;
	border:none 0px transparent;
	font-size: 25px;
	font-weight: lighter;
	webkit-border-radius: 2px 16px 16px 16px;
	-moz-border-radius:  2px 16px 16px 16px;
	border-radius:  2px 16px 16px 16px;
}

.simpleshape1:hover
{
	background-color: #e74c3c;
	border:solid 1px #fff;
}

.simpleshape1:focus
{
	color: #383838;
	background-color: #fff;
	border:solid 3px rgba(98,176,255,0.3);
}

/**** THIRD BUTTON ***/
.bordereffect
{
	color: #1abc9c;
	background-color: Transparent;
	width: 340px;
	padding: 10px;
	border: solid 2px #1abc9c;
	font-size: 20px;
	font-weight: lighter;
	font-family: Consolas;
	webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}

.bordereffect:hover
{
	color: #fff;
	border: solid 5px #fff;
	cursor:pointer;
}

.bordereffect:focus
{

}
/*** BORDER BOTTOM ***/
.borderbottom
{
	color: #d35400;
	background-color: Transparent;
	height: 50px;
	width: 340px;
	padding: 10px;
	border: solid 0px #d35400;
	border-bottom: solid 2px #d35400;
	font-size: 20px;
	font-weight: lighter;
	webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}

.borderbottom:hover
{
	color: #f39c12;
	border: solid 0px #f39c12;
	border-bottom: solid 2px #f39c12;
	border-top: solid 2px #f39c12;
}

/*** BORDER EFFECT ***/
.bordereffect
{
	color: #1abc9c;
	background-color: Transparent;
	padding: 10px;
	border: solid 2px #1abc9c;
	font-size: 20px;
	font-weight: lighter;
	font-family: Consolas;
	webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}

.bordereffect:hover
{
	color: #fff;
	border: solid 5px #fff;
	cursor:pointer;
}

.bordereffect:focus
{

}

/*** SIMPLE TRANSIT ***/
.simpletransit
{
	color: #fff;
	background-color: #9b59b6;
	padding: 10px;
	font-size: xx-large;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	transition: width 2s, height 4s;
	-webkit-transition: width 1s, height 1s; /* For Safari 3.1 to 6.0 */
	-webkit-transition-delay: 1s; /* Safari */
	transition-delay: 1s;
	font-weight: 700;
	font-family: Tahoma;
}

.simpletransit:hover
{
	background-color: #ffdf9d;
	color: #000;
	height: 65px;
	width: 375px;
	padding: 10px;
	border: solid 1px #fff;
	-webkit-border-radius: 16px 2px 16px 2px;
	-moz-border-radius: 16px 2px 16px 2px;
	border-radius: 16px 2px 16px 2px;
	font-size: 25px;
	transition: opacity 1s, top 1s, right 1s;
	cursor: pointer;
}




/*** IMAGE BUTTON ***/
.imagebutton
{
	color: #fff;
	background-color: Transparent;
	height: 50px;
	width: 340px;
	padding: 10px;
	border: solid 0px #d4d4d4;
	border-bottom: solid 2px #d4d4d4;
	font-size: 20px;
	font-weight: lighter;
	webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}

.imagebutton:hover
{
	background: url('../image/right.png') no-repeat right center;
	border-bottom: solid 6px #fff;
}


.buttonSearch {
  padding: 15px 25px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #04AA6D;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button:hover {background-color: #3e8e41}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
