/* body */

font{
   font-family: arial, sans-serif;
}

body{ 
   font-family: arial, sans-serif;
   color: black; 
}

td.body{ 
   font-family: arial, sans-serif;
   color: black; 
}

.body{ 
   font-family: arial, sans-serif;
   color: black; 
   background-color: #bbbbbb;
   background-image: url(../img/lgrey035.jpg);
   background-repeat: repeat;
}



/* OnLine */

table.online{ 
   width: 630px;
   border-collapse: collapse;
   background: #000000;
}

th.online{ 
   color: white;
   background-image: url(../img/bluegrad.jpg);
   height: 15px; 
   border: 1px solid; 
   border-color: #000000;
   font-size: 9pt;
}

td.online{ 
   background-image: url(../img/bluegradlg.jpg);
   background-repeat: repeat-x;
   border: 1px solid; 
   border-color: #000000;
   text-align: center;
   vertical-align: top;
   padding: 5px;
}

table.online-perftab{
   padding: 5px;
   background: #070F7B;
}

td.online-perfid{
   background-image: url(../img/bluegrad.jpg);
   color: white;
   text-align: center;
   font-size: 7pt;
   font-weight: bold;
}

td.online-perflang{
   background-image: url(../img/bluegrad.jpg);
   color: white;
   text-align: center;
   font-size: 7pt;
   font-weight: bold;
}

td.online-perfchat{
   background-image: url(../img/bluegrad.jpg);
   color: white;
   text-align: center;
   font-size: 8pt;
}

td.online-perfpage{
   background-image: url(../img/bluegrad.jpg);
   color: white;
   text-align: center;
   font-size: 8pt;
}


/* Perfdet */

table.perfdet{ 
   width: 630px;
   border-collapse: collapse;
   background: #000000;
}

th.perfdet{ 
   color: white;
   background-image: url(../img/bluegrad.jpg);
   height: 15px; 
   border: 1px solid; 
   border-color: #000000;
   font-size: 9pt;
}

td.perfdet{ 
   background-image: url(../img/bluegradlg.jpg);
   background-repeat: repeat-x;
   color: white;
   font-size: 8pt;
   border: 1px solid; 
   border-color: #000000;
   text-align: center;
   vertical-align: top;
   padding: 5px;
}

td.perfdet-perfchat{
   background-image: url(../img/bluegrad.jpg);
   color: white;
   text-align: center;
   font-size: 8pt;
}

div.perfdet-bio{
   color: white;
   text-align: left;
   font-size: 8pt;
}

div.perfdet-fav{
   color: white;
   text-align: left;
   font-size: 8pt;
}

div.perfdet-online{
   text-align: center;
}

/* Favorites */

table.fav{ 
   width: 630px;
   height: 400px;
   border-collapse: collapse;
   background: #000000;
}

th.fav{ 
   color: white;
   background-image: url(../img/bluegrad.jpg);
   height: 15px; 
   border: 1px solid; 
   border-color: #000000;
   font-size: 9pt;
}

td.fav{ 
   background-image: url(../img/bluegradlg.jpg);
   background-repeat: repeat-x;
   border: 1px solid; 
   border-color: #000000;
   text-align: center;
   vertical-align: top;
   padding: 5px;
   color: white;
   font-size: 10pt;
}

table.fav-perftab{
   padding: 5px;
   background: #070F7B;
}

td.fav-perfid{
   background-image: url(../img/bluegrad.jpg);
   color: white;
   text-align: center;
   font-size: 7pt;
   font-weight: bold;
}

td.fav-online{
   background-image: url(../img/bluegrad.jpg);
   text-align: center;
}

td.fav-perflang{
   background-image: url(../img/bluegrad.jpg);
   color: white;
   text-align: center;
   font-size: 7pt;
   font-weight: bold;
}

td.fav-perfchat{
   background-image: url(../img/bluegrad.jpg);
   color: white;
   text-align: center;
   font-size: 8pt;
}

td.fav-perfpage{
   background-image: url(../img/bluegrad.jpg);
   color: white;
   text-align: center;
   font-size: 8pt;
}

td.fav-delete{
   background-image: url(../img/bluegrad.jpg);
   color: white;
   text-align: center;
   font-size: 8pt;
}


/* All */

