﻿html, body, iframe { margin:0; padding:0; height:100%; }
form { margin: 0; padding: 0; }
body { margin: 0; background-color: #72B67B; font-family: Sans-Serif; color: #0f4da0; font-weight: bold; font-size: 12px; }
div.h { margin: 0; background: url(l.gif) no-repeat 10px 4px; padding: 5px 10px 3px 160px; height: 22px; line-height: 12px; border-bottom: double 3px #DFF0FF; }
body.f div.h { border: 0; margin: 200px auto 0; width: 500px; }
div.h h1 { float: right; font-size: 11px; color: #fff; font-weight: normal; }
body.f div.h h1 { display: none; }
div.h h1 a { color: #fff; text-decoration: none; font-weight: bold; }
div.h input.t { border: 1px #DFF0FF solid; background: #fff; color: #000; padding: 0 1px; margin: 0 0 0 7px; }
div.h input.b { border: 0; background: #0f4da0; color: #fff; font-size: 11px;  }
div.h .sp { color: #fff; font-weight: normal; padding: 0 10px; font-size: 11px; }

body.f div.h input.t { font-size: 18px; }
body.f div.h input.b { font-size: 18px; }

body.v .vs, 
body.f .vs { display: none; }
body.h .hs, 
body.f .hs { display: none; }

body.v iframe { float: left; border: 0; margin: 0; padding: 0; display: block; }
body.v iframe#s1 { width: 52%; }
body.v iframe#s2 { width: 48%; }

body.h iframe { border: 0; margin: 0; padding: 0; display: block; width: 100%; }
body.h iframe#s1 { border-bottom: double 3px #DFF0FF; }
body.h iframe#s2 { }

body.g iframe,
body.b iframe { border: 0; margin: 0; padding: 0; display: block; width: 99%; float: left; }
body.g iframe#s1 { width: 0px; }
body.b iframe#s2 { width: 0px; }

p { text-align: center; color: White; font-weight: normal; }
p a img { border: 0 none; }

.a { margin-top: 0; font-size: 9px; }
.a a { color: #fff; }
