.raisedbox {
    position:relative;
    background-color:#FFFFFF;
    border:solid;
    border-width:1px;
    border-color:#00C7FF;
    border-right-width:3px;
    border-bottom-width:3px;
    margin-right:7px;
    margin-bottom:7px;
}

.raisedbox .top {
    position:relative;
    top:-1px;
    margin-bottom:-20px;
    height:20px;
    z-index:0;
}

.raisedbox .top .left {
    position:relative;
    left:-1px;
    float:left;
    background: url('../img_boxes/blue_raised_tl.gif');
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    z-index:0;
}

.raisedbox .top .right {
    position:relative;
    right:-3px;
    float:right;
    background-image:url('../img_boxes/blue_raised_tr.gif');
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    z-index:0;
}

.raisedbox .bottom {
    clear:both;
    position:absolute;
    bottom:-3px;
    width:100%;
    height:20px;
    z-index:0;
}

.raisedbox .bottom .left {
    position:relative;
    left:-1px;
    float:left;
    background: url('../img_boxes/blue_raised_bl.gif');
	background-repeat:no-repeat;
    width:20px;
    padding:0px;
    margin:0px;
    height:20px;
    z-index:0;
}

.raisedbox .bottom .right {
    position:relative;
    right:-3px;
    float:right;
    background: url('../img_boxes/blue_raised_br.gif');
	background-repeat:no-repeat;
	width:20px;
    padding-bottom:0px;
    margin:0px;
    height:20px;
    z-index:0;
}

.solidbox {
    position:relative;
    background-color:#FFFFFF;
    border:solid;
    border-width:1px;
    border-color:#00C7FF;
    border-right-width:1px;
    border-bottom-width:1px;
    margin-right:7px;
    margin-bottom:7px;
}

.solidbox .top {
    position:relative;
    top:-1px;
    margin-bottom:-20px;
    height:20px;
    z-index:0;
}

.solidbox .top .left {
    position:relative;
    left:-1px;
    float:left;
    background: url('../img_boxes//blue_solid_tl.gif');
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    z-index:0;
}

.solidbox .top .right {
    position:relative;
    right:-1px;
    float:right;
    background-image:url('');
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    z-index:0;
}

.solidbox .bottom {
    clear:both;
    position:absolute;
    bottom:-1px;
    width:100%;
    height:20px;
    z-index:0;
}

.solidbox .bottom .left {
    position:relative;
    left:-1px;
    float:left;
    background: url('../img_boxes/blue_solid_bl.gif');
     background-repeat:no-repeat;
   width:20px;
    padding:0px;
    margin:0px;
    height:20px;
    z-index:0;
}

.solidbox .bottom .right {
    position:relative;
    right:-1px;
    float:right;
    background: url('../img_boxes/blue_solid_br.gif');
	background-repeat:no-repeat;
   width:20px;
    padding-bottom:0px;
    margin:0px;
    height:20px;
    z-index:0;
}

.flatbox {
    position:relative;
    background-color:#FFFFFF;
    border:solid;
    border-width:1px;
    border-color:#00C7FF;
    border-right-width:1px;
    border-bottom-width:1px;
    margin-right:7px;
    margin-bottom:7px;
}

.flatbox .top {
    position:relative;
    top:-1px;
    margin-bottom:-20px;
    height:20px;
    z-index:0;
}

.flatbox .top .left {
    position:relative;
    left:-1px;
    float:left;
    background: url('../img_boxes/blue_flat_tl.gif');
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    z-index:0;
}

.flatbox .top .right {
    position:relative;
    right:-1px;
    float:right;
    background-image:url('../img_boxes/blue_flat_tr.gif');
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    z-index:0;
}

.flatbox .bottom {
    clear:both;
    position:absolute;
    bottom:-1px;
    width:100%;
    height:20px;
    z-index:0;
}

.flatbox .bottom .left {
    position:relative;
    left:-1px;
    float:left;
    background: url('../img_boxes/blue_flat_bl.gif');
    background-repeat:no-repeat;
    width:20px;
    padding:0px;
    margin:0px;
    height:20px;
    z-index:0;
}

.flatbox .bottom .right {
    position:relative;
    right:-1px;
    float:right;
    background: url('../img_boxes/blue_flat_br.gif');
    background-repeat:no-repeat;
    width:20px;
    padding-bottom:0px;
    margin:0px;
    height:20px;
    z-index:0;
}

.smallbox {
    position:relative;
    background-color:#FFFFFF;
    border:solid;
    border-width:1px;
    border-color:#00C7FF;
    border-right-width:3px;
    border-bottom-width:3px;
    margin-right:9px;
    margin-bottom:9px;
}

.smallbox .top {
    position:relative;
    top:-1px;
    margin-bottom:-12px;
    height:12px;
    z-index:0;
}

.smallbox .top .left {
    position:relative;
    left:-1px;
    float:left;
    background: url('../img_boxes/blue_small_tl.gif');
    background-repeat:no-repeat;
    width:12px;
    height:12px;
    z-index:0;
}

.smallbox .top .right {
    position:relative;
    right:-3px;
    float:right;
    background-image:url('../img_boxes/blue_small_tr.gif');
    background-repeat:no-repeat;
    width:12px;
    height:12px;
    z-index:0;
}

.smallbox .bottom {
    clear:both;
    position:absolute;
    bottom:-3px;
    width:100%;
    height:12px;
    z-index:0;
}

.smallbox .bottom .left {
    position:relative;
    left:-1px;
    float:left;
    background: url('../img_boxes/blue_small_bl.gif');
    background-repeat:no-repeat;
    width:12px;
    padding:0px;
    margin:0px;
    height:12px;
    z-index:0;
}

.smallbox .bottom .right {
    position:relative;
    right:-3px;
    float:right;
    background: url('../img_boxes/blue_small_br.gif');
    background-repeat:no-repeat;
    width:12px;
    padding-bottom:0px;
    margin:0px;
    height:12px;
    z-index:0;
}