@charset "utf-8";
/*****************************************/
/****         GENERAL ELEMENTS       *****/
/*****************************************/
* {
margin: 0;
padding: 0;
}
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #555555;
    background: #666666;
}
td {
}
P{
margin-bottom: 10px;
}
OL{
margin-left:20px;
}
LI{
padding-bottom:10px;
margin-left:20px;
}
/*************** GENERAL INPUT FIELDS  ***************/
input, textarea, select{
border:1px solid #999999;
color:#333333;
font: 11px Arial;
padding-left:2px;
padding-right:2px;
margin-bottom:2px;
}
input.Tiny, textarea.Tiny{
width: 50px;
}
input.Small, textarea.Small{
width: 120px;
}
input.Medium, textarea.Medium{
width: 250px;
}
input.Large, textarea.Large{
width: 400px;
}
.checkbox{
border: 0px solid #999999;
}
/*************** GENERAL LINKS  ***************/
a {
font-size: 10pt;
color:#004DBD;
text-decoration: none;
}
a:hover {
color: #FF0000;
text-decoration: underline;
}
/*************** GENERAL IMAGES  ***************/
img{
border: 0px;
margin-left: 0px; 
margin-right: 0px;
margin-top: 0px; 
margin-bottom: 0px;
padding-top: 0px; 
padding-bottom: 0px;
}
img.block{
border: 0px;
margin-left: 0px; 
margin-right: 0px;
margin-top: 0px; 
margin-bottom: 0px;
padding-top: 0px; 
padding-bottom: 0px;
display: block;
FLOAT:left;
}
/*************** GENERAL OTHER  ***************/
hr{
border-top:     solid 0px #FFFFFF;
border-left:    solid 0px #FFFFFF;
border-right:   solid 0px #FFFFFF;
border-bottom:  solid 1px #CCCCCC;
height: 1px;
margin-top:10px;
margin-bottom:10px;
}

/********************************/
.divvisible {
	display: block;
}
.divnotvisible {
	display: none;
}

/*****************************************/
/**** MAIN OUTER STRUCTURAL ELEMENTS *****/
/*****************************************/
DIV.outer-container {
	background: #666666;
	padding-top: 20px;
	padding-bottom: 64px;
}
DIV.inner-container {
  	width: 806px;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding-bottom: 0px;
}
DIV.header {
	background: #666666 url(/images/header_bg.gif) no-repeat; 
	height: 160px;
}
DIV.main {
border-right:6px solid #666666;
border-bottom:0px solid #666666;
}
    DIV.main DIV.OuterMainContentDivNormal{
        /** used to give padding around the main text content of the page */
        /** used in inner template 'Normal Page - xxxxxx' */
        /** padding isn't applied to div.main' because the navigation tabs need to go right to the edge. **/
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 25px;
        padding-right: 25px;
    }
/*****************************************/
/******          PAGE FOOTER         *****/
/*****************************************/
DIV.footer {
    background: url(/cpimages/control_panel_tab_on_bg.gif) repeat-x ;
    height: 33px;
    border-right:6px solid #666666;
}
    DIV.footer DIV.Links {
    padding-top: 10px;
    padding-left:20px;
    text-align:center;
    }
	DIV.footer A{
	font: 9pt Arial;
	color:#FFFFFF;
	text-decoration:none;
	}
	DIV.footer A:hover{
	text-decoration:underline;
	}
 
/*****************************************/
/******  LOGIN, myaccount etc. links *****/
/*****************************************/
div.LoginBox{
float: left;
font-size: 10pt;
color: #AAAAAA;
padding-top: 10px;
font-weight: bold;
margin-left:165px;
margin-top:65px;
}
    div.LoginBox a {
    font-size: 10pt;
    color: #FFFFFF;
    font-weight: normal;
    }
    div.LoginBox a:hover {
    text-decoration: underline;
    }
