/*    G E N E R A L    S T Y L E S    */
body
{
  font-family: "Myriad Pro" , "Myriad" , "Myriad Web" , "Lucida Grande" , "Trebuchet MS" , "Tahoma" , "Helvetica" , "Arial" , sans-serif;
  font-size: 12px;
  color: #333333;
  background-color: #FFFFFF;

  /*Background designed for 800px (client screenwidth) */
  background-image: url(/media/532/main_bg.gif);
  background-repeat: no-repeat;
  background-position: center top;
  margin: 0px;
}

.link
{
  font-weight: bold;
  color: #1137CB;
  font-variant:small-caps;
}
.link a
{
  color: #1137CB;
}

body#ManualBody
{
  /*Overrides the background for manual pages. This background is designed for 1024px (client screenwidth) */
  background-image: url(/media/46222/manual_bg.gif);

}

/* Default link settings */
a
{
  font-family: "Myriad Pro" , "Myriad" , "Myriad Web" , "Lucida Grande" , "Trebuchet MS" , "Tahoma" , "Helvetica" , "Arial" , sans-serif;
  color: #333333;
  font-size: 12px;
  text-decoration: underline;
}

/* Default link settings for mouse over */
a:hover
{
  color: #CB1137;
  text-decoration: none;
}

/* unknown function !? */
#popup_wrapper
{
  width: 1024px;
}

