﻿#MinSize {
  min-width : 972px;
  width:     expression(document.body.clientWidth < 972 ? "972px": "auto" );
} 

div.Frame { position:         relative;
            padding:          8px 8px 8px 8px;
            margin-top:       8px;
            background-color: #bcbcbc;
            text-align:       center;
          }

div.FrameBevelTL { position: absolute;
                   top:                 0px;
                   left:                0px;
                   width:               16px;
                   height:              16px;
                   text-align:          left; 
                   background-image:    URL(SphereTL.png); 
                   background-position: top left; 
                   background-repeat:   no-repeat; 
                   z-index: 1;
                 }

div.FrameBevelTCL { position: absolute;
                  top:     0px;
                  left:   16px;
                  width:             60%;
                  height:           16px;
                  text-align:       left; 
                  background-image: URL(SphereTC.png); 
                  background-position: top left; 
                  background-repeat:   repeat-x;
                }

div.FrameBevelTCR { position: absolute;
                  top:     0px;
                  right:   16px;
                  width:             60%;
                  height:           16px;
                  text-align:       right; 
                  background-image: URL(SphereTC.png); 
                  background-position: top right; 
                  background-repeat:   repeat-x;
                }

div.FrameBevelTR { position: absolute;
                  top:   0px;
                  right: 0px;
                  width:            16px;
                  height:           16px;
                  text-align:       right; 
                  background-image:    URL(SphereTR.png); 
                  background-position: top right; 
                  background-repeat:   no-repeat;
                  z-index: 1;
                }

div.FrameBevelCLT { position: absolute;
                   top:         0px;
                   left:       0px;
                   width:      16px;
                   height:     51%;
                   text-align: left; 
                   background-image: URL(SphereCL.png); 
                   background-position: top left; 
                   background-repeat:   repeat-y;
                 }

div.FrameBevelCC { vertical-align: top; 
                  text-align: center; 
                  background-color: #bcbcbc;
                  border-width:        0px;
                  border-style:        none;
                  padding:             0px;
                  background-image: URL(BodyPatch.png); 
                  background-position: center center; 
                  background-repeat:   repeat;
                }

div.FrameBevelCLB { position: absolute;
                   bottom:         0px;
                   left:       0px;
                   width:      16px;
                   height:     51%;
                   text-align: left; 
                   background-image: URL(SphereCL.png); 
                   background-position: bottom left; 
                   background-repeat:   repeat-y;
                 }

div.FrameBevelCRT { position: absolute;
                   top:         0px;
                   right:       0px;
                   width:      16px;
                   height:     51%;
                   text-align: left; 
                   background-image: URL(SphereCR.png); 
                   background-position: top right; 
                   background-repeat:   repeat-y;
                 }

div.FrameBevelCRB { position: absolute;
                   bottom:         0px;
                   right:       0px;
                   width:      16px;
                   height:     51%;
                   text-align: right; 
                   background-image: URL(SphereCR.png); 
                   background-position: bottom right; 
                   background-repeat:   repeat-y;
                 }

div.FrameBevelBL { position: absolute;
                  bottom:              0px;
                  left:                0px;
                  width:               16px;
                  height:              16px;
                  text-align:          left; 
                  background-image:    URL(SphereBL.png); 
                  background-position: bottom left; 
                  background-repeat:   no-repeat;
                  z-index: 1;
                }

div.FrameBevelBCL { position: absolute;
                   bottom:    0px;
                   left:     16px;
                   width:             51%;
                   height:           16px;
                   text-align:       left; 
                   background-image: URL(SphereBC.png); 
                   background-position: bottom left; 
                   background-repeat:   repeat-x;
                 }

div.FrameBevelBCR { position: absolute;
                  bottom:     0px;
                  right:     16px;
                  width:             51%;
                  height:           16px;
                  text-align:       right; 
                  background-image: URL(SphereBC.png); 
                  background-position: bottom right; 
                  background-repeat:   repeat-x;
                }

div.FrameBevelBR { position: absolute;
                  bottom:              0px;
                  right:                0px;
                  width:               16px;
                  height:              16px;
                  text-align:          right; 
                  background-image:    URL(SphereBR.png); 
                  background-position: bottom right; 
                  background-repeat:   no-repeat;
                  z-index: 1;
                }



