@charset "utf-8";

body { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: center;
background-color: white;
} 

.mid 
{
text-align: center;
}
.mid_red 
{
text-align: center;
background-color: #FF0000;
}


#case td.
{
    
}
.right 
{
text-align: right;
padding:0;
}
.middle 
{
text-align: center;
}

.fieldset 
{
border: 1px;
}
.field3
{
padding:5px;
margin: 5px;
width: 300px; 
border-color: black;
border: 3px;
background-color:#9EC68E ;
}
.field4
{
padding:5px;
margin: 5px;
width: 400px; 
border-color: black;
border: 3px;
background-color:#9EC68E ;
}
.field45
{
padding:5px;
margin: 5px;
width: 450px; 
border-color: black;
border: 3px;
background-color:#9EC68E ;
}
.field5
{
padding:5px;
margin: 5px;
width: 500px; 
border-color: black;
border: 3px;
background-color:#9EC68E ;
}

.field400
{
padding:5px;
margin: 5px;
width: 600px; 
border-color: black;
border: 3px;
background-color:#9EC68E ;
}
.field200
{
padding:5px;
margin: 5px;
width: 400px; 
border-color: black;
border: 3px;
background-color:#9EC68E ;
}
.field600
{
padding:5px;
margin: 5px;
width: 900px; 
border-color: black;
border: 3px;
background-color:#9EC68E ;
}
.left 
{
text-align: left;
padding:0;
}
.right 
{
text-align: right;
padding:0;
}
.w150 
{
column-width: 550px;
}

.red 
{
    background-color: yellow;
    color:red;
    
}

.lila 
{
    background-color: #FF00FF;
    color:black;
    text-align: center;
}
.yellow 
{
    background-color: yellow;
    color:black;
    text-align: center;
}
.orange
{
    background-color: orange;
    color:black;
    text-align: center;
}
.green 
{
    background-color: #00FF00;
    color:black;
    text-align: center;
}
.blue 
{
    background-color: #00FFFF;
    color:black;
    text-align: left;
}
.blue_center 
{
    background-color: #00FFFF;
    color:black;
    text-align: center;
}
#color
{
   color:red;
   
}

