.button{
	font-size:16px;		
	border-radius:4px;
	width:170px;	
    height:22px;
 	text-align:center;		
	float:right;		
    padding-top:5px;   
    padding-bottom:5px;   
    cursor:pointer;

}


.standardbutton_color{   
    border-radius:4px;
    color:black;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #e9e8e3 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e9e8e3));
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #e9e8e3 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%, #e9e8e3 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%, #e9e8e3 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%, #e9e8e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e9e8e3', GradientType=0 );
}

.standardbutton_color:hover{
    background: #dbdbd9;
    background: -moz-linear-gradient(top, #dbdbd9 0%, #c2c1bd 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #dbdbd9), color-stop(100%, #c2c1bd));
    background: -webkit-linear-gradient(top, #dbdbd9 0%, #c2c1bd 100%);
    background: -o-linear-gradient(top, #dbdbd9 0%, #c2c1bd 100%);
    background: -ms-linear-gradient(top, #dbdbd9 0%, #c2c1bd 100%);
    background: linear-gradient(to bottom, #dbdbd9 0%, #c2c1bd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbd9', endColorstr='#c2c1bd', GradientType=0 );
    cursor:pointer;
}

.standardbutton_color:active {
    background: #e9e8e3;
    background: -moz-linear-gradient(top, #e9e8e3 0%, #f5f5f5 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #e9e8e3), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #e9e8e3 0%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #e9e8e3 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #e9e8e3 0%, #f5f5f5 100%);
    background: linear-gradient(to bottom, #e9e8e3 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e8e3', endColorstr='#f5f5f5', GradientType=0 );
}



.blackbutton_color{
    color:white;
    background: #666666;
    background: -moz-linear-gradient(top, #666666 0%, #333333 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #666666), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #666666 0%, #333333 100%);
    background: -o-linear-gradient(top, #666666 0%, #333333 100%);
    background: -ms-linear-gradient(top, #666666 0%, #333333 100%);
    background: linear-gradient(to bottom, #666666 0%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333', GradientType=0 );
        border:solid 1px #808080;

}

.blackbutton_color:hover{
    background: #4d4d4d;
    background: -moz-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
    background: -webkit-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
    background: -o-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
    background: -ms-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%);
    background: linear-gradient(to bottom, #4d4d4d 0%, #1a1a1a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#1a1a1a', GradientType=0 );
    cursor:pointer;
}

.blackbutton_color:active{
    background: #333333;
    background: -moz-linear-gradient(top, #333333 0%, #666666 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #333333), color-stop(100%, #666666));
    background: -webkit-linear-gradient(top, #333333 0%, #666666 100%);
    background: -o-linear-gradient(top, #333333 0%, #666666 100%);
    background: -ms-linear-gradient(top, #333333 0%, #666666 100%);
    background: linear-gradient(to bottom, #333333 0%, #666666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#666666', GradientType=0 );
}


.brownbutton_color{
    color:white;
    background: #9c8b6c;
    background: -moz-linear-gradient(top, #9c8b6c 0%, #857563 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #9c8b6c), color-stop(100%, #857563));
    background: -webkit-linear-gradient(top, #9c8b6c 0%, #857563 100%);
    background: -o-linear-gradient(top, #9c8b6c 0%, #857563 100%);
    background: -ms-linear-gradient(top, #9c8b6c 0%, #857563 100%);
    background: linear-gradient(to bottom, #9c8b6c 0%, #857563 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c8b6c', endColorstr='#857563', GradientType=0 );
}

.brownbutton_color:hover{
    background: #6b5e50;
    background: -moz-linear-gradient(top, #6b5e50 0%, #82745a 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #6b5e50), color-stop(100%, #82745a));
    background: -webkit-linear-gradient(top, #6b5e50 0%, #82745a 100%);
    background: -o-linear-gradient(top, #6b5e50 0%, #82745a 100%);
    background: -ms-linear-gradient(top, #6b5e50 0%, #82745a 100%);
    background: linear-gradient(to bottom, #6b5e50 0%, #82745a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b5e50', endColorstr='#82745a', GradientType=0 );
    cursor:pointer;
}

.brownbutton_color:active{
    background: #857563;
    background: -moz-linear-gradient(top, #857563 0%, #9c8b6c 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #857563), color-stop(100%, #9c8b6c));
    background: -webkit-linear-gradient(top, #857563 0%, #9c8b6c 100%);
    background: -o-linear-gradient(top, #857563 0%, #9c8b6c 100%);
    background: -ms-linear-gradient(top, #857563 0%, #9c8b6c 100%);
    background: linear-gradient(to bottom, #857563 0%, #9c8b6c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#857563', endColorstr='#9c8b6c', GradientType=0 );
}

.redbutton_inactive_color{
    cursor:auto;
    border-radius:4px;
    color:white;
    background: #f19197;
    background: -moz-linear-gradient(top, #f19197 0%, #c26f6b 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f19197), color-stop(100%, #c26f6b));
    background: -webkit-linear-gradient(top, #f19197 0%, #c26f6b 100%);
    background: -o-linear-gradient(top, #f19197 0%, #c26f6b 100%);
    background: -ms-linear-gradient(top, #f19197 0%, #c26f6b 100%);
    background: linear-gradient(to bottom, #f19197 0%, #c26f6b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f19197', endColorstr='#c26f6b', GradientType=0 );
}

.blackbutton_nest{
    cursor:auto;
    border-radius:4px;
    color:white;
    background-color: #666666;
    cursor: pointer;
}

.blackbutton_nest:hover {
    background-color: #5c5c5c;
}

.redbutton_color{
    border-radius:4px;
     color:white;
    background: #f11b28;
    background: -moz-linear-gradient(top, #f11b28 0%, #c2180f 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f11b28), color-stop(100%, #c2180f));
    background: -webkit-linear-gradient(top, #f11b28 0%, #c2180f 100%);
    background: -o-linear-gradient(top, #f11b28 0%, #c2180f 100%);
    background: -ms-linear-gradient(top, #f11b28 0%, #c2180f 100%);
    background: linear-gradient(to bottom, #f11b28 0%, #c2180f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f11b28', endColorstr='#c2180f', GradientType=0 );
}

.redbutton_color:hover{
    background: #d61824;
    background: -moz-linear-gradient(top, #d61824 0%, #a8150d 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #d61824), color-stop(100%, #a8150d));
    background: -webkit-linear-gradient(top, #d61824 0%, #a8150d 100%);
    background: -o-linear-gradient(top, #d61824 0%, #a8150d 100%);
    background: -ms-linear-gradient(top, #d61824 0%, #a8150d 100%);
    background: linear-gradient(to bottom, #d61824 0%, #a8150d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d61824', endColorstr='#a8150d', GradientType=0 );
    cursor:pointer;
}

.redbutton_color:active{
    background: #a8150d;
    background: -moz-linear-gradient(top, #a8150d 0%, #d61824 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #a8150d), color-stop(100%, #d61824));
    background: -webkit-linear-gradient(top, #a8150d 0%, #d61824 100%);
    background: -o-linear-gradient(top, #a8150d 0%, #d61824 100%);
    background: -ms-linear-gradient(top, #a8150d 0%, #d61824 100%);
    background: linear-gradient(to bottom, #a8150d 0%, #d61824 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8150d', endColorstr='#d61824', GradientType=0 );
}


.orangebutton_color{
    border-radius:4px;
    color:white;
    background: #fbbe78;
    background: -moz-linear-gradient(top, #fbbe78 0%, #fbac3b 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbbe78), color-stop(100%, #fbac3b));
    background: -webkit-linear-gradient(top, #fbbe78 0%, #fbac3b 100%);
    background: -o-linear-gradient(top, #fbbe78 0%, #fbac3b 100%);
    background: -ms-linear-gradient(top, #fbbe78 0%, #fbac3b 100%);
    background: linear-gradient(to bottom, #fbbe78 0%, #fbac3b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbbe78', endColorstr='#fbac3b', GradientType=0 );
}

.orangebutton_color:hover{
    background: #e0aa6b;
    background: -moz-linear-gradient(top, #e0aa6b 0%, #e08e35 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #e0aa6b), color-stop(100%, #e08e35));
    background: -webkit-linear-gradient(top, #e0aa6b 0%, #e08e35 100%);
    background: -o-linear-gradient(top, #e0aa6b 0%, #e08e35 100%);
    background: -ms-linear-gradient(top, #e0aa6b 0%, #e08e35 100%);
    background: linear-gradient(to bottom, #e0aa6b 0%, #e08e35 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0aa6b', endColorstr='#e08e35', GradientType=0 );
    cursor:pointer;
}

.orangebutton_color:active{
    background: #fbac3b;
    background: -moz-linear-gradient(top, #fbac3b 0%, #fbbe78 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbac3b), color-stop(100%, #fbbe78));
    background: -webkit-linear-gradient(top, #fbac3b 0%, #fbbe78 100%);
    background: -o-linear-gradient(top, #fbac3b 0%, #fbbe78 100%);
    background: -ms-linear-gradient(top, #fbac3b 0%, #fbbe78 100%);
    background: linear-gradient(to bottom, #fbac3b 0%, #fbbe78 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbac3b', endColorstr='#fbbe78', GradientType=0 );
}


.thermostat_arrow_up{
    background:url(../Images/temperature_up.png);
    background-repeat:no-repeat;
    border-radius:4px;
    border:solid 1px black;
    height:40px;
    width:46px;    
    margin-bottom:8px;    
}

.thermostat_arrow_up:hover {
    background: url(../Images/temperature_up_hover.png);
    cursor:pointer;
}

.thermostat_arrow_up:active {
    background: url(../Images/temperature_up_blended.png);
}

.thermostat_arrow_down{
    background:url(../Images/temperature_down.png);
    background-repeat:no-repeat;
    border-radius:4px;
    border:solid 1px black;
    height:40px;
    width:46px;
}

.thermostat_arrow_down:hover {
    background: url(../Images/temperature_down_hover.png);
    cursor:pointer;
}

.thermostat_arrow_down:active {
    background: url(../Images/temperature_down_blended.png);
}


.time_arrow_up{
    background:url(../Images/time_up.png);
    background-repeat:no-repeat;
    border-radius:4px;
    border:solid 1px black;
    height:28px;
    width:32px;    
    margin-bottom:8px;    
}

.time_arrow_up:hover {
    background: url(../Images/time_up_hover.png);
    cursor:pointer;
}

.time_arrow_up:active {
    background: url(../Images/time_up_pressed.png);
}

.time_arrow_down{
    background:url(../Images/time_down.png);
    background-repeat:no-repeat;
    border-radius:4px;
    border:solid 1px black;
    height:27px;
    width:32px;
}

.time_arrow_down:hover {
    background: url(../Images/time_down_hover.png);
    cursor:pointer;
}

.time_arrow_down:active {
    background: url(../Images/time_down_pressed.png);
}


.buttonThermostat{		
	font-size:12px;
	/*padding-top:3px;*/
	width:78px;
	border-radius:4px;
	text-align:center;	
	display:inline-block;		
    height:38px;
    border: solid 1px black;
}

.buttonDetails	{		
	font-size:16px;		
	width:253px;
    height:32px;
	border-radius:4px;
	text-align:center;	
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	visibility:hidden;
    color:black;
}

.buttonDetailsIOS	{		
	font-size:16px;		
	width:253px;
    height:32px;
	border-radius:4px;
	text-align:center;	
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	
    color:black;
}


.link_thermostat_button{
    font-size:16px;		
	width:150px;
    height:32px;
	border-radius:4px;
	text-align:center;	
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
    margin-left:60px;
}

.buttonHidden{
		visibility:hidden;
	}


.thermostat_hold_button {
    font-size:12px;	
    border-radius:4px;
    display:inline-block;     
    
    width:72px;
    border-color:black;
    height:26px;
    padding-top:6px;
    margin-left:4px;
}

.thermostat_hold_permanent_button {
    font-size:12px;	
    border-radius:4px;
      
    height:32px;
    width:155px;
    border-color:black;
    margin-left:4px;
    margin-bottom:2px;
}

.button_new_pwd {
    width:210px;  
    margin-right:8px;  
}

.button_schedule{
    width:186px;
    margin-left:10px;              
}

.button_day_schedule{
    width:130px;          
    font-size:16px;		
	border-radius:4px;
    height:30px;
 	text-align:left;		
    padding-top:2px;  
    padding-left:8px;  
         
}

.button_day_selected{
    border: solid 1px #808080;
    height:28px;
     width:128px;  
}

.button_event_on_off{
    display:inline-block;
      
       width:174px;
       padding:6px;
       font-size:12px;
       text-align:center;
       border-radius:4px;        
}

.new_schedule_button_selected{
   background: url(../Images/checkmark.png) no-repeat right, -moz-linear-gradient(top, #f5f5f5 0%, #e9e8e3 100%) ;   
   background: url(../Images/checkmark.png) no-repeat right, -webkit-gradient(left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e9e8e3)) ;   
   background: url(../Images/checkmark.png) no-repeat right, -webkit-linear-gradient(top, #f5f5f5 0%, #e9e8e3 100%) ;   
   background: url(../Images/checkmark.png) no-repeat right, -o-linear-gradient(top, #f5f5f5 0%, #e9e8e3 100%) ;   
   background: url(../Images/checkmark.png) no-repeat right, -ms-linear-gradient(top, #f5f5f5 0%, #e9e8e3 100%) ;   
   background: url(../Images/checkmark.png) no-repeat right, linear-gradient(to bottom, #f5f5f5 0%, #e9e8e3 100%) ;   
}

.new_schedule_button_selected:hover{
   background: url(../Images/checkmark.png) no-repeat right, -moz-linear-gradient(top, #dbdbd9 0%, #c2c1bd 100%) ;   
   background: url(../Images/checkmark.png) no-repeat right, -webkit-gradient(left top, left bottom, color-stop(0%, #dbdbd9), color-stop(100%, #c2c1bd)) ;   
   background: url(../Images/checkmark.png) no-repeat right, -webkit-linear-gradient(top, #dbdbd9 0%, #c2c1bd 100%) ;   
   background: url(../Images/checkmark.png) no-repeat right, -o-linear-gradient(top, #dbdbd9 0%, #c2c1bd 100%) ;   
   background: url(../Images/checkmark.png) no-repeat right, -ms-linear-gradient(top, #dbdbd9 0%, #c2c1bd 100%) ;   
   background: url(../Images/checkmark.png) no-repeat right, linear-gradient(to bottom, #dbdbd9 0%, #c2c1bd 100%) ;   
}

.new_schedule_button_selected:active{
   background: url(../Images/checkmark.png) no-repeat right, -moz-linear-gradient(top, #e9e8e3 0%, #f5f5f5 100%) ;   
   background: url(../Images/checkmark.png) no-repeat right, -webkit-gradient(left top, left bottom, color-stop(0%, #e9e8e3), color-stop(100%, #f5f5f5)) ;   
   background: url(../Images/checkmark.png) no-repeat right, -webkit-linear-gradient(top, #e9e8e3 0%, #f5f5f5 100%) ;   
   background: url(../Images/checkmark.png) no-repeat right, -o-linear-gradient(top, #e9e8e3 0%, #f5f5f5 100%) ;   
   background: url(../Images/checkmark.png) no-repeat right, -ms-linear-gradient(top, #e9e8e3 0%, #f5f5f5 100%) ;   
   background: url(../Images/checkmark.png) no-repeat right, linear-gradient(to bottom, #e9e8e3 0%, #f5f5f5 100%) ;   
}

.button_remove_from_group{
    width:200px;
    height:22px;   
    font-size:16px;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
}