﻿
*
{
    margin:0px;
    padding:0px;
    font-family:Georgia,Times,serif;
}

body 
{
    background-color:#177891;
    background-image:url(../images/background_body.png);
    background-repeat:repeat-x;
    font-size:16px;
    color:#404040;
}

img
{
    border:0px;
}

img.icon
{
    vertical-align:middle;
    margin-right:5px;
}

a
{
    color:#404040;   
    text-decoration:none;
}

a:hover
{
    color:#404040; 
    text-decoration:underline;  
}

ul
{
    list-style:none;
}

ul.inline li
{
    display:inline;
    float:left;
    margin-right:20px;
}

ul.tab li
{
    height:19px;
    padding:10px;
    background-image:url(../images/tab_background.png);
    /*border-top:1px solid #FB9788;
    border-right:1px solid #FB9788;
    border-left:1px solid #FB9788;*/
    border-top:1px solid #FA6B66;
    border-right:1px solid #FA6B66;
    border-left:1px solid #FA6B66;
    white-space: nowrap;
}

ul.tab li.up
{
    background-image:none;
    background-color:#FDF0CC;
    height:20px;
}

ul.tab
{
    height:40px;
    border-bottom:1px solid #FB9788;
    margin-bottom:20px;
    padding-left:20px;
}

h1.title
{
    text-align:left;
    font-size:20px;
    line-height:26px;
    border-bottom:1px solid #fa6b66;
    margin-bottom:20px;
}

div.avatar
{
    width:50px;
    height:50px;
    padding:2px;
    border:1px solid #FA6B66;
    position:relative;
}

div.avatar img.avatar
{
    width:50px;
    height:50px;
}

div.avatar img.status
{
    position:absolute;
    bottom:2px;
    right:2px;
    z-index:100;
}

div.clear
{
    clear:both;
    height:20px;
}

img.media
{
    padding:2px;
    border:1px solid #FA6B66;
}

div#main, div#adv, div#footer
{
    width:960px;
    margin:0px auto;
}

div#main
{
    background-color:#fdf0cc;
    border-right:4px solid #177891;
    border-bottom:4px solid #177891;
    border-left:4px solid #177891;
}

div#header
{
    height:72px;
    position:relative;
    padding:20px;
}

img#logo
{
    border:1px solid #FDF0CC;
}

div#ctl00_login
{
    position:absolute;
    right:0px;
    bottom:20px;
    font-size:14px;
}

div#ctl00_login a.button
{
    background-color:#177891;
    display:block;
    height:30px;
}

div#userName
{
    padding:5px;
    /*background-color:#FCC4AA;*/
    border-bottom:1px solid #fa6b66;
    text-align:center;
    margin-bottom:5px;
    font-weight:bold;
}

div#navigation
{
    height:33px;
    line-height:33px;
    padding:20px;
    background:#fb9788;
    /*background-image:url(../images/background_navigation.png);*/
    background-repeat:repeat-x;
    font-size:18px;
    border-top:4px solid #fa6b66;
    border-bottom:4px solid #fa6b66;
}

div#navigation ul
{
    float:left;
}

div#navigation form
{
    float:right;
}

div#navigation form span.radio
{
    font-family:Arial;
    font-size:8px;
    text-transform:uppercase;
    margin:5px;
}

div#navigation form input.text
{
    width:270px;
    font-size:18px;
    padding:5px;
    border:1px solid #fa6b66;
}

div#content
{
    min-height:720px;
    padding:20px 20px 0px 20px;
}

div#adv
{
    text-align:center;
}

div#adv iframe
{
    text-align:center;
    margin:10px 4px 0px 4px;
}

div#footer
{
    height:20px;
    padding:20px 0px;
    font-size:12px;
}

ul#footerLinks
{
    float:left;
}

div#root
{
    float:right;
}

div.lbl
{
    width:90px;
    float:left;
    display:block;
    /*font-style:italic;*/
    font-size:13px;
}

div.userInfo
{
    z-index:100 !important;
    position:absolute;
    background-color:#fefbf0;
    border:1px solid #177891 !important;
    padding:10px;
    background-image:url(../images/userinfo_background.png);
    background-repeat:repeat-x;
    color:#404040 !important;
}

div.userInfo a
{
    color:#404040 !important;
}

div.userInfo td
{
    font-size:11px;
    padding:5px;
    white-space: nowrap;
}

div.userInfo td#close
{
    text-align:right;
    cursor:pointer;
}

#textbox 
{
    overflow:auto;	
    position:relative;
} 
    
#text
{
    position:absolute;
} 
        
#sliderbox
{
    display:none;
    width:15px;
    margin-left:5px;
    float:right;
}

/* ####### FORMS ####### */

form
{
    position:relative;
}

form ul li
{
    padding-bottom:20px;
}

form ul li label
{
    display:block;
    float:left;
    width:200px;
    clear:left;
}

form ul li input.text
{
    width:500px;
    margin-right:10px;
}

/*
form ul li span
{
    position:absolute;
    left:715px;
}
*/

form ul li textarea
{
    width:500px;
}

form fieldset
{
    clear:both;
    padding:20px 20px 0px 20px;
    margin-bottom:20px;
    background: transparent url(../images/form.png) repeat-x bottom left;
}

div#summary
{
    border:1px solid #ff0000;
    padding:20px 20px 0px 20px;
    background-color:#ffcccc;
    width:660px;
}

div#summary ul
{
    margin-top:20px;
}



/* ### POETRY ### */


div#poetry
{
    width:440px;
    float:left;
    text-align:center;
}

div#poetry h1#title
{
    font-size:18px;
    padding-bottom:20px;
}

div#poetry p
{
    line-height:26px;
}

div#poetry p#author
{
    margin-bottom:20px;
    font-style:italic;
}

div#poetry p#user
{
    padding:20px;
    font-weight:bold;
}

div#poetry ul li
{
    font-size:15px;
    padding-bottom:10px;
}
