html {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

#bg{
  position:absolute;
  height: 250px;
  width:100%;
/*  overflow: hidden;  
  opacity: 1.0;
  -webkit-transition: background 1.5s linear;
  -moz-transition: background 1.5s linear;
  -o-transition: background 1.5s linear;
  -ms-transition: background 1.5s linear;
  transition: background 1.5s linear;*/
  background:url('/images/topbanner.jpg') no-repeat top center fixed;;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 200px;

    -webkit-animation: myfirst 1s ; /* Chrome, Safari, Opera */
    animation: myfirst 1s ;
   z-index: -1;
  }

  /* Chrome, Safari, Opera */
  @-webkit-keyframes myfirst {
    from {opacity: 0.2;}
    to {opacity: 1;}
  }

  /* Standard syntax */
  @keyframes myfirst {
    from {opacity: 0.2;}
    to {opacity: 1;}
}

body{
	margin:	0px;
	font-family: verdana,arial, tahoma,  helvetica, sans-serif, serif;
	padding:  0px;
	font-size: 12pt; /*0.8em;*/
	text-align: left;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;

}

td
{
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	padding:  1px;
	font-size: 13pt; /*0.8em;*/
}
tr
{
  vertical-align: top;
}
body.browser
{
	height:	100%;
	background-color: #000;
	margin:	0px;
	padding: 0px;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*1em;*/
	text-align: left;
	border-right: 1px dashed #c0c0c0;
}

h4 
{
	margin:	0px 0px 0px 10px;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	padding: 5px;
	font-size: 14pt; /*0.8em;*/
	text-align: left;
}

td.nav {
        font-style: bold; 
}

tr.head
{	
  font-size: 11pt;
  text-align: center;
  font-weight : bold;
  border-bottom: 0px dashed #000000;
	color:#000;
  background-color : #AAD8EE;
}

table.dotline
{
  margin-top: 5px ;
  width: 500px;
  border: 1px dashed #aaaaaa;
  background-color: #ffffff;
  padding: 5px;
  font-family: Verdana, Helvetica,Arial; 
  font-style: normal; 
  font-size: 11pt;
  font-weight: bold;
  color: #66;
}

table.ui
{
  margin-top: -100px ;
  vertical-align: top;
  border-collapse: collapsed;
  width: 100%;
  border: 2px solid #666666;
  padding: 0px;
  font-family: Verdana, Helvetica,Arial; 
  font-style: normal; 
  font-size: 11pt;
  font-weight: normal;
  color: #000000;
}
td.ui
{
  margin: 0px ;
  vertical-align: top;
  border: 1px solid #000000;
  padding: 2px;
  color: #000000;
}

th.ui
{
  margin: 0px ;
  vertical-align: top;
  background-color: #666666;
  border: 1px solid #000000;
  padding: 2px;
  color: #FFFFFF;
}

p.warning
{
  color: red;
  font-weight: bold;
}


table.ques
{
  margin: 30px ;
  width: 500px;
  border: 1px solid #000000;

  padding: 10px;
  border-collapse: collapse;
}

table.ques2
{
  font-size: 12pt; /*0.8em;*/
  text-align: left;  padding-left: 10px; 
  width: 500px;
  border-bottom: 1px  solid #000000;
  background-color: #AAD8EE;
  border-collapse: collapse;
}

table.ques3
{
  padding: 10px; 

}

table.ques4
{
  padding: 4px; 
  width: 500px;
  heigth: 4px; 
  border-top: 1px  dashed #888888;
}

table.foobar
{
  width: 800px; 
  height: 600px; 
  solid  #000000;
  margin-top: 60px 
  padding: 0px 0px 0px 0px ;
  border: 2px  solid  #000000; ;

}

