/*
** Cymap.css
*/


@import url(/UI/Css/Abilitation.css);




/**************************************************************************
** Standard Rules
***************************************************************************/
body
{
   background-color: #ffffff;
   color: #000000;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   font-weight: normal;
   margin: 0;
   padding: 10px;
   text-align: left;
}


table
{
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   font-weight: normal;
}

a
{
   color: #999999;
   font-weight: bold;
   text-decoration: none;
}
a:hover
{
   color: #9B1A1F;
   cursor: pointer;
   font-weight: bold;
   text-decoration: underline;
}


a.bigLink
{
   color: #9B1A1F;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
}
a:hover.bigLink
{
   color: #9B1A1F;
   cursor: pointer;
   font-size: 14px;
   font-weight: bold;
   text-decoration: underline;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
   color: #9B1A1F;
   text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
   text-decoration: underline;
}



b, strong
{
   color: #9B1a1f;
   font-weight: bold;
}

div
{
   margin: 0;
   padding: 0;
}


h1, h2, h3, h4, h5, h6
{
   color: #9B1A1F;
   font-family: Verdana, Arial, Sans-Serif;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   padding: 0
}

h1 { font-size: 20px;   margin: 0 0  8px 0; }
h2 { font-size: 16px;   margin: 0 0  6px 0; }
h3 { font-size: 14px;   margin: 0 0  4px 0; }
h4 { font-size: 12px;   margin: 0 0  3px 0; }
h5 { font-size: 11px;   margin: 0 0  2px 0; }
h6 { font-size: 10px;   margin: 0 0  1px 0; }



img
{
   border: none;
   margin: 0;
   padding: 0;
}


input
{
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   font-weight: normal;
   text-decoration: none;
}

select
{
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 10px;
   font-weight: normal;
   text-decoration: none;
}



input.submitButton
{
   background-color: #9B1A1F;
   color: #ffffff;
}

dl, ul, ol
{
   margin: 10px 30px;
   padding: 0;
}

li
{
   margin: 3px 0;
   padding: 0;
}


ul li
{
   list-style: none;
   background-image: url(/UI/Images/Glyphs/Bullet_8x10.gif);
   background-repeat: no-repeat;
   background-position: 0 5px;
   padding-left: 15px;
}


dt, dd
{
   margin: 0;
}

dt
{
   margin-top: 10px;
}


p
{
   margin: 0 0 7px 0;
}


td
{
   vertical-align: top;
}



.noTopLeading
{
   margin-top: 0;
   padding-top: 0;
}

.noBottomLeading
{
   margin-bottom: 0;
   padding-bottom: 0;
}

.noLeading
{
   margin-top: 0;
   margin-bottom: 0;
   padding-top: 0;
   padding-bottom: 0;
}




/**************************************************************************
** Page Structure
***************************************************************************/

/*
** Outer Frame
**
** The outframe provides  structural reference for the 'real' content.
** the element provides a three column table so that advertisements etc.
** may be deplayed to the left and right gutter margins.  The gutter
** margins are invisible if they do not contain content.
*/
table#outerFrame
{
   margin: 20px auto;
   text-align: center;
}

table#outerFrame td
{
   vertical-align: top;
}

td#outerLeftMargin
{
}

td#outerContent
{
}

td#outerRightMargin
{
   padding: 0 0 0 10px;
}


/*
** Inner Frame
*/
table#innerFrame
{
   background-color: #ffffff;
   margin-bottom: 20px; /* Keep the footer off the bottom of the browser window */
   text-align: left;
   width: 750px;
}


td#menuCell
{
   background-color: #4d4d4d;
   border-top: 15px solid #9B1A1F;
   border-bottom: 3px solid #ffffff;
   color: #ffffff;
}

div#menuFrame
{
   border-top: 1px solid #ffffff;
   padding-top: 5px;
   padding-bottom: 10px;
}


tr#headerRow
{
}

td#headerCell
{
   background-color: #9B1A1F;
   padding: 10px 0;
}

tr#contentRow
{
}

td#contentCell
{
   background-color: #ffffff;
   padding: 0;
}


div#contentImage
{
   margin: 0;
   padding: 0;
}

div#contentImage img
{
   display: block;
   margin: 0;
   padding: 0;
}


div#contentFrame
{
   border-left: 1px solid #9B1A1F;
   border-right: 1px solid #9B1A1F;
   margin: 0;
   padding: 10px 10px 25px 10px;
}

tr#footerRow
{
}

td#footerCell
{
   background-color: #ffffff;
   color: #9B1A1F;
}




/**************************************************************************
** Page Objects
***************************************************************************/

/*
** #headerBar :: Provides the page header block complete with horizontal
** rule divider.
*/
table#headerBar
{
   width: 100%;
}

table#headerBar td
{
   padding: 0 12px;
   width: 50%;
}

table#headerBar td.title
{
   vertical-align: bottom;
}

table#headerBar td.logo
{
   border-left: 1px solid #ffffff;
   vertical-align: middle;
}


table#headerBar h1,
table#headerBar h2,
table#headerBar h3
{
   color: #ffffff;
   margin: 0;
   padding: 0;
}

/*
** Footer Bar
*/
table#footerBar
{
   width: 100%;
}

table#footerBar td
{
   text-align: center;
}

table#footerBar td.image
{
   border-left: 1px solid #9B1A1F;
   border-right: 1px solid #9B1A1F;
   border-bottom: 1px solid #9B1A1F;
}

table#footerBar td.links
{
   padding-top: 5px;
}



/*
** WebControl - Adjustments
*/

table.dataGrid tr.headerStyle
{
   background-color: #9B1A1F;
}

table.dataGrid tr.selectedItemStyle td
{
   color: #9B1A1F;
}
