body { background:#000000; padding:0px; margin:0px; }
img  { display: block; margin: 0; padding: 0; } /* for IE spacing problem */

.at24_font { font-size: 8pt; font-family: Verdana, Arial, sans-serif; color:black; }

.t8bl   { font-size: 8pt; font-family: Verdana, Arial, sans-serif; color:black; }
.t8w    { font-size: 8pt; font-family: Verdana, Arial, sans-serif; color:white; }
.t8dg   { font-size: 8pt; font-family: Verdana, Arial, sans-serif; color:darkgreen; }
.t9bl   { font-size: 9pt; font-family: Verdana, Arial, sans-serif; color:black; }
.t9w    { font-size: 9pt; font-family: Verdana, Arial, sans-serif; color:white; }
.t9blb  { font-size: 9pt; font-family: Verdana, Arial, sans-serif; color:black; font-weight: bold;}
.t10bl  { font-size: 10pt; font-family: Verdana, Arial, sans-serif; color:black; }
.t10blb { font-size: 10pt; font-family: Verdana, Arial, sans-serif; color:black; font-weight: bold;}
.t10w   { font-size: 10pt; font-family: Verdana, Arial, sans-serif; color:white;}
.t14w   { font-size: 14pt; font-family: Verdana, Arial, sans-serif; color:white;}
.t14b   { font-size: 14pt; font-family: Verdana, Arial, sans-serif; color:black;}
.t20bl  { font-size: 20pt; font-family: Verdana, Arial, sans-serif; color:black; }

.message { font-size: 16pt; font-family: Verdana, Arial, sans-serif; color:red; font-weight: bold; padding:10px;}

.nolink { text-decoration: none; color:black; }

.floatpic_right
{
    float:right; 
    padding:5px;
}

.floatpic_left
{
    float:left; 
    padding:5px;
}

.stdlink  
{
    text-decoration: none;
    color:black;
}

.stdlink:hover
{
    text-decoration: underline;
	  color:green;
}

.wlink8  
{
    font-size: 8pt;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
	color:white;
}

.wlink8:hover
{
    font-size: 8pt;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    text-decoration: underline;
	  color:yellow;
}

.wlink8sub  
{
    font-size: 8pt;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
	color:darkgreen;
}

.wlink8sub:hover
{
    font-size: 8pt;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    text-decoration: underline;
	color:lightgreen;
}

.wlink10  
{
    font-size: 10pt;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
	  color:white;
}

.wlink10:hover
{
    font-size: 10pt;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    text-decoration: underline;
	  color:yellow;
}

.wlink10curr  
{
    font-size: 10pt;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
	color:red;
}

/* =============== sideboardmenu ==================== */
.sideboardmenu {
    width:250px;
    text-align:left;
    margin:0px;
    padding-left:0px;
    border-top:1px #CCCCCC solid;
}

.sideboardmenu ul {
    list-style:none; 
}

.sideboardmenu li {
    font-size: 9pt;
    font-family: Verdana, Arial, sans-serif;
    display:block;
    margin-left:0px;
    padding:3px 0px 3px 15px;
    width:235px;
    border-top:1px #FFFFFF solid;
    border-bottom:1px #CCCCCC solid;
    background:url(menu_arrow.gif) no-repeat 0px 5px;
}

.sideboardmenu li a {
    font-size: 9pt;
    font-family: Verdana, Arial, sans-serif;
    text-decoration: none;
    color:darkblue;
}

.sideboardmenu li:hover a {
    font-weight: bold;
    color:blue;
}

/* =============== sideboardsubmenu ==================== */
.sideboardsubmenu {
    width:250px;
    text-align:left;
    margin:0px;
    padding-left:0px;
}

.sideboardsubmenu ul {
    list-style:none; 
}

.sideboardsubmenu li {
    font-size: 9pt;
    font-family: Verdana, Arial, sans-serif;
    display:block;
    margin-left:0px;
    padding:3px 10px 3px 30px;
    width:210px;
    border-top:1px #FFFFFF solid;
    border-bottom:1px #CCCCCC solid;
    background:url(menu_pnt.gif) no-repeat 15px 7px;
}

.sideboardsubmenu li a {
    background:url(menu_arrow.gif) no-repeat 15px 5px;
    color:darkblue;
}

.sideboardsubmenu li:hover a {
    color:blue;
}

/* =============== sideboardnews ==================== */
.sideboardnews {
    width:225px;
    text-align:left;
    margin:0px;
    padding:0px;
    display:block;
}

.sideboardnews ul {
    font-size: 8pt;
    font-family: Verdana, Arial, sans-serif;
    margin:0px;
    padding:0px;
    border-bottom:1px #CCCCCC solid;
    list-style:none; 
}

.sideboardnews li {
    margin-left:0px;
    padding:3px 10px 3px 15px;
    width:200px;
    border-top:1px #CCCCCC solid;
    background:url(menu_arrow.gif) no-repeat 0px 4px;
    font-size: 8pt;
    font-family: Verdana, Arial, sans-serif;
}

.sideboardnews li a {
    font-size: 8pt;
    font-family: Verdana, Arial, sans-serif;
}

.sideboardnews li a[class="at24_more"] {
    font-weight: bold;
    text-decoration: none;
    text-align:right;
    color:darkblue;
    display:block;
}

.sideboardnews li:hover a {
    color:blue;
}

.sideboardnews li span[class="at24_title"] {
    font-weight: bold;
}

.sideboardnews li span[class="at24_date"] {
    font-style:italic;
}

/* =============== news ==================== */
.news {
    width:250px;
    text-align:left;
    margin:0px;
    padding-left:0px;
}

.news ul {
    font-size: 8pt;
    font-family: Verdana, Arial, sans-serif;
    color:white;
    margin:0px;
    padding:0px;
    list-style:none; 
}

.news li {
    font-size: 8pt;
    font-family: Verdana, Arial, sans-serif;
    display:block;
    margin-left:0px;
    padding:6px 10px 10px 15px;
    width:250px;
    border-bottom:1px #CCCCCC solid;
    background:url(menu_arrow.gif) no-repeat 0px 6px;
}

.news li span[class="at24_title"] {
    font-weight: bold;
}

.news li span[class="at24_date"] {
    font-style:italic;
}

/* =============== skillblock ==================== */
.skillblock {
    width:600px;
    text-align:left;
    margin-left:10px;
    padding:10px;
    background:#F8F8F8;
    border:1px dashed #888888;
}

.skillblock ul {
    list-style:none; 
}

.skillblock li {
    font-size: 9pt;
    font-family: Verdana, Arial, sans-serif;
    display:block;
    padding:2px 0px 1px 14px;
    background:url(menu_arrow.gif) no-repeat 0px 3px;
}

/* =============== documentlist ==================== */
.documentlist {
    width:600px;
    text-align:left;
    margin-left:10px;
    padding:10px;
    background:#F8F8F8;
    border:1px dashed #888888;
}

.documentlist ul {
    list-style:none; 
}

.documentlist li {
    width:575px;
    font-size: 9pt;
    font-family: Verdana, Arial, sans-serif;
    display:block;
    padding:2px 0px 1px 24px;
    margin:1px 0px 1px 0px;
    background:url(menu_arrow.gif) no-repeat 5px 3px #EEEEEE;
}

.documentlist li a { color:darkblue; text-decoration: none; }   /* type */
.documentlist li a:hover { color:blue; text-decoration: underline; }   /* type */
.documentlist li:hover { background-color:#FFFF88; }   /* type */
.documentlist li span[type="size"] { position:absolute; color:red; left:500px; }   /* size */
.documentlist li span[type="lang"] { position:absolute; color:black; left:460px; }   /* size */
.documentlist li span[type="format"] { position:absolute; color:#444444; left:560px; }   /* size */

/* =============== tablelist_pic ==================== */

.tablelist_pic {
    position:relative;
    width:600px;
    text-align:left;
    margin:6px 0px 0px 10px;
    padding:10px;
    background:#F8F8F8;
    border:1px dashed #888888;
}

.tablelist_pic ul {
    list-style:none; 
    margin:0px;
    padding:5px 5px 5px 0px;
}

.tablelist_pic a { color:darkred; text-decoration:none; }   /* type */

.tablelist_pic li {
    width:460px;
    height:15px;
    font-size: 9pt;
    font-family: Verdana, Arial, sans-serif;
    display:block;
    padding:2px 0px 1px 0px;
    margin:1px 0px 1px 0px;
    background:#EEEEEE;
}

.tablelist_pic img { margin:10px; }
.tablelist_pic li a img { margin:0px; }
.tablelist_pic li a { color:darkblue; text-decoration:none; }   /* type */
.tablelist_pic li a:hover { color:blue; text-decoration:underline; }   /* type */
.tablelist_pic li:hover { background:url(menu_arrow.gif) no-repeat 5px 3px #FFFF88; }   /* type */
.tablelist_pic li span[type="name"] { position:absolute; left:0px; width:140px; text-align:right; color:red; }   /* size */
.tablelist_pic li span[type="data"] { position:absolute; left:150px; width:280px; text-align:left; color:black; }   /* size */

/* =============== tablelist ==================== */

.tablelist {
    width:600px;
    text-align:left;
    margin:6px 0px 0px 10px;
    padding:10px;
    background:#F8F8F8;
    border:1px dashed #888888;
}

.tablelist ul {
    list-style:none; 
}

.tablelist li {
    position:relative;
    width:575px;
    height:15px;
    font-size: 9pt;
    font-family: Verdana, Arial, sans-serif;
    display:block;
    padding:2px 0px 1px 24px;
    margin:1px 0px 1px 0px;
    background-color:#EEEEEE;
}

.tablelist li a { color:darkblue; text-decoration: none; }   /* type */
.tablelist li a:hover { color:blue; text-decoration: underline; }   /* type */
.tablelist li:hover { background:url(menu_arrow.gif) no-repeat 5px 3px #FFFF88; }   /* type */
.tablelist li span[type="name"] { position:absolute; left:0px; width:140px; text-align:right; color:red; }   /* size */
.tablelist li span[type="data"] { position:absolute; left:150px; width:520px; text-align:left; color:black; }   /* size */
.tablelist li span[type="time"] { position:absolute; left:500px; width:100px; text-align:left; color:darkred; }   /* size */

/* =============== blocklist ==================== */

.blocklist {
    width:600px;
    text-align:left;
    margin:6px 0px 0px 10px;
    padding:10px;
    background:#F8F8F8;
    border:1px dashed #888888;
}

.blocklist ul {
    list-style:none; 
}

.blocklist li {
    list-style:none; 
}

.blocklist li li {
    list-style:circle; 
}

.blocklist li span[type="title"] {
    position:relative;
    width:565px;
    font-size: 9pt;
    font-family: Verdana, Arial, sans-serif;
    color:blue;
    display:block;
    padding:5px 10px 0px 24px;
    margin:1px 0px 0px 0px;
    background:url(menu_arrow.gif) no-repeat 5px 7px #EEEEEE;
    font-weight:bold;
}

.blocklist li span[type="text"] {
    position:relative;
    width:565px;
    font-size: 9pt;
    font-family: Verdana, Arial, sans-serif;
    display:block;
    padding:4px 10px 5px 24px;
    margin:0px 0px 1px 0px;
    background-color:#EEEEEE;
}

.blocklist li a { color:darkblue; text-decoration: none; }   /* type */
.blocklist li a:hover { color:blue; text-decoration: underline; }   /* type */

/* =============== mailform ==================== */
.mailform {
    width:550px;
    text-align:left;
    font-size: 9pt;
    font-family: Verdana, Arial, sans-serif;
    padding:10px 50px 10px 10px;
    background:#AAE8AA;
    border:1px solid #88AA88;
}

.mailform table tr td { width:50%; padding:2px; }
.mailform table tr td p { text-align:right; margin:0px; }
.mailform table tr td input[type="text"] { font-size: 9pt; width:250px; padding:3px; border:1px solid #AAAAAA; background:#FFFFFF; }
.mailform table tr td textarea { font-size: 9pt; width:380px; height:100px; border:1px solid #AAAAAA; background:#FFFFFF; }

/* =============== regform ==================== */
.regform {
    width:400px;
    height:290px;
    text-align:left;
    font-size: 9pt;
    font-family: Verdana, Arial, sans-serif;
    padding:10px 20px 10px 10px;
    background:#AAE8AA;
    border:1px solid #88AA88;
}

.regform table tr td { padding:2px; }
.regform table tr td p { text-align:right; margin:0px; }
.regform table tr td input[type="text"] { font-size: 9pt; width:250px; padding:3px; border:1px solid #AAAAAA; background:#FFFFFF; }
.regform table tr td textarea { font-size: 9pt; width:380px; height:100px; border:1px solid #AAAAAA; background:#FFFFFF; }

.regform_add {
    width:140px;
    height:290px;
    text-align:left;
    font-size: 9pt;
    font-family: Verdana, Arial, sans-serif;
    padding:10px;
    border:1px solid #88AA88;
}

/* =============== regform ==================== */
.codeform {
    width:600px;
    text-align:left;
    font-size: 9pt;
    font-family: Verdana, Arial, sans-serif;
    padding:10px;
    background:#AAE8AA;
    border:1px solid #88AA88;
}

.codeform table tr td { padding:2px; }
.codeform table tr td p { text-align:right; margin:0px; }
.codeform table tr td input[type="text"] { font-size: 9pt; padding:3px; border:1px solid #AAAAAA; background:#FFFFFF; }
.codeform table tr td textarea { font-size: 9pt; width:580px; height:50px; border:1px solid #AAAAAA; background:#FFFFFF; }