/**********************************************************************
Import Htc.cc for IE 6 PNG support
**********************************************************************/

@import url(Htc.css);

/**********************************************************************
Hack for 100% height elements
**********************************************************************/

body, html {
   margin: 0;
   padding: 0;
   height: 100%;
}

/**********************************************************************
Global styles and reset elements
**********************************************************************/

body {
   font-size: 8pt;
   font-family: Verdana;
   color: #333333;
   vertical-align: top;
}

div, img, a, p {
   padding: 0;
   margin: 0;
   border: 0;
   vertical-align: top;
}

p {
   line-height: 150%;
   margin-bottom: 12pt;
}

h1, h2, h3, h4, h5, h6 {
   font-size: 9pt;
   font-weight: bold;
   margin-bottom: 4.5pt;
   color: #9d3022;
}

/**********************************************************************
The container block
**********************************************************************/

#container {
   margin-left: auto;
   margin-right: auto;
   background-color: #999999;
   height: 100%;
   width: 800px;
}

/**********************************************************************
The top block
**********************************************************************/

#top {
   width: 800px;
   height: 163px;
}

#top_header {
   width: 800px;
   height: 98px;
}

#top_logo {
   float: left;
}

#need_help {
   float: right;
   margin-left: -68px;
   margin-top: 28px;
   height: 52px;
   width: 142px;
   z-index: 500;
   text-align: right;
}
#need_help_image 
{
	margin-bottom: 10px;
}

/**********************************************************************
Main navigation block
**********************************************************************/

#main_nav {
   height: 29px;
   background-color: #990000;
   padding-left: 17px;
}

#main_nav ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#main_nav ul li {
   display: inline;
   float: left;
   margin: 0;
   padding: 0;
}

/**********************************************************************
Sub-navigation block
**********************************************************************/

#sub_nav {
   height: 36px;
   background-color: #cc6633;
   padding-left: 17px;
}

/**********************************************************************
Middle block
**********************************************************************/

#middle {
   width: 800px;
   padding-top: 24pt;
   padding-bottom: 12pt;
   background-image: url(/Images/Blank.gif);
   background-position: right bottom;
   background-repeat: no-repeat;
   background-color: white;
}

#content {
   float: left;
   background-color: white;
   width: 529px;
   padding-left: 30px;
   padding-right: 30px;
   color: #333333;
}



/**********************************************************************
Styles used for content
**********************************************************************/

#content a {
   color: #cc6633;
}

#content a:hover {
   color: #9d3022;
}

#content li, #content div {
   line-height: 150%;
}

#content table {
   margin-bottom: 16pt;
}

#content ul {
   margin-top: -6pt;
   margin-bottom: 12pt;
}

.clearfix {
   height: 0;
   font-size: 0;
   clear: both;
}

.title {
   padding-top: 7px;
   padding-bottom: 7px;
   margin-bottom: 3px !important;
   color: white;
   font-weight: bold;
   background-color: #999999 !important;
}

.printhide{}

.callout {
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 12px;
   background-color: #e5e5b2;
   margin-bottom: 12pt;
}

.callout p {
   margin-top: -3pt;
   margin-bottom: 0;
}

.callout ul 
{
   padding-top: 3px;
   margin-left: 0;
   margin-bottom: 0 !important;
   padding-left: 15px;
}

.callout li {
   margin: 0;
}

.callout a {
	color: #333333 !important;
	text-decoration: underline !important;
}
.callout a:hover {
	color: #999933 !important;
	text-decoration: underline !important;
}

.caption {
   margin-top: 4pt;
   margin-bottom: 8pt;
   font-size: 8pt;
   font-family: Verdana;
   font-style: italic;
   color: #999999;
}

.red 
{
   color: #9d3022;
}
.floatright {
   margin-left: 10px;
   float: right;
}

.floatleft {
   margin-right: 10px;
   float: left;
}

.twocolumn {
   width: 48%;
}

.underline {
   text-decoration: underline;
}

