﻿@import url("fonts.css");

/************************/
/******* INPUTS *********/
/************************/

input[type="text"], textarea, select {
    padding: 5px;   
    border: 1px solid #979797;
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
    font-family: Tahoma, WeblySleek, sans-serif;
    font-size: 13px;
}

input[type="text"]:hover, textarea:hover, select:hover {
    border:1px solid #cccccc;
}

input[type="text"]:focus, textarea:focus, select:focus {
    box-shadow:0 0 2px #c71a1a;
}

/************************/
/******* BUTTON *********/
/************************/
.btn {
	border: none;
	cursor: pointer;
	padding: 5px 15px;
	display: inline-block;
	margin: 5px 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 12px;
	outline: none;
	position: relative;
	background: #63CB4E; /*#cb4e4e;*/
	color: #fff;
	box-shadow: 0 6px #49AB3C; /*#ab3c3c;*/
	border-radius: 0 0 5px 5px;
   font-family: Tahoma, WeblySleek, sans-serif;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:hover {
	box-shadow: 0 4px #49AB3C;
	top: 2px;
}

.btn:active {
	box-shadow: 0 0 #49AB3C;
	top: 6px;
}

/************************/
/******* WAITER *********/
/************************/
.waiter_panel {
   background-color: White;
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   opacity:0.5;
   filter:alpha(opacity=70);
   display: block;
}

.waiter_image
{
   background: url('../img/loading.gif') no-repeat white;
   background-position: center center;
   width: 50px;
   height: 50px;
   position: relative;
   left: 45%;
   top: 45%;
}