table.all{ 
   width: 630px;
   height: 400px;
   border-collapse: collapse;
   background: #000000;
}

th.all{ 
   color: white;
   background-image: url(../img/bluegrad.jpg);
   height: 15px; 
   border: 1px solid; 
   border-color: #000000;
   font-size: 9pt;
}

td.all{ 
   background-image: url(../img/bluegradlg.jpg);
   background-repeat: repeat-x;
   border: 1px solid; 
   border-color: #000000;
   text-align: center;
   vertical-align: top;
   padding: 5px;
   color: white;
   font-size: 10pt;
}

table.all-perftab{
   padding: 5px;
   background: #070F7B;
}

td.all-perfid{
   background-image: url(../img/bluegrad.jpg);
   color: white;
   text-align: center;
   font-size: 7pt;
   font-weight: bold;
}

td.all-online{
   background-image: url(../img/bluegrad.jpg);
   text-align: center;
}

td.all-perflang{
   background-image: url(../img/bluegrad.jpg);
   color: white;
   text-align: center;
   font-size: 7pt;
   font-weight: bold;
}

td.all-perfchat{
   background-image: url(../img/bluegrad.jpg);
   color: white;
   text-align: center;
   font-size: 8pt;
}

td.all-perfpage{
   background-image: url(../img/bluegrad.jpg);
   color: white;
   text-align: center;
   font-size: 8pt;
}

table.all-menu-table{
   width: 80%;
   text-align: center;
}

a.all:link{ 
   color: white;
   font-weight: bold;
   text-decoration: none;
}

a.all:visited{ 
   color: white;
   font-weight: bold;
   text-decoration: none;
}

a.all:active{ 
   color: white;
   font-weight: bold;
   text-decoration: none;
}

a.all:hover{ 
   color: white;
   font-weight: bold;
   text-decoration: underline;
}


/* Perfsch */

table.perfsch{ 
   width: 630px;
   border-collapse: collapse;
   background: #000000;
}

th.perfsch{ 
   color: white;
   background-image: url(../img/bluegrad.jpg);
   height: 15px; 
   border: 1px solid; 
   border-color: #000000;
   font-size: 9pt;
}

td.perfsch{ 
   background-image: url(../img/bluegradlg.jpg);
   background-repeat: repeat-x;
   color: white;
   font-size: 8pt;
   border: 1px solid; 
   border-color: #000000;
   text-align: center;
   vertical-align: top;
   padding: 5px;
}

select.perfsch{
   font-size: 7pt;
}

option.perfsch{
   font-size: 7pt;
}

table.perfsch-int{ 
   width: 630px;
   border-collapse: collapse;
   background: #000000;
}

th.perfsch-int-x{ 
   color: white;
   background-image: url(../img/bluegrad.jpg);
   height: 15px;
   width: 4%; 
   border: 1px solid; 
   border-color: #000000;
   font-size: 9pt;
}

th.perfsch-int-y{ 
   color: white;
   background-image: url(../img/bluegrad.jpg);
   height: 15px; 
   border: 1px solid; 
   border-color: #000000;
   font-size: 9pt;
}

td.perfsch-int{ 
   color: white;
   font-size: 8pt;
   border: 1px solid; 
   border-color: #000000;
   text-align: center;
   vertical-align: top;
   padding: 5px;
}


/* How */

table.how{ 
   width: 630px;
   border-collapse: collapse;
   background: #000000;
}

th.how{ 
   color: white;
   background-image: url(../img/bluegrad.jpg);
   height: 15px; 
   border: 1px solid; 
   border-color: #000000;
   font-size: 9pt;
}

td.how{ 
   background: #040c7c;
   color: white;
   border: 1px solid; 
   border-color: #000000;
   vertical-align: top;
   padding: 5px;
}

p.how{
   text-align: justify;
   font-size: 9pt;
}

ul.how{
   text-align: justify;
   font-size: 9pt;
}

p.howq{
   text-align: justify;
   font-size: 10pt;
   font-weight: bold;
}

p.howa{
   text-align: justify;
   font-size: 9pt;
}

/* Menu Bar */

table.menubar{ 
   color: white; 
   background: #040c7c; 
   font-size: 8pt; 
   font-weight: normal
}

td.menubar{ 
   border: 1px solid; 
   border-color: black
}

