* {
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif ;
    font-size : 12px ;
}

body , td , p {
    line-height : 130% ;
    color : #747474 ;
}

body {
    background-image : url(../images/background_left.jpg) ;
    background-color : #ffffff ;
    background-repeat : repeat-y ;
    padding : 0px ;
    margin : 0px ;
}

/** LOGO START **/

#logo {
    background : url(../images/erisx_logo.jpg) no-repeat ;
    background-color : #396594 ;
    height : 79px ;
}

/** LOGO END **/

/** NAVIGATION START **/

#navigation {
    position : absolute ;
    width : 115px ;
    margin-top : 20px ;
}

#navigation * {
    padding : 0px ;
    margin : 0px ;
}

#navigation ul {
    list-style-type : none ;
    margin-left : 10px ;
}

#navigation ul li {
    margin-bottom : 5px ;
}

#navigation ul li a {
    font-weight : bold ;
    text-decoration : none ;
    color : #000000 ;
}

#navigation ul ul {
    margin : 0px 0px 10px 10px ;
}

#navigation ul ul li {
    margin : 0px ;
}

#navigation ul ul li a {
    font-weight : normal ;
    font-size : 10px ;
}

#navigation p {
    margin-left : 10px ;
    font-size : 8px ;
    color : #000000 ;
}

#navigation p strong {
    font-size : 8px ;
}

/** NAVIGATION END **/

/** LOGINBOX START **/

#login {
    color : #ffffff ;
    position : absolute ;
    right : 0px ;
    top : 0px ;
    margin : 2px 5px 2px 0px ;
}

#login * {
    font-size : 11px ;
    margin : 0px ;
    padding : 0px ;
}

#login strong {
    font-size : 12px ;
    margin-bottom : 2px ;
    display : block ;
}

#login label {
    margin-left : 15px ;
    display : block ;
    float : left ;
    width : 80px ;
}

#login span , #login input {
    margin-bottom : 3px ;
    float : left ;
    display : block ;
    width : 100px ;
}

#login input {
    border : 0px ;
}

#login br {
    clear : both ;
}

#login #errorMessage {
    position : absolute ;
    width : 180px ;
    left : -200px ;
    top : 0px ;
}

#login #errorMessage strong {
    font-size : 12px ;
    margin-bottom : 2px ;
    display : block ;
}

#login #errorMessage p {
    color: #ffd26a ;
}

/** LOGINBOX END **/

/** CONTENT START **/

#content {
    position : absolute ;
    width : 800px ;
    margin-left : 135px ;
    margin-top : 20px ;
}

#content * {
    margin : 0px ;
}

#content h1 {
    margin-bottom : 5px ;
    font-size : 150% ;
    color : #3D6595 ;
}

#content h2 {
    margin-left : 10px ;
    font-size : 90% ;
    color : #3D6595 ;
}

#content h3 , #content h4 {
    margin-left : 10px ;
    font-weight : normal ;
    font-size : 90% ;
}

#content p {
    margin : 10px 0px 10px 20px ;
    text-align : justify ;
}

#content a {
    text-decoration : underline ;
    color : #3D6595 ;
}

#content a:hover {
    text-decoration : none ;
}

#content ul {
    list-style-image : url(../images/bullet.jpg) ;
}

#content ul , #content blockquote {
    font-style : italic ;
    background-color : #f6f6f6 ;
    border-top : 1px dashed #000000 ;
    border-bottom : 1px dashed #000000 ;
    margin : 0px 0px 0px 40px ;
    padding : 10px 10px 10px 30px ;
}

#content input, #content select, #content textarea {
    background-color : #f6f6f6 ;
    border : 1px solid #3D6595 ;
    color : #000000 ;
}

#content input:focus , #content select:focus , #content textarea:focus {
    background-color : #e3e3e3 ;
}

#content pre {
    margin : 10px 0px 10px 20px ;
    font-family : courier new, lucida console, fixed ;
    line-height : 100% ;
}

/** STYLES GALLERY START **/

#content .galleryFrame {
    border : 1px solid black ;
    text-align : center ;
    height : 115px ;
    width : 130px ;
    padding : 4px ;
    margin : 5px ;
    float : left ;
    display : block ;
}

/** STYLES GALLERY END **/

/** ADMIN STYLES FORMS + TABLES START **/

#content .overviewTable {
    border-spacing : 0px ;
    border-collapse : collapse ;
    empty-cells : show ;
    margin : 0px 0px 10px 0px ;
    width : 800px ;
}

#content .overviewTable thead td {
    background-color : #396594 ;
    border : 1px solid #396594 ;
    color : #ffffff ;
    padding : 3px ;
}

#content .overviewTable thead td a {
    text-decoration : none ;
    color : #ffffff ;
}

#content .overviewTable thead td a:hover {
    text-decoration : underline ;
}

#content .overviewTable tbody td {
    background-color : #f6f6f6 ;
    border : 1px solid #396594 ;
    padding : 3px ;
    vertical-align : top ;
}

#content .collapseHead {
    background-color : #396594 ;
    border : 1px solid #396594 ;
    padding : 3px ;
}

#content .collapseHead span {
    color : #ffffff ;
}

#content .collapseBody {
    border : 1px solid #396594 ;
    border-top : 0px ;
    padding : 0px ;
}

#content .editTable {
    border-spacing : 0px ;
    border-collapse : collapse ;
    empty-cells : show ;
    margin : 0px ;
    width : 100% ;
}

#content .editTable td {
    vertical-align : top ;
}

#content .editTableTitle {
    background-color : #f6f6f6 ;
    border-right : 1px dashed #000000 ;
    width : 120px ;
    padding : 5px ;
}

#content .editTableContent {
    padding : 5px 15px ;
}

#content .editTableMessage {
    background-color : #ffcccc ;
    border-left : 1px solid #ff0000 ;
    color : #ff0000 ;
    width : 100px ;
    padding : 5px ;
}

/** ADMIN STYLES FORMS + TABLES END **/

/** SPECIAL CLASSES START **/

#content .error , #content .success , #content .message {
    padding : 5px 5px 5px 5px ;
    margin : 0px 0px 10px 0px ;
    display : block ;
    color : #000000 ;
}

#content .error {
    background-color : #ffcccc ;
    border : 1px dashed #ff0000 ;
}

#content .error b , #content .error strong {
    color : #ff3333 ;
}

#content .success {
    background-color : #b3efcd ;
    border : 1px dashed #28bf69 ;
}

#content .success b , #content .success strong {
    color : #31be29 ;
}

#content .message {
    background-color : #cdd7f7 ;
    border : 1px dashed #3D6595 ;
}

#content .floatleft {
    border : 1px solid black ;
    margin : 5px 5px 5px 0px ;
    float : left ;
}

#content .floatright {
    border : 1px solid black ;
    margin : 5px 0px 5px 5px ;
    float : right ;
}

/** SPECIAL CLASSES END **/

/** CONTENT END **/

/** DEBUG LOG STYLES START **/

#debugLog {
    position : absolute ;
    overflow : auto ;
    margin : 20px 0px 0px 950px ;
    padding : 0px 5px 5px 0px ;
    width : 300px ;
    height : 500px ;
}

#debugLog h1 {
    font-size : 75%;
    font-weight : bold ;
    margin : 0px 0px 0px 0px ;
    color : #000000 ;
    white-space : nowrap ;
}

#debugLog p {
    font-size : 75% ;
    margin : 0px 0px 0px 0px ;
}

#debugLog .error .highlight {
    color : #ff0000 ;
}

#debugLog .success .highlight {
    color : #08ae18 ;
}

/** DEBUG LOG STYLES END **/