﻿.blueo2 { margin-bottom: 5px; }
.blueo2 h1 { margin: 0; padding: 0px;  }
.blueo2 p { padding:0; margin:0; }
.blueo2 .tm .tl { float: left; height: 10px; width: 10px; margin:0; padding:0; background-image: url('/images/blueborder-top.gif'); background-position: top left; background-repeat: no-repeat; }
.blueo2 .tm .tr { float:right; width: 10px; height: 10px; margin:0; padding:0; background-image: url('/images/blueborder-top.gif'); background-position: top right; background-repeat: no-repeat; }
.blueo2 .tm { height: 10px; margin:0px; padding:0px; background-image: url('/images/blueborder-middle.gif'); background-repeat: repeat-x; background-position: top right; }
.blueo2 .bm .bl { float: left; height: 10px; width: 10px; margin:0; padding:0; background-image: url('/images/blueborder-bottom.gif'); background-position: top left; background-repeat: no-repeat; }
.blueo2 .bm .br { float:right; width: 10px; height: 10px; margin:0; padding:0; background-image: url('/images/blueborder-bottom.gif'); background-position: top right; background-repeat: no-repeat; }
.blueo2 .bm { height: 10px; margin:0px; padding:0px; background-image: url('/images/blueborder-middle.gif'); background-repeat: repeat-x; background-position: bottom right; }
.blueo2 .content .l { margin:0; padding:0; padding-left: 10px; background-image: url('/images/blueborder-middle.gif'); background-repeat: repeat-y; background-position: top left; }
.blueo2 .content { margin:0; padding:0; padding-right: 10px; background-image: url('/images/blueborder-middle.gif'); background-repeat: repeat-y; background-position: top right; }

.greysilo2 h1 { margin: 0; padding: 0px;  }
.greysilo2 p { padding:0; margin:0; }
.greysilo2 .tm .tl { float: left; height: 10px; width: 10px; margin:0; padding:0; background-image: url('/images/grey-top.gif'); background-position: top left; background-repeat: no-repeat; }
.greysilo2 .tm .tr { float:right; width: 10px; height: 10px; margin:0; padding:0; background-image: url('/images/grey-top.gif'); background-position: top right; background-repeat: no-repeat; }
.greysilo2 .tm { height: 10px; margin:0px; padding:0px; background-image: url('/images/grey-middle.gif'); background-repeat: repeat-x; background-position: top right; }
.greysilo2 .bm .bl { float: left; height: 10px; width: 10px; margin:0; padding:0; background-image: url('/images/grey-bottom.gif'); background-position: top left; background-repeat: no-repeat; }
.greysilo2 .bm .br { float:right; width: 10px; height: 10px; margin:0; padding:0; background-image: url('/images/grey-bottom.gif'); background-position: top right; background-repeat: no-repeat; }
.greysilo2 .bm { height: 10px; margin:0px; padding:0px; background-image: url('/images/grey-middle.gif'); background-repeat: repeat-x; background-position: bottom right; }
.greysilo2 .content .l { margin:0; padding:0; padding-left: 10px; background-image: url('/images/grey-middle.gif'); background-repeat:repeat; background-position: top left; }
.greysilo2 .content { margin:0; padding:0; padding-right: 10px; background-image: url('/images/grey-middle.gif'); background-repeat: repeat-y; background-position: top right; }

.bluer, #redr, .ysilo, .bsilo, .grsilo, .blueo, .greeno, .greenbgo { position:relative; margin:0px auto; min-width: 8em; max-width:876px; /* based on image dimensions */ z-index:1; margin-left:10px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under greyo */ clear: both;}
.greeno{ position:relative; margin:0px auto; min-width: 400px; max-width:876px; /* based on image dimensions */ z-index:1; margin-left:10px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under greyo */ clear: both;}

.bluer .content, .bluer .t, .bluer .b,.bluer .b div { background: url(/images/blueright.gif) no-repeat top right; _background-image:url(/images/blueright.gif);}
#redr .content, #redr .t, #redr .b,#redr .b div { background: url(/images/redr.gif) no-repeat top right; _background-image:url(/images/redr.gif);}
.blueo .content, .blueo .t, .blueo .b,.blueo .b div { background: url(/images/blueo.gif) no-repeat top right; _background-image:url(/images/blueo.gif);}
.ysilo .content, .ysilo .t, .ysilo .b,.ysilo .b div { background: url(/images/yellowsilo.gif) no-repeat top right; _background-image:url(/images/yellowsilo.gif);}
.bsilo .content, .bsilo .t, .bsilo .b,.bsilo .b div { background: url(/images/bluesilo.gif) no-repeat top right; _background-image:url(/images/bluesilo.gif);}
.grsilo .content, .grsilo .t, .grsilo .b,.grsilo .b div { background: url(/images/greysilo.gif) no-repeat top right; _background-image:url(/images/greysilo.gif);}
.greeno .content, .greeno .t, .greeno .b,.greeno .b div { background: url(/images/greeno.gif) no-repeat top right; _background-image:url(/images/greeno.gif);}
.greenbgo .content, .greenbgo .t, .greenbgo .b,.greenbgo .b div { background: url(/images/greenbgo.gif) no-repeat top right; _background-image:url(/images/greenbgo.gif);}
.greeno .content h3{ margin-top: 3px; }