a.menubar{ 
   font-size: 8pt; 
   font-weight: normal
}

a.menubar:link{ 
   color: #FFFFFF; 
   text-decoration: none
}

a.menubar:visited{ 
   color: #FFFFFF; 
   text-decoration: none
}

a.menubar:active{ 
   color: white; 
   text-decoration: underline
}

a.menubar:hover{ 
   color: white;
   text-decoration: underline
}

/* SubMenus */

div.menubar-smenu{ 
   width: 150px;
   color: white; 
   background: #040c7c; 
   font-size: 8pt; 
   font-weight: normal
}

table.menubar-smenu{ 
   color: white; 
   background: #040c7c; 
   font-size: 8pt; 
   font-weight: normal
}

td.menubar-smenu{ 
   border: 1px solid; 
   border-color: black;
   padding: 5px;
   text-align: left;
}

a.menubar-smenu{ 
   font-size: 8pt; 
   font-weight: normal
}

a.menubar-smenu:link{ 
   color: #FFFFFF; 
   text-decoration: none
}

a.menubar-smenu:visited{ 
   color: #FFFFFF; 
   text-decoration: none
}

a.menubar-smenu:active{ 
   color: white; 
   text-decoration: underline
}

a.menubar-smenu:hover{ 
   color: white;
   text-decoration: underline
}

/* Welcome */

div.welcome{
   width: 400;
   color: white; 
   background: transparent; 
   font-size: 8pt; 
   font-weight: bold
}

table.welcome{ 
   color: white; 
   background: #0DAEFF; 
}

td.welcome{ 
   border: 1px solid; 
   border-color: black;
   padding: 5px;
   text-align: left;
}

p.welcome{
   font-size: 10pt;
   text-align: justify;
}

p.welcome-cookie{
   font-size: 7pt;
   text-align: center;
}

h3.welcome{
   text-align: center;
   font-size: 12pt;
   font-weight: bold;
}

a.welcome{ 
   font-size: 10pt; 
   font-weight: bold
}

a.welcome:link{ 
   color: #FFFFFF; 
   text-decoration: none
}

a.welcome:visited{ 
   color: #FFFFFF; 
   text-decoration: none
}

a.welcome:active{ 
   color: white; 
   text-decoration: underline
}

a.welcome:hover{ 
   color: white;
   text-decoration: underline
}

/* Action Buttons */

a.button{ 
   background: #C02020; 
   color: white;
   border: 1px solid; 
   border-color: black;
   font-size: 8pt; 
   font-weight: bold
}

a.button:link{ 
   color: white; 
   text-decoration: none
}

a.button:visited{ 
   color: white; 
   text-decoration: none
}

a.button:active{ 
   color: white; 
   text-decoration: underline
}

a.button:hover{ 
   color: white;
   text-decoration: underline
}


/* Add */

table.add{ 
   border-collapse: collapse;
   vertical-align: top;
   width: 150px;
   height: 500px;
}

th.add{ 
   background: #7D8FBF; 
   height: 10px; 
   border: 1px solid; 
   border-color: #7D8FBF
}

th.add{ 
   color: black; 
   font-size: 7pt 
}

td.add{ 
   color: black; 
   vertical-align: top;
   background: #BDCFFF; 
   border: 1px solid; 
   border-color: #7D8FBF
}

/* Stats */

table.stats{ 
   border-collapse: collapse
}

th.stats{ 
   background: #7D8FBF; 
   height: 10px; 
   border: 1px solid; 
   border-color: #7D8FBF
}

th.stats{ 
   color: black; 
   font-size: 7pt 
}

td.stats{ 
   color: black; 
   background: #BDCFFF; 
   border: 1px solid; 
   border-color: #7D8FBF
}

div.stats-tit{
   color: black; 
   font-size: 8pt;
   font-weight: bold
}

td.stats-datatit{
   color: black; 
   font-size: 7pt;
   font-weight: bold
}

td.stats-data{
   color: black; 
   font-size: 7pt;
}

/* Country Selector */

table.cty{ 
   border-collapse: collapse
}

th.cty{ 
   background: #7D8FBF; 
   height: 10px; 
   border: 1px solid; 
   border-color: #7D8FBF
}

th.cty{ 
   color: black; 
   font-size: 7pt 
}

