/* BUTTON LOGIN */
.buttonone {background:#000;border-radius:3px;border:none;display:inline-block;cursor:pointer;color:#fff;font-weight:700;font-size:12px;font-family:'Titillium Web', sans-serif;padding:2% 5%;text-decoration:none;}
.buttonone:hover {background:#222;}
.buttonone:active {position:relative;top:1px;}
/* ==================================================================================================== */

/* ===2=== */
.buttontwo {background:#000;border-radius:3px;border:none;display:inline-block;cursor:pointer;color:#fff;font-weight:700;font-size:12px;font-family:'Titillium Web', sans-serif;padding:2% 5%;text-decoration:none;width:96%;text-align:center;}
.buttontwo:hover {background:#222;}
.buttontwo:active {position:relative;top:1px;}
/* ==================================================================================================== */

/* ===3=== */
.buttonthree {
	background:#000;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:700;
	font-size:12px;
	font-family:'Titillium Web', sans-serif;
	padding:2% 10%;
	text-decoration:none;
	text-align:center;
	width:80%;
}
.buttonthree:hover {
	background:#222;
}
.buttonthree:active {
	position:relative;
	top:1px;
}
/* ==================================================================================================== */

/* ===4=== */
.buttonfour {
	background:#000;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:700;
	font-size:12px;
	font-family:'Titillium Web', sans-serif;
	padding:2% 5%;
	text-decoration:none;
	text-align:center;
}
.buttonfour:hover {
	background:#222;
}
.buttonfour:active {
	position:relative;
	top:1px;
}
/* ==================================================================================================== */

/* ===5=== */
.buttonfive {
	background:#FFF;
	border-radius:3px;
	border:1px solid #ddd;
	display:inline-block;
	cursor:pointer;
	color:#666;
	font-weight:700;
	font-size:12px;
	font-family:'Titillium Web', sans-serif;
	padding:5px 0;
	text-decoration:none;
	text-align:center;
	width:100%;
}
.buttonfive:hover {
	background:#222;
	border:1px solid #222;
	color:#FFF;
}
.buttonfive:active {
	position:relative;
	top:1px;
}
/* ==================================================================================================== */

/* === ORANGE BUTTON === */
.orangebutton {
	background:#F89924;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:700;
	font-size:12px;
	font-family:'Titillium Web', sans-serif;
	padding:2% 5%;
	text-decoration:none;
} 
.orangebutton:hover {
	background:#CF830A;
}
.orangebutton:active {
	position:relative;
	top:1px;
}
/* ==================================================================================================== */

/* === DEACTIVATED BUTTON === */
.deactivebutton {
	background:#ddd;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:700;
	font-size:12px;
	font-family:'Titillium Web', sans-serif;
	padding:8px 0;
	text-decoration:none;
	width:100%;
} 
.deactivebutton:hover {
	background:#ccc;
}
.deactivebutton:active {
	position:relative;
	top:1px;
}
/* ==================================================================================================== */

/* === FULL BUTTON === */
.fullbutton {
	background:#F89924;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:700;
	font-size:12px;
	font-family:'Titillium Web', sans-serif;
	padding:8px 0;
	text-decoration:none;
	width:100%;
} 
.fullbutton:hover {
	background:#E17F07;
}
.fullbutton:active {
	position:relative;
	top:1px;
}
/* ==================================================================================================== */

/* === PANEL BUTTON === */
.autobutton {
	background:#F89924;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:700;
	font-size:12px;
	font-family:'Titillium Web', sans-serif;
	padding:8px 30px;
	text-decoration:none;
} 
.autobutton:hover {
	background:#E17F07;
}
.autobutton:active {
	position:relative;
	top:1px;
}
/* ==================================================================================================== */

/* === STAND BUTTON === */
.standbutton {
	background:#F89924;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:700;
	font-size:12px;
	font-family:'Titillium Web', sans-serif;
	padding:8px 0;
	text-decoration:none;
	width:100%;
	text-align:center;
}
.standbutton:hover {
	background:#E17F07;
}
.standbutton:active {
	position:relative;
	top:1px;
}
/* ==================================================================================================== */

/* confirmbutton */
.confirmbutton {
	background:#006600;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:700;
	font-size:12px;
	font-family:'Titillium Web', sans-serif;
	padding:8px 0;
	text-decoration:none;
	width:100%;
	text-align:center;
}
.confirmbutton:hover {
	background:#004D00;
}
.confirmbutton:active {
	position:relative;
	top:1px;
}
/* ==================================================================================================== */

/* === DONE BUTTON === */
.donebutton {
	background:#ddd;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:700;
	font-size:12px;
	font-family:'Titillium Web', sans-serif;
	padding:8px 0;
	text-decoration:none;
	width:100%;
} 
.donebutton:hover {
	background:#ddd;
}
.donebutton:active {
	position:relative;
	top:1px;
}
/* ==================================================================================================== */

/* MODAL */
#modalbtn {background:#fff;border-radius:0;border:none;display:inline-block;cursor:pointer;color:#444;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;padding:2px 0;text-decoration:none;text-align:center;}
#modalbtn:hover {color:#E17F07;}
#modalbtn:active {position:relative;top:1px;}
/* ==================================================================================================== */

/* CHAT */
#chatbtn {background:#fff;border-radius:0;border:none;display:inline-block;cursor:pointer;color:#444;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;padding:2px 0;text-decoration:none;text-align:center;}
#chatbtn:hover {color:#E17F07;}
#chatbtn:active {position:relative;top:1px;}
/* ==================================================================================================== */