BODY {
   background: #5D9FBD;
   color: #5d9fbd;
   font-family: verdana;
   font-size: 7pt;
   font-style: normal;
   font-variant: normal;
   margin: 0px;
}

TABLE {
   font-size: 8pt;
}

TABLE.banner {
   border-bottom: 1px solid gray;
}

FORM {
   margin: 0px;
}

.page {
   font-size: 10pt;
   width: 620px;
}

TD.top {
   border-top: 1px solid #336699;
}

TD.bottom {
   border-bottom: 1px solid #336699;
}

TD.left {
   border-left: 1px solid #336699;
}

TD.right {
   border-right: 1px solid #336699;
}

TD.cell {
   border: 1px solid #336699;
}

.school {
   font-size: 14pt;
   font-weight: bold;
}

.menu_n {
   background: #39C;
   color: #EEE;
   padding: 1px 5px;
   font-family: arial;
   font-size: 10pt;
   font-weight: bold;
   border: 1px solid #39C;
}

.menu_s {
   background: #000;
   color: #FFF;
   padding: 1px 5px;
   font-family: arial;
   font-size: 10pt;
   font-weight: bold;
   border: 1px solid #000;
}

A.subm {
   padding: 1px 2px;
   color: #EEE;
}

A.subm:hover {
   background: orange;
   color: white;
}

A.profile {
   color: #333;
}

A.profile:hover {
   text-decoration: underline;
}

A.banner {
   font-family: verdana;
   font-size: 14pt;
   color: #000;
}

A.banner:hover {
   color: #C62A2A;
}

TD.qnumber {
    color: #000;
    font-family: verdana;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    vertical-align: top;
}

TD.qtext {
    color: #000;
    font-family: arial;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    vertical-align: top;
    width: 100%;
}

TD.qchoice {
    color: #000;
    font-family: arial;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    vertical-align: top;
}

TD.qsummary {
    color: #000;
    font-family: arial;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    vertical-align: top;
    width: 100%;
}

.qblank {
   background: #C0C0C0;
}

.qtrue {
   background: #80FF80;
}

.qfalse {
   background: #FF8080;
}

DIV.question {
   position: relative;
   background: #FFF;
   layer-background-color: #FFF;
}

DIV.section {
   font-family: arial;
   font-size: 12pt;
   font-weight: bold;
   margin-bottom: 5px;
   padding: 1px 5px;
}

TABLE.booklet {
   page-break-before: always;
}

A {
    text-decoration: none;
}

A.menu {
    color: blue;
    font-family: verdana;
}
A.menu:hover {
    color: red
}

A.link {
    color: gray;
    font-family: verdana;
}
A.link:hover {
    color: red
}

A.white {
    color: white;
}
A.white:hover {
    color: yellow
}

A.navlink {
    color: white;
    width: 18px;
}

.navlink:hover {
    background: #3399CC;
    color: white;
}

A.faint {
    color: #DDD;
}

A.faint:hover {
    color: white;
}

.topic {
    color: blue;
}

.topic:hover {
    COLOR: red;
}

A.private {
    color: red;
    font-family: verdana;
}
A.private:hover { text-decoration: underline; }

A.school {
    color: magenta;
    font-family: verdana, arial, helvetica;
}
A.school:hover { text-decoration: underline; }

A.public {
    color: black;
    font-family: verdana;
}
A.public:hover { text-decoration: underline; }

A.user {
    color: gray;
    font-family: verdana;
}
A.user:hover { text-decoration: underline; }

A.group {
    color: orange;
    font-family: verdana;
}
A.group:hover { text-decoration: underline; }

A.grade {
    color: blue;
    font-family: verdana;
}
A.grade:hover { text-decoration: underline; }

A.city {
    color: green;
    font-family: verdana;
}
A.city:hover { text-decoration: underline; }

A.bar {
    color: #FFF;
    font-family: arial;
    font-size: 10pt;
    text-decoration: none
}

A.bar:hover {
    color: yellow
}

A.footer {
    color: white;
    font-family: verdana;
    font-size: 8pt;
    text-decoration: none
}

.footer:hover {
    color: yellow
}

A.qmenu {
    color: blue;
    font-family: verdana;
    font-size: 8pt
}

A.qmenu:hover {
    color: mediumorchid;
    font-family: verdana;
}
A.date {
    color: blue;
    font-family: verdana;
    font-size: 8pt
}

A.date:hover {
    color: mediumorchid;
    font-family: verdana;
}

A.dateoff {
    color: red;
    font-family: verdana;
    font-size: 8pt
}

A.dateoff:hover {
    color: mediumorchid;
    font-family: verdana;
}

.blank {
    font-size: 10pt;
    height: 22px;
}

A.head {
   color: black;
}

.head:hover {
   color: red;
}

INPUT {
    font-family: verdana;
    vertical-align: middle;
    font-size:8pt;
}

SELECT {
    font-family: verdana;
    vertical-align: middle;
    font-size:8pt;
}

TEXTAREA {
    font-family: verdana;
    vertical-align: middle;
    font-size:8pt;
}

DIV.error {
   position:absolute;
   top:50%;left:50%;
}

TABLE.error {
   position: relative;
   top: -50%;
   left: -50%;
   border: 1px solid #000;
   background: #FFF;
   font-size: 8pt;
   width: 250px;
}

TR.error_title {
   background: #000;
   color: white;
   font-size: 10pt;
}

.bold  { font-weight: bold; }
.under { text-decoration: underline; }

/* color classes */

.red { color: red; }
.gray { color: gray; }

/* heading definitions */

H1.emutlu {
   font-size: 12pt;
   font-weight: bold;
   margin: 3px 0px 5px 0px;
   color: #C62A2A;
}

H2.emutlu {
   font-size: 10pt;
   font-weight: bold;
   margin: 2px 0px 3px 0px;
   color: #C62A2A;
}

H3.emutlu {
   font-size: 8pt;
   font-weight: normal;
   text-decoration:underline;
   margin: 2px 0px 3px 0px;
   color: #C62A2A;
}

@media print {
   .noprint {
      visibility: hidden;
   }
}

div.heading {
   font-family: arial;
   font-size: 10pt;
   font-weight: bold;
   color: #C62A2A;
}

.TaL {
   text-align: left;
}

.TaR {
   text-align: right;
}

.TaC {
   text-align: center;
}

.VaT {
   vertical-align: top;
}

.VaM {
   vertical-align: middle;
}

.VaB {
   vertical-align: bottom;
}