/* /Css/SideContext.css
**
** This CSS Class provides basic style and formatting for the
** Abilitation.Web.UI.PageTemplates.Design02 page template.
**
** The top section of the file defines some generic Element
** selectors, whilst the second part of the file provides
** ID specific selectors which are referenced by the SideContext
** template.
*/


/*
** Element Selectors
*/
body
{
   color: #2f4f4f;
   background-color: #f5f5f5;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   font-size: 11px;
}


a
{
    font-weight: bold;
    color: #006699;
    text-decoration: none;
}

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


em
{
   color: #000000;
   font-style: italic;
}


h1, h2, h3, h4, h5
{
   color: #006699;
   font-family: Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   text-transform: lowercase;
}

h1
{
   font-size: 24px;
   margin-top: 10px;
   margin-bottom: 15px;
}
   
h2
{
   font-size: 20px;
   margin-top: 15px;
   margin-bottom: 10px;
}

h3
{
   font-size: 16px;
   margin-top: 15px;
   margin-bottom: 5px;
}

h4
{
   font-size: 14px;
   margin-top: 15px;
   margin-bottom: 5px;
}

img
{
   border: none;
   text-decoration: none;
}

input
{
   font-size: 11px;
}

p
{
   margin-top: 0px;
   margin-bottom: 10px;
}

select
{
   font-size: 11px;
}

table
{
   font-size: 11px;
}

tfoot
{
   background-color: #f5f5f5;
}

thead
{
   background-color: #f5f5f5;
}

thead td
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
}

ul
{
   margin-top: 5px;
   margin-bottom: 10px;
   margin-left: 20px;
}

ol
{
   margin-top: 5px;
   margin-bottom: 10px;
   margin-left: 20px;
}

li
{
	margin-left: 0px;
	margin-bottom: 4px;
}




/*
** ID Selectors (for Abilitation.Web.UI.PageTemplates.Design02 page template)
*/
#pageBackground
{
}

#pageFrame
{
   margin: 10px auto;
   padding: 0px;
   text-align: left;
   border: 1px solid black;
   width: 760px;
}

#pageHeader
{
   margin: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 10px;
   padding-right: 20px;
   background-color: #006699;
}

#pageHeader h1, #pageHeader h2, #pageHeader h3,
#pageHeader h4, #pageHeader h5, #pageHeader h6
{
   color: #f0ffff;
   margin: 0px;
   padding: 0px;
}


#pageMenu
{
   color: #f5f5f5;
   background-color: #666666;
   margin: 2px 0 0 0;
   padding: 0px;
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
   text-align: center;
}


#titleBar
{
   color: #000000;
   background-color: #ffffff;
   margin: 2px 0 0 0;
   padding: 3px 0 3px 0;
}

#pageTitle
{
   color: #2f4f4f;
   font-size: 14px;
   font-weight: bold;
   padding-left: 20px;
}

#pageDate
{
   color: #2f4f4f;
   font-size: 10px;
   font-weight: normal;
   padding-right: 20px;
}

#subTitleBar
{
   color: #000000;
   background-color: #9CABC1;
   margin: 2px 0 0 0;
   padding: 3px 3px 3px 173px;
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
   text-align: left;
}


#contentFrame
{
   margin: 0px;
   margin-top: 1px;
}

#contextFrame
{
   background-color: #9CABC1;
   margin: 0px;
   padding: 0px;
   text-align: left;
   width: 160px;
}

#contextMenu
{
}

#contextImage
{
   margin: 2px 0px;
   padding: 0px;
}

#contextImage img
{
   margin: 0px;
   padding: 0px;
   border: none;
}

#contextFooter
{
   margin: 20px 0px;
   padding: 0px;
   height: 60px;
}

/*
** Abilitation/credit link at bottom of context side panel
**/
#abilitationLink
{
   color: #000000;
   background-color: #9CABC1;
   font-size: 9px;
   font-weight: normal;
   padding-bottom: 5px;
}

#abilitationLink a
{
   color: #2f4f4f;
   font-weight: normal;
}

#abilitationLink a:hover
{
   color: #000000;
}


/*
** Content panel
*/

#content
{
   margin: 0px;
   padding: 20px 30px;
   border-left: 1px solid #000000;
   text-align: left;
   width: 600px;
}

#content p
{
   line-height: 160%;
}

#returnLink
{
   margin: 20px 0 0 0;
}

#returnLink p
{
   margin: 0 0 3px 5px;
}

#returnLink hr
{
   height: 1px;
   margin: 0px;
   text-align: left;
   width: 50%;
}
#returnLink a
{
   font-weight: normal;
}

#pageFooter
{
   color: #f5f5f5;
   background-color: #666666;
   margin: 1px 0 0 0;
   padding: 3px 0;
   border-top: 1px solid #000000;
   font-size: 10px;
   text-align: center;
}



/*
** Supporting Styles
*/
.twoColumn
{
   width: 100%;
}

.twoColumn td
{
   width: 50%;
   vertical-align: top;
}

.twoColumn .column1
{
   padding-right: 15px;
   border-right: 1px solid #999999;
}

.twoColumn .column2
{
   padding-left: 15px;
}