td.cty{ 
   color: black; 
   background: #BDCFFF; 
   border: 1px solid; 
   border-color: #7D8FBF
}

select.cty{
   font-size: 9pt;
   width: 130px
}

input.cty{
   font-size: 9pt
}

/* QMsg */

table.qmsg{ 
   border-collapse: collapse;
   width: 100%;
}

th.qmsg{ 
   background: #66C054; 
   height: 15px; 
   border: 1px solid; 
   border-color: #66C054;
   color: black; 
   font-size: 9pt 
}

td.qmsg{ 
   color: black; 
   background: #CFFFAD; 
   border: 1px solid; 
   border-color: #66C054;
   text-align: center;
}

table.qmsg-list{ 
   border-collapse: separate;
   width: 80%;
   padding: 10px;
   border: 1px solid; 
   border-color: #66C054;
   
}

tr.qmsg-odd{
   background: #AED691; 
}

tr.qmsg-even{
   background: #93B57B; 
}

td.qmsg-list{
   padding: 5px;
   height: 60px;
   vertical-align: top;
}

span.qmsg-name{ 
   color: black; 
   font-size: 9pt;
   font-weight: bold
}


span.qmsg-state{ 
   color: black; 
   font-size: 9pt;
   font-weight: bold
}

span.qmsg-date{ 
   color: red; 
   font-size: 9pt; 
   font-weight: bold
}

span.qmsg-msg{ 
   color: black; 
   text-align: justify; 
   font-size: 9pt
}

span.qmsg-inst{
   color: black;
   font-size: 9pt;
   font-weight: bold;
   text-align: left;
   padding: 5px;
}

table.qmsg-panel{ 
   border-collapse: separate;
   width: 80%;
   padding: 10px;
   border: 1px solid; 
   border-color: #66C054;
   
}

th.qmsg-edit-title{
   font-size: 9pt; 
   text-align: left;
   vertical-align: top;
}

select.qmsg{
   font-size: 9pt; 
}

option.qmsg{
   font-size: 9pt; 
}

input.qmsg{
   font-size: 9pt; 
}

/* QMsgBox */

table.qmsgbox{ 
   border-collapse: collapse;
   width: 100%;
}

th.qmsgbox{ 
   background: #66C054; 
   height: 15px; 
   border: 1px solid; 
   border-color: #66C054;
   color: black; 
   font-size: 9pt 
}

td.qmsgbox{ 
   color: black; 
   background: #CFFFAD; 
   border: 1px solid; 
   border-color: #66C054;
   text-align: center;
}

table.qmsgbox-list{ 
   border-collapse: separate;
   width: 100%;
   padding: 5px;
   
}

tr.qmsgbox-odd{
   background: #AED691; 
}

tr.qmsgbox-even{
   background: #93B57B; 
}

td.qmsgbox-list{
   padding: 3px;
   height: 60px;
   vertical-align: top;
}

span.qmsgbox-name{ 
   color: black; 
   font-size: 8pt;
   font-weight: bold;
}


span.qmsgbox-state{ 
   color: black; 
   font-size: 8pt;
   font-weight: bold
}

span.qmsgbox-date{ 
   color: red; 
   font-size: 8pt; 
   font-weight: normal
}

span.qmsgbox-msg{ 
   color: black; 
   text-align: justify; 
   font-size: 8pt
}


/* Generic Link */

a:link{ 
   color: #5B69A6
}

a:visited{ 
   color: #5B69A6
}

a:active{ 
   color: #0000FF
}

a:hover{ 
   color: #0000FF
}

/* Generic Table */

table{ font-size: 10pt}
table.menu{ font-size: 12pt}
table.list{ color: black; background: #FFEA82}
td.list-title{ background: #C02020; color: white; font-weight: bold}
table.record{ 
   color: black; 
   background: #FFEA82;
   border: 1px solid; 
   border-color: #CFBA52
}
td.record-title{ background: #C02020; color: white; font-weight: bold}
td.heading{ color: black; font-weight: bold}

/* Footer */

td.footer{ 
   height: 10px; 
   color: black; 
   font-size: 7pt;
   text-align: center;
   background: #FBFFB2; 
   border: 1px solid; 
   border-color: #CFBA52
}

/* Errors and Messages */

.error{ 
   font-size: 14pt
}

.message{ 
   font-size: 12pt
}