/*
    pancake_bar_style.css
    Pancake Header Bar theme

    This stylesheet loads the base values and theme for the headerbar, if you wish to change any values, duplicate this one and use 
    @import to load your new stylesheet as this one maybe be updated in the future. 

    Edit at your own risk! We dont want to see you lose your work :D

    Copyright 2014 Pancake Payments (http://pancakeapp.com). All rights reserved.
*/



#buttonBar {
	height:55px;
	width:100%;
	display:block;
	text-align:right;
  	position:fixed;
        z-index: 4;
	top:0;
	left:0;
	background:#142C35;
	color: #515151;
	font-family: Arial;
	font-size: 15px;
	line-height: 21px;
}

#buttonBar a {
	float:right;
	margin:10px 0px 0 10px;
	padding:5px 10px;
	border:1px solid #ccc;
	background:#D0DFEB;
	color:#555;
	text-decoration:none;
	
}



#buttonHolders {
	margin:0 auto;
        margin-right: 48px;
}

#buttonHolders .toggle_is_viewable {width: 140px;}

.proposal .sidebar a {
	color:#fff;
	text-decoration:none;
}

#buttonBar a, #login-box input.button, .button, .proposal .addSection, .proposal .addPage, .proposal .savePremadeSection, .proposal .addEstimate, .proposal .pickEstimate, .proposal .createEstimate, .proposal .addPremadeSection {

	margin:10px 0px 0 10px;
	padding:5px 10px;
	color:#555;
	text-decoration:none;

  background: #F3F6F9;
  border: 1px solid #bbb;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F3F6F9));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F3F6F9);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F3F6F9);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F3F6F9);
  background-image: -o-linear-gradient(top, #FFFFFF, #F3F6F9);
  background-image: linear-gradient(top, #FFFFFF, #F3F6F9); 

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 1px 1px #fff;
  -moz-box-shadow: inset 0 0 1px 1px #fff;
  -ms-box-shadow: inset 0 0 1px 1px #fff;
  -o-box-shadow: inset 0 0 1px 1px #fff;
  box-shadow: inset 0 0 1px 1px #fff;
  color: #333;
  font: bold 11px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 8px 12px 9px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;

}
#buttonBar a:hover,  #login-box input.button:hover, .button:hover, .proposal .addSection:hover, .proposal .addPage:hover, .proposal .savePremadeSection:hover, .proposal .addEstimate:hover, .proposal .pickEstimate:hover, .proposal .createEstimate:hover, .proposal .addPremadeSection:hover  {
    background: #D54518;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#EF4C1A), to(#D54518));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #EF4C1A, #D54518);
  background-image: -moz-linear-gradient(top, #EF4C1A, #D54518);
  background-image: -ms-linear-gradient(top, #EF4C1A, #D54518);
  background-image: -o-linear-gradient(top, #EF4C1A, #D54518);
  background-image: linear-gradient(top, #EF4C1A, #D54518);

  -webkit-box-shadow: inset 0 0 1px 1px #fff;
  -moz-box-shadow: inset 0 0 1px 1px #fff;
  -ms-box-shadow: inset 0 0 1px 1px #fff;
  -o-box-shadow: inset 0 0 1px 1px #fff;
  box-shadow: inset 0 0 1px 1px #fff;
    color: #fff;
    cursor: pointer;
	text-shadow:none;
}
.button:active, #login-box input.button:active, #buttonBar a.active, #buttonBar a.saving  {
    background: #D54518;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#EF4C1A), to(#D54518));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #EF4C1A, #D54518);
  background-image: -moz-linear-gradient(top, #EF4C1A, #D54518);
  background-image: -ms-linear-gradient(top, #EF4C1A, #D54518);
  background-image: -o-linear-gradient(top, #EF4C1A, #D54518);
  background-image: linear-gradient(top, #EF4C1A, #D54518);

    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
    -ms-box-shadow: inset 0 0 1px 1px #eaeaea;
    -o-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #fff;
    cursor: pointer;
	text-shadow:none;
}

#buttonBar a.saved, #buttonBar a.green, #buttonBar a.accepted {
	background: #D54518;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#56D566), to(#08B71F));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #56D566, #08B71F);
  background-image: -moz-linear-gradient(top, #56D566, #08B71F);
  background-image: -ms-linear-gradient(top, #56D566, #08B71F);
  background-image: -o-linear-gradient(top, #56D566, #08B71F);
  background-image: linear-gradient(top, #56D566, #08B71F);

    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
    -ms-box-shadow: inset 0 0 1px 1px #eaeaea;
    -o-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #fff;
    cursor: pointer;
	text-shadow:none;
}

#buttonBar a.rejected, #buttonBar a.red  {
	background: #D54518;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#EE2015), to(#CA1C12));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #EE2015, #CA1C12);
  background-image: -moz-linear-gradient(top, #EE2015, #CA1C12);
  background-image: -ms-linear-gradient(top, #EE2015, #CA1C12);
  background-image: -o-linear-gradient(top, #EE2015, #CA1C12);
  background-image: linear-gradient(top, #EE2015, #CA1C12);

    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
    -ms-box-shadow: inset 0 0 1px 1px #eaeaea;
    -o-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #fff;
    cursor: pointer;
	text-shadow:none;
}


/*  Old Buttons 
#buttonBar a {
-webkit-box-shadow: black 0px 1px 0px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-decoration: none;

}
#buttonBar a:hover {
	
    background:#fff; 
}

.button:active {
    border-top-color: #1b435e;
    background: #1b435e;
    outline: 0;
}
*/
