HTML, BODY {
   height:100%;
   margin:0;
   padding:0;
   background:#f5f5f5;
}
img {
   border: none;
}

#Logo {
   width: 425px;
   height:139px;
   background: url(images/t_block.png) no-repeat;
   text-align:center;
}

#Logo div {
   padding-top:30px;
}

#Logo a {
   color: #195c82;
   font-size:40px;
   text-decoration:none;
   border-bottom:3px  solid #a53320;
}

#Header {
   padding-left:20px;
   background: url(images/t_gradient.png) repeat-x;
}

#Content  {
   background: url(images/tc_gradient.png) repeat-x;
}

#Content td {
   height:100%;
}

#Footer  {
   height:194px;
   background: url(images/b_gradient.png) repeat-x;
}

#Footer td {
   vertical-align:bottom;
}
#Footer td#Info {
   background: url(images/b_bg.png) repeat-x;
   width:100%;
   text-align:left;
   vertical-align:middle;
   font-size: 10pt;
   color: grey;
}
#Footer td#Ban {
   background: url(images/b_bg.png) repeat-x;
   vertical-align:middle;
}


#Footer table {
   width:60%;
}

#LeftBar {
   text-align:right;
   padding-right:25px;
   width:235px;
   vertical-align:top;
   line-height:25pt;
   padding-top:15px;
}
#LeftBar a {
   padding-right:15px;
   color: #195c82;
   text-decoration:none;
   display:block;
}

#LeftBar h3 {
   font-size: 16pt;
   display:block;
   text-align:center;
   color: #195c82;
   border-bottom:3px  solid #a53320;
   margin: 0px 15px;
}

#LeftBar img.logo {
   display:block;
}

#LeftBar a:hover {
   text-decoration:underline;
   color:#a53320;
}

#LeftBar div  {
   border-right:3px  solid #a53320;
}

#lTizer {
   width:100%;
   padding-top:15px;
}
#lTizer td {
   vertical-align:top;
   text-align:center;
   padding-bottom:20px;
}
#lTizer td.tizer img {
   height:219px;
   width:222px;
}

#lTizer td.tizer a {
   text-decoration:none;
   color: #195c82;
}

#lTizer td.tizer a:hover {
   color:#a53320;
   text-decoration:underline;
}


img.idate {
   vertical-align:middle;
   cursor:pointer;
}

.PageContent  {
   font-size:12pt;

}
.PageContent p {
   text-indent:25pt;
   line-height:20pt;
   padding-right:40pt;
   text-align: justify;

}

.PageContent a {
   text-decoration:none;
   color: #195c82;
}

.Answers  h2,
.Question  h2  {
   padding: 0 0 15px 15px;
   margin: 0;
   font-size: 16pt;
}
.Question  {
   font-size: 14pt;
   text-indent:25pt;
}

.Question .roundbox-content {
   padding:25px;
}


.Answers .Buttons {
   text-align:left;
   padding-left:25px;
}
.Answers button {
   font-size:14px;
   padding:5px 25px;
}

#Question img {
   display:block;
}

.Answers label {
   display:block;
   line-height:25pt;
   cursor:pointer;
}


.Answers input.checkbox {
   background: #F3E1D9;
   font-size:16pt;
   padding-right:15px;
}

div.Answers  {
   padding-top:20px;
}

.Answers .roundbox-content {
   padding:30px;
}

.Answers input.numeric {
   text-align:right;
}

.eString {
   display:block;
   color: red;
   border: 1px red dotted;
   padding:5px;
   text-align:center;
   margin:5px;
}

/*===*/
.roundbox-tr {
   margin:15px auto;
   padding:0;
   background:url("images/roundbox_tr.gif") no-repeat right top;
}

.Question .roundbox-tr {
   background:url("images/roundbox_tr_g.gif") no-repeat right top;
}

.TB .roundbox-tr {
   background:url("images/roundbox_tr_g.gif") no-repeat right top;
}


/* top-left corner and left side */
.roundbox-tl {
   background:   url("images/roundbox_tl.gif") no-repeat left top;
}

.Question .roundbox-tl {
   background:url("images/roundbox_tl_g.gif") no-repeat left top;
}

.TB .roundbox-tl {
   background:url("images/roundbox_tl_g.gif") no-repeat left top;
}



/* bottom-right corner and bottom side */
.roundbox-br {
   background:   url("images/roundbox_br.gif") no-repeat right bottom;
}

/* bottom-left corner */
.roundbox-bl {
   background:   url("images/roundbox_bl.gif") no-repeat left bottom;
}

/* content div, it could be omitted (the content going into "roundbox-bl" but I felt that alinging the content was easier
with "roundbox-content" in place */

div.timer  {
   position:absolute;
   top:160px;
   right:80px;
   background:#F3E1D9;
   padding:5px;
   border: 1px solid black;
}
div.timer span {
   font-size:120%;
   padding:8px;
}
.sms_info {
   margin-top:50px;
   border: 1px solid grey;
   padding:20px;
   font-size:90%;
   color:#666666;
}
.sms_info b {
   display:block;
   text-align:center;
   padding-bottom:5px;
}