@font-face {
    font-family: 'Ravenna';
    src: url('../resources/fonts/ravenna-webfont.eot');
    src: url('../resources/fonts/ravenna-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fonts/ravenna-webfont.woff') format('woff'),
         url('../resources/fonts/ravenna-webfont.ttf') format('truetype'),
         url('../resources/fonts/ravenna-webfont.svg#ravennamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

a:link, a:visited, a:active
{
    color : #5B735B;
    text-decoration: none;
}

a:hover
{
    color : #718F71;
    text-decoration: none;
}

.dotlink
{
     text-decoration: none;
     border-bottom: 1px dotted #9BB09B;
}

body
{
     margin:0px;/*
     background-image: url(../images/bg.png)
     background-repeat: repeat-x !important;
     background-color: #fff !important;*/
     overflow:auto;
}

.titlebg
{
 /*    margin:0px;*/
     background-color:#789076 !important;
/*     background-image: url(../images/bg.png);
     background-repeat: repeat-x;
     background-color: #DADBD6;*/
     overflow:auto;
}

p
{
     margin:0px !important;
     line-height: 18px !important;
}

.borderbg
{
     margin:0px;
     background-color:#fff !important;
     background-image: url(../images/borderbg.png);
     background-repeat: repeat-x;
     background-color: #DADBD6;
     overflow:auto;
}

.borderbg-inner
{
     margin:0px;
     background-color:#fff !important;
     background-image: url(../images/borderbg-inner.png);
     background-repeat: repeat-x;
     background-color: #DADBD6;
     overflow:auto;
}

div
{
     font-weight: normal;
/*     font-size: 12px !important; */
     font-family: Tahoma, helvetical, arial, sans-serif !important;
     line-height: 18px;
     color: #455145;
}

.Ravenna-large
{
     font-weight: normal;
     font-family: Ravenna, Tahoma, sans-serif;
     font-size : 24px !important;
     text-decoration: none;
     font-smooth: always;
}

.Ravenna-small
{
     font-weight: normal;
     font-family: Ravenna, Tahoma, sans-serif;
     font-size : 18px;
     text-decoration: none;
     font-smooth: always;
}

.gen
{
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    font-size : 12px;
    color : #455145;
    text-decoration: none;
}

.gen10
{
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    font-size : 10px;
    color : #455145;
    text-decoration: none;
}

.gen12
{
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    font-size : 12px;
    color : #455145;
    text-decoration: none;
}

.gen14
{
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    font-size : 14px;
    color : #455145;
    text-decoration: none;
}

.gen16
{
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    font-size : 16px;
    color : #455145;
    text-decoration: none;
}

.gen18
{
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    font-size : 18px;
    color : #455145;
    text-decoration: none;
}

.gen24
{
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    font-size : 24px;
    color : #455145;
    text-decoration: none;
}

.gen30
{
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    font-size : 30px;
    color : #455145;
    text-decoration: none;
}

.bigtext
{
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    font-size : 18px;
    color : #455145;
    text-decoration: none;
}

.bold
{
     font-weight: bold;
}

.dim-btn .x-btn-inner {
    color: #444444
}

.main-btn .x-btn-inner {
    font-weight: bold;
}


.x-wizard-header {
     background-color:white;
     padding-bottom:10px;
     border-bottom:2px solid #556b53 !important;
}

.x-wizard-header-title {
     float: left;
     padding: 7px 0px 0px 10px;
}

.x-wizard-header-title-txt {
     font-size: 20px;
     font-weight: normal;
     margin-left:10px;
     color: #556b53;
}

.x-wizard-header-step {
     color:#767676;
     text-align:right;
     float:right;
     padding:10px 10px 0px 0px;
}

.x-wizard-field-review{
  padding:5px;
}

.x-wizard-field-review-plain{
  background:transparent;
}

.x-wizard-field-review-gray{
  background-color: #f6f6f6;
}

.white-mask{
     background: none repeat scroll 0 0 #ffffff;
     opacity: 0.5;
     position: absolute;
}

.race-description{
     font-size: 12px;
}

.race-header{
     font-size: 10px;
     font-weight: bold;
}

.race-portrait{
     float:right;
     padding: 6px;
     border: 1px solid #5B665B;
     margin-right:5px;
     margin-left:5px
}

.att-table{
     border-spacing: 0px;
     border-collapse: collapse;
}

.att-table td{
     font-size: 13px;
     text-align:center;
     width:120px;
     border: 1px solid #5B665B;
     color: #455145;
     padding: 3px;
}

td.shaded{
     background-color: #dfe5de;
}

.att-table-header{
     font-size: 12px !important;
     font-weight: bold !important;
     line-height: 18px !important;
}

.att-selected{
     border:2px solid green !important;
}

.ext_infoBanner
{
    background-image:url(../images/section_header.gif);
    font-size: 18px;
    font-family: Tahoma, sans-serif;
    padding-top:7px;
    text-align:center;
}
.ext_warningBanner
{
    background-image:url(../images/section_header_warning.gif);
    font-size: 18px;
    font-family: Tahoma, sans-serif;
    padding-top:7px;
    color:black;
    text-align:center;
}
.ext_errorBanner
{
    background-image:url(../images/section_header_error.gif);
    font-size: 18px;
    font-family: Tahoma, sans-serif;
    padding-top:7px;
    color:white;
    text-align:center;
}

.txt-ok{
     border:3px solid green !important;
}

.txt-bad{
     border:3px solid red !important;
}

.skill-dupe{
     background-color: #fffdbb !important;
}

.x-color-picker-single-row{width:192px;height:25px;background-color:white;border-color:white;border-width:0;border-style:solid}

.x-form-help-trigger{background-image:url(../resources/images/form/help-trigger.png)}