h1 {font-size: 2em;    padding: 0 ; margin: 0 ; color: #B50AFF; font-weight: bold;}
h2 {font-size: 1.5em;  padding: 0 ; margin: 0 ; color: black;}
h3 {font-size: 1.2em;  padding: 0 ; margin: 0 ; color: black;}
h4 {font-size: 2em;    padding: 0 ; margin: 0 ; color: red; font-weight: bold;}
h5 {font-size: 1em;    padding: 0 ; margin: 0 ; color: green; font-weight: bold;}
p  {font-size: 1.5em;  padding: 0 ; margin: 0 ; color: black;}

/* LAYOUT */
#layout {margin-right: auto; margin-left: auto; padding: ; width: 100%; background-color: white;}

/* HEADER*/

#header {padding: 0; margin: 0; height: 72px;   background-image: url(../img/header_bg.png);background-repeat: repeat-x;}
#header h1 { font-size: 3em;  padding: 20px 10px 0 0px; margin: 0 ; color: white; font-weight: bold; text-shadow: 5px 2px 0px black,5px 0px 10px black;}
#header img { margin: 0; padding:  5px 0 0 10px; float: left ; }

 
/* HEADER  DEMO

#header {padding: 0; margin: 0; height: 72px;   background-image: url(../img/header_bg.png);background-repeat: repeat-x;}
#header h1 { font-size: 3em;  padding: 20px 10px 0 0px; margin: 0 ; color: white; font-weight: bold; text-shadow: 5px 2px 0px black,5px 0px 10px black;background-color: #FF00FF; }
#header img { margin: 0; padding:  5px 0 0 10px; float: left ; }
*/

/* COLUMNCONTAINER */
#columncontainer{ margin: 0 ; padding:  1px ; float: left; width: 100%;background-color: white; }
#columncontainer img{ border: none;}

/* COLUMN 1 */
#column1 {float: left; min-height: 300px; width: 20%; margin: 0; padding: 2px; background-color:white;}

/* COLUMN 2 */
#column2 {float: left; min-height: 300px; width: 45%; margin: 0; padding: 0; background-color: white;}

/* COLUMN 3 */
#column3 {float: left; min-height: 300px; width: 10%; margin: 0; padding: 0; background-color: white;}

/* COLUMN 4 */
#column4 {float: left; min-height: 300px; width: 85%; margin: 0; padding: 0; border: 0; background-color: white;}

/* COLUMN 5 */
#column5 {float: left; min-height: 300px; width: 70%; margin: 0; padding: 0; border: 0; background-color: white;}

/* COLUMN 6 */
#column6 {float: left; min-height: 300px; width: 5%; margin: 10px; padding: 10px 0px 10px 10px; background-color:white;}

/* COLUMN 4 */
#column7 {float: left; min-height: 300px; width: 90%; margin: 0; padding: 0; border: 0; background-color: white;}
/* COLUMN 4 */
#column8 {float: left; min-height: 300px; width: 70%; margin: 0; padding: 0; border: 0; background-color: white;}
/* COLUMN 9 */
#column9 {float: left; min-height: 300px; width: 25%; margin: 50px 0 0 0 ; padding: 0; background-color: white;}
/* COLUMN 6 */
#column10 {float: left; min-height: 300px; width: 1%; margin: 10px; padding: 10px 0px 10px 10px; background-color:white;}

/*FORM*/


/* NORMAL*/
form.login
{
    margin: 150px auto auto auto;
    width: 50%;
}

form.login fieldset { 
    width: 400px; 
    background-color: white;
}
form.login fieldset legend { 
    background-color: #99CC00; 
    font-size: 3em ; 
    font-weight: bold;
    text-align: center;
}
form.login fieldset.top { 
    width: 300px; 
    background-color: #80B46A;
}
form.login input {  
    font-size: 16px ; 
}    
form.login td { 
    font-size: 16px ; 
}


/*DEMO
form.login
{
    margin: 150px auto auto auto;
    width: 50%;
}

form.login fieldset { 
    width: 400px; 
    background-color: white;
}
form.login fieldset legend { 
    background-color: #FF00FF; 
    font-size: 3em ; 
    font-weight: bold;
    text-align: center;
}
form.login fieldset.top { 
    width: 300px; 
    background-color: #80B46A;
}
form.login input {  
    font-size: 16px ; 
}    
form.login td { 
    font-size: 16px ; 
}
*/

form.normal fieldset { 
    width: 600px; 
    background-color: #9EC68E;
}
form.normal fieldset legend { 
    background-color: #80B46A; 
    font-size: 3em ; 
    font-weight: bold;
}
form.normal fieldset.top { 
    width: 600px; 
    background-color: #DD90FF;
}
form.normal input { 
    font-size: 16px ;
    
}    
form.normal td { 
    font-size: 16px ; 

}
form.normal.td.right { 
    font-size: 16px ;
    text-align: right; 

}
form.normal td.s { 
    font-size: 16px; 
    
}
form.normalb fieldset { 
    width: 1000px; 
    background-color: #9EC68E;
}
form.normalb fieldset legend { 
    background-color: #80B46A; 
    font-size: 3em ; 
    font-weight: bold;
}
form.normalb fieldset.top { 
    width: 600px; 
    background-color: #DD90FF;
}
form.normalb input { 
    font-size: 16px ;
}    
form.normalb td { 
    font-size: 16px ; 
    
}
form.normalb td.s { 
    font-size: 16px; 
    
}

form.normal_s fieldset { 
    width: 300px; 
    background-color: #9EC68E;
}
form.normal_s fieldset legend { 
    background-color: #80B46A; 
    font-size: 3em ; 
    font-weight: bold;
}
form.normal_s fieldset.top { 
    width: 400px; 
    background-color: #DD90FF;
}
form.normal_s input { 
    font-size: 16px ;
}    
form.normal_s td { 
    font-size: 16px ; 
    
}



form.normal_old fieldset { 
    width: 600px; 
    background-color: #9EC68E;
}
form.normal_old fieldset legend { 
    background-color: #FFFF00; 
    font-size: 2.8em ; 
    font-weight: bold;
}
form.normal_old fieldset.top { 
    width: 600px; 
    background-color: #DD90FF;
}
form.normal_old input { 
    font-size: 16px ;
}    
form.normal_old td { 
    font-size: 16px ; 
    
}

fieldset.bg_white
{
    border-color: #9EC68E;
    border-width:2px;
    border-radius: 10px;
    margin: 5px;
    padding: 2% 2%;
    background-color: white;
    
}

#logo  
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 0 0;
}

