@charset "utf-8";

@media all {
  html,body,table,td,tr,h1,h2,h3,h4,h5,h6,ul,li,ol,div,input,select,option
                           { font-size:             12px;
                             font-family:           Arial,Helvetica,sans-serif;
                           }
  body                     { margin:                0px;
                             padding:               0px;
                             border:                0px;
                             width:                 1000px;
                             background-repeat:     repeat-x;
                             background-image:      url(../images/back/topbg.png);
                           }
  body.popup               { margin:                10px;
                             padding:               0px;
                             border:                0px;
                             width:                 260px;
                             background-image:      url(../images/1x1.png);
                           }

  a                        { color:                 #0033ff;
                           }
  a:hover                  { color:                 #0033ff;
                           }
  a:visited                { color:                 #0033ff;
                           }
  a:active                 { color:                 #0033ff;
                           }
  a:focus                  { color:                 #0033ff;
                           }

  form                     { margin:                0px;
                             padding:               0px;
                             border:                0px;
                           }
  img                      { border:                0px;
                           }

  div.fill                 { font-size:             1px;
                           }
  div.menu                 { clear:                 left;
                           }
  div.menu div.logo        { text-align:            right;
                           }
  div.menu div.mbox        { height:                102px;
                             width:                 127px;
                             padding-left:          2px;
                             padding-right:         10px;
                             padding-top:           17px;
                             float:                 left;
                             overflow:              hidden;
                             border-right:          1px solid white;
                             line-height:           18px;
                             white-space:           nowrap;
                             background-color:      white;
                           }
  div.menu div.sbox        {
                             height:                20px;
                             width:                 555px;
                             padding-left:          2px;
                             padding-right:         0px;
                             padding-top:           0px;
                            }
  div.menu div.submenu     { background-color:      #f8f8f8;
                           }

  div.menu a               { text-decoration:       none;
                           }

  div.ruler                { clear:                 left;
                           }
  div.ruler div.rbox       { width:                 139px;
                             height:                 20px;
                             vertical-align:        top;
                             border-right:          1px solid white;
                             border-bottom:         1px solid white;
                             float:                 left;
                           }

  div.scopeBox div         { cursor:                pointer;
                             text-decoration:       none;
                             padding-left:          13px; 
                             padding-top:           1px; 
                             padding-bottom:        10px; 
                             display:               block;
                             background-repeat:     no-repeat;
                           }
  div.scopeBox div img     { vertical-align:        top;
                           }
  div.scopeBox div         { background-image:      url(../images/1x1.png);
                           }
  div.scopeBox div.scope   { color:                 #000000;
                           }
  div.scopeBox div.scope:link
                           { background-image:      url(../images/1x1.png);
                           }
  div.scopeBox div.scope:visited 
                           { background-image:      url(../images/1x1.png);
                           }
  div.scopeBox div.scope:hover 
                           { background-image:      url(../images/black.png);
                           }
  div.scopeBox div.scopeact
                           { color:                 #3772b4;
                             background-image:      url(../images/serv.png);
                           }
  div.scopeChange          { position:              relative;
                             margin-top:            20px;
                           }
  div.scopeChange div      { position:              absolute;
                             width:                 109px;
                             height:                 16px;
                             vertical-align:        middle;
                             padding:               2px 15px;
                             border-right:          1px solid white;
                             border-bottom:         1px solid white;
                             cursor:                pointer;
                           }
  div.scopeChange div.prevScope
                           { left:                  -15px;
                             text-align:            left;
                             white-space:           nowrap;
                           }
  div.scopeChange div.nextScope
                           { right:                 -15px;
                             text-align:            right;
                             white-space:           nowrap;
                             color:                 #ffffff;
                           }
  option.first             { color:                 #888888;
                           }
  option.disable           { font-weight:           bold;
                             color:                 black;
                           }
  option.indent            { padding-left:          10px;
                           }

  div.box1                 { background-color:      #c1d4f2;
                           }
  div.box2                 { background-color:      #a1beec;
                           }
  div.box3                 { background-color:      #82a9e6;
                           }
  div.box4                 { background-color:      #6393df;
                           }
  div.box5                 { background-color:      #0552cc;
                           }
  div.box6                 { background-color:      #043b92;
                           }
  img.spacer-gif           { height:                0px;
                           }
  div.content              { clear:                 both;
                             vertical-align:        top;
                           }
  div.left                 { float:                 left;
                             width:                 140px;
                           }
  div.middle               { float:                 left;
                             width:                 420px;
                             position:              relative;
                             top:                   0px;
                             left:                  0px;
                           }
  div.right                { float:                 left;
                             width:                 140px;
                           }
  div.content div.quadrat  { width:                 139px;
                             height:                139px;
                             border-right:          1px solid white;
                             border-bottom:         1px solid white;
                           }
  div.content div.hruler1  { background-color:      #eaeaea;
                           }
  div.content div.hruler2  { background-color:      #f8f8f8;
                           }
  div.content div.hruler3  { background-color:      #ffffff;
                           }

  div.content div.scopeBox { left:                  0px;
                             top:                   0px; 
                             width:                 119px;
                             height:                251px;
                             padding:               14px 10px;
                             z-index:               10;
                           }
  div.content div.questCountBox 
                           { padding:               15px 10px;
                             cursor:                pointer;
                           }
  div.content div.submitBox 
                           { padding:               15px 10px;
                             cursor:                pointer;
                           }

  div.content div.submitBox input
                           { border:                0px;
                             background-color:      #a1beec; 
                             width:                 115px;
                             height:                20px;
                             margin-top:            10px;
                             color:                 black;
                           }


  div.middle div.questBox  { vertical-align:        top;
                             position:              relative;
                             padding:               15px;
                           }
  div.middle div.scopeTitle 
                           { vertical-align:        top;
                             font-size:             12px;
                             font-weight:           bold;
                             border-bottom:         1px solid #eaeaea;
                             margin-bottom:         3px;
                           }

  div.middle table th      { text-align:            left;
                             font-weight:           normal;
                             width:                 120px;
                           }
  div.middle table td      { vertical-align:        top;
                           }
  div.middle input.checkbox,
  div.middle input.radio   { margin:                2px 5px;
                           }
  div.middle div.quest     { margin-top:            10px;
                           }
  div.middle div.quest input
                           { vertical-align:        bottom;
                           }
  div.content div.contimg  { position:              absolute;
                             z-index:               1;
                           }
  div.content img.contimg  { position:              absolute;
                             top:                   0px;
                             left:                  0px;
                           }

  div.result               { position:              relative;
                             height:                150px;
                             width:                 400px;
                           }
  div.result img           { position:              absolute;
                             top:                   0px;
                             left:                  0px;
                           }
  div.result div.bar       { position:              absolute;
                             left:                  60px;
                             height:                20px;
                             width:                 310px;
                             border:                1px solid #eaeaea;
                           }
  div.result div.bar div   { position:              absolute;
                             top:                   0px;
                             left:                  0px;
                             height:                20px;
                             white-space:           nowrap;
                             text-align:            right;
                           }
  div.result div.perc      { width:                 306px;
                             text-align:            right;
                             padding:               2px 2px;
                           }
  div.result div.filled    { background-color:      #dadada;
                             font-size:             2px;
                           }

  div.result div.bar#bar1  { top:                   115px;
                           }
  div.result div.bar#bar2  { top:                   65px;
                           }
  div.result div.bar#bar3  { top:                   15px;
                           }

  div.footer               { padding-top:           15px; 
                             padding-left:          155px; 
                             margin-bottom:         40px; 
                             clear:                 left;
                             width:                 560px;
                             text-align:            left;
                             font-size:             11px;
                             color:                 #b1b1b1;
                           }
  div.footer a             { text-decoration:       none; 
                             color:                 #919191;
                           }
  div.footer a:hover       { text-decoration:       underline; 
                           }
  

}