td.opbutton1 
{
	color: #000000;
	background-color: #F3F3E9;
	border-top:	1px solid #FFFFFF;
	border-right: 1px solid	#706D41;
	border-bottom: 1px solid #706D41;
	border-left: 1px solid #FFFFFF;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}

td.opbutton2 
{
	color: #000000;
	background-color: #E6E6CC;
	border-top:	1px solid #FFFFFF;
	border-right: 1px solid	#706D41;
	border-bottom: 1px solid #706D41;
	border-left: 1px solid #FFFFFF;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}

td.opb3 
{
  width: 75;
	color: #000000;
	background-color: #F3F3E9;
	border-top:	1px solid #FFFFFF;
	border-right: 1px solid	#706D41;
	border-bottom: 1px solid #706D41;
	border-left: 1px solid #FFFFFF;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}

td.opb4
{
  width: 110;
/*	color: #000000;
	background-color: #E6E6CC;
	border-top:	1px solid #FFFFFF;
	border-right: 1px solid	#706D41;
	border-bottom: 1px solid #706D41;
	border-left: 1px solid #FFFFFF;
	cursor:	pointer;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; *//*0.8em;*/
/*	padding-left: 6px;
	padding-right: 6px;
	text-align: center;*/
}

h3
{
/*  width: 200px;*/
	font-family: tahoma, verdana, helvetica, sans-serif, serif;
  font-size: 12pt;
}


p.big
{
  width: 200px;
	font-family: tahoma, verdana, helvetica, sans-serif, serif;
  font-size: 12pt;
}
h5
{
  color: #ff0000;
}


table.frontpage
{ 
  margin-top: 0; 
  border: 0px solid  #AAD8EE;
/*  background-color: #ffffff;*/
  border-collapse: collapse;
  padding: 0px;
}


table.frontpage2
{ 
  border: 0px dashed  #a0a0a0;
  margin-top: 20px; 
  margin-left: 40px; 
 	background-color: #ffffff;
  width: 720px; 
  height: 480px;
}
table.topbanner
{
  margin-top: 0;
  border: 0px solid  #AAD8EE;
  background-color: #000000;
  color:#ffffff;
  text-align:right;
  border-collapse: collapse;
  padding: 0px;
}

tr.tog1
{
  background-color : #F1F9FC;
  font-family: Verdana, Helvetica,Arial; 
  font-size: 11pt;
}

tr.tog2
{
  background-color : #d0d0d;
  font-family: Verdana, Helvetica,Arial; 
  font-size: 11pt;
}






TR.edit {
       background: #aa6666;
}

TR.navbar {
	font-weight:bold;
	background : #336699;
	color:#ffffff;
	font-family:Verdana;
	font-size:10px;
}

TEXTAREA {
        font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
        padding:  4px;
	font-size: 14px;
	width : 100%;
}


.header {
	font-size : 12px;
	font-weight : bold;
	font-family : Helvetica;
}

td.subhead {
	      font-size : 12px;
        font-weight : bold;
        font-family : Helvetica;
				color  : #333333;
				vertical-align: top;
}

.grey {
	color: #33333;
}

.green {
	color: green;
}

.red {
	color: red;
}

.title {
	font-size : 13px;
	text-decoration : underline;
	font-weight : bold;
}


.bold {
	font-weight : bold;
}

.bar {
	font-weight:bold;
	background : #3B4C55;
	color:#AAEEFF;
	font-family:Verdana;
	font-size:12px;
}


.barsmall {
        color: #000000;
	background : #FFFF00;
        font-family:Verdana;
        font-size:18px;
}

DIV.bar {
	padding: 3px;
}

p.menu1 {font-family: Helvetica,Arial; font-style: normal; font-size: 11pt}
p.menu1:first-line {font-weight: bold; font-size: 11pt; text-decoration : underline;}

p {font-family: Verdana, Helvetica,Arial; 
   font-style: normal; 
   font-size: 11pt;
   font-weight: normal;
   color: #66;
}


A.bar { color: #FFFFFF; }
A:hover.bar { color: #FFFFFF; }
A:visited.bar { color: #FFFFFF; }

A.barsmall { color: #FF0000; }
A:hover.barsmall { color: #F00000; }
A:visited.barsmall { color: #F00000; }

.small {
	font-size : 9px;
}


img
{
  border: 0px;
}

A {
	text-decoration : none;
	color:  rgb(0, 51, 102);
}

A:hover {
	text-decoration : underline;
}

A:visited{
	color: rgb(0, 30, 60);
}

hr {
  margin-top: 0px; 
  border: 0;
  width: 100%; 
	color: #bbbbbb;
  background-color: #bbbbbb;
	height: 1px;
}
a.topbanner1
{
  color:#ffffff;
  text-align:right;
}

a.topbanner1:visited
{
  color:#ffffff;
  text-align:right;
}
a.button1
{
 display:inline-block;
 padding:0.15em 0.2em;
 border:0.15em solid #034190;
 margin:0 0.1em 0.1em 0;
 border-radius:0.12em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-size: 11pt;
 font-weight:400;
 color:#034190; /*#03295a;*/
 text-align:center;
 transition: all 0.2s;
/* width: 100;*/
 background-color: #ffffff;
}
a.button1:hover
{
 color:#ffffff;
 background-color:#034190;
 border: 0.15em solid #034190;
}
@media all and (max-width:30em)
{
 a.button1
 {
   display:block;
   margin:0.4em auto;
 }
}
input[type=button], input[type=submit], input[type=reset] 
{
 display:inline-block;
 padding:0.15em 0.2em;
 border:0.15em solid #034190;
 margin:0 0.1em 0.1em 0;
 border-radius:0.12em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:400;
 font-size: 11pt;
 color:#034190;
 text-align:center;
 transition: all 0.2s;
/* width: 100;*/
 background-color: #ffffff;
}
input:hover /*[type=button], input[type=submit], input[type=reset]*/
{
 color:#ffffff;
 background-color:#034190;
 border: 0.15em solid #034190;
}

INPUT, SELECT {
 padding:0.1em 0.2em;
 border:0.15em solid #034190;
 margin:0 0.1em 0.1em 0;
 border-radius:0.12em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:400;
 font-size: 11pt;
 color:#034190;
 text-align:left;
 transition: all 0.2s;
}

.rotateObj {
    width:20px;
/*    display:inline-block;
    position:absolute;
    left:-150px;*/
    -webkit-transform:rotate(90deg);
}