/*****************************************/
/******  NORMAL PAGE CONTENT LAYOUTS *****/
/*****************************************/
TABLE.TwoEqualColumns {
width: 750px;
border: 0px solid #666666;
}
    TABLE.TwoEqualColumns TD.LeftCol {
    width: 355px;
    padding-right:20px;
    border-right: 1px solid #666666;
    vertical-align:top;
    }
    TABLE.TwoEqualColumns TD.RightCol {
    width: 354px;
    padding-left:20px;
    vertical-align:top;
    }
TABLE.TwoColumnsLeftWide {
width: 750px;
border: 0px solid #666666;
}
    TABLE.TwoColumnsLeftWide TD.LeftCol {
    width: 455px;
    padding-right:20px;
    vertical-align:top;
    }
    TABLE.TwoColumnsLeftWide TD.RightCol {
    width: 255px;
    padding-left:20px;
    vertical-align:top;
    vertical-align: bottom;
    }
TABLE.TwoColumnsRightWide {
width: 750px;
}
    TABLE.TwoColumnsRightWide TD.LeftCol {
    width: 255px;
    padding-right:20px;
    vertical-align:top;
    }
    TABLE.TwoColumnsRightWide TD.RightCol {
    
    width: 455px;
    padding-left:20px;
    vertical-align: top;
    }
/********************************/
/*** FCKEDITOR STYLES AND FORMATS ***/
/** h1,h2,h3,h4 are accessible in the Format dropdown and the others are in the Style dropdown */
/********************************/
.FckEditorArea{
background: #FFFFFF;
}
h1 {
font-size: 14pt;
font-weight: bold;
color: #006090;
Padding-top: 15px;
Padding-bottom: 15px;
}
h2 {
font-size: 12pt;
font-weight: bold;
color: #006090;
}
.Heading2Inline{
font-weight: bold;
color: #006090;
font-size: 12pt;
}
h3 {
font-size: 11pt;
font-weight: bold;
color: #006090;
}
    A.heading3{
    font-size: 11pt;
    font-weight: bold;
    color: #006090;
    }
    A.heading3 hover{
    text-decoration: underline;
    color: #FF0000;
    }
.Heading3Inline{
font-weight: bold;
color: #006090;
font-size: 11pt;
}
h4 {
font-size: 10pt;
font-weight: bold;
color: #444444;
}
    A.heading4{
    font-size: 10pt;
    font-weight: bold;
    color: #444444;
    }
    A.heading4 hover{
    text-decoration: underline;
    color: #FF0000;
    }
.Heading4Inline{
font-size: 10pt;
font-weight: bold;
color: #444444;
}

/*****************************************/
/**********  NAVIGATION **************/
/*****************************************/
/* classes in this Navigation section refer to the navigation that is visible to the general 
public. These Navigation tabs are written from /A_CMS_ext/PageDisplayClass.php using NavigationTabsSectionClass.php
There is another set of classes that are used for the Admin navigation menu and are stored in 
/css/controlpanel.css. The Admin navigation tabs are written using ControlPanelTabbedSectionClass.php
*/
/*****************************************/
/**********  FIRST ROW TABS **************/
/*****************************************/
DIV.NavFirstRowTabs{
clear:both;
height:33px;
width:800px;
padding-left:0px;
/*background: url(/navimages/nav_header_bg1.gif) no-repeat right top;*/
border-top: 0px solid #110000;
border-left:0px solid #009FF1;
border-right:0px solid #009FF1;
}
DIV.NavTabs{
width: 800px;
height: 33px;
padding-right:0px;
background: url(/navimages/nav_tab_overflow_bg.gif) repeat right;
}
DIV.NavTabFirstImg{
float:left;
width:1px; 
height:33px;
}
    IMG.NavTabFirstImg{
    width:1px; 
    height:33px;
    display: block;
    FLOAT:left;
    }
DIV.NavTabMiddleImg{
width:4px; 
height:33px; 
float:left
}
    IMG.NavTabMiddleImg{
    width:4px; 
    height:33px;
    float:left;
    display: block;
    FLOAT:left;
    }
