/* Default.css
**
** CSS for Contango
**
** Written by: Neil Martin - Abilitation Limited
*/


/* Import the standard Abilitation Application Framework css library */
@import url(Abilitation.css);



body
{
   color: #000000;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
   font-weight: normal;
}

h1, h2, h3, h4, h5, h6
{
   color: #000000;
}


ul.featureList
{
   margin: 0;
   padding: 0;
}

ul.featureList li
{
   margin: 12px 0 0 0;
   padding: 0 0 0 20px;
   list-style-type: none;
   background-image: url(/UI/Images/Glyphs/Bullet_cce821_12x10.jpg);
   background-position: 0 3px;
   background-repeat: no-repeat;
   font-size: 13px;
   font-weight: bold;
   
}

ul.featureList.address li
{
   color: #019587;
   font-size: 14px;
   font-weight: normal;
}

ul.featureList.address a,
ul.featureList.address a:hover
{
   color: #019587;
}


/*
** Page Structure
*/

div#outerFrame
{
   background-color: #ffffff;
   background-image: url(/UI/Images/Backgrounds/Gradient_cce821_20x100.jpg);
   background-repeat: repeat-x;
   background-position: left bottom;
   margin: 20px 0;
   padding: 0 0 27px 0;
}

table#innerFrame
{
   background-color: #ffffff;
   border: 2px solid #cce821;
   margin: 0 auto;
   width: 750px;
   overflow: visible;   /* Try and help Apple browsers */
}

table#innerFrame tr.topBorder img.radius
{
   display: block;
   position: relative;
   left: -2px;
   top: -2px;
}

table#innerFrame tr.logo td
{
   padding: 0 6px;
}

table#innerFrame tr.menu td
{
   padding: 8px 0;
}

table#innerFrame td.contentFrame
{
   /* Adjust lateral padding to align images with the
   ** right edge of the first top menu item */
   padding: 0 7px 6px 7px;
   vertical-align: top;
}


/*
** The following structure is rendered inside td.contentFrame
*/
table#content td.context
{
   vertical-align: top;
   padding-right: 20px;
}

table#content td.content
{
   vertical-align: top;
   padding: 94px 114px 0 0;
}



/*
** Page Objects
*/

table.imageGallery img
{
   margin: 0;
   padding: 0;
}



div.menu
{
   height: 25px;
   background-image: url(/UI/Images/Backgrounds/menuStrip_740x25.jpg);
   background-repeat: no-repeat;
   background-position: right top;
}

div.menu table.menuFrame
{
   margin-left: 192px;
}

div.menu table.menuFrame td
{
   border-right: 4px solid #ffffff;
   height: 25px;
   padding: 0 14px 0 14px !important;
   vertical-align: middle;
}

div.menu table.menuFrame td.noBorder
{
   border: none;
   padding-right: 0;
}

div.menu a,
div.menu a:hover,
table.contextMenu a,
table.contextMenu a:hover
{
   color: #000000;
   font-family: Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-size: 12px;
   text-transform: uppercase;
   text-decoration: none;
}

div.menu a:hover,
table.contextMenu a:hover
{
   color: #019587;
   text-decoration: underline;
}

div.menu a.active,
div.menu a:hover.active,
table.contextMenu a.active,
table.contextMenu a:hover.active
{
   color: #019587;
   text-decoration: none;
   cursor: default;
}


table.contextMenu
{
   margin-top: 6px;
   width: 248px;
}

table.contextMenu td
{
   background-image: url(/UI/Images/Backgrounds/MenuStrip_248x20.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   border-bottom: 4px solid #ffffff;
   height: 20px;
   padding: 0 15px;
   text-align: right;
   vertical-align: middle;
}

table.contextMenu a,
table.contextMenu a:hover
{
   font-size: 11px;
   font-weight: normal;
}



/*
** Positions a single scroll button on the Executive 
** Management page
*/
div.singleScrollButton
{
   position: relative; 
   left: -35px; 
   top: -20px;
}


div.validation
{
   display: none;
   color: #999999;
   font-size: 10px;
   margin: 50px 0 0 15px;
}
div.validation p
{
   margin: 0 0 5px 0;
}