/* GLOBAL FONT SETTINGS */

body
{
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: :000000;
}

h1, h2, h3,h4,h5,h6, p, a, th, td, ul, ol, li, dl, dd, dt, label, div, span, input, textarea, pre
{
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 24px;
    color:#000000;
    font-weight: bolder;
    padding-bottom: 1ex;
    padding-top: 0;
    padding-bottom: 0.5ex;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    clear: left;

}

h2
{
    font-size: 16px;
    font-weight: bolder;
    color:#000000;
    padding-top: 0.5ex;
    padding-bottom: 0.5ex;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    clear: left;
}

h3
{
    font-size: 14px;
    color:#000000;

    padding-top: 0.5ex;
    padding-bottom: 0.5ex;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    clear: left;
}

h4,h5,h6
{
    font-size: 12px;

    padding-top: 0.5ex;
    padding-bottom: 0.5ex;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    clear: left;
}

.product_subhead
{
    font-style: italic;
    color:#333399;
}

.caption
{
    font-size: 10px;
}


p, ul, ol, dl, label, div.block input, div.block select, .normal, table.list th, table.list td, .normal
{
    font-size: 12px;
}

p
{
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
}

/* LINKS */

a
{
    color: #0000a0;
    text-decoration: none;
}

a:hover
{
    color: #FF0000;
    text-decoration: underline;
    cursor: pointer;
}

a:active
{
    color: #9999FF;
    text-decoration: underline;
    cursor: pointer;
}

a:visited
{
    color: #0483F9;
    text-decoration: none;
    cursor: pointer;
}

a:visited:hover
{
    color: #FF0000;
    text-decoration: underline;
    cursor: pointer;
}

a img
{
    border: none;
}


/* TABLES */

table
{ 
    font-size: 1em; /* Fix for size "loss" in tables in IE; redundant for most others, but does no harm */
    margin: 0;
    padding: 0;
}

table.list
{
    width: 100%;
	font-size: 11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;

}

table.list th, table.list td
{
    padding: 0.25em 0.5em 0.25em 0.5em;
    text-align: left;
    vertical-align: top;
}

table.list th
{
    font-weight: bold;
    /* background-color: #B1C9E9; */
    background-color: #EAECED;
    border-bottom: 1px solid #000000;
}

table.list td
{
    font-weight: normal;
}

tr.bglight
{
    background-color: #EAF4FD;
	  border-bottom: 1px solid #ffffff;
}

tr.bgdark
{
    background-color: #EEF2F7;
  	border-bottom: 1px solid #ffffff;
}

/* ORDERED AND UNORDERED LISTS */

