/* CSS Document */

/* Graham the rehome counter box is unique. It will be white to start with when site goes live, once we have enough animals rehomed I will switch it 
to grey. The same will apply to the text. Please build the style sheets in to allow me to change when required, thanks. */

div.box-rehome-counter { 
  width:100%;
  border:1px;
  border-top-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-top-color: #999;
  border-bottom-color: #999;
  border-left-color: #999;
  border-right-color: #999;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

div.box-all-sides { 
  width:100%;
  border:1px;
  border-top-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-top-color: #999;
  border-bottom-color: #999;
  border-left-color: #999;
  border-right-color: #999;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-all-sides {
  width:auto;
}

div.box-no-top { 
  width:100%;
  border:1px;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-bottom-color: #999;
  border-left-color: #999;
  border-right-color: #999;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-no-top {
  width:auto;
}

div.box-left-right { 
  width:100%;
  border:1px;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-bottom-color: #999;
  border-left-color: #999;
  border-right-color: #999;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-left-right {
  width:auto;
}

div.box-no-bottom { 
  width:100%;
  border:1px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-color: #999;
  border-left-color: #999;
  border-right-color: #999;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-no-bottom {
  width:auto;
}

div.box-top-bottom { 
  width:100%;
  border:1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #999;
  border-bottom-color: #999;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-top-bottom {
  width:auto;
}

div.box-left-right-padded { 
  width:100%;
  border:1px;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-bottom-color: #999;
  border-left-color: #999;
  border-right-color: #999;
  padding:4px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-left-right-padded {
  width:auto;
}

div.box-all-sides-pad-yellow { 
  width:100%;
  border:2px;
  border-top-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-top-color: #FFD50E;
  border-bottom-color: #FFD50E;
  border-left-color: #FFD50E;
  border-right-color: #FFD50E;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-all-sides-pad2-blue { 
  width:auto;
}

div.box-all-sides-pad2-blue { 
  width:100%;
  border:2px;
  border-top-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-top-color: #2293F3;
  border-bottom-color: #2293F3;
  border-left-color: #2293F3;
  border-right-color: #2293F3;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-all-sides-pad2-blue { 
  width:auto;
}

div.box-left-right-notop-bottom { 
  width:100%;
  border:1px;
  border-left-style: solid;
  border-right-style: solid;
  border-left-color: #999;
  border-right-color: #999;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-left-right-notop-bottom {
  width:auto;
}

div.account-page-box-no-top { 
  width:100%;
  border:1px;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-bottom-color: #DDDEDE;
  border-left-color: #DDDEDE;
  border-right-color: #DDDEDE;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .account-page-box-no-top {
  width:auto;
}

div.box-no-top-red { 
  width:99%;
  border:1px;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-bottom-color: #B20202;
  border-left-color: #B20202;
  border-right-color: #B20202;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-no-top-red {
  width:auto;
}

div.box-no-top-blue { 
  width:99%;
  border:1px;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-bottom-color: #2293F3;
  border-left-color: #2293F3;
  border-right-color: #2293F3;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-no-top-blue {
  width:auto;
}

div.box-no-top-yellow { 
  width:99%;
  border:1px;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-bottom-color: #FFD50E;
  border-left-color: #FFD50E;
  border-right-color: #FFD50E;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-no-top-yellow {
  width:auto;
}

div.box-all-sides-red { 
  width:99%;
  border:1px;
  border-top-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-top-color: #B20202;
  border-bottom-color: #B20202;
  border-left-color: #B20202;
  border-right-color: #B20202;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-all-sides-red {
  width:auto;
}

div.box-all-sides-yellow { 
  width:99%;
  border:1px;
  border-top-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-top-color: #FFD50E;
  border-bottom-color: #FFD50E;
  border-left-color: #FFD50E;
  border-right-color: #FFD50E;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-all-sides-yellow {
  width:auto;
}

div.box-left-right-yellow { 
  width:99%;
  border:1px;
  border-left-style: solid;
  border-right-style: solid;
  border-left-color: #FFD50E;
  border-right-color: #FFD50E;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-left-right-yellow {
  width:auto;
}

div.box-no-bottom-yellow { 
  width:99%;
  border:1px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-color: #FFD50E;
  border-left-color: #FFD50E;
  border-right-color: #FFD50E;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-no-bottom-yellow {
  width:auto;
}

div.box-all-sides-blue { 
  width:99%;
  border:1px;
  border-bottom-style: solid;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-color: #0099FF;
  border-top-color: #0099FF;
  border-left-color: #0099FF;
  border-right-color: #0099FF;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
} 

html>body .box-all-sides-blue {
  width:auto;
}