@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------------------------------- */
/* Reset
/* --------------------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, p, hr, pre, code, blockquote, form, fieldset, legend, ul, ol, li, table, caption, th, tr, td, thead, tbody, tfoot, div {
    line-height: 1;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}


/* --------------------------------------------------------------------- */
/* Main
/* --------------------------------------------------------------------- */
body {
    font-size: 8pt;
    color: #000000;
    background-color: #FFFFFF;
    height: auto;
    width: auto;
    padding: 0px 0px 0px 0px; 
}

body, input#text, input#password, textarea, select {
    font-family: Arial, sans-serif;   
}

#black {
    font-size: 8pt;
    color: #000000;
    background-color: #333333;
    height: auto;
    width: auto;
    padding: 0px 0px 0px 0px;  
}


/* --------------------------------------------------------------------- */
/* Containers
/* --------------------------------------------------------------------- */
#page_container {
    width: 846px;
    margin: 0 auto;
    background-color: #000000;  
}

#body_content {
    height: auto;
    width: auto;
    clear: both;
}

#shadow {
    background-image:url(images/revision/misc/shadow.png);
    background-repeat:repeat-y;   
    background-position: top center;
    width: 793px;
    margin: 0px auto;
}


/* --------------------------------------------------------------------- */
/* Footer
/* --------------------------------------------------------------------- */
.footer {
    background-color:#CCCCCC;
    width:783px;
    padding: 10px 0px 10px 0px;    
}

.footer_links {
    text-align: center;
    margin: 0px auto;
    clear: both;
    padding: 10px 0px 10px 0px;
    color: #FFF;
}

.footer_links a, .footer_links a strong, .footer_links a:link, .footer_links a:visited, .footer_links a:active {
    text-decoration: none;
    color: #FFF;
} 

.footer_links a:hover {
    text-decoration: underline;
    color: #FFF;
}


/* --------------------------------------------------------------------- */
/* Links
/* --------------------------------------------------------------------- */
a, a strong {
    text-decoration: none;
    color: #000000;
}

a:link, a:visited, a:active  {
    color: #000000;
} 

a:hover {
    text-decoration: underline;
    color: #0096ff;
}

#preview{
    position:absolute;
    border:1px solid #ccc;
    background:#FFF;
    display:none;
    color:#fff;
}

.cvv_link {
    padding: 0px 0px 0px 10px;
    display: inline;
}

.cvv_link a, .cvv_link a strong .cvv_link a:link, .cvv_link a:visited, .cvv_link a:active {
    text-decoration: none;
    color: #FFFFFF;
}

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

/* --------------------------------------------------------------------- */
/* Inputs
/* --------------------------------------------------------------------- */
.short {
    width: 40px; 
}

.w60 {
    width: 60px; 
}

.w80 {
    width: 80px; 
}

.w128 {
    width: 128px; 
}

.w200 {
    width: 200px; 
}

.medium {
    width: 100px;     
}

.long {
    width: 140px;     
}

.ruler {
    padding: 20px 0px 20px 0px;
}

.ruler_thin {
    padding: 10px 0px 10px 0px;
}

.mono {
    font-size: 11px;
    font-family: monospace;
}

.form .s100 {
    width: 100%;
    font-size: 11px;
} 

.form .s50 {
    width: 48%;
    font-size: 11px;
} 

.form .s40 {
    width: 40%;
    font-size: 11px;
} 


/* --------------------------------------------------------------------- */
/* Texts
/* --------------------------------------------------------------------- */
#justify {
    padding: 10px 10px 10px 10px;
    text-align: justify;
    line-height: 1;
}

#justify ul {
    padding: 0px 10px 10px 10px;
    line-height: 1;
}

#justify ul li {
    padding: 6px;
    line-height: 1;
}

#justify table {
    width: 600px;
    margin: 0px auto;
}

.valid {
    width: 600px;
    margin: 0px auto;
}

.invalid {
    /* background-color: #FFC1C1;*/
}

/* --------------------------------------------------------------------- */
/* Alignments
/* --------------------------------------------------------------------- */
#right  {
    text-align: right;
}

.right  {
    text-align: right;
}

.left  {
    text-align: left;
}

.align_right {
    text-align: right;
}

.align_left {
    text-align: left;
}

#center {
    text-align: center;
    vertical-align: middle;
}

.center {
    text-align: center;
    vertical-align: middle;
}

#indent_left {
    padding-left: 10px;
}

#indent_right {
    padding-right: 10px;
}

#top {
    vertical-align: top;
}

.right_section {
    float: right;
}

.clear {
    display: block;
    clear: both;
}


/* --------------------------------------------------------------------- */
/* Floats
/* --------------------------------------------------------------------- */
#float_right {
    float: right;
    display: inline;
    margin: 10px 6px 10px 20px;
}

#float_left {
    float: left;
    display: inline;
    margin: 10px 20px 10px 6px;
}

#float_fix {
    display: block;
    clear: both;
}

.float_right {
    float: right;
    display: inline;
    margin: 0px;
    padding: 0px;
}

.float_left {
    float: left;
    display: inline;
    margin: 0px;
    padding: 0px;
}

.float_fix {
    display: block;
    clear: both;
}

/* --------------------------------------------------------------------- */
/* Displays
/* --------------------------------------------------------------------- */
.hidden {
    display: none;
}

.shown {
    display: block;
}

.black {
    background-color: #000000;
    color: #FFFFFF;   
}

.white {
    background-color: #FFFFFF;    
}

.red {
	color: #990000;
}

.grey {
    background-color: #CCCCCC; 
}


/* --------------------------------------------------------------------- */
/* Messages
/* --------------------------------------------------------------------- */
.info, .warning, .success, .error, .note {
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 1px solid #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 10px 0px 20px 0px;
    padding: 12px 4px 12px 45px;
    text-align: left;
    vertical-align: middle;
    width: 480px;
}

.error {
    background-color: #FFC1C1;
    background-image: url(images/messages/error.png);
    border-color: #EA8D8D;
    color: #CC1111;
}

.error ul {
    padding: 10px 0px 0px 30px;
}

.success {
    background-color: #d4f1cf;
    background-image: url(images/messages/success.png);
    border-color: #147003;
    color: #147003;
}

.info {
    background-color: #c3d6ff;
    background-image: url(images/messages/info.png);
    border-color: #0004b9;
    color: #0004b9;
}

.note {
    background-color: #ffc993;
    background-image: url(images/messages/note.png);
    border-color: #ff8000;
    color: #000000;
}

.warning {
    background-color: #ddc863;
    background-image: url(images/messages/warn.png);
    border-color: #9f8306;
    color: #000000;
}