.center {
   text-align: center;
}
/**********************************************************************
Styles used for the sidebar
**********************************************************************/
#sidebar {
   float: right;
   border-left: solid 1px #cccccc;
   padding-left: 17px;
   padding-right: 17px;
   width: 176px;
   color: #cc6633;
}

#sidebar .sidebarselected {
   color: #9d3022 !important;
   font-weight: bold;
}

#sidebar ul {
   list-style: none;
   margin: 0;
   padding: 0;
   font-size: 10pt;
}

#sidebar li {
   line-height: 150%;
}

#sidebar ul li ul {
   margin-left: 0px;
   list-style-type: none;
}

#sidebar a {
   text-decoration: none;
   color: #cc6633;
}

#sidebar a.selected  {
   color: #9d3022;
}

#sidebar a:hover {
   color: #9d3022;
}
.sidebar_language_header {
   font-size: 10pt;   
   line-height: 150%;
}

/**********************************************************************
The bottom block
**********************************************************************/
#bottom {
   width: 770px;
   height: 33px;
   background-color: #cccc66;
   padding-left: 15px;
   padding-right: 15px;
}

#bottom_left 
{
   float: left;
   width: 300px;
   height: 33px;
   text-align: left;
}

#bottom_right 
{
   float: right;
   width: 470px;
   height: 33px;
   text-align: right;
}

#bottom ul {
   list-style: none;
   display: inline;
   margin: 0;
   padding: 0;
}

#bottom ul li {
   display: inline;
   margin: 0;
   padding: 0;
   float: right;
}

#bottom_right ul li {
   display: inline;
   margin: 0;
   padding: 0;
   float: right;
}

#bottom_left ul li {
   display: inline;
   margin: 0;
   padding: 0;
   float: left;
}



/**********************************************************************
Copyright block
**********************************************************************/

#copyright {
   text-align: right;
   font-size: 8pt;
   color: #666666;
   padding: 10px;
   padding-right: 27px;
   background-color: #999999;
}

#copyright a {
   color: #666666;
}

#copyright a:hover {
   color: #9d3022 !important;
}






/**********************************************************************
Pretty forms
**********************************************************************/

/* CSS and HTML layout from: http://www.alistapart.com/articles/prettyaccessibleforms/ */
form.CmxForm {
   width: 370px;
}

form.CmxForm legend {
   color: #333333;
   padding: 0 2px;
   padding-left: 0;
   font-weight: bold;
   _margin: 0 -7px; /* IE Win */
}

form.CmxForm label {
   display: inline-block;
   line-height: 1.8;
   vertical-align: top;
}

form.CmxForm fieldset {
   padding-left: 5px;
   margin-bottom: 12pt;
   border: none;
   border-top: 1px solid #ffcc99;
   background: url(/Images/CmxFormFieldset.gif) left bottom repeat-x;
}

form.CmxForm fieldset ol {
   margin: 0;
   padding: 0;
}

form.CmxForm fieldset ol li fieldset {
   padding-left: 0;
}

form.CmxForm fieldset li {
   list-style: none;
   padding: 5px;
   margin: 0;
   padding: 5px 10px 7px;
   background: url(/Images/CmxFormDivider.gif) left bottom repeat-x;
}

form.CmxForm fieldset fieldset {
   background: none;
   border: none;
   margin: 3px 0 0;
}

form.CmxForm fieldset fieldset legend {
   padding: 0 0 5px;
   font-weight: normal;
}

form.CmxForm fieldset fieldset label {
   display: block;
   width: auto;
}

form.CmxForm em {
   font-weight: bold;
   font-style: normal;
   color: #f00;
}

form.CmxForm label {
   width: 120px;
}
/* Width of labels */
form.CmxForm fieldset fieldset label {
   margin-left: 123px;
}
/* Width plus 3 (html space) */

/*\*//*/ form.CmxForm legend { display: inline-block; } /* IE Mac legend fix */

.FormShield table {
margin-bottom: 0px !important;
}