hr{ 
    color: green;
    border-width:5px;
    
} 
hr.min { 
    color: red;
    border-width:1px;
    
} 

table.data {border: solid 1px black; border-collapse: collapse;  margin: 6px; padding: 2px;  }
table.data caption{ border: solid 1px black; background-color: #80B46A; color: black ; font-size: 2em; font-weight: bold; text-align: left; margin: 0; padding: 0; ;}
table.data thead th { border: solid 1px black; background-color: #9EC68E; color: black ; font-size: 1.5em; text-align: left; margin: 0; padding: 0;}
table.data thead th.mid{  text-align: center; }
table.data thead th.yellowr{  background-color: yellow; text-align: right;}
table.data thead th.yellowl{  background-color: yellow; text-align: left;}
table.data thead th.yellowc{  background-color: yellow; text-align: center;}
table.data thead th.oranger{  background-color: orange; text-align: right;}
table.data thead th.orangel{  background-color: orange; text-align: left;}
table.data thead th.orangec{  background-color: orange; text-align: center;}
table.data tbody input{ background:#CCFFCC; margin: 0; padding: 0; text-align: right; font-size: 16px;}
table.data tbody { font-size: 14px;  margin: 0; padding: 0;}
table.data tbody.even tr { background:#EAE7E7; margin: 2px; padding: 2px;}
table.data tbody.odd tr { background:white; margin: 2px; padding: 2px;}
table.data td { border: solid 1px black; margin: 2px; padding: 5px;  }
table.data tbody.tr.empty { border: solid 1px red; margin: 0px; padding: 0px;  }

table.datay {border: solid 1px black; border-collapse: collapse;  margin: 6px; padding: 2px;  }
table.datay caption{ border: solid 1px black; background-color: orange; color: black ; font-size: 2em; font-weight: bold; text-align: left; margin: 0; padding: 0; ;}
table.datay thead th { border: solid 1px black; background-color: yellow; color: black ; font-size: 1.5em; text-align: left; margin: 0; padding: 0;}
table.datay thead th.mid{  text-align: center; }
table.datay thead th.yellowr{  background-color: yellow; text-align: right;}
table.datay thead th.yellowl{  background-color: yellow; text-align: left;}
table.datay thead th.yellowc{  background-color: yellow; text-align: center;}
table.datay thead th.oranger{  background-color: orange; text-align: right;}
table.datay thead th.orangel{  background-color: orange; text-align: left;}
table.datay thead th.orangec{  background-color: orange; text-align: center;}
table.datay tbody input{ background:#CCFFCC; margin: 0; padding: 0; text-align: right; font-size: 16px;}
table.datay tbody { font-size: 14px;  margin: 0; padding: 0;}
table.datay tbody.even tr { background:#EAE7E7; margin: 2px; padding: 2px;}
table.datay tbody.odd tr { background:white; margin: 2px; padding: 2px;}
table.datay td { border: solid 1px black; margin: 2px; padding: 5px;  }
table.datay tbody.tr.empty { border: solid 1px red; margin: 0px; padding: 0px;  }

table.datays {border: solid 1px black; border-collapse: collapse;  margin: 6px; padding: 2px;  }
table.datays caption{ border: solid 1px black; background-color: orange; color: black ; font-size: 2em; font-weight: bold; text-align: left; margin: 0; padding: 0; ;}
table.datays thead th { border: solid 1px black; background-color: yellow; color: black ; font-size: 1em; text-align: left; margin: 0; padding: 0;}
table.datays thead th.mid{  text-align: center; }
table.datays thead th.yellowr{  background-color: yellow; text-align: right;}
table.datays thead th.yellowl{  background-color: yellow; text-align: left;}
table.datays thead th.yellowc{  background-color: yellow; text-align: center;}
table.datays thead th.oranger{  background-color: orange; text-align: right;}
table.datays thead th.orangel{  background-color: orange; text-align: left;}
table.datays thead th.orangec{  background-color: orange; text-align: center;}
table.datays tbody input{ background:#CCFFCC; margin: 0; padding: 0; text-align: right; font-size: 16px;}
table.datays tbody { font-size: 14px;  margin: 0; padding: 0;}
table.datays tbody.even tr { background:#EAE7E7; margin: 2px; padding: 2px;}
table.datays tbody.odd tr { background:white; margin: 2px; padding: 2px;}
table.datays td { border: solid 1px black; margin: 2px; padding: 5px;  }
table.datays tbody.tr.empty { border: solid 1px red; margin: 0px; padding: 0px;  }

table.datayb {border: solid 1px black; border-collapse: collapse;  margin: 6px; padding: 2px;  }
table.datayb caption{ border: solid 1px black; background-color: orange; color: black ; font-size: 2.5em; font-weight: bold; text-align: left; margin: 0; padding: 0; ;}
table.datayb thead th { border: solid 1px black; background-color: yellow; color: black ; font-size: 2em; text-align: left; margin: 0; padding: 0;}
table.datayb thead th.mid{  text-align: center; }
table.datayb thead th.yellowr{  background-color: yellow; text-align: right;}
table.datayb thead th.yellowl{  background-color: yellow; text-align: left;}
table.datayb thead th.yellowc{  background-color: yellow; text-align: center;}
table.datayb thead th.oranger{  background-color: orange; text-align: right;}
table.datayb thead th.orangel{  background-color: orange; text-align: left;}
table.datayb thead th.orangec{  background-color: orange; text-align: center;}
table.datayb tbody input{ background:#CCFFCC; margin: 0; padding: 0; text-align: right; font-size: 25px;}
table.datayb tbody { font-size: 20px;  margin: 0; padding: 0;}
table.datayb tbody.even tr { background:#EAE7E7; margin: 2px; padding: 2px;}
table.datayb tbody.odd tr { background:white; margin: 2px; padding: 2px;}
table.datayb td { border: solid 1px black; margin: 2px; padding: 5px;  }
table.datayb tbody.tr.empty { border: solid 1px red; margin: 0px; padding: 0px;  }

table.datab {border: solid 1px black; border-collapse: collapse;  margin: 6px; padding: 2px;  }
table.datab caption{ border: solid 1px black; background-color: #80B46A; color: black ; font-size: 2.5em; font-weight: bold; text-align: left; margin: 0; padding: 0; ;}
table.datab thead th { border: solid 1px black; background-color: #9EC68E; color: black ; font-size: 2em; text-align: left; margin: 0; padding: 0;}
table.datab thead th.mid{ text-align: center; }
table.datab thead th.yellowr{  background-color: yellow; text-align: right;}
table.datab thead th.yellowl{  background-color: yellow; text-align: left;}
table.datab thead th.yellowc{  background-color: yellow; text-align: center;}
table.datab tbody input{ background:#CCFFCC; margin: 0; padding: 0; text-align: right; font-size: 20px;}
table.datab tbody { font-size: 16px;  margin: 0; padding: 0;}
table.datab tbody.even tr { background:#EAE7E7; margin: 2px; padding: 2px;}
table.datab tbody.odd tr { background:white; margin: 2px; padding: 2px;}
table.datab td { border: solid 1px black; margin: 2px; padding: 5px;  }
table.datab tbody.tr.empty { border: solid 1px red; margin: 0px; padding: 0px;  }


table.datar {border: solid 1px black; border-collapse: collapse;  margin: 6px; padding: 2px;  }
table.datar caption{ border: solid 1px black; background-color: red; color: black ; font-size: 2em; font-weight: bold; text-align: left; margin: 0; padding: 0; ;}
table.datar thead th { border: solid 1px black; background-color: red; color: black ; font-size: 1.5em; text-align: left; margin: 0; padding: 0;}
table.datar thead th.mid{  text-align: center; }
table.datar thead th.yellow{  background-color: yellow;}
table.datar tbody input{ background:#CCFFCC; margin: 0; padding: 0; text-align: right;}
table.datar tbody { font-size: 1.2em;  margin: 0; padding: 0;}
table.datar tbody.even tr { background:#EAE7E7; margin: 2px; padding: 2px;}
table.datar tbody.odd tr { background:white; margin: 2px; padding: 2px;}
table.datar td { border: solid 1px black; margin: 2px; padding: 5px;  }
table.datar tbody.tr.empty { border: solid 1px red; margin: 0px; padding: 0px;  }

#sil_qual1{ background:#CCFFCC; margin: 0; padding: 0;}
#sil_qual2{ background:#FFCC00; margin: 0; padding: 0;}

.center
{
margin:50px auto;
width:70%;

}

.center2
{
margin:20px auto;
width:80%;


}

.error {
  color: red;
}
 
.dropdown_200 {
    font-size: 16px;
    width: 300px;
    background-color: #CCFFCC;
}
.dropdown_100 {
    font-size: 16px;
    width: 100px;
}

.dropdown_150 {
    font-size: 16px;
    width: 250px;
}
ul#navigation
		{
			padding: 5px 5px 5px 5px;
            margin-left: 5px 5px 5px 5px;
			list-style-type: none;
    	}
		
ul#navigation li 
		{ 
			display: block; 
		}
		
ul#navigation  a
		{
			display: block;
			padding: 20px 40px 10px 20px;
			text-decoration: none;
			background:  url(../img/button_gray_up.png) 0 100% no-repeat;
			font-size: 16px;
			font-weight: bold;
			color: #FFF;	
		}
		
ul#navigation  a:hover
		{
			color: #000;
			background: url(../img/button_blue_down.png) 0 100% no-repeat;
		}

ul#navigation_line
		{
			padding: 5px 5px 5px 5px;
            margin-left: 5px 5px 5px 5px;
			list-style-type: none;
    	}

ul#navigation_line li 
		{ 
			display: inline; 
		}
ul#navigation_line  a
		{
			display: inline;
			padding: 25px 100px 10px 20px;
			text-decoration: none;
			background:  url(../img/down.png) 0 100% no-repeat;
			font-size: 16px;
			font-weight: bold;
			color: black;	
		}
        
ul#navigation_line
		{
			padding: 5px 5px 5px 5px;
            margin-left: 5px 5px 5px 5px;
			list-style-type: none;
    	}
                
ul#navigation_linebig  a
		{
			display: inline;
			padding: 25px 100px 10px 20px;
			text-decoration: none;
			background:  url(../img/downbig.png) 0 100% no-repeat;
			font-size: 10em;
			font-weight: bold;
			color: black;	
		}
		
ul#navigation_linebig  a:hover
		{
			color: white;
			background: url(../img/upbig.png) 0 100% no-repeat;
		}
        
ul#navigation_linebigcolli button
		{
			display: inline;
			padding: 18px 100px 50px 133px;
			text-decoration: none;
			background:  url(../img/downbig.png) 0 100% no-repeat;
			font-size: 2em;
			font-weight: bold;
			color: black;	
		}
ul#navigation_linebigcolli  button:hover
		{
			color: white;
			background: url(../img/upbig.png) 0 100% no-repeat;
		}


ul#navigation_linebig1700
		{
			padding: 5px 5px 5px 5px;
            margin-left: 5px 5px 5px 5px;
			list-style-type: none;
    	}
ul#navigation_linebig2000
		{
			padding: 5px 5px 5px 5px;
            margin-left: 5px 5px 5px 5px;
			list-style-type: none;
    	}
ul#navigation_linebigcolli
		{
			padding: 5px 5px 5px 5px;
            margin-left: 5px 5px 5px 5px;
			list-style-type: none;
            
    	}
        









ul#navigation_linebig li 
		{ 
			display: inline; 
		}

ul#navigation_linebig1700 button
		{
			display: inline;
			padding: 18px 100px 50px 133px;
			text-decoration: none;
			background:  url(../img/downbig1700.png) 0 100% no-repeat;
			font-size: 2em;
			font-weight: bold;
			color: black;	
		}
ul#navigation_linebig1700  button:hover
		{
			color: white;
			background: url(../img/upbig1700.png) 0 100% no-repeat;
		}
ul#navigation_linebig2000 button
		{
			display: inline;
			padding: 18px 100px 50px 133px;
			text-decoration: none;
			background:  url(../img/downbig2000.png) 0 100% no-repeat;
			font-size: 2em;
			font-weight: bold;
			color: black;	
		}
ul#navigation_linebig2000  button:hover
		{
			color: white;
			background: url(../img/upbig2000.png) 0 100% no-repeat;
		}
        

input.pic[type=radio], input.pic[type=checkbox] 
        {
            display:none;
            margin:10px;
        }   



input.pic[type=radio] + label, input.pic[type=checkbox] + label {
    display:inline-block;
		margin:-2px;
		padding: 4px 12px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		color: white;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: red;
		border: 1px solid #ccc;
		border-color: red #e6e6e6 #bfbfbf;
		border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		border-bottom-color: #b3b3b3;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

input[type=radio]:checked + label, input[type=checkbox]:checked + label {
       background-image: none;
       outline: 0;
	   -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	   -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	   box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	   background-color:green;
}

#okpad
{
   margin: 250px 50px;
   padding: 50px 10px 100px 10px ;
}

.big
{
    font-size: 75px ;
    background: #CCFFCC;
}

input[type="number"] {
   width:250px;
}

.bigblack
{
    font-size: 50px ;
    background: white;
    font-weight: bold;
    width: 100px;
}
.biggreen
{
    font-weight: bold;
    
}
.biggreen p
{
    font-size: 50px ;
    
}

.bigtext
{
    font-size: 75px ;
    background: red;
    margin: 50px 0 0 0 ;
    text-align: center;
}

.bigtext_nocolour 
{
    font-size: 40px ;
    margin: 50px 0 0 0 ;
    text-align: center;
    font-weight: bold;
    
}

.bigtext_orange
{
    font-size: 75px ;
    background: orange;
    margin: 50px 0 0 0 ;
    text-align: center;
}

.big:hover {
    font-size: 75px ;
    background: #00FF00;
    
}

.halfbig
{
    font-size: 40px ;
}
.quartbig
{
    font-size: 20px ;
}

.btn-style{
	border : solid 2px #e6e6e6;
	border-radius : 11px;
	moz-border-radius : 11px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 5em;
	color : #050505;
	padding : 6px 20px;
	background : #ffffff;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background : -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -o-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );

}


button {
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.button1 {
    padding: 14px 35px;
    background-color: black;
    color: white; 
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}

.button1:hover {
    padding: 14px 35px;
    background-color: red;
    color: white;
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}
.button1b {
    padding: 14px 35px;
    background-color: black;
    color: white; 
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 50px;
}

.button1b:hover {
    padding: 14px 35px;
    background-color: red;
    color: white;
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 50px;
}
.button1s {
    padding: 0px 10px;
    background-color: black;
    color: white; 
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    
}

.button1s:hover {
    padding: 0px 10px;
    background-color: red;
    color: white;
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
.button1sb {
    padding: 0px 10px;
    background-color: blue;
    color: white; 
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    
}

.button1sb:hover {
    padding: 0px 10px;
    background-color: red;
    color: white;
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
.button1sr {
    padding: 0px 10px;
    background-color: red;
    color: white; 
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    
}

.button1sr:hover {
    padding: 0px 10px;
    background-color: green;
    color: white;
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
.button1m {
    padding: 5px 20px;
    background-color: black;
    color: white; 
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    
}

.button1m:hover {
    padding: 5px 20px;
    background-color: red;
    color: white;
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}