/* CRMxprt styles start */

/* make sure there's always a scrollbar */
html { overflow-y: scroll; } 

html,body 
{
  margin: 0;
  padding: 0;
  width: 100%; height: 100%;
  font-size: 14px; line-height: 18px;
  font-family: Arial, Helvetica; 
}

body
{
  background-color:  #eaeaea;
}

img { border-width: 0px; }

h1  
{ 
  margin: 0px; padding: 0px;
  font-size: 22px; line-height: 50px; font-family: Arial, Helvetica; font-weight: normal;
  color: #b80825;
}

h2  
{ 
  margin: 0px; padding: 0px;
  font-size: 18px; line-height: 26px; font-family: Arial, Helvetica; font-weight: normal;
  color: #1b73d5;
}

div#container
{
  position: relative; /* needed for footer positioning*/
  margin: 0 auto;
  padding: 0px; 
  width: 1220px;
  height: 100%;
  height: auto !important;
  min-height: 100%;
  background-color: white;  
  border-width: 0px;  border-color: blue; border-style: solid;
  overflow: hidden;
}

div#container_border_left
{
  position: absolute;
  margin: 0px; padding: 0px;
  top: 0px; bottom: 0px;
  left: 0px; width: 5px;
  background-color:  #bbbbbb;
  background-image: url('main-border-left.png');
  background-repeat: repeat;
  z-index: 101;
}

div#container_border_right
{
  position: absolute;
  margin: 0px; padding: 0px;
  top: 0px; bottom: 0px;
  right: 0px; width: 5px;
  background-color:  #bbbbbb;
  background-image: url('main-border-right.png');
  background-repeat: repeat;
  z-index: 101;
}

div#header_row
{
  position: relative;
  height: 58px;
  border-width: 0px; border-color: red; border-style: solid;
  background-color: white;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  vertical-align: middle;
}

div.menu_row
{
  position: relative;
  height: 34px;
  border-width: 2px 0px 0px 0px; 
  border-color: black; border-style: solid;
  font-size: 16px; line-height: 28px;
  font-family: Arial, Helvetica; 
  background-color: black;
}
.menu_item, .menu_item_sel
{
  padding-top: 0px;
  width: 150px;
  height: 34px;
  border-width: 0px 0px 0px 0px; 
  border-color: #cccccc; border-style: solid;
  font-size: 16px; line-height: 28px;
  font-family: Arial, Helvetica; 
  font-weight: normal;
  text-align: center;
  white-space: nowrap;  
}
.menu_item_sel     { background-color: white; } 
.menu_item a       { color: white; text-decoration: none; }
.menu_item a:hover { color: white; text-decoration: underline; }
.menu_item_sel a       { color: black; text-decoration: none; }
.menu_item_sel a:hover { color: red; text-decoration: underline; }
  
div#content_row
{
  position: relative;
  /* left: 0px; right: 0px; top: 155px; bottom: 0px; */ /* exact sizing to accomodate for header, menu and footer */
  left: 0px; right: 0px; top: 0px; bottom: 0px;
  padding: 0px 0px 0px 0px;
  border-width: 0px; border-color: red; border-style: solid;
}
div#content_row a       { color: #0033cc; text-decoration: none; }
div#content_row a:hover { color: red; text-decoration: underline; }

div#ContentLarge
{
  position: relative;
  top: 0px; bottom: 0px;
  padding: 0px 14px 0px 14px;
  font-size: 15px; line-height: 22px;
  font-family: Arial, Helvetica; 
  font-weight: normal;
  text-align: left;
  border-width: 0px; border-color: green; border-style: solid;
}

.SectionHeader
{ 
  margin: 0px; padding: 0px;
  font-size: 18px; line-height: 24px; font-family: Arial, Helvetica; font-weight: normal;
}

div#ContentSmall
{
  position: relative;
  top: 0px; bottom: 0px; left: 0px; right: 0px;
  padding: 3px 3px 3px 3px;
  font-size: 12px; line-height: 15px;
  font-family: Arial, Helvetica; 
  font-weight: normal;
  text-align: left;
  border-width: 0px; border-color: green; border-style: solid;
}

.LargeBold
{
  vertical-align: top;
  font-size: 15px; line-height: 20px; font-weight: bold;
  font-family: Arial, Helvetica; 
}
.LargeText
{
  vertical-align: top;
  font-size: 15px; line-height: 20px; font-weight: normal;
  font-family: Arial, Helvetica; 
  letter-spacing: 0.2px;
}

img.btnImage
{
  border-width: 1px; border-color: white; border-style: solid;
}
img.btnImage:hover
{
  border-width: 1px; border-color: red; border-style: solid;
}

.SourceCode
{
  left: 0px; top: 0px; right: 0px; bottom: 0px;
  font-family: "Courier New", monospace;
  font-size: 15px;
  letter-spacing: normal;
  line-height: normal;
  border-width: 1px; border-color: black; border-style: solid;
}

div#footer_row
{
  position: absolute;
  width: 100%;
  bottom: 0px; /* stick to bottom */
  height: 28px;
  border-width: 1px 0px 0px 0px; border-color: #cccccc; border-style: solid;
  background-color: black;
  font-size: 14px; line-height: 28px;
  font-family: Arial, Helvetica; 
  color: #cccccc;
  overflow: hidden;
  z-index: 100;
}
div#footer_row a       { color: #0794e5; text-decoration: none; } 
div#footer_row a:hover { color: red;     text-decoration: none; } 

div#footer_left
{
  position: absolute;
  left: 13px; top: 0px; width: 600px;
  border-width: 0px; border-color: red; border-style: solid;
  text-align: left;
}

div#footer_right
{
  position: absolute;
  right: 13px; top: 0px; width: 300px;
  border-width: 0px; border-color: red; border-style: solid;
  text-align: right;
}

.red_error { color: red; }

/* CRMxprt styles end */