ul, ol
{
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

ul
{
    margin-left: 16px;
}

ol
{
    margin-left: 24px;
}

li
{
    padding: 0px;
    margin-bottom: 0.5ex;
}

/* DEFINITION LISTS */

dl
{
    padding: 0px;
    margin-top: 0.5ex;
    margin-bottom: 0.5ex;
}

dt, dd
{
    font-style: italic;
    margin-top: 0px;
    margin-bottom: 0.5ex;
}

dt
{
    font-weight: bold;
}

dd
{
    margin-left: 2ex;
    margin-right: 2ex;
}

/* FORMS */

form
{
    padding: 0px;
    margin: 0px;
}

input.box, textarea.box
{
    width: 400px;
}

input.halfbox, textarea.halfbox
{
    width: 230px;
}

label
{
    font-weight: bold;
    padding-right: 1ex;
    white-space: nowrap;
}

div.labelbreak
/* Used on an empty tag set after the label tag, to make it possible to change the label positioning in a instant. */
/* Standard display is _block_, but if set to _inline_ the labels will appear to the left of the input fields. */
{
    display: block;
}

input.button
{
    font-weight: bold;
    margin-right: 8px;
}

input.button:hover
{
    background-color: #f0f0f0;
    cursor: pointer;
}

p.box
/* Used on text (i.e. data other than form elements) shown under a label. */
/* Pads the distance to the label properly so it looks visually at the same height as a text in an input line. */
{
    padding-top: 0.25ex;
}

optgroup
/* Newer browsers usually supports this tag; may come in handy to visually divide a select dropdown into several parts. */
{
    font-weight: bold;
    font-style: normal;
}

/* PAGE DIVIDERS */

div.left
/* To be used with the div.right class, to align a left hand element to the left edge. */
{
    float: left;
    display: block;
    width: 50%;
    clear: right;
}

div.right
/* To be used with the div.left class, to align a right hand element to the right edge. */
/* Should be followed by the div.break class for proper float/break termination */
{
    float: left;
    text-align: right;
    display: block;
    width: 50%;
    clear: right;
}

div.block, div.step
{
    display: block;
    clear: both;
    padding: 0px;
    margin-top: 0.5ex;
    margin-bottom: 0.5ex;
}

div.step
{
    background-color: #f0f0f0;
    margin: 0ex;
	border-bottom: dashed 2px #808080;
}

div.buttonblock
{
    margin-top: 1ex;
    margin-bottom: 1ex;
}

div.element
/* Used to position several elements next to each other horizontally. NOT on regular buttons. */
{
    float: left;
    display: block;
    padding-right: 1ex;
    padding-left: 0px;
    clear: right;
}

div.break
/* Used on an empty tag set after one or more div.element has been used, to ensure proper floating and breaking of the elements. */
{
    display: block;
    clear: both;
}

/* ARTICLE FORMATTING */

div.maincontentheader
{
    /* No special formatting yet! */
}

div.byline
{
    margin-bottom: 8px;
}

div.bodyblock
{
    padding-top: 0.5ex;
    padding-bottom: 0.5ex;
}

div.bodyblock p.body
{
    display: inline;
}

div.imageleft, div.imageright, div.faxtboxleft, div.faxtboxright, div.leftobject, div.rightobject
{
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline;
    clear: both;
}

div.imagecenter, div.factboxcenter, div.centerobject
{
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
}

div.imagecenter div, div.imageleft div, div.imageright div
{
    text-align: center;
}

div.factboxcenter
{
    text-align: left;
}

div.imageleft, div.factboxleft, div.leftobject
{
    float: left;
    padding-right: 8px;
}

div.imageright, div.factboxright, div.rightobject
{
    float: right;
    padding-left: 8px;
}

div.faxtboxleft, div.faxtboxright
{
    background-color: #f0f0f0;
}

div.imageleft p.picturetext, div.imageright p.picturetext, div.imagecenter p.picturetext, p.factbox
{
    margin-top: 2px;
    margin-bottom: 2px;
}

div.imageleft p.picturetext, div.imageright p.picturetext, span.picturetext, p.factbox
{
    background-color: #f0f0f0;
}

/* MESSAGES TO THE USER */

p.description
{
    background-color: #f8f8f8;
}

div.error, div.warning, div.feedback, div.highlight
{
    margin-top: 1ex;
    margin-bottom: 1ex;
    padding: 0.5ex;
    padding-left: 1ex;
    padding-right: 2ex;
    border-width: 0.5ex;
    border-style: solid;
    background-color: #f8f8f8;
}

div.error, div.warning, div.feedback, div.highlight
{
    margin-top: 0.5ex;
    margin-bottom: 0.75ex;
    padding: 0ex;
    padding-left: 1ex;
    padding-right: 2ex;
    border-width: 0.5ex;
    border-style: solid;
    background-color: #f8f8f8;
}

div.error
{
    border-color: #c00000;
}

div.warning
{
/*    border-color: #f0f000; */
    border-color: #EA3C34;
}

div.feedback
{
/*	border: 2px solid #00a000; */
        border: 2px solid #F1B100;

}

div.highlight
{
    border-width: 0.1ex;
    border-color: #000000;
}

/* OTHER OBJECTS */

hr
{
    height: 1px;
    padding: 0px;
    margin-top: 2ex;
    margin-bottom: 1ex;
    color: #c0c0c0;
}

.invisible
{
    display: none;
}

/* SPECIAL FEATURES */

div.listicon
{
    padding-right: 4px;
}

div.listbutton
{
    padding-right: 4px;
}

div.listitem
{
    padding-bottom: 16px;
}
.border-box
{
	width: 95%;
	border: 1px solid #000000;
	left: 3%;
	right: 2%;
}