DIV.NavTabLastImg{
width:4px; 
height:33px;
float:left;
}
    IMG.NavTabLastImg{
    width:4px; 
    height:33px;
    display: block;
    FLOAT:left;
    }
DIV.NavTabOn{
float:left;
height:26px;
padding-top:7px;
padding-right:7px;
padding-left:7px;
background: url(/navimages/nav_tab_on_bg.gif);
}
	DIV.NavTabOn A{
	font: 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
	DIV.NavTabOn A:hover{
	text-decoration:underline;
	}
DIV.NavTabOff{
float:left;
height:26px;
padding-top:7px;
padding-right:7px;
padding-left:7px;
background: url(/navimages/nav_tab_off_bg.gif);
}
	DIV.NavTabOff A{
	font-size: 14px; 
    font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
	DIV.NavTabOff A:hover{
	text-decoration:underline;
	}
/*****************************************/
/********* SECOND ROW TABS **************/
/*****************************************/
DIV.NavSecondRowTabs{
width:800px;
padding-left:0px;
height: 26px;
background: #006192;
border-left:0px solid #547498;
border-right:0px solid #547498;
border-top:1px solid #014E71;
}
DIV.NavSecondRowTabFirstImg{
float:left;
width:4px; 
height:26px;
}
DIV.NavSecondRowTabMiddleImg{
float:left;
width:4px;
height:26px;
}
DIV.NavSecondRowTabLastImg{
float:left;
width:4px; 
height:26px;
}
IMG.NavSecondRowTabFirstImg{
float:left;
width:4px; 
height:26px;
}
IMG.NavSecondRowTabMiddleImg{
float:left;
width:4px; 
height:26px;
}
IMG.NavSecondRowTabLastImg{
float:left;
width:4px; 
height:26px;
}
DIV.NavSecondRowTabOn{
float:left;
height:21px;
vertical-align: middle;
padding-top:7px;
padding-right:9px;
padding-left:9px;
background: #FFFFFF;
font: 13px Arial;
color:#FF0000;
}
DIV.NavSecondRowTabOff{
float:left;
height:21px;
padding-top:5px;
padding-right:9px;
padding-left:9px;
background: #006192;
}
	DIV.NavSecondRowTabOff A{
	font: 13px Arial;
	color:#FFFFFF;
	text-decoration:none;
	}
	DIV.NavSecondRowTabOff A:hover{
	text-decoration:underline;
	}

/*****************************************/
/*********   LAST ROW TABS  **************/
/*****************************************/
/**** Last row tabs are in NavSubHeadingLinks which is in NavBody ***/

DIV.NavSubHeading{
clear: both;
float: left;
width: 780px;
padding-right:2px;
height:20px;
padding-top:2px;
font:bold 15px Arial;
color:#009FF1;
border-top:0px solid #110000;
border-bottom:0px solid #110000;
}
DIV.NavSuccessOrErrorMessage{
clear: both;
width: 790px;
padding-top:12px;
padding-right:2px;
padding-bottom:0px;
font:bold 13px Arial;
color:#ED1C24;
text-align:center;
}
DIV.NavSubHeadingLinks{
float:left;
font: 14px Arial;
color:#FF0000;
}
DIV.NavLastRowTabOn{
float:left;
height:21px;
vertical-align: middle;
padding-top:7px;
padding-right:9px;
padding-left:9px;
background: #FFFFFF;
font: 14px Arial;
color:#FF0000;
}
DIV.NavLastRowTabOff{
float:left;
height:21px;
vertical-align: middle;
padding-top:7px;
padding-right:9px;
padding-left:9px;
background: #FFFFFF;
font: 14px Arial;
color:#004DBD;
}
	DIV.NavLastRowTabOff A{
	font:14px Arial;
	color:#004DBD;
	text-decoration:none;
	}
	DIV.NavLastRowTabOff A:hover{
	/*color:#FF0000;*/
	text-decoration:underline;
	} 
DIV.NavLastRowTabDivider{
float:left;
height:9px;
vertical-align: middle;
padding-top:7px;
margin-top:7px;
margin-bottom:5px;
padding-right:1px;
padding-left:1px;
background: #FFFFFF;
font: 14px Arial;
color:#333333;
border-right:0px solid #333333;
}

DIV.NavInnerSectionBottom{
/*float:left;*/
width:598px;
padding-right: 2px;
height:0px;
margin: auto;
color:#009FF1;
}

/***************************************/
/*********  FRONT END FORMS      *******/
/***************************************/
DIV.FrontEndFormValidationErrorMessage{
clear: both;
width: 780px;
padding-top:12px;
padding-right:2px;
padding-bottom:15px;
font-size: 12pt;
font-weight: bold;
color:#ED1C24;
text-align:center;
}
DIV.AfterSubmitContactUsFormBox{
BORDER: solid 1px #006090;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
/***************************************/
/*********  FRONT END Edit Table  ******/
/***************************************/
/*** if you want this to be the same as the Admin Edit Table that is used for the back end pages **/
/*** then you must make the same changes to controlpanel.css AdminEditTable **/
TABLE.FrontEndEditTable{
clear: both;
WIDTH: 602px;
BORDER-LEFT: solid 1px #D9D9D9;
BORDER-RIGHT: solid 1px #D9D9D9;
BORDER-TOP: solid 1px #D9D9D9;
BORDER-BOTTOM: solid 1px #D9D9D9;
BORDER-COLLAPSE: collapse;
BORDER-SPACING: 0px;
margin: auto;
}
TABLE.FrontEndEditTable TD.TopBorderRow{
height:33px;
PADDING-TOP: 5px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 0px;
TEXT-ALIGN: left;
VERTICAL-ALIGN: top;
background: url(/cpimages/control_panel_tab_on_bg.gif) repeat-x;
COLOR: #FFFFFF;
FONT-WEIGHT: bold;
}
TABLE.FrontEndEditTable TH{
PADDING-TOP: 4px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 3px;
TEXT-ALIGN: left;
VERTICAL-ALIGN: top;
BACKGROUND-COLOR:#D6ECF6; 
font-weight: normal;
COLOR: #333333;
FONT-WEIGHT: bold;
BORDER-BOTTOM: solid 1px #D9D9D9;
}
TABLE.FrontEndEditTable  TH.EditHd{
WIDTH: 150px;
}
TABLE.FrontEndEditTable  TD{
PADDING-TOP: 4px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 3px;
VERTICAL-ALIGN: top;
COLOR: #333333;
font-weight: normal;
BORDER-BOTTOM: solid 1px #D9D9D9;
BACKGROUND-COLOR:#FFFFFF; 
}
TABLE.FrontEndEditTable .Left{
TEXT-ALIGN: left;
}
TABLE.FrontEndEditTable .Center{
TEXT-ALIGN: center;
}
TABLE.FrontEndEditTable .Right{
TEXT-ALIGN: right;
}


/***************************************/
/*********  Front End List Table *******/
/***************************************/
/*** if you want this to be the same as the Admin Edit Table that is used for the back end pages **/
/*** then you must make the same changes to controlpanel.css AdminEditTable **/
TABLE.AdminListTable{
clear: both;
WIDTH: 602px;
BORDER-LEFT: solid 1px #D9D9D9;
BORDER-RIGHT: solid 1px #D9D9D9;
BORDER-TOP: solid 1px #D9D9D9;
BORDER-BOTTOM: solid 1px #D9D9D9;
BORDER-COLLAPSE: collapse;
BORDER-SPACING: 0px;
margin: auto;
}
TABLE.AdminListTable TH{
height:33px;
PADDING-TOP: 0px;
PADDING-LEFT: 5px;
PADDING-RIGHT: 5px;
PADDING-BOTTOM: 0px;
TEXT-ALIGN: left;
VERTICAL-ALIGN: middle;
font-weight: bold;
COLOR: #333333;
BORDER-left: solid 1px #D9D9D9;
BORDER-BOTTOM: solid 0px #D9D9D9;
background: #D6ECF6;
}
TABLE.AdminListTable TD {
PADDING-TOP: 2px;
PADDING-LEFT: 3px;
PADDING-RIGHT: 5px;
PADDING-BOTTOM: 2px;
BORDER-LEFT: solid 1px #D9D9D9;
BORDER-RIGHT: solid 1px #D9D9D9;
BORDER-TOP: solid 1px #D9D9D9;
BORDER-BOTTOM: solid 1px #D9D9D9;
TEXT-ALIGN: left;
VERTICAL-ALIGN: top;
COLOR: #333333;
}
TABLE.AdminListTable TD.TopBorderRow{
height:33px;
PADDING-TOP: 0px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 3px;
TEXT-ALIGN: center;
VERTICAL-ALIGN: top;
background: url(/cpimages/control_panel_tab_on_bg.gif) repeat-x ;
}
DIV.TopBorderRow{
FONT-WEIGHT: bold;
COLOR: #FFFFFF;
TEXT-ALIGN: center;
}
TABLE.AdminListTable A{
FONT: 12px arial;
COLOR: #004DBD;
TEXT-DECORATION: none
}
TABLE.AdminListTable A:hover{
color:#FF0000;
TEXT-DECORATION: underline
}
TABLE.AdminListTable TD.ListNoRowsFound{
PADDING-TOP: 30px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 30px;
TEXT-ALIGN: center;
VERTICAL-ALIGN: top;
BACKGROUND-COLOR: #FFFFFF; 
COLOR: #333333;
}
TABLE.AdminListTable .Center{
TEXT-ALIGN: center;
}
TABLE.AdminListTable .Right{
TEXT-ALIGN: right;
}
/***************************************/
/******  FRONT END BUTTON ROW     ******/
/***************************************/
DIV.FrontEndFormFooter{
text-align: center;
clear: both;
width: 604px;
height: 70px;
text-decoration: none;
margin: auto;
margin-bottom:30px;
BORDER-TOP: solid 1px #D6ECF6;
BORDER-LEFT: solid 0px #009FF1;
BORDER-RIGHT: solid 0px #009FF1;
BORDER-BOTTOM: solid 0px #009FF1;
background: #D6ECF6;
}
	DIV.FrontEndButtonRow{
	margin-top: 20px;
	text-align:	center;
	}
		DIV.FrontEndButtonRow input.FormButton{
		/*background: #009FF1;*/
        height: 33px;
        background: url(/cpimages/control_panel_tab_on_bg.gif) repeat-x ;
		border-left: 0px solid #006193;
        border-right: 0px solid #006193;
        border-top: 0px solid #006193;
        border-bottom: 0px solid #006193;
		color: #FFFFFF;
		font:  13px Arial;
		margin-right:12px;
        padding-left:10px;
        padding-right:10px;
        padding-top:0px;
        padding-bottom:4px;
		}
		DIV.FrontEndButtonRow input.FormButtonHover{
        height: 33px;
        background: #006192;
		border-left: 0px solid #006193;
        border-right: 0px solid #006193;
        border-top: 0px solid #006193;
        border-bottom: 0px solid #006193;
		color: #FFFFFF;
		font:  13px Arial;
		margin-right:12px;
        padding-left:10px;
        padding-right:10px;
        padding-bottom:4px;
		}
DIV.FrontEndFormAddendum{
text-align: left;
clear: both;
width: 604px;
margin: auto;
margin-top:-25px;
BORDER-TOP: solid 0px #D6ECF6;
BORDER-LEFT: solid 0px #009FF1;
BORDER-RIGHT: solid 0px #009FF1;
BORDER-BOTTOM: solid 0px #009FF1;
}