
@font-face
{
    font-family:"Estrangelo";
    src: url('fonts/estre.ttf') format("truetype");
}

html
{
    padding-top:0px;
    margin-top:0px;
}

body
{
    background:#000 url(images/bg.gif);
    background-position:top;
    font-family:Tahoma;
    font-size:10px;
    color:#fff;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    padding-top:0px;
}

a
{
    text-decoration:none;
    color:#fff;
}

div#frame
{
    width:290px;
}

div#logo
{
    margin-bottom:-30px;
}

div#content
{
    border:2px solid #000;
    background-image:url(images/content_bg.png);
    background-position:top;
    padding:15px;
}

div#content div.content
{
    border:2px solid #1a262d;
    padding:5px;
    padding-bottom:0px;
    background-color:#07090a;
}

a#selectFile
{
   background-image:url(images/upload.gif);
   background-repeat:no-repeat;
   background-position:top left;
   padding:2px;
   width:242px;
   height:45px;
   overflow:hidden;
   display:block;
}

a#selectFile input
{
    width:242px;
    height:45px;
    opacity:0;
    -moz-opacity:0;
    KHTMLOpacity:0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

form#upload input#submit
{
   background-image:url(images/uploadsubmit.gif);
   background-repeat:no-repeat;
   background-position:top left;
   padding:2px;
   width:242px;
   height:45px;
   overflow:hidden;
   display:block;
   border:0px;
   margin-left:-3px;
}

div#selectedFile
{
    width:228px;
    border:1px solid #596b74;
    padding:6px;
    text-align:left;
    overflow:hidden;
    margin-bottom:5px;
    font-weight:bolder;
}

div#selectedFileLoading
{
    width:228px;
    background-color:#000;
    border:2px solid #596b74;
    padding:5px;
    height:80px;
    background-image:url(images/loading.gif);
    background-position:center;
    background-repeat:no-repeat;
    text-align:left;
    overflow:hidden;
    margin-bottom:5px;
    font-weight:bolder;
}

div#footer
{
    padding:3px;
    font-size:9px;
    background-image:url(images/footerBg.png);
    text-align:center;
    background-repeat:repeat-x;
    margin-left:2px;
    margin-right:2px;
}

div#footer img
{
    margin-top:5px;
}

div.notificationRed
{
    border:1px solid #DD3700;
    background-color:#FFA6A6;
    background-image:url('images/red.png');
    background-position:center;
    background-repeat:repeat-x;
    padding:10px;
    color:#300;
    font-size:14px;
    margin-bottom:3px;
}

div.notificationGreen
{
    border:1px solid #6CF928;
    background-color:#DDFDCE;
    background-image:url('images/green.png');
    background-position:center;
    background-repeat:repeat-x;
    padding:10px;
    color:#030;
    font-size:14px;
    margin-bottom:3px;
}

div.notificationNeutral
{
    background-color:#111;
    border:1px solid #333;
    margin:1px 15px 0px 15px;
    padding:2px;
    font-size:12px;
}

div#viewPic
{
    padding:5px;
    border:1px solid #222;
    margin-bottom:5px;
}

div.viewCopybox
{
    padding:5px;
    border:1px solid #222;
    margin-bottom:5px;
}

div.viewCopybox input
{
    border:1px solid #444;
    background-color:#222
    padding:3px;
    font-size:12px;
    width:100%;
}

div.menu
{
    margin:5px;
    margin-bottom:0px;
    font-size:12px;
}

div.menu ul
{
    list-style:none;
    border:1px solid #222;
    padding-left:0px;
}

div.menu ul li
{
    background-color:#111;
    height:18px;
    padding:4px;
    padding-top:7px;
}

div.menu ul li:hover
{
    background-color:#000;
    height:18px;
    padding-top:6px;
    border-top:1px solid #222;
}

div.menu ul li a
{
    display:block;
    width:100%;
    height:18px;
    color:#FFF;
    text-decoration:none;
    font-size:12px;
}

div.menu ul li.header
{
    background-image:url(images/menuheaderbg.gif);
    font-weight:bold;
}

div.menu ul li.header:hover
{
    padding-top:7px;
    border-top:0px;
}

div#frame div#content div#left
{
    background-color:#333;
    float:left;
    width:635px;
    margin-right:20px;
}

div#frame div#content div#right
{
    background-color:#000;
    float:left;
    width:200px;
}

div#uploadSelectType
{
    background-image:url(images/uploadTypeBg.gif);
    width:238px;
    border:1px solid #596b74;
    padding:1px;
    text-align:left;
    overflow:hidden;
    margin-bottom:5px;
    font-weight:bolder;
}

div#uploadSelectType ul
{
    list-style:none;
    margin-left:-40px;
}

div#uploadSelectType ul li
{
    float:left;
    border:1px solid #333;
    padding:2px;
    margin:2px;
}

div#uploadSelectType ul li#typeUpload
{
    border:1px solid #73b59e;
    background-color:#111916;
}

div#login input
{
    border:1px solid #1a262d;
    background-color:#111;
    margin-right:5px;
    padding:4px;
    font-size:11px;
    width:80px;
    color:#DDD;
}

div#login input#submit
{
    width:50px;
    font-weight:bold;
}

div#loginWelcome
{
    border:1px solid #1a262d;
    background-color:#111;
    padding:4px;
    font-size:12px;
    color:#FFF;
    text-align:left;
    margin-bottom:1px;
}

div#loginWelcome span
{
    float:right;
    margin-top:-13px;
    margin-right:3px;
    font-size:10px;
}

div#loginWelcome span a
{
    color:#FFF;
    text-decoration:underline;
}

div#loginCookie
{
    margin-top:5px;
    margin-left:-5px;
    width:216px;
    border:1px solid #1a262d;
    background-color:#111;
    padding:4px;
    font-size:10px;
    color:#FFF;
    text-align:left;
}

div#loginCookie input
{
    border:1px solid #1a262d;
    background-color:#111;
    color:#FFF;
    padding:1px;
    height:12px;
    width:12px;
}

