/* --------------------------------------------
                  STYLE      
    css 4 font size, style & color
--------------------------------------------*/
body {
        font-family: Arial, sans-serif;
        font-size : 80%;
        line-height : 16px;
        color: #3f3f3f;
}
#flaw-content {
        text-align: left;
}
hr {
width: 99%;
color: #EAE8E9;
size: 1px;
}
h1, h2, h3, h4, h5 {
        text-align: left;            
        margin: 15px 0px 9px 0px;
        padding: 0px 0px 3px 0px;        
        font-weight: bold;
        line-height : 16px;
}
h1 {
        font-size: 1.8em;
        line-height : 21px;
}
h2 {
        font-size: 1.6em;
}
h3 {
        font-size: 1.4em;
}
h4 {
        font-size: 1.2em;
}
h5 {
        font-size: 1em;
}
h6 {
       text-align: left;            
       margin: 8px 0px 6px 0px;
       padding: 0px 0px 3px 0px;        
       line-height : 15px;
       font-size: 1em;
       font-weight: normal;
}
p {
        margin: 0px 0px 0px 0px;
        padding: 9px 0px 9px 0px;
        background-color: transparent;
}
table {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border-collapse: collapse;
}
tr {
}
td {
        font-size : 12px;
        line-height : 15px;
}
td.justify {
        font-size : 12px;
        line-height : 15px;
        text-align : justify;
}
/* -----------------------------------------
                             list
--------------------------------------------*/
ul {
}
ul li {
    margin: 0px;
    padding: 0px 0px 7px 0px;
    list-style-position: outside;
}
ul.none {
    list-style: none;
}
ul.none li {
    margin: 0px;
    padding: 0px 0px 4px 0px;
}
ol {
}
ol li {
    margin: 0px;
    padding: 0px 0px 7px 0px;
}
dl {
    margin: 7px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
dt {
    margin: 0px;
    padding: 0px 0px 2px 0px;
    font-weight: bold;
    
}    
dd {
    margin: 0px;
    padding: 0px 0px 11px 20px;
}
/* --------------------------------------------
                             color
--------------------------------------------*/
.maroon {
        color: #900028;
}
.teal {
        color: #004d6d;
}
.gray {
        color: #c0c0c0;
}
.whiteDocTitle {
        color: #FFF;
        float: right;
        border-right: 13px solid transparent;
}
.MaroonDocTitle {
        color: #790000;
        float: right;
        border-right: 13px solid transparent;
}
.uline {
        border-bottom: 1px solid #EAE8E9;
}
.ulineR {
        color: #A09D8B;        
        border-bottom: 1px solid #A09D8B;
        text-align: right; 
}

.ulineK {
        border-bottom: 1px solid #8B008B;
        color: #8B008B;
}
.ulineI {
        border-bottom: 1px solid #009A63;
        color: #009A63;
}
.ulineMaroon {
        border-bottom: 1px solid #EAE8E9;
        color: #700000;
}
.ulineTeal {
        border-bottom: 1px solid #EAE8E9;
        color: #004d6d;
}
/* --------------------------------------------
         font style
--------------------------------------------*/
.chubac {
    color: #31639F;
    font-family: Helvetica;
    font-size: 1em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 3px 0px;        
    line-height : 14px;
    text-decoration : none;
}
/* --------------------------------------------
                             boxes
--------------------------------------------*/
.punchbox_long {
        float: left; 
           margin: 0 13px 0px 0;
              padding: 9px 3px 7px 9px;    
        width: 55%;
           background: #fafafa; 
        border-top: 1px solid #EAE8E9;
        border-bottom: 1px solid #EAE8E9;
}
.punchbox_short {
        float: left; 
           margin: 9px 13px 9px 0;
              padding: 9px 3px 9px 9px;    
        width: 35%;
           background: #fafafa; 
        border-top: 1px solid #EAE8E9;
        border-bottom: 1px solid #EAE8E9;
        text-align: center;
}
#boxcontent {
    margin: 0;
    padding: 0px;
    width: 100%;
}
#boxcontent .box_title_center {
    padding: 5px 5px 5px 5px;
    margin: 0px;
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: #dfdfdf;
    background-color: #fff;
    text-align: center;
    color: #6F6F6F;
    font-family : Arial, Helvetica;
    font-size: 11px;
    line-height: 12px;
    text-decoration : none;
}
#boxcontent .box_body_has_list {
    padding: 0px 0px 0px 0px;
    margin: 2px 0px 0px 0px;
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: #dfdfdf;
    background-color: #ffffff;
    text-align: left;
}
/* --------------------------------------------
                             border
--------------------------------------------*/
.ring {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: #7F7F7F;
    background-color: #ffffff;
    text-align: center;
}
.border {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-width: 5px 5px 5px 5px;
    border-style: solid solid solid solid;
    border-color: #BFBBA7;
    background-color: #ffffff;
    text-align: center;
}

/* --------------------------------------------
                  left, center, right
--------------------------------------------*/
.center {
        text-align: center;
        margin: 0 auto;
        background-color: red;
        width: 100%;
}
 
/* --------------------------------------------
                    TABLE
--------------------------------------------*/
table.cod {
    margin: 15px 0px 12px 0px;
    width: 98%;
    border-width: 1px;
    border-spacing: 3px;
    border-style: solid;
    border-color: #AFACA4;
    border-collapse: collapse;
    text-align:left;
}
table.cod th {
    text-align:left;
    padding: 5px 7px 5px 5px;
    border-style: solid;
    border-color: #AFACA4;
    background-color: #AFACA4;
    color: #ffffff;
    font-size: 0.8em;
    font-weight: 600;
    border-bottom: 1px solid #AFACA4;
            
}
table.cod td {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: #efefef;
}
 
div#punch-vid {float: left; width: 340px;
   text-align: center; padding: 9px 5px 7px 5px;
   background: #f8f8f8; border: 1px solid #efefef;
   margin: 0 1em 0.5em 0; }
 

/* table for clinics important dates */ 
table.clinics { 
border-collapse: collapse; 
table-layout:fixed; 
margin: 9px 0px 9px 0px; 
padding: 0px 0px 0px 0px; 
border-left: 1px solid #EFEFEF; 
border-bottom: 1px solid #EFEFEF; 
border-right: 1px solid #EFEFEF; 
border-top: 1px solid #EFEFEF; 
} 
table.clinics td.fakecol { 
margin: 0; padding: 0; 
border: 0px solid #EFEFEF; 
background-color: #efefef; 
text-align: left; 
}
table.clinics td.title{ 
margin: 0; padding: 5px 5px 5px 5px; 
border: 0px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;  
background-color: #F8F8F8; 
text-align: left; 
font-weight: bold;
}
table.clinics td.span-left { 
margin: 0; padding: 5px 5px 5px 5px; 
border: 0px solid #EFEFEF; 
background-color: #efefef; 
text-align: left; 
} 
table.clinics td.input-a { 
margin: 0; padding: 5px 5px 5px 5px; 
border: 0px solid #EFEFEF;
border-right: 1px solid #EFEFEF; 
background-color: #FFFFFF; 
text-align: left; } 
table.clinics td.input-b { 
margin: 0; 
padding: 5px 5px 5px 5px; 
border: 0px solid #EFEFEF; 
border-right: 1px solid #EFEFEF; 
background-color: #FFFFFF; 
text-align: left; }
 
table.clinics td.input-c { 
margin: 0; 
padding: 5px 5px 5px 5px; 
border: 0px solid #EFEFEF; 
background-color: #FFFFFF; 
text-align: left; }