.but {
    cursor: pointer;
    color: white !important;
    font-weight: bold;
    text-decoration: none !important;
    display: inline-block;
    border-collapse: separate !important;
    
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    
    border: 1px solid #70c6d6;
    border-bottom: 1px solid #1f899d;
    
    background-color: #70c6d6;
    
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a5eefc), to(#5cc1d4));
    background: -webkit-linear-gradient(#a5eefc, #5cc1d4);
    background: -moz-linear-gradient(#a5eefc, #5cc1d4);
    background: -ms-linear-gradient(#a5eefc, #5cc1d4);
    background: -o-linear-gradient(#a5eefc, #5cc1d4);
    background: linear-gradient(#a5eefc, #5cc1d4);
    -pie-background: linear-gradient(#a5eefc, #5cc1d4);
}
.but:hover {
    /*opacity:1.0;*/
    
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a5eefc), to(#3FAFC4));
    background: -webkit-linear-gradient(#a5eefc, #3FAFC4);
    background: -moz-linear-gradient(#a5eefc, #3FAFC4);
    background: -ms-linear-gradient(#a5eefc, #3FAFC4);
    background: -o-linear-gradient(#a5eefc, #3FAFC4);
    background: linear-gradient(#a5eefc, #3FAFC4);
    -pie-background: linear-gradient(#a5eefc, #3FAFC4);
}
.but-inside {
    border-top: 1px solid #CFF7FF;
    display: table-cell; 
    text-align: center; 
    vertical-align: middle;
    border-collapse: separate !important;
    line-height: normal;
    
    -webkit-border-radius:inherit;
    -moz-border-radius:inherit;
    border-radius:inherit;
}

.but3,
.but2 {
    cursor: pointer;
    color: white !important;
    font-weight: bold;
    text-decoration: none !important;
    display: inline-block;
    border-collapse: separate !important;
    border: none;
    padding: 10px 25px;
    outline: none;
    font-size: 14px;
    
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    
    background-color: #70c6d6;
    
    opacity: 0.8;
}
.but2:hover {
    opacity:1.0;
}
.but2:focus {
    opacity:1.0;
}

.but3 {
    background-color: lightgray
}
.but3:hover {
    background-color: #70c6d6;
}
.but3:focus {
    background-color: #70c6d6;
}
/********** toggle **********/
.toggle {
    background: #F7F7F7;
    border: 1px solid lightgray;
    border-bottom: 1px solid #A6A6A6; 
    color: green !important;
}
.toggle:hover {
    color: white !important;
    border: 1px solid #d96c6c;
    border-bottom: 1px solid #a01c1c;
    
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA1A1), to(#c73b3b));
    background: -webkit-linear-gradient(#FFA1A1, #c73b3b);
    background: -moz-linear-gradient(#FFA1A1, #c73b3b);
    background: -ms-linear-gradient(#FFA1A1, #c73b3b);
    background: -o-linear-gradient(#FFA1A1, #c73b3b);
    background: linear-gradient(#FFA1A1, #c73b3b);
    -pie-background: linear-gradient(#FFA1A1, #c73b3b);
}
.toggle .but-inside {
    border: none;
    border-bottom: 1px solid lightgrey;
}
.toggle:hover .but-inside {
    border: none;
    border-top: 1px solid #ffd6d6;
}
/********** toggle ends **********/

/********** slick **********/
.but-slick {
    background: #F5FDFF;
    border: 1px solid #91D9E3;
    border-bottom: 1px solid #86C8D1; 
    color: #529EA8 !important;
}
.but-slick .but-inside {
    border: none;
    border-bottom: 1px solid #91D9E3;
}
.but-slick:hover {
    background: #F5FDFF;
}
.but-slick:hover .but-inside {}
/********** slick ends **********/

/********** red **********/
.but-red {
    border: 1px solid #d96c6c;
    border-bottom: 1px solid #a01c1c;

    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA1A1), to(#d75858));
    background: -webkit-linear-gradient(#FFA1A1, #d75858);
    background: -moz-linear-gradient(#FFA1A1, #d75858);
    background: -ms-linear-gradient(#FFA1A1, #d75858);
    background: -o-linear-gradient(#FFA1A1, #d75858);
    background: linear-gradient(#FFA1A1, #d75858);
    -pie-background: linear-gradient(#FFA1A1, #d75858);
}
.but-red:hover {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA1A1), to(#c73b3b));
    background: -webkit-linear-gradient(#FFA1A1, #c73b3b);
    background: -moz-linear-gradient(#FFA1A1, #c73b3b);
    background: -ms-linear-gradient(#FFA1A1, #c73b3b);
    background: -o-linear-gradient(#FFA1A1, #c73b3b);
    background: linear-gradient(#FFA1A1, #c73b3b);
    -pie-background: linear-gradient(#FFA1A1, #c73b3b);
}
.but-red .but-inside {
    border-top: 1px solid #ffd6d6;
}
/********** red ends **********/

/********** green **********/
.but-green {
        text-shadow: 0 -1px #4A8C06;
	border: 1px solid #53a600;
	border-bottom: 1px solid #376d00;

	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66CC00), to(#52a400));
	background: -webkit-linear-gradient(#66CC00, #52a400);
	background: -moz-linear-gradient(#66CC00, #52a400);
	background: -ms-linear-gradient(#66CC00, #52a400);
	background: -o-linear-gradient(#66CC00, #52a400);
	background: linear-gradient(#66CC00, #52a400);
	-pie-background: linear-gradient(#66CC00, #52a400);
}
.but-green:hover {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66CC00), to(#4a9400));
	background: -webkit-linear-gradient(#66CC00, #4a9400);
	background: -moz-linear-gradient(#66CC00, #4a9400);
	background: -ms-linear-gradient(#66CC00, #4a9400);
	background: -o-linear-gradient(#66CC00, #4a9400);
	background: linear-gradient(#66CC00, #4a9400);
	-pie-background: linear-gradient(#66CC00, #4a9400);
}
.but-green .but-inside {
	border-top: 1px solid #9AE352;
}

.but-green-light {
        //border-bottom: 1px solid #376d00;
        //display: block;
        text-decoration: none;
        text-align: center;
        text-shadow: 0 -1px #4A8C06;
        padding: 6px 12px 7px 12px;
        color: white;
        line-height: normal;
        background-color: #66CC00;
        
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66CC00), to(#52a400));
	background: -webkit-linear-gradient(#66CC00, #52a400);
	background: -moz-linear-gradient(#66CC00, #52a400);
	background: -ms-linear-gradient(#66CC00, #52a400);
	background: -o-linear-gradient(#66CC00, #52a400);
	background: linear-gradient(#66CC00, #52a400);
	-pie-background: linear-gradient(#66CC00, #52a400);
}
.but-green-light:hover {
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66CC00), to(#4a9400));
	background: -webkit-linear-gradient(#66CC00, #4a9400);
	background: -moz-linear-gradient(#66CC00, #4a9400);
	background: -ms-linear-gradient(#66CC00, #4a9400);
	background: -o-linear-gradient(#66CC00, #4a9400);
	background: linear-gradient(#66CC00, #4a9400);
	-pie-background: linear-gradient(#66CC00, #4a9400);
}
/********** green end **********/

/********** radio **********/
.radio-but {
    //border: 1px solid #D1D1D1; 
    font-weight: normal; 
    display: block; 
    vertical-align: middle; 
    padding: 10px;
    cursor: pointer;
    font-size: 15px;
    color: #919191;
}
#tag-edit-box .radio-but:hover,
.radio-but:hover {
    background-color: #EDEDED;
}
.radio-but-selected {
    color: #3AA13A;
    /*border-color: #3AA13A;*/
}

/*******************BUTTON2*******************/
.button2empty-green,
.button2-green,
.button2empty-orange,
.button2-orange {
    display: inline-block;
    font: 300 100%'Open Sans', sans-serif;
    font-size: 25px;
    padding: 4px 18px 8px 18px;
}

.button2empty-green,
.button2-green {
    border: 2px solid #71B35F;
    border-bottom: 2px solid #569E42;
    cursor: pointer;
}
.button2-green {
    color: white;
    background-color: #71B35F
}
.button2empty-green {
    color: #599E47
}
.button2empty-green:hover,
.button2-green:hover {
    border: 2px solid #599E47;
    background-color: #599E47;
    border-bottom: 2px solid #3E822A;
}
.button2empty-green:hover {
    color: white;
}

.button2empty-orange,
.button2-orange {
    border: 2px solid #fea920;
    border-bottom: 2px solid #D48B15;
    cursor: pointer;
}
.button2-orange {
    color: white;
    background-color: #fea920;
}
.button2empty-orange {
    color: #fea920
}
.button2empty-orange:hover,
.button2-orange:hover {
    border: 2px solid #D48B15;
    background-color: #D48B15;
    border-bottom: 2px solid #BF7D11;
}
.button2empty-orange:hover {
    color: white;
}
/*******************BUTTON2 END*******************/

#tag-edit-box .radio-but {
    background-color: #FFCAC2;
    color: #BF5647;
}
#tag-edit-box .radio-but:hover {
    background-color: #FFA091;
    color: white;
}

.radio {
    background-color: white; 
    border: 2px solid #D1D1D1; 
    width: 20px; 
    height: 20px;
    margin-right: 6px;
    background-image: url(/images/checker.png)
}
.radio-but:hover .radio {
    border-color: #3AA13A;
}
.radio-but-selected .radio {
    border-color: #3AA13A;
    background-color: #3AA13A;
}
/********** radio end **********/