/* Amsoft (standard site) width. Designed for client screenwidth 800px */
div#wrapper
{
  width: 790px;
  background-image: url(../images/main_elements/main_wrapper_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

/* Override page width for manual page */
body#ManualBody div#wrapper
{
  width: 1016px;
  background-image: url(/media/46243/manual_wrapper_bg.gif);
}

.top_nav
{
  color: #CB1137;
  background-color: #E9EAEB;
  height: 66px;
}

.top_nav_fbo
{
  color: #CB1137;
  background-color: #E9EAEB;
  height: 54px;
}
.top_nav a
{
  color: #333333;
  text-decoration: none;
}
.top_nav a:hover
{
  color: #000000;
}
.top_nav_lc
{
  float: left;
  width: 375px;
  text-align: left;
  margin-left: 10px;
}
.top_nav_rc
{
  float: right;
  width: 375px;
  text-align: left;
  margin-right: 10px;
}

.left_column
{
  float: left;
  width: 180px;
}

.right_column
{
  float: right;
  width: 180px;
}

#top_image
{
  height: 197px;
}

div#logo_spacer
{
  background-color: transparent;
  clear: both;
  /*height: 77px;*/
  height: 57px;
}

div#logo_spacer_left
{
  float: left;
  width: 200px;
  margin: 0px;
  padding: 0px;
  display: inline;
  height: 57px;
}

div#logo_spacer_right
{
  float: right;
  width: 800px;
  margin: 0px;
  padding: 0px;
  display: inline;
  height: 57px;
}

/*    B R E A D C R U M    S T Y L E S    */

.breadcrum
{
  /* Breadcrum main content div */
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 9px;
  /*width: 771px;*/
  width: 566px;
  height: 20px;
  vertical-align: middle;
  text-align: left;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  color: #CB1137;
  background-color: #E9EAEB;
  white-space: nowrap;
  overflow: hidden;
}

body#ManualBody .breadcrum
{
  margin-left: 0px;
  margin-top: 10px;
  width: 811px;
  float: left;
}

ul.breadcrumb {
  /* Breadcrum itemlist element style */
  list-style:none;
  height: 20px;
  padding: 0;
  /*margin: 0;*/
  margin: 0px 0px 0px 30px;
  white-space: nowrap;
  overflow: hidden;
}

ul.breadcrumb li {
  /* Breadcrum list item style. Applicable for all items except last item */
  float:left;
  margin: 0 3px 3px 0;  
  padding: 0;
  color: #333333;
  /*color: #000000;*/
  white-space: nowrap;
}

ul.breadcrumb li.current {
  /* current node is always the last item of the breadcrum */
  float:left;
  margin: 0 3px 3px 0;  
  padding: 0;
  color: #CB1137;
  /*color: #333333;*/
  white-space: nowrap;
}

ul.breadcrumb li a
{
  /* Breadcrum links (clickable nodes) */
  color: #333333;
  /*text-decoration: none;*/
  white-space: nowrap;
}

ul.breadcrumb li a:hover
{
  /* Breadcrum links (clickable nodes) */
  color: #000000;
  white-space: nowrap;
}


/*    S E A R C H    T E X T B O X    S T Y L E S    */

div.manualSearch
{
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 205px;
  height: 20px;
  color: #CB1137;
  background-color: #E9EAEB;
  white-space: nowrap;
  overflow: hidden;
  display: inline;
  /*text-align: middle;*/
  vertical-align: middle;
  font-size: 12px !important;
  float: right;
}

body#ManualBody div.manualSearch
{
  margin-right: 0px;
  margin-top: 10px;
}

/* General settings for input controls; buttons, textboxes, etc. 

   We cannot make use of overloading for all input types, because IE6 does not parse it. For IE6 
   we need to specify all properties within a designated class.

   We also need to avoid using the css child selector syntax '>', because IE6 does not parse it
div.manualSearch > input
{
  font-family: "Myriad Pro" , "Myriad" , "Myriad Web" , "Lucida Grande" , "Trebuchet MS" , "Tahoma" , "Helvetica" , "Arial" , sans-serif !important;
  font-size: 12px !important;
  color: #333333;
  text-align: middle !important;

  border-color: #CCCCCC !important;
  border-style: solid !important;
  border-left: 1px !important;
  border-right: 1px !important;
  border-bottom: 1px !important;
  border-top: 1px !important;
  
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;

  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
*/

/* search textbox on manual page */
/*div.manualSearch > input[type="text"]  NOTE: IE6 does not work with 'child' and 'attribute' selector*/
input.manualSearchWordTextBox
{
  /*Using designated class for IE6*/

  font-family: "Myriad Pro" , "Myriad" , "Myriad Web" , "Lucida Grande" , "Trebuchet MS" , "Tahoma" , "Helvetica" , "Arial" , sans-serif !important;
  font-size: 12px !important;
  text-align: middle !important;
  color: #333333;

  /* IE8: First set border size pixel then type and color. Ohterwise borders will not be
     rendered at all. Also seems a fix for chome and firefox. */
  border-left: 1px !important;
  border-right: 1px !important;
  border-bottom: 1px !important;
  border-top: 1px !important;

  border-style: solid !important;
  border-color: #CCCCCC !important;

  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;

  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;

  height: 16px !important;
  width: 130px !important;
  
  background-color: white;
}

/* search textbox on manual page */
/*div.manualSearch > input[type="submit"]  NOTE: IE6 does not work with 'child' and 'attribute' selector*/
input.manualSubmit
{
  /*Using designated class for IE6*/

  font-family: "Myriad Pro" , "Myriad" , "Myriad Web" , "Lucida Grande" , "Trebuchet MS" , "Tahoma" , "Helvetica" , "Arial" , sans-serif !important;
  font-size: 12px !important;
  color: #333333;
  text-align: middle !important;

  border-color: #CCCCCC !important;
  border-style: solid !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 0px !important;
  border-top: 0px !important;
 
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;

  margin-left: 5px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;

  height: 18px !important;
  width: 65px !important;
  
  background-color: #DDDDDD;
}

/*    M A I N    M E N U    S T Y L E S    */

div
{
  border-style-top: none ! important;
  border-style-left: none ! important;
  border-style-right: none ! important;
  border-style-bottom: none ! important;
}

/* Main menu content div for normal pages*/
div#main_nav
{
  float: left;
  width: 193px;
  text-align: left;
  font-weight: normal;
  overflow: hidden;
}

/* Main menu content div for manual pages */
body#ManualBody div#main_nav
{
  width: 270px;
}

div#menuDiv
{
  display: block ! important;
  width: 193px;
  text-align: left;
  font-weight: normal;
  overflow: hidden;
}

body#ManualBody div#menuDiv
{
  width: 270px;
}

/* Menu div table style */
div.menuTable
{
  width: 200px !important;
}

body#ManualBody div.menuTable
{
  width: 270px !important;
}

div.menuTableRow
{
  vertical-align: top;

  /* Display block causes all divs rendered as childs within another div (menuTable) 
     to have the default behaviour of stacking on top of eachother. */
  display: block;

  /* Makes the row as width as parent div and height as high such that all childs fit */  
  width: auto;
  height: auto;
}

/* Cell styles for pointer */
div.pointerCell
{
  float: left;
  display: block;
  top: 0px;
  left: 0px;

  width: 37px;
  height: 18px;
  
  /* Make sure to set vertical aligns for all elements containing
     the pointer image. This helps the IE8 standards to work. */
  vertical-align: top ! important;

  paddding-top: 0px ! important;
  paddding-left: 0px ! important;
  paddding-right: 0px ! important;
  paddding-bottom: 0px ! important;

  margin-top: 0px ! important;
  margin-left: 0px ! important;
  margin-right: 0px ! important;
  margin-bottom: 0px ! important;
}

body#ManualBody div.pointerCell
{
  display: inline;
  width: 27px;
  height: 18px;
  vertical-align: top;
}

/* Content div for triangle pointer image
   Div used for showing/hiding */
div.pointerContentDiv
{
  width: 37px;
  height: 18px;
  display: inline ! important;
  visibility: hidden;

  /* Make sure to set vertical aligns for all elements containing
     the pointer image. This helps the IE8 standards to work. */
  vertical-align: top ! important;

  border-style-top: none ! important;
  border-style-left: none ! important;
  border-style-right: none ! important;
  border-style-bottom: none ! important;
}

body#ManualBody div.pointerContentDiv
{
  width: 27px;

  paddding-top: 0px;
  paddding-left: 0px;
  paddding-right: 0px;
  paddding-bottom: 0px;

  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* styles for pointer image */
img.pointerImage
{
  margin-left: 10px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 26px;
  height: 18px;

  /* Make sure to set vertical aligns for all elements containing
     the pointer image. This helps the IE8 standards to work. */
  vertical-align: top ! important;
}

/* Pointer does not have an offset on manual page. */
body#ManualBody img.pointerImage
{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 26px;
  height: 18px;
}

/* cell styles for titles */
div.titleCell
{
  float: right;
  display: block;
  top: 0px;
  right: 0px;

  width: 161px;

  paddding-top: 0px;
  paddding-left: 0px;
  paddding-right: 0px;
  paddding-bottom: 0px;

  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* Menu titles on manual page are larger */
body#ManualBody div.titleCell
{
  width: 242px;
}

/* Sub menu title links */
div.subTitleCell
{
  float: right;
  display: block;
  top: 0px;
  right: 0px;

  /* Makes child title links offset from parent by 10px. */
  width: 151px;

  paddding-top: 0px;
  paddding-left: 0px;
  paddding-right: 0px;
  paddding-bottom: 0px;

  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

body#ManualBody div.subTitleCell
{
  /* Makes the child title links offset from the parent by 10px. Not using margin because
     it is not applied to all text lines */
  paddding-left: 10px;
  width: 232px;
}

/* Important style for a cell that is rendered for each div table row. These rows exists
   of a left and right floating cell. Because the right cell (titles) is setup to grow in height
   the div would normally flow out of the row div. This clearDiv though prevents this from
   happening */
div.clearCell
{
  clear: both;
  background-color: transparent;
  width: 100%;
  height: 1px !important;

  /* IMPORTANT for IE 6 to correctly render the clearcell as a 1px high cell. */
  overflow: hidden;
}

/* style for menu title links */
a.menuTitleLink
{
  vertical-align: top;

  text-decoration: none;
  font-family: "Myriad Pro" , "Myriad" , "Myriad Web" , "Lucida Grande" , "Trebuchet MS" , "Tahoma" , "Helvetica" , "Arial" , sans-serif;
  font-size: 14px;
  color: #666666;

  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* First level menu item links [mouse over] */
a.menuTitleLink:hover
{
  color: #000000;
  text-decoration: none;
}

a.subMenuTitleLink
{
  vertical-align: top;

  text-decoration: none;
  font-family: "Myriad Pro" , "Myriad" , "Myriad Web" , "Lucida Grande" , "Trebuchet MS" , "Tahoma" , "Helvetica" , "Arial" , sans-serif;
  font-size: 11px;
  color: #666666;

  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;

  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

/* Second level menu item links [mouse over] */
a.subMenuTitleLink:hover
{
  color: #CB1137;
}

/* Styles used to show/hide sub menus */
.collapsed
{
  display: none;
}
.expanded
{
  display: inline;
}

/*    C O N T E N T    S T Y L E S    */

div#content
{
  width: 376px;
  text-align: left ! important;

  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;

  /*background-color: purple;*/
}

body#ManualBody div#content
{
  width: 730px;
  text-align: left ! important;

  /* important for IE8 standards. otherwise automatically centered to page
     instead of remaining space */
  float: right;

  /* to correct 'right floating', simulating centering */
  margin-right: 9px ! important;
}

#additional_info
{
  float: right;
  width: 193px;
  text-align: left;
}
.imgDiv
{
  text-align: center;
}
#footer
{
  background-color: #E9EAEB;
  height: 56px;
  border-bottom-color: #999999;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  text-align: right;
}

.disclaimerLink
{
  text-decoration: none;
}
.disclaimerLink:hover
{
  text-decoration: underline;
}

h1
{
  font-family: "Myriad Pro" , "Myriad" , "Myriad Web" , "Lucida Grande" , "Trebuchet MS" , "Tahoma" , "Helvetica" , "Arial" , sans-serif;
  font-size: 18px;
  margin: 0px 0px 12px;
}

h2
{
  font-family: "Myriad Pro" , "Myriad" , "Myriad Web" , "Lucida Grande" , "Trebuchet MS" , "Tahoma" , "Helvetica" , "Arial" , sans-serif;
  font-size: 16px;
  color: #CB1137;
  font-weight: bold;
  line-height: 18px;
  margin: 0px 0px 12px 0px;
}


h3
{
  font-family: "Myriad Pro" , "Myriad" , "Myriad Web" , "Lucida Grande" , "Trebuchet MS" , "Tahoma" , "Helvetica" , "Arial" , sans-serif;
  font-size: 12px;
  color: #CB1137;
  font-weight: bold;
  line-height: 14px;
  margin: 0px 0px 0px 0px;
}
h3 a
{
  color: #CB1137;
}


p
{
  margin: 0px 0px 12px 0px;
}

.red_text
{
  color: #CB1137;
  display: inline;
}
.red_text_bold
{
  color: #CB1137;
  display: inline;
  font-weight: bold;
}
.more
{
  font-family: "Myriad Pro" , "Myriad" , "Myriad Web" , "Lucida Grande" , "Trebuchet MS" , "Tahoma" , "Helvetica" , "Arial" , sans-serif;
  font-size: 10px;
  color: #666666;
  font-weight: bold;
  display: block;
}
a.more
{
  color: #666666;
  text-decoration: none;
}
a.more:hover
{
  color: #CB1137;
}
.more_2
{
  font-family: "Myriad Pro" , "Myriad" , "Myriad Web" , "Lucida Grande" , "Trebuchet MS" , "Tahoma" , "Helvetica" , "Arial" , sans-serif;
  font-size: 10px;
  color: #CB1137;
  font-weight: bold;
  margin: 0px 0px 12px 0px; /* display: block; */
}
a.more_2
{
  color: #CB1137;
  text-decoration: none;
}
a.more_2:hover
{
  color: #666666;
}
/*
ul
{
  margin: 0px 0px 0px 0px;
  list-style-type: disc;
  list-style-position: inside;
}
*/
.errorlabel
{
  color: Red;
  font-weight: bold;
}

form.search_form
{
  font-family: "Myriad Pro" , "Myriad" , "Myriad Web" , "Lucida Grande" , "Trebuchet MS" , "Tahoma" , "Helvetica" , "Arial" , sans-serif;
  font-size: 12px;
}

form.search_form input.SearchWordTextBox
{
  border: 1px solid #333333;
  width: 115px;
  height: 18px;
  color: #333333;
}

form.search_form input.Submit
{
  border: 1px solid #333333;
  height: 22px;
  color: #CB1137;
}

.sampletext
{
  font-family: courier;
  margin-left: 15px;
  margin-right: 80px;
  background-color: #DDDDDD;
  padding: 5px 5px 5px 5px;
}
































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h3 {

}

h2 {

}

.link {

}

.sampletext {

}