/* This style sheet is ordered according to the last tag. The order is     */
/*   -- B                                                                  */
/*   -- BODY                                                               */
/*   -- DIV                                                                */
/*   -- P                                                                  */
/*   -- H1 up to and including H6                                          */
/*   -- P                                                                  */
/*   -- SPAN                                                               */
/*   -- TABLE                                                              */
/*   -- TH                                                                 */
/*   -- TD                                                                 */
/*   -- IMG                                                                */
/*   -- A                                                                  */
/*   -- LI                                                                 */

/* id Selectordefines styles for HTML-element(s) {css#green /              */
/*                   html<p id="green">}                                   */
/* class selectordefines different styles for the same type of             */
/*                   HTML-element {cssp.right / html<p class="right">}     */
/* !! Do NOT start a ID- or class-names with a number! It will not work    */
/*    in Mozilla/Firefox !!                                                */

/* -- CASCADING ORDER --                                                   */
/* a=number of ID attributes                                               */
/* b=number of CLASS attributes                                            */
/* c=number of tag names  {incl. pseudo-elements and -classes}             */
/* LI            a=0;b=0;c=1 -> specificity=001                            */
/* UL OL LI.red  a=0;b=1;c=3 -> specificity=013                            */
/* #green        a=0;b=0;c=1 -> specificity=100                            */

/*  --> BODY <--  */
body {
    background-color: rgb(0,102,102);
    color: black;
    font-family: Verdana, Arial;
    font-size: 13px;
    font-style: normal;
    margin: 0px;
    padding: 0px;
    text-align: center;}

/*  --> P <--  */
p.basic{
    text-align: justify;
    width: 636px;}

p.info{
    background-color: #cc6;
    border: 1px solid rgb(0,102,102);
    font-style: italic;
    padding: 20px;
    width: 500px;}

p.header_01 {
    color: rgb(0,102,102);
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
/*    padding-left: 80px; */
    padding-left: 55px;
    font-size: 260%;
    font-weight: bold;}

p.header_02 {
    color: rgb(0,102,102);
    font-size: 120%;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
/*    padding-left: 82px; */
    padding-left: 57px;}

p.header_beta {
    color: #ff0;
    font-size: 110%;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px;}

p.header_role {
    color: #cff;
    font-size: 110%;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px;}

/*  --> H1 up to and including H6 <--  */
h1 {
    color: rgb(0,102,102);
    font-size: 155%;
    margin-bottom: 15px;
    margin-top: 0px;}

h2 {
    color: #630;
    font-size: 120%;
    margin-bottom: 4px;
    margin-top: 12px;}

h3 {
    color: rgb(255,192,0);}

/*  --> SPAN <--  */
span.strong {
    color: rgb(0,51,51);
    font-weight: bold;}

span.author {
    color: rgb(0,51,51);
    font-weight: bold;}

span.title {
    font-style: normal;}

span.subtitle {
    color: #000;
    font-size: 97%;
    font-style: italic;}

span.subtitle_link {
    font-size: 97%;
    font-style: italic;
    display: inline-block;
    padding-bottom: 2px;
    padding-left: 15px;}

/*  --> TABLE <--  */
table{
    background-color: transparent;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    vertical-align: top;
    text-align: left;}

table.canvas {
    background-color: transparent;
    border: none;
    border-collapse: collapse;
    margin-top: -4px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    table-layout: fixed;
    text-align: center;
    vertical-align: middle;}

table.basic {
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: 636px;}

table.stylized {
    background-color: rgb(230,255,204);
    border-collapse: collapse;
    border: 1px dotted rgb(0,102,102);
    font-size: 85%;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: 636px;}

table.script {
    background-color: transparent;
    border: 1px solid rgb(0,102,102);
    border-collapse: collapse;
    font-size: 60%;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: 636px;}

/*  --> TH <--  */
th {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;}

th.stylized {
    color: rgb(0,102,102);
    margin: 30px;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 5px;
    text-transform: lowercase;
    vertical-align: middle;}

th.fs {
    background-color: #fff;
    font-weight: normal;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;}

/*  --> TD <--  */
td {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;}

td.basic {
    padding-top: 3px;
    text-align: left;
    vertical-align: middle;}

td.subheader {
    background-image: url(graph/web/subheader.png);
    background-repeat: repeat;
    color: black;
    font-weight: bold;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 5px;
    vertical-align: middle;}

td.stylized {
    color: rgb(0,102,102);
    font-size: 90%;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 5px;
    vertical-align: middle;}

td.stylized_top {
    color: rgb(0,102,102);
    font-size: 90%;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 5px;
    vertical-align: top;}

td.canvas_header {
    background-color: white;
    background-image: url(graph/web/espn_registry_2009.png);
    background-repeat: no-repeat;
    background-position: center left;
    height: 90px;
    text-align: left;
    vertical-align: middle;}

td.canvas_subheader {
    background-color: rgb(255,192,0);
    font-size: 110%
    font-weight: bold;
    height: 20px;
    text-align: left;
    padding-left: 235px;
    vertical-align: middle;}

td.canvas_separator {
    background-color: transparent;
    font-size: 1%;
    height: 4px;
    text-align: center;
    vertical-align: middle;}

td.canvas_width_left {
    font-size: 1%;
    height: 4px;
    padding: 0;
    width: 200px;}

td.canvas_width_border {
    font-size: 1%;
    height: 4px;
    padding: 0;
    width: 4px;}

td.canvas_width_right {
    font-size: 1%;
    height: 4px;
    padding: 0;
    width: 696px;}

td.canvas_left {
    background-color: #fff;
    padding-top: 2px;
    vertical-align: top;
    width: 200px;}

td.canvas_right {
    background-color: #fff;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: left;
    vertical-align: top;
    width: 700px;}

td.canvas_footer {
    background-color: #fff;
    font-size: 90%;
    height: 25px;
    vertical-align: middle;}

/*  --> IMG <--  */
IMG {
    border: none;}

/*  --> A <--  */
A {
    color: rgb(255,153,0);
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: none;}

A:hover {
    background-color: rgb(255,192,0);
    color: rgb(0,102,102);
    font-weight: bold;}

A.list {
    background-image: url(graph/web/lst_05.png);
    background-position: center left;
    background-repeat: no-repeat;
    border: 0;
    color: rgb(255,153,0);
    display: inline-block;
    font-weight: bold;
    margin: 0;
    padding-left: 15px;
    padding-top: 1px;
    text-decoration: none;}

A.list:hover {
    background-image: url(graph/web/lst_07_focus.png);
    background-color: rgb(255,192,0);
    color: rgb(0,102,102);
    font-weight: bold;}

A.image:hover {
    border: 1px solid rgb(255,192,0);}

A.btn:hover {
    background-image: url(graph/web/btn_background_hover.png);
    display: table-cell;}

A.subheader {
    border: 0;
    color: black;
    font-weight: normal;
    margin: 0;
    padding-left: 0;
    text-decoration: underline;}

A.subheader:hover {
    color: black;
    font-weight: normal;
    text-decoration: underline;}