﻿body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	font-size: 0.7em;
    background: #efefef url('/images/layout/backBody.jpg') 0px 0px repeat-x;
    color: #787878;
}
a { outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
form, fieldset { border: 0; margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }

/* MESSAGES */
div.errorMessage, 
div.confirmMessage, 
div.genericMessage {
    margin: 15px 0 20px 0;
    padding: 20px 40px;
    font-weight: bold;
}
div.errorMessage {
    background-color: #FFEFEF;
    border: 1px solid #AF2B2B;
    color: #AF2B2B;
}
div.errorMessage a {
    color: #AF2B2B;
}
div.confirmMessage {
    background-color: #EFFFF3;
    border: 1px solid #3B9F52;
    color: #3B9F52;
}
div.confirmMessage a {
    color: #3B9F52;
}
div.genericMessage {
    background-color: #EFFBFF;
    border: 1px solid #53A3BF;
    color: #53A3BF;
}
div.genericMessage a {
    color: #53A3BF;   
}

/* LAYOUT */
div#layout {
    margin: 0 auto;
    padding: 0;
    width: 765px;
    background: url('/images/layout/layoutBody.png') 0px 0px repeat-y;
    overflow: hidden;
}
div#skip {
    background: url('/images/layout/layoutTop.png') 0px top no-repeat;
    padding: 0;
    margin: 30px auto 0 auto;
    width: 765px;
    height: 17px;
}
div#container {
    margin: 0 auto;
    padding: 0 0 40px 0;
    width: 731px;
    overflow: hidden;
    background: #ffffff url('/images/layout/lock.png') right bottom no-repeat;
}
div#footer {
    background: url('/images/layout/layoutBottom.png') 0px bottom no-repeat;
    padding: 0;
    margin: 0 auto 30px auto;
    width: 765px;
    height: 17px;
}
/* BRANDING */
div#branding {

}
div#branding h1 {
    margin: 26px 18px 0 0;
    padding: 0;
    float: right;
}
div#branding h1 a {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    text-indent: -20000px;
    background: url('/images/layout/branding.png') 0px 0px no-repeat;
    width: 266px;
    height: 41px;
}
div#branding h3 a {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    text-indent: -20000px;
}
div#branding h3.g2k {
    margin: 8px 0 0 18px;
    padding: 0;
    float: left;
}
div#branding h3.g2k a {
    background: url('/images/layout/g2k.jpg') 0px 0px no-repeat;
    width: 68px;
    height: 74px;
}
div#branding h3.asso {
    margin: 8px 0 0 18px;
    padding: 0;
    float: left;
}
div#branding h3.asso a {
    background: url('/images/layout/asso.jpg') 0px 0px no-repeat;
    width: 86px;
    height: 74px;
}
div#branding h1 a:hover,
div#branding h3 a:hover {
    text-decoration: none;
}
/* CONTENT */
div#content {
    clear: both;
    margin: 0;
    padding: 60px 80px 0 80px;
    position: relative;
    overflow: hidden;
}
div#content h2 {
    font-weight: normal;
    font-size: 1.8em;
    text-transform: uppercase;
    overflow: hidden;
}

/* FORM */
div.form {
    border: 1px solid #e9e9e9;
    background-color: #ffffff;
    margin: 14px 0 0 0;
    padding: 22px 40px 18px 40px;
    float: left;
    overflow: hidden;
    width: 489px;
}
div.form label {
    clear: both;
    float: left;
    display: block;
    margin: 0;
    padding: 28px 0 0 0;
    width: 170px;
    font-weight: bold;
}
div.form span {
    float: left;
    display: block;
    margin: 0;
    padding: 22px 0 0 0;
}
div.form span input[type="text"],
div.form span input[type="password"] {
    width: 212px;
    border: 1px solid #e2e2e2;
    padding: 2px;
    margin: 0;
}
div.form span textarea {
    width: 212px;
    padding: 2px;
}
div.form span.checkBox {
    float: none;
    display: block;
    margin: 0;
    padding: 4px 0 0 0;
}
div.form span.checkBox input {
    float: left;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
div.form span.checkBox label {
    float: left;
    clear: none;
    margin: 0;
    padding: 0 0 0 10px;
    width: auto;
    cursor: pointer;
}
div.form span.infoField {
    position: absolute;
    padding: 1px 0 0 0;
    margin: 0;
}
div.form span.requiredField,
div.form span.requiredCheckbox {
    position: absolute;
    padding: 1px 0 0 0;
    margin: 0;
}
div.form span.requiredCheckbox {
    margin: 1.3em 0 0 0;
}
div.form div.submit {
    clear: both;
    float: right;
    text-align: right;
    padding: 24px 96px 0 0;
    margin: 0;
}
div.form div.submit ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
div.form div.submit ul li {
    margin: 0 0 0 20px;
    border-left: 1px solid #787878;
    padding: 0 0 0 20px;
    float: left;
    display: block;
}
div.form div.submit ul li:first-child {
    border-left: 0;
}
div.form div.submit input {
    background: #ffffff;
    color: #787878;
    border: 0;
    cursor: pointer;
    padding: 0;
    margin: 0;
    font-size: 1.2em;
}
    
/* PRESENTATION PANEL */
div.presentationPanel {
}

div.presentationPanel p {
    line-height: 19px;
    font-size: 1.0em;
}
    
/* USER PANEL */
div.userPanel {
    position: absolute;
    top: 5px;
    right: 18px;
}
div.userPanel span {
    display: block;
    margin: 0;
    padding: 0;
    float: right;
    clear: both;
}
div.userPanel span.nome {
    padding: 0;
}
div.userPanel span.nome strong {
    font-weight: bold;
}
div.userPanel span.company {
    padding: 0;
}
div.userPanel span.files {
    padding: 12px 0 0 0;
}
div.userPanel span.logout {
    padding: 4px 0 0 0;
    font-weight: bold;
}
div.userPanel span a {
    color: #787878;
}
/* SUBLINK */
div.subLink {
    text-align: right;
    float: right;
    margin: 0;
    padding: 0;
}
div.subLink ul {
    margin: 6px 0 0 0;
    padding: 0;
    list-style: none;
    float: right;
}
div.subLink ul li {
    margin: 0 0 0 15px;
    border-left: 1px solid #787878;
    padding: 0 0 0 15px;
    float: left;
    display: block;
}
div.subLink ul li:first-child {
    border-left: 0;
}
div.subLink ul li a {
    color: #787878;
}