.bluer .content, #redr .content, .ysilo .content, .bsilo .content, .grsilo .content, .blueo .content, .greeno .content, .greenbgo .content { position:relative; zoom:1; _overflow-y:hidden; padding: 0;}
.bluer .t, #redr .t, .ysilo .t, .bsilo .t, .grsilo .t, .blueo .t, .greeno .t, .greenbgo .t  { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:10px; /* top slice width */ margin-left:-10px; height:100%; _height:8000px; /* arbitrary long height, IE 6 */ background-position:top left;}
.bluer .d, #redr .d, .ysilo .d, .bsilo .d, .grsilo .d, .blueo .d, .greeno .d, .greenbgo .d  { margin: 0; padding-top: 10px;  padding-right: 10px; }
.bluer .b, #redr .b, .ysilo .b, .bsilo .b, .grsilo .b, .blueo .b, .greeno .b , .greenbgo .b { /* bottom */ position:relative; width:100%;}
.bluer .b, .bluer .b div, #redr .b, #redr .b div, .ysilo .b, .ysilo .b div,  .bsilo .b, .bsilo .b div, .grsilo .b, .grsilo .b div, .blueo .b,.blueo .b div, .greeno .b,.greeno .b div, .greenbgo .b,.greenbgo .b div { height:10px; /* height of bottom cap/shade */ font-size:1px;}
.bluer .b, #redr .b, .ysilo .b, .bsilo .b, .grsilo .b, .blueo .b, .greeno .b, .greenbgo .b { background-position:bottom right;}
.bluer .b div, #redr .b div, .ysilo .b div, .bsilo .b div, .grsilo .b div, .blueo .b div, .greeno .b div, .greenbgo .b div  { position:relative; width:12px; /* bottom corner width */ margin-left:-10px; background-position:bottom left;}
.bluer .hd,.bluer .bd,.bluer .ft, #redr .hd,#redr .bd,#redr .ft,.ysilo .hd, .ysilo .bd,.ysilo .ft, .bsilo .hd, .bsilo .bd,.bsilo .ft, .grsilo .hd, .grsilo .bd,.grsilo .ft, .blueo .hd,.blueo .bd,.blueo .ft, .greeno .hd,.greeno .bd,.greeno .ft, .greenbgo .hd,.greenbgo .bd,.greenbgo .ft  {position:relative;}
.bluer .wrapper, #redr .wrapper,.ysilo .wrapper, .bsilo .wrapper, .grsilo .wrapper, .blueo .wrapper, .greeno .wrapper, .greenbgo .wrapper{ /* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:8000px; overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.bluer h1, .bluer p, #redr h1, #redr p,.ysilo h1, .ysilo p,  .bsilo h1, .bsilo p, .grsilo h1, .grsilo p, .blueo h1, .blueo p, .greeno h1, .greeno p, .greenbgo h1, .greenbgo p  { margin: 0; /* margins will blow out backgrounds, leaving whitespace. */ padding: 0px;  }
.greeno h1, .greeno h2 { color: #0c7700; }
.greeno h2, .greeno p { margin: 0; /* margins will blow out backgrounds, leaving whitespace. */ padding: 0px; padding-bottom: 10px; }
.greeno h2{font-size: 15px; }


.gSilo { background: #d3e5d3 url("/images/gsilolt.gif") no-repeat left top; margin: 0;}
.gSilo .tube { margin: 0 10px 0 10px; }
.gSilo .rt { background: transparent url("/images/gsilort.gif") no-repeat right top; height: 10px;}
.gSilo .lb { background: transparent url("/images/gsilolb.gif") no-repeat left top; height: 10px; clear: left;}
.gSilo .rb { background: transparent url("/images/gsilorb.gif") no-repeat right top; height: 10px; }

#redr { color: #fff; }
#redr a { color: #ffa; }
