/* border_base.css */
/* copyright 2007 Robert E Walker */

/* set position */

.image_border {
 position: relative;
 height: 100%;
}

.image_border,
.top,
.bottom {
 /* provide space for IE6 which has no left/right edges */
 padding-left: 16px; 
 padding-right: 16px;
}

.image_border > .top,
.image_border > .bottom {
 /* remove space for non-IE6 browsers */
 padding-left: 0;
 padding-right: 0;
}

.top {
 display: block;
 position: absolute;
 width: 100%;
 bottom: 100%;
 left: 0;
 background-color: transparent;
 background-position: top left;
 background-repeat: repeat-x;
 z-index: 1;
}

.right {
 display: none; /* hide from IE6 */
 position: absolute;
 height: 100%;
 top: 0;
 left: 100%;
 background-color: transparent;
 background-position: top right;
 background-repeat: repeat-y;
 z-index: 1;
}

.image_border > .right {
 display: block; /* show in all non-IE6 browsers */
}

.bottom {
 display: block;
 position: absolute;
 width: 100%;
 top: 100%;
 left: 0;
 background-color: transparent;
 background-position: bottom left;
 background-repeat: repeat-x;
 z-index: 1;
}

.left {
 display: none; /* hide from IE6 */
 position: absolute;
 height: 100%;
 top: 0;
 right: 100%;
 background-color: transparent;
 background-position: top left;
 background-repeat: repeat-y;
 z-index: 1;
}

.image_border > .left {
 display: block; /* show in all non-IE6 browsers */
}

.top_left {
 display: none; /* hide from IE6 */
 position: absolute;
 bottom: 100%;
 right: 100%;
 background-repeat: no-repeat;
}

.image_border > .top_left {
 display: block;
}

.top_right {
 display: none; /* hide from IE6 */
 position: absolute;
 bottom:100%;
 left: 100%;
 background-repeat: no-repeat;
}

.image_border > .top_right {
 display: block; /* show in all non-IE6 browsers */
}

.bottom_right {
 display: none; /* hide from IE6 */
 position: absolute;
 top: 100%;
 left: 100%;
 background-repeat: no-repeat;
 background-position: bottom right;
}

.image_border > .bottom_right {
 display: block; /* show in all non-IE6 browsers */
}

.bottom_left {
 display: none; /* hide from IE6 */
 position: absolute;
 top: 100%;
 right: 100%;
 background-repeat: no-repeat;
 background-position: bottom left;
}

.image_border > .bottom_left {
 display: block; /* show in all non-IE6 browsers */
}

/* set default sizes for borders */

.top,
.top_left,
.top_right {
 height: 2px;
}

.right,
.top_right,
.bottom_right {
 width: 2px;
}

.bottom,
.bottom_right,
.bottom_left {
 height: 2px;
}

.left,
.bottom_left,
.top_left {
 width: 2px;
}

/* set fills, note that this is separate from all positioning styles for convenience of modding */


.top {
 background-color: black;
}

.right {
 background-color: black;
}

.bottom {
 background-color: black;
}

.left {
 background-color: black;
}

.top_left {
 background-color: black;
}

.top_right {
 background-color: black;
}

.bottom_right {
 background-color: black;
}

.bottom_left {
 background-color: black;
}

.hor_divider {
 width: 100%;
 position: relative;
 margin-left: auto;
 margin-right: auto;
 margin-top: 16px;
 padding-bottom: 16px;
}