/* Main */

body 
{
    background-color : #113C66;
    border : 0px;
    color : #999999;
    font-family : verdana,geneva,arial,helvetica,sans-serif;
    font-size : 12px;
    height : 100%;
    margin : 0px;
    padding : 0px; 
    width : 100%; 
}

html
{
    height : 100%;
    margin : 0px;
    padding : 0px; 
    width : 100%;
}

img 
{
    border : 0px;
    margin : 0px; 
    padding : 0px; 
}

table 
{
    border : 0px;
    font-family : verdana,geneva,arial,helvetica,sans-serif;
    font-size : 12px;
    margin : 0px; 
    width : 100%;  
}

.clearer
{
    clear : both;
    height : 0px;
    line-height : 0px;
    overflow : hidden;
    width : 0px;
}

/* Bottom */

#ctnBottom
{
    background-image : url('images/back.bottom.png');
    background-repeat : repeat-x;
    margin : auto;
    margin-bottom : 10px;
    height : 10px;
}

/* Content */

#ctnContent
{
    background-color : #0E2237;
    text-align : center;
    padding-bottom : 25px;
    padding-top : 10px;
}

#ctnContent .container
{
    margin : auto;
    margin-top : 10px;
    margin-bottom : 10px;
    width : 800px;
}

#ctnContent .foldersLocked
{ 
    background-color : #000000;
    background-image : url('images/locked.png');
    background-position : 5px 8px;
    background-repeat : no-repeat;
    cursor : default;
    float : left;
    height : 32px;
    width : 35px;
    -moz-user-select : none;
}

#ctnContent .folders
{ 
    background-color : #990000;
    background-image : url('images/folder.png');
    background-position : 5px 8px;
    background-repeat : no-repeat;
    cursor : default;
    float : left;
    height : 32px;
    width : 35px;
    -moz-user-select : none;
}

#ctnContent .large
{ 
    border : solid 1px #666666;
    margin-left : 10px;
    margin-right : 10px;
    -moz-user-select : none;
}

#ctnContent .line
{
    background-color : #999999;
    height : 1px;
    margin-bottom : 10px;
    margin-top : 10px;
    overflow : hidden;
    width : 100%;
}

#ctnContent .thumbs
{ 
    border : solid 1px #666666;
    cursor : default;
    margin : 1px; 
    -moz-user-select : none;
}

#ctnContent .thumbs:hover
{ 
    border : solid 1px #FFFFFF;
    cursor : pointer; 
}

#ctnContent .titlesLocked
{ 
    background-color : #AAAAAA; 
    color : #222222;
    cursor : default; 
    font-family : verdana,geneva,arial,helvetica,sans-serif;
    font-size : 18px;
    font-weight : bolder;
    float : right;
    padding : 5px;
    text-align : right;
    width : 753px;
    -moz-user-select : none;
}

#ctnContent .titles
{ 
    background-color : #FFFFFF; 
    color : #5B205C;
    cursor : default; 
    font-family : verdana,geneva,arial,helvetica,sans-serif;
    font-size : 18px;
    font-weight : bolder;
    float : right;
    padding : 5px;
    text-align : right;
    width : 753px;
    -moz-user-select : none;
}

#ctnContent .titles:hover
{ 
    background-color : #5B205C;
    color : #FFFFFF;
    cursor : pointer; 
}

/* Log */

#ctnLog
{
    border-top : solid 1px #999999;
    margin : auto;
    margin-top : 10px;
    padding-top : 10px;
    width : 800px;
}

#ctnLog a:link
{
    color : #999999;
    text-decoration : none;
}

#ctnLog a:active
{
    color : #999999;
    text-decoration : none;
}

#ctnLog a:visited
{
    color : #999999;
    text-decoration : none;
}

#ctnLog a:hover
{
    color : #FFFFFF;
    text-decoration : underline;
}

#ctnLog .buttons
{ 
    background-color : #0E2237;
    border : solid 1px #999999;
    color : #999999;
    cursor : default;
    font-size : 11px;
    font-weight : bolder;
    -moz-user-select : none;
}

#ctnLog .buttons:hover
{ 
    background-color : #113C66;
    border : solid 1px #FFFFFF;
    color : #FFFFFF;
    cursor : pointer; 
}

#ctnLog .errors
{
    color : #FF0000;
    font-size : 11px;
    font-weight : bolder;
}

#ctnLog .inputs
{
    background-color : #999999;
    border-bottom-color : #AAAAAA;
    border-left-color : #888888;
    border-right-color : #AAAAAA;
    border-style : solid;
    border-top-color : #888888;
    border-width : 1px;
    color : #FFFFFF;
    font-family : verdana,geneva,arial,helvetica,sans-serif; 
    font-size : 11px; 
    font-weight : normal; 
    width : 200px;
}

#ctnLog .labels
{
    color : #999999;
    font-size : 11px;
    font-weight : bolder;
}

/* Navigation */

#ctnNavigation
{
    border-bottom : solid 1px #999999;
    font-size : 11px;
    font-weight : bolder;
    margin : auto;
    margin-bottom : 10px;
    padding-bottom : 10px;
    width : 800px;
}

#ctnNavigation a:link
{
    color : #999999;
    text-decoration : none;
}

#ctnNavigation a:active
{
    color : #999999;
    text-decoration : none;
}

#ctnNavigation a:visited
{
    color : #999999;
    text-decoration : none;
}

#ctnNavigation a:hover
{
    color : #FFFFFF;
    text-decoration : underline;
}

#ctnNavigation .buttons
{ 
    background-color : #FFFFFF;
    border : solid 1px #FFFFFF;
    color : #5B205C;
    cursor : default;
    font-family : verdana,geneva,arial,helvetica,sans-serif;
    font-size : 20px;
    -moz-user-select : none;
}

#ctnNavigation .buttons:hover
{ 
    background-color : #5B205C;
    border : solid 1px #5B205C;
    color : #FFFFFF;
    cursor : pointer; 
}

/* Top */

#ctnTop
{
    background-image : url('images/back.top.png');
    background-repeat : repeat-x;
    background-position : left bottom;
    padding-top : 50px;
    text-align : center;
}