body{
	font-family: "century gothic","helvetica neue",helvetica,arial,sans-serif;
}
textarea{
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
	font-family: "century gothic","helvetica neue",helvetica,arial,sans-serif;
	font-size: 20px;  
}
label{
	font-family: "century gothic","helvetica neue",helvetica,arial,sans-serif;
	font-size: 20px;  
}
input[type=submit], button, a.button, a.loginButton{
	 cursor: pointer;
 	 width: 460px;  
     height: 40px;  
     line-height: 40px;  
     color: white;  
     text-decoration: none;  
     font-size: 20px;
     font-family: "century gothic","helvetica neue",helvetica,arial,sans-serif;
     font-weight: bold;  
     display: block;  
     text-align: center;  
     position: relative;  
     /* BACKGROUND GRADIENTS */  
     background: #99ca28;  
     background: -moz-linear-gradient(top, #CFE782 0%, #9BCB2A 2%, #5DA331 97%, #659635 100%);
     background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0, #CFE782), color-stop(.2, #9BCB2A), color-stop(.97, #5DA331), to(#659635));  
     /* BORDER RADIUS */  
     border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
     /* TEXT SHADOW */  
     text-shadow: -1px -1px 2px #777777;
	 color: #ffffff;
     /* BOX SHADOW */  
     -moz-box-shadow: 0 1px 3px black;  
     -webkit-box-shadow: 0 1px 3px black;  
     box-shadow: 0 1px 3px black;  
    }  
    /* WHILE HOVERED */  
    a.button:hover, a.loginButton:HOVER {  
        background: #79aa08;  
    	background: -moz-linear-gradient(top, #aFc762 0%, #7BaB0A 2%, #3D8311 97%, #457615 100%);
     	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0, #aFc762), color-stop(.2, #7BaB0A), color-stop(.97, #3D8311), to(#457615));  
     }  
    /* WHILE BEING CLICKED */  
    a.button:active, a.loginButton:active {  
        -moz-box-shadow: inset 0 4px 2px black;  
        -webkit-box-shadow:inset 0 4px 2px black;  
        box-shadow: inset 0 4px 2px black;  
    }  
    a.loginButton{
    background-color: #0072bb;
	background-image: -moz-linear-gradient(top, #4d90fe, #0072bb);
	background-image: -ms-linear-gradient(top, #4d90fe, #0072bb);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#0072bb));
	background-image: -webkit-linear-gradient(top, #4d90fe, #0072bb);
	background-image: -o-linear-gradient(top, #4d90fe, #0072bb);
	background-image: linear-gradient(top, #4d90fe, #0072bb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#0072bb', GradientType=0);
    }
	a.loginButton:HOVER{
	background-color: #4d90fe;	
	background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
	background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
	background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
	background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
	background-image: linear-gradient(top, #4d90fe, #4787ed);
	
	background-repeat: repeat-x;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#4787ed', GradientType=0);
	
	}
td.landingPageLabel{
	color:white;
	opacity: 1.0;
	font-size: 40px;
	font-family: "century gothic","helvetica neue",helvetica,arial,sans-serif;
	padding-bottom: 20px;
	font-weight: bold;
	text-shadow: -1px -1px 2px black;
	 color: #ffffff;
}
td.landingPageSubLabel{
	color:white;
	opacity: 1.0;
	font-size: 25px;
	font-family: "century gothic","helvetica neue",helvetica,arial,sans-serif;
	padding-bottom: 10px;
	text-shadow: -1px -1px 2px black;
	 color: #ffffff;
}
input[type=text],input[type=email],input[type=number],input[type=password],input[type=file],select
{
	width:450px;
	height: 30px; 
	font-family: "century gothic","helvetica neue",helvetica,arial,sans-serif;
	font-size: 20px;
	margin-right:5px;
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
	
}
a.footerText{
	color: white;
	font-size: 17px;
	cursor: pointer;
}
a.footerText:hover{
	color: gray;
	text-decoration: none;
}
a.footerText:ACTIVE {
	color: graytext;
	text-decoration: none;
}
img.clickable{
	cursor: pointer;
}
div.explanationBox{
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
	background-color: rgba(255,255,255,0.8); 
	min-width: 500px;
	width: 500px; 
	height: 300px;
	-moz-box-shadow: inset 0 4px 2px gray;  
    -webkit-box-shadow:inset 0 4px 2px gray;  
    box-shadow: inset 0 4px 2px gray;  
    text-align: center;
    color: #ffffff;
    text-shadow: -1px -1px 4px black;
    border: 3px solid black;
	font-size: 30px;
    font-weight: bold;
    padding-top: 15px;
}
hr.blackLine{
	border: solid 1px black;
}
a.leftMenuChoice{
	display: block;
	width: 100%;
	height: 100%;
	color: black;
	cursor: pointer;
}
a.leftMenuChoice:HOVER{
	background-color: rgba(153,202,40,0.6);
	text-decoration: none;
}
@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
	-webkit-transform: rotate(360deg);
	}
}
#loading {
	border: 1px solid #000;
	border-right: 0;
	border-bottom: 0;
	-webkit-border-radius: 100px;
	height: 100px;
	width: 100px;
	margin: 100px;
	-webkit-transition: all 0.5s ease-in;
	-webkit-animation-name: rotate;
	-webkit-animation-duration: 1.0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
h3{
	font-size: 22px;
}
td.tableFields{
	width: 200px;
	font-size: 17px;
	padding-top: 8px;
}
input[type=text],input[type=email],input[type=password],select.tableFields
{
	font-size: 17px;
}
div.branches
{
	border: 3px solid #cccccc;
}
#picker { width: 200px; height: 200px }
#slide { width: 30px; height: 200px }
div.card{
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
	width: 200px;
	height: 200px;
	
}
div.chargeCard{
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
	width: 400px;
	height: 200px;
	
}
th.weekDays{
	background-color: black;
	color: white;
	border: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
	width: 10%;
}
td.weekDays{
	border: 1px solid black;
	padding: 10px;
}

textarea.sales{
	min-width: 130px;
	max-width: 130px;
	font-size: 15px;
}
a.tabLink{
	background-color: rgba(0,200,00,0.5);
	color:black; 
	cursor: pointer; 
	padding: 10px;
	font-size: 17px;
	border-radius: 10px 10px 0px 0px; 
	-moz-border-radius: 10px 10px 0px 0px; 
	-webkit-border-radius: 10px 10px 0px 0px;
	
}
a.tabLink:HOVER{
	background-color: rgba(0,100,00,0.5);
}
a.tabLinkSet{
	background-color: rgba(0,100,00,0.5);
	color:black; 
	cursor: pointer; 
	padding: 10px;
	font-size: 17px;
	border-radius: 10px 10px 0px 0px; 
	-moz-border-radius: 10px 10px 0px 0px; 
	-webkit-border-radius: 10px 10px 0px 0px;
}
.innerCardsFrame{
	border: 3px solid rgba(0,100,00,0.5);
	margin-top: -3px;
}
fieldset {
  padding: 10;
  margin: 10;
  border: 2;
}

.coloumn {
	display: inline-block;
	width: 20%;
}

.row {
	display: block;
	margin-left: 0;
}

.action-link, .action-link:hover {
	font-weight: 600;
	color: #99ca28;
	opacity: 0.5;
	cursor: pointer;
	text-decoration: none;
}

.action-link:hover {
	opacity: 1;
}