﻿/*============================================================*
	HTML TAGS 
==============================================================*/
body
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #486B79;
	background-image: url(               'images/bk.png' );
	background-color: #ace0ed;
	background-repeat: repeat-x;
}

p
{
	margin: 10px 0;
}

p.no-padding-no-margin
{
	padding: 0;
	margin: 0;
}

input
{
	vertical-align:bottom;
}

/*============================================================*
	HEADINGS
==============================================================*/
h1, h2, h3, h4, h5, h6
{
	font-size: 1.8em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	margin: 5px 0;
}

h1
{
	margin-bottom: 0;
}

h1, h2
{
	margin-top: 0px;
}

h2
{
	font-size: 1.3em;
}

h3
{
	font-size: 1.1em;
}

h3.small
{
	font-size: 1.2em;
}

h4
{
	font-size: 1.1em;
}

h5
{
	font-size: 1.1em;
}

h6
{
	font-size: 1em;
}


/*============================================================*
	LINKS
==============================================================*/
a:link
{
	color: #64B08C;
	text-decoration: none;
}

a:visited
{
	color: #365866;
	text-decoration: none;
}

a:hover
{
	color: #365866;
	text-decoration: underline;
}

a:active
{
	color: #365866;
}

/*============================================================*
	FORM
==============================================================*/
/* input control for a form */
.data-entry
{
	padding: 2px 4px 2px 4px;
	border: 1px solid #93cddd;
	margin-bottom: 2px;
	color: #3893AD;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.data-radio
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.Watermark
{
	padding: 2px 4px 2px 4px;
	border: 1px solid #93cddd;
	margin-bottom: 2px;
	color: #E6E6E6;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.btnSearch
{
	border: 1px solid #93cddd;
	margin-bottom: 2px;
	color: #0066CC;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin-left: 4px;
}

/*============================================================*
	NAVIGATION - LEFT MENU
==============================================================*/
div.SectionHeader
{
	padding: 2px 8px 2px 8px;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	letter-spacing: 0.1em;
	background-color: #93cddd;
	color: White;
	width: 155px;
}

.SectionHeader a:link, .SectionHeader a:visited
{
	color: white;
	text-decoration: none;
}
.SectionHeader a:hover, .SectionHeader a:active
{
	color: #578CA4;
	text-decoration: underline;
}

.menu-left
{
	font-family: Tahoma;
	text-align: left;
}

.menu-left a:link, .menu-left a:visited
{
	color: #578CA4;
	text-decoration: none;
}

.menu-left a:hover, .menu a:active
{
	color: #365866;
}
.menu-left-level1
{
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	border: 1px solid #D3EBF1;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #F7FCFD;
	white-space:normal;
}

.menu-left-hover
{
	background-color: #D3EBF1;
}

.menu-left-level2
{
	padding: 2px 4px 2px 4px;
	font-weight: bold;
}
.menu-left-table a.menu-left-level2:hover, .menu-left-table .menu-left-level2:active
{
	color: #365866;
	text-decoration: underline;
}

.menu-left-level2 a:link, .menu-left-level2 a:visited
{
	color: #578CA4;
}

.menu-left-item
{
}
.menu-left-item2
{
	border: 1px solid #CCCCCC;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-left: 8px;
	margin-bottom: 1px;
	margin-top: 1px;
	background-color: #FAF4FD;
	width: 90%;
}

/* STAGING */
.Staging
{
	padding: 1px 4px 1px 4px;
	position: absolute;
	color: #006666;
	font-size: 10px;
	top: 5px;
	left: 5px;
	background-color: #D3EBF1;
	vertical-align: middle;
	text-align: center;
}

/*============================================================*
	FRONT PAGE
==============================================================*/
.MainTable
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	background-color: White;
	border: solid 3px #93cddd;
	width: 922px;
}
.Logo
{
	border-right-style: solid;
	border-width: 3px;
	border-color: #93cddd;
}
.Footer
{
	padding: 15px 10px 10px 15px;
	font-size: 11px;
	letter-spacing: -0.05em;
	line-height: 13px;
	word-spacing: 0.06em;
}
.PageTitle1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0.05em;
	padding-left: 15px;
}

.PageSubTitle1
{
	padding-left: 45px;
	font-size: 12px;
	letter-spacing: -0.01em;
}

.TextFrame
{
	border: 1px solid #D3EBF1;
	vertical-align: top;
	padding: 0px 15px 0px 15px;
}
.PicFrame
{
	border: 1px solid #D3EBF1;
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
}

.GroupTitle
{
	border-width: 1px;
	border-color: #D3EBF1;
	padding: 4px 0px 2px 0px;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-align: left;
	border-bottom-style: dotted;
	font-weight: bold;
}
.GroupTitle2
{
	padding: 10px 0px 0px 0px;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
}

.ProductNoFrame
{
	padding: 0px 15px 0px 15px;
	vertical-align: top;
}

.ProductNoFrameBottom
{
	padding: 0px 15px 0px 15px;
	vertical-align: bottom;
}

.ProductNoFrameHorz
{
	padding: 0px 15px 10px 15px;
}

.ProductTitle
{
	font-size: 11px;
	font-weight: bold;
	padding-top: 35px;
	padding-bottom: 2px;
	text-align: left;
	line-height: 13px;
}

.ProductInfo
{
	font-size: 10px;
	line-height: 12px;
	text-align: left;
}


.ProductTitleHorz
{
	font-size: 11px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 0px;
	text-align: left;
	line-height: 13px;
}

.ProductInfoHorz
{
	font-size: 10px;
	line-height: 12px;
	text-align: left;
}

/* FIX FOR THE MENU IN IE8 */
.adjustedZIndex
{
	z-index: 99;
}

