/* -------------- Button Base -------------- */
.button, .buttonbar a {
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    position: relative;
    color: #4679bd;
    background-repeat: repeat-x;
    background-color: #ededed;
    background-image: -moz-linear-gradient(top, #ededed 0%, #cccccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#cccccc));
    background-image: -webkit-linear-gradient(top, #ededed 0%,#cccccc 100%);
    background-image: -o-linear-gradient(top, #ededed 0%,#cccccc 100%);
    //background-image: -ms-linear-gradient(top, #ededed 0%,#cccccc 100%);
    background-image: linear-gradient(top, #ededed 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cccccc',GradientType=0 );    
    
    text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
	font-weight: bold;
    border: 1px solid #ddd; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #aaa;
}

.button_sample {
    text-decoration: none;
    display: inline-block;
    position: relative;
    color: #4679bd;
    background-repeat: repeat-x;
    background-color: #ededed;
    background-image: -moz-linear-gradient(top, #ededed 0%, #cccccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#cccccc));
    background-image: -webkit-linear-gradient(top, #ededed 0%,#cccccc 100%);
    background-image: -o-linear-gradient(top, #ededed 0%,#cccccc 100%);
    //background-image: -ms-linear-gradient(top, #ededed 0%,#cccccc 100%);
    background-image: linear-gradient(top, #ededed 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cccccc',GradientType=0 );    
    
    text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
	font-weight: bold;
    border: 1px solid #ddd; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #aaa;
}

.btn_size0 {
	font-size: 26px !important;
	height: 35px;
	line-height: 30px;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}

.btn_size1 {
	font-size: 17px !important;
	height: 30px;
	line-height: 30px;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}

.btn_size2 {
	font-size: 16px !important;
	padding: 0 20px;
	height: 21px;
	line-height: normal;
}

.btn_search {
	cursor: pointer;
	font-weight: bold;
	padding-left: 35px !important;
	background-image: url(../images/search.png)!important;
	background-repeat: no-repeat;
	filter: !important;
}

.btn_map {
	font-size: 16px;
	height: 13px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin: 0px;
}

.button:hover, .buttonbar a:hover {
    background-position: 0 15px;
}

.button:active, .buttonbar a:active, .buttonbar a.active {
    background-color: #e1e1e1;
    background-image: -moz-linear-gradient(top, #e1e1e1 0%, #c1c1c1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#c1c1c1));
    background-image: -webkit-linear-gradient(top, #e1e1e1 0%,#c1c1c1 100%);
    background-image: -o-linear-gradient(top, #e1e1e1 0%,#c1c1c1 100%);
    background-image: -ms-linear-gradient(top, #e1e1e1 0%,#c1c1c1 100%);
    background-image: linear-gradient(top, #e1e1e1 0%,#c1c1c1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#c1c1c1',GradientType=0 );    
    
    -webkit-box-shadow: inset 0 0px 10px rgba(0,0,0, .2), inset 0 0px 1px rgba(0, 0, 0, .4);
    -moz-box-shadow: inset 0 0px 10px rgba(0,0,0, .2), inset 0 0px 1px rgba(0, 0, 0, .4);
    box-shadow: inset 0 0px 10px rgba(0,0,0, .2), inset 0 0px 1px rgba(0, 0, 0, .4);
}


/* -------------- Colors -------------- */
a.blue, input.blue {
    color: #FFF;
    border: solid 1px #0078a5;
    background-color: #00adee !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background-image: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
    
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);     
    -moz-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);     
    box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);         
}
a.blue:active, a.blue.active, input.blue:active, input.blue.active { background-color: #0078a5; background-image: none; }

a.green, input.green {
    color: #FFF;
    border: solid 1px #4C7714;
    background-color: #66AB0D;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#66AB0D), to(#4e7d0e));
    background-image: -moz-linear-gradient(top,  #66AB0D,  #4e7d0e);
    /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#66AB0D', endColorstr='#4e7d0e');*/
    
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);        
    -moz-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);        
    box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);        
}
a.green:active, a.green.active, input.green:active, input.green.active { background-color: #4e7d0e;}

a.red_brown, input.red_brown {
    color: #FFF;
    border: solid 1px #7A1F00;
    background-color: #CC3300;
    background-image: -moz-linear-gradient(top, #CC3300 0%, #A12B00 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC3300), color-stop(100%,#A12B00));
    background-image: -webkit-linear-gradient(top, #CC3300 0%,#A12B00100%);
    background-image: -o-linear-gradient(top, #CC3300 0%,#A12B00100%);
    background-image: -ms-linear-gradient(top, #CC3300 0%,#A12B00100%);
    background-image: linear-gradient(top, #CC3300 0%,#A12B00100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC3300', endColorstr='#A12B00',GradientType=0 );
    
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);        
    -moz-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);        
    box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);        
}
a.red_brown:active, a.red_brown.active, input.red_brown:active, input.red_brown.active { background-color: #A62900; background-image: none;}

a.orange, input.orange {    
    color: #005484;
    border: solid 1px #DAA300;    
    background-color: #FCA903;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FCA903), to(#f47a20));
    background-image: -moz-linear-gradient(top,  #FCA903,  #f47a20);
    /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCA903', endColorstr='#f47a20');*/

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);          
    -moz-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);          
    box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);              
}
a.orange:active, a.orange.active , input.orange:active, input.orange.active { background-color: #e27627; background-image: none; }

a.yellow, input.yellow {    
    color: #005484 !important;
    border: solid 1px #DAA300;    
    background-color: #FFE310;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFE310), to(#f47a20));
    background-image: -moz-linear-gradient(top,  #FFE310,  #f47a20);
    /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE310', endColorstr='#f47a20');*/

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);          
    -moz-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);          
    box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);              
}
a.yellow:active, a.yellow.active , input.yellow:active, input.yellow.active { background-color: #CCAD00; background-image: none; }

a.red, input.red {
    color: #fff;
    border: 1px solid #B50000;
    background-color: #ff3019 !important;
    background-image: -moz-linear-gradient(top, #ff3019 0%, #BC0000 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#BC0000));
    background-image: -webkit-linear-gradient(top, #ff3019 0%,#BC0000100%);
    background-image: -o-linear-gradient(top, #ff3019 0%,#BC0000100%);
    background-image: -ms-linear-gradient(top, #ff3019 0%,#BC0000100%);
    background-image: linear-gradient(top, #ff3019 0%,#BC0000100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#BC0000',GradientType=0 );
    
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);          
    -moz-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);          
    box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);       
}
a.red:active, a.red.active, input.red:active, input.red.active { background-color: #C40000; background-image: none; }

a.brown, input.brown {
    color: #F1E9DD;
    border: solid 1px #58492A;
    background-color: #937641;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#937641), to(#58492A));
    background-image: -moz-linear-gradient(top,  #937641,  #58492A);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#937641', endColorstr='#58492A');
    
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);     
    -moz-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);     
    box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);         
}
a.brown:active, a.brown.active, input.brown:active, input.brown.active { background-color: #58492A; background-image: none; }

a.black, input.black {
    color: #f4f4f4;
    border: 1px solid #111;
    background-color: #434343;
    background-image: -moz-linear-gradient(top, #434343 0%, #1e1e1e 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(100%,#1e1e1e));
    background-image: -webkit-linear-gradient(top, #434343 0%,#1e1e1e 100%);
    background-image: -o-linear-gradient(top, #434343 0%,#1e1e1e 100%);
    background-image: -ms-linear-gradient(top, #434343 0%,#1e1e1e 100%);
    background-image: linear-gradient(top, #434343 0%,#1e1e1e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#1e1e1e',GradientType=0 );    

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .8);
    -webkit-box-shadow: inset 0 1px rgba(255,255,255, .3), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);          
    -moz-box-shadow: inset 0 1px rgba(255,255,255, .3), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);          
    box-shadow: inset 0 1px rgba(255,255,255, .3), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1);     
    
}
a.black:active, a.black.active, input.black:active, input.black.active { background-color: #222; background-image: none; }

.buttonbar a.orange,
.buttonbar a.green,
.buttonbar a.red_brown,
.buttonbar a.blue,
.buttonbar input.orange,
.buttonbar input.green,
.buttonbar input.blue
{ border-right: none; }