﻿a {color:#004F69; text-decoration:underline; line-height:15px;}
    a:hover {color:#2661DD; text-decoration:underline;}
    a img {border-style:none;}
      
    /* TODO, Add image-right to a.pdf, a.video, a.doc, a.upgrade */
    a.image-right,
    a.pdf, a.video, a.doc, a.upgrade{background-position:right center; background-repeat:no-repeat; margin:10px 10px 3px 0; display:block; text-align:right; padding-right:16px; line-height:13px;}
    ul.image-left li a, a.image-left {background-position:left top; background-repeat:no-repeat; margin:10px 0 3px 10px; display:block; text-align:left; padding-left:20px; line-height:13px;}
    ul.image-top-left li a, a.image-top-left {background-position:left top; background-repeat:no-repeat; margin:3px 0 3px 10px; display:block; text-align:left; padding:12px 0 0 20px; line-height:13px;}
 
p {margin:0; padding:5px 0;}
    
h1, h2, h3, h4, h5, h6 {display:block; padding:0; margin:0}
h1 {color:#CC9F00; font-size:11px; text-transform:uppercase; margin:0 0 15px 0;}
h2 {font-size:11px; font-weight:bold; margin:10px 0 5px 0}
h5 {color:#CCCCCC; font-size:28px; font-weight:normal; letter-spacing:6px; margin:0;}
h6 {padding:5px 7px; font-size:12px;}
/* TODO, replace .section-header-bar by h4 */
h4 {background:#EEEEEE url(../../Images/Layout/section-header-bar.gif) repeat-x scroll 0 0; color:#777777; font-size:10px; font-weight:bold; line-height:18px; width:auto; border-bottom:1px solid #ADADAD; padding:0 8px 0 8px; margin:0 0 3px 0; white-space:nowrap;}
    
ul, li {padding:0; margin:0; font-size:10px;}

/* TODO, make disapear GrayLineDashed */
hr {border-color:#CCCCCC; border-style:dashed; border-width:1px 0 0; height:0; margin:9px 0 6px 0;}

img.left {padding:3px 3px 3px 0;}

table {border-collapse:collapse;}

input, textarea, select {margin:1px; padding:1px;}
input[type=text],
    input[type=password],
    input[type=file],
    input[type=submit],
    input[type=button],
    textarea,
    select                      {border:1px solid #ADADAD; font-size:11px;}
input[type=text]:hover, 
    input[type=text]:focus,
    input[type=password]:hover,
    input[type=password]:focus,
    input[type=file]:hover,
    input[type=file]:focus,
    textarea:hover,
    textarea:focus,
    select:hover,
    select:focus                {border:1px solid black;}
input[type=text]:active, 
    input[type=text]:active,
    input[type=password]:active,
    input[type=password]:active,
    input[type=file]:active,
    input[type=file]:active,
    textarea:active,
    textarea:active,
    select:active,
    select:active                {background-color:#EFEFEF;}
input[type=text]:focus, 
    input[type=text]:focus,
    input[type=password]:focus,
    input[type=password]:focus,
    input[type=file]:focus,
    input[type=file]:focus,
    textarea:focus,
    textarea:focus,
    select:focus,
    select:focus                {background-color:#EFEFEF; border:1px solid black;}
input[type=submit], input[type=button] {padding:1px;}
input[type=checkbox] {vertical-align:middle; height:16px;}


.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.relative {position:relative;}
.absolute {position:absolute;}
.center {text-align:center}

.hidden {display:none!important;}

.border, tr.border td {border:1px solid #ADADAD;}
.border-top, tr.border-top td{border-top:1px solid #ADADAD;}
.border-bottom, tr.border-bottom td {border-bottom:1px solid #ADADAD;}
.border-dashed-bottom, tr.border-dashed-bottom td {border-bottom:1px dashed #ADADAD;}
.border-right, tr.border-right td {border-right:1px solid #ADADAD;}
.border-left, tr.border-left td {border-left:1px solid #ADADAD;}

/* TODO, replace contentMain by padding */
.padding, .contentMain {padding:20px;}

.margin {margin:20px;}
.margin-top {margin-top:20px;}
.margin-bottom {margin-bottom:20px;}
.margin-right {margin-right:20px;}
.margin-left {margin-left:20px;}
.margin-auto {margin:auto;}

.margin5 {margin:5px !important;}
.margin-top5 {margin-top:5px !important;}
.margin-bottom5 {margin-bottom:5px !important;}
.margin-right5 {margin-right:5px !important;}
.margin-left5 {margin-left:5px !important;}

.padding {padding:20px;}
.padding-top {padding-top:20px;}
.padding-bottom {padding-bottom:20px;}
.padding-right {padding-right:20px;}
.padding-left {padding-left:20px;}

.padding5 {padding:5px !important;}
.padding-top5 {padding-top:5px !important;}
.padding-bottom5 {padding-bottom:5px !important;}
.padding-right5 {padding-right:5px !important;}
.padding-left5 {padding-left:5px !important;}

.align-right {text-align:right}
.align-left {text-align:left}
.align-center {text-align:center; margin:auto;}

.font9 {font-size:9px;}
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}

.red, .important {color:Red;}
.error {color:Red; font-weight:bold; padding:2px;}
.msg {padding:15px 20px 20px 20px; margin:80px 150px; border:1px solid #CCCCCC;}
.msg-error {margin:10px; padding:15px 20px 20px 20px; background-color:#FBE3E4; color:#8A1F11; border:2px solid #FBC2C4;}

.nowrap {white-space:nowrap}

ol {list-style-type:decimal;}
ul {list-style-type:square;}
ul ul{list-style-type:circle;}
ol, ul {margin:5px 0 5px 20px; padding-left:0;}
    ol li, ul li {padding:2px 0;}
    
ul.vertical {margin:0; padding:0; list-style-type:none!important;}
    ul.vertical li {}
        ul.vertical li a {margin:0;}
          
ul.horizontal {margin:0; padding:0; list-style-type:none!important; text-align:center;}
    ul.horizontal li{float:left; margin:auto; padding:0; margin:0;}
   
.form {width:100%; margin-top:15px;}
    .form thead th, .form tr.title th, .form tr th.title{background:white url("../../Images/highlightsTabSelected.gif") repeat-x; border:1px solid #ADADAD; font-weight:bold; height:18px; text-align:center;}
    .form thead td {}
    .form tbody th {text-align:left; font-weight:bold; padding:2px 5px; width:160px; vertical-align:top;}
    .form tbody > tr > td {padding:2px 5px;}
    .form tbody th.padding-top, .form tbody td.padding-top {padding-top:20px;}
    .form tfoot th {}
    .form tfoot td {}
    .form th.optional {font-weight:normal;}
    .form td textarea {width:99%}
    
.center tbody tr td {text-align:center}

blockquote {width:95%; font-style:italic; padding:5px; margin:0;}

.pointer {cursor:pointer;}
