/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/   

body {
   xcolor:#000;
   color:black;
   background:#FFF url(cacher.php?f=images/bg.gif&v=18.3.101) repeat-x top left;
   font-family:Arial, Helvetica, sans-serif;
   margin:0;
   font-size: 70%;
   padding-bottom:30px;
   padding-left:12px;   
   }

* {
   margin:0;
   padding:0;
   list-style-type:none;}

/* 1.1  Headings and paragraphs
-----------------------------------------------------------------------------------------------*/   
h2{
 font-size:2.4em;
 letter-spacing:-1px;
 padding: 0 0 15px 0;}

h3{
 font-size:1.8em;
 color:#666666;
 letter-spacing:-1px;
 padding: 0 0 0 0;}

/*
h4{
 font-size:1.6em;
 color:#ff9900;
 padding: 0 0 15px 0;}
*/

h5{
 font-size:1.4em;
 color:#a71a10;
 xletter-spacing:-1px;
 padding: 0 0 15px 0;}

.title1{
 font-size:0.6cm;
 color:#12679D;
 font-family:arial,Helvetica,sans-serif;
 xletter-spacing:-1px;
 padding: 0 0 15px 0;}

.subtitle1{
 font-size:0.5cm;
 color:#12679D;
 font-family:arial,Helvetica,sans-serif;
 xletter-spacing:-1px;
 padding: 0 0 5px 0;}

/* 1.2  Forms
-----------------------------------------------------------------------------------------------*/   
input, textarea, select {
    font-family:Arial, Helvetica, sans-serif;
    }


/* 1.3  Links
-----------------------------------------------------------------------------------------------*/   
a:link, a:visited {
    color:  #12679D;
    text-decoration: none;
}

a:hover, a:active 
{
    text-decoration: underline;
}


/* 1.4  Miscellaneous
-----------------------------------------------------------------------------------------------*/   
hr { 
    display: none; }

img {
    border: none; }

fieldset br{
 clear:left;}
 
fieldset{
 border:none;}

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/   
.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}
    
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix 
{
    display:inline-block;
}

.clearboth
{
    clear:both;
}

.datatable
{
    padding:3px 0px 0 8px;
}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */



/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{
 width: 96.5%;
 xwidth: 1200px;
 //margin: 15px auto 0 auto;
 margin: 15px 5px 0px 5px; 
 padding: 0px 10px 0px 10px; 
 xborder: red solid 1px;
 }

#header{
 height:4em;
 padding: 0 0 0 6px;
 font-size:1.2em;
 color:#FFF;
 font-weight:bold;
}

ul#nav{
 padding: 0 10px 6px 14px;
 xwidth: 1000px;
 color:#333;
 height: 17px;
 font-weight:bold;
 font-size:1.2em;
}

#content{
 clear:both;
 background:#FFF;
 padding: 0px 0px 40px 0px;
 margin:0 0 0 0;
 text-align:left;
}

/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.logo{
 background:url(cacher.php?f=images/logo.gif&v=18.3.101) no-repeat top left;
 width: 105px;
 height:39px;
 float:left;
 text-indent:-99999px;
 overflow:hidden;}

#header-right{
 width: 630px;
 float:right;
 text-align:right;}

#header p{
 padding: 0 0 5px 0;}

#header a{
 color:#FFF !important;
 margin: 0 3px;}

#header a:hover{
 color:#c9c9c9 !important;}

/* 3.2 MAIN NAVIGATION
-----------------------------------------------------------------------------------------------
===============================================================================================*/
ul#nav li{
 float:left;
 margin: 0px 5px 0 0;
 padding-bottom:5px; 
 position:relative;
 z-index:1;
}

ul#nav li a{
 cursor:hand;
 background:url(cacher.php?f=images/nav_left.gif&v=18.3.101) no-repeat top left;
 xheight:19px;
 display:block;
 color:#333 !important;
 float:left;}

ul#nav li a span{
 float:left;
 text-align:center;
 margin: 0 0 0 5px;
 padding: 5px 17px 0 13px;
 height:19px;
 background:url(cacher.php?f=images/nav_right.gif&v=18.3.101) no-repeat top right;
 display:block;}

ul#nav a:hover{
 color:#1e90ff !important;}

ul#nav li.active {
 background:url(cacher.php?f=images/nav_arrow.gif&v=18.3.101) no-repeat bottom center;}

ul#nav li.active a{
 color:#FFF !important;
 background-position: 0 -24px !important;}

ul#nav li.active a span{
 background-position:right -24px !important;}

/* 3.2 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/* Sub Navigation */
#sub-nav{
 padding: 4px;
 margin: 0 0 0px 0;}

#sub-nav ul li{
 float:left;
 margin-right:3px;
 font-size:1.25em;
 }

#sub-nav ul li a{
 color:black;
 xcolor : #555555;
 xcolor:#898989 !important;}

#sub-nav ul li a:hover{
 text-decoration: none;
 xfont-weight:bold;
 xcolor:#000 !important;}

#sub-nav fieldset{
 float:right;
 margin: -2px 0 0 0;}

#sub-nav input{
 border:1px solid #cccccc;
 background:#FFF;
 vertical-align:middle;}

#sub-nav input.text{
 width:213px;
 height:16px;
 font-size:11px;
 margin: 0 5px 0 0;}

#sub-nav input.search{
 color:#666666;
 font-size:1em;
 text-align:center;
 height:17px;
 padding: 0 10px 0 10px;}

/* Main Content */

#content p{
 font-size:1.2em;
 padding: 0 0 15px 0;
 line-height:1.5em;}

#content .bottom{
 margin: -11px 0 0 0;
 height:12px; }

 
/* LOGIN */
#login{
 background:url(cacher.php?f=images/bg_login.png&v=18.3.101) no-repeat top left;
 width: 251px;
 height:155px;
 padding: 9px 0 0 11px;
 margin: 150px 0px 0 150px;
}

#login h2{
 letter-spacing: 0.1em;
 font-size:1.4em;
 margin: 0 0 0px 0;}

#login label{
 width: 74px;
 font-size:1.3em;
 display:block;
 float:left;}

#login input.text{
 border:1px solid #cfcfcf;
 width: 138px;
 float:left;
 padding-left:2px;
 margin: 0 0 9px 0;
 font-size:12px;
 height:15px;}

#login fieldset{
 position:relative;
 padding: 5px 40px 0px 0;}

#login a.password{
 color:#666666 !important;
 float:left;
 text-decoration:none !important;
 margin: 12px 0 0 0;}

#login a.button2{
 color:#4872a6 !important;
 text-transform:uppercase;
 margin: 5px 0 0px 0px;
 float:right;
 cursor:hand;
 font-size:10px;}

.wrapper { padding:5px 5px 15px 5px; xborder:solid red 1px;}

/* sbox */
.sbox 
{
    margin:5px 5px 5px 10px;
    background:transparent url(cacher.php?f=images/sbox/mc.gif&v=18.3.101) repeat-x  -10px -10px;
}

.sbox .hd .c,
.sbox .ft .c 
{
    font-size:1px; /* ensure minimum height */
    height:11px;
}

.sbox .ft .c 
{
    height:14px;
}

.sbox .hd 
{
    background:transparent url(cacher.php?f=images/sbox/tc.gif&v=18.3.101) repeat-x  0px 0px;
    margin-right:14px; /* space for right corner */
}

.sbox .hd .l 
{
    background: transparent url(cacher.php?f=images/sbox/tl.gif&v=18.3.101) no-repeat scroll left 0px;
    height:10px;
}

.sbox .hd .c 
{
    background: transparent url(cacher.php?f=images/sbox/tr.gif&v=18.3.101) no-repeat right 0px;
    margin-right:-10px; /* pull right corner back over "empty" space (from above margin&v=18.3.101) */
}

.sbox .bd 
{
    background:transparent url(cacher.php?f=images/sbox/ml.gif&v=18.3.101) repeat-y 0px 0px;
    margin-right:6px;
}

.sbox .bd .c 
{
    background:transparent url(cacher.php?f=images/sbox/mr.gif&v=18.3.101) repeat-y right 0px;
    margin-right:-2px;
    margin-top: -4px;
}

.sbox .bd .c .s 
{
    xmargin:0px 8px 0px 4px;
    xbackground:#000 url(cacher.php?f=ms.jpg&v=18.3.101) repeat-x 0px 0px;
    xpadding:1px;
    clear:both;
}

.sbox .ft 
{
    background:transparent url(cacher.php?f=images/sbox/bc.gif&v=18.3.101) repeat-x 0px 6px;
    margin-right:14px;
}

.sbox .ft .l 
{
    background: transparent url(cacher.php?f=images/sbox/bl.gif&v=18.3.101) no-repeat left 0px;
    height:14px;
    margin-left:-1px;
}

.sbox .ft .c 
{
    background:transparent url(cacher.php?f=images/sbox/br.gif&v=18.3.101) no-repeat right 0px;
    margin-right:-10px;
}




/* buttons */
.btn11 {
    width: 71px;
    height: 19px;
    font-size: 12px;
    line-height: 1.4em;
    border: none;
    background-image: url(cacher.php?f=images/button/1-1.gif&v=18.3.101);
    text-align: center;
    background-color: transparent;
    cursor:hand;
}

.btn21 {
    width: 71px;
    height: 19px;
    font-size: 12px;
    line-height: 1.4em;
    border: none;
    background-image: url(cacher.php?f=images/button/2-1.gif&v=18.3.101);
    text-align: center;
    background-color: transparent;
    cursor:hand;
}

.btn12 {
    width: 90px;
    height: 20px;
    font-size: 12px;
    line-height: 1.4em;
    border: none;
    background-image: url(cacher.php?f=images/button/1-2.gif&v=18.3.101);
    text-align: center;
    background-color: transparent;
    cursor:hand;
}

.btn22 {
    width: 90px;
    height: 20px;
    font-size: 12px;
    line-height: 1.4em;
    border: none;
    background-image: url(cacher.php?f=images/button/2-2.gif&v=18.3.101);
    text-align: center;
    background-color: transparent;
    cursor:hand;
}

.btn13 {
    width: 117px;
    height: 20px;
    font-size: 12px;
    line-height: 1.4em;
    border: none;
    background-image: url(cacher.php?f=images/button/1-3.gif&v=18.3.101);
    text-align: center;
    background-color: transparent;
    cursor:hand;
}

.btn23 {
    width: 117px;
    height: 20px;
    font-size: 12px;
    line-height: 1.4em;
    border: none;
    background-image: url(cacher.php?f=images/button/2-3.gif&v=18.3.101);
    text-align: center;
    background-color: transparent;
    cursor:hand;
}


.btn14 {
    width: 144px;
    height: 21px;
    font-size: 12px;
    line-height: 1.4em;
    border: none;
    background-image: url(cacher.php?f=images/button/1-4.gif&v=18.3.101);
    text-align: center;
    background-color: transparent;
    cursor:hand;
}

.btn24 {
    width: 144px;
    height: 21px;
    font-size: 12px;
    line-height: 1.4em;
    border: none;
    background-image: url(cacher.php?f=images/button/2-4.gif&v=18.3.101);
    text-align: center;
    background-color: transparent;
    cursor:hand;
}

/* shadow buttons nice
-----------------------------------------------------------------------------------------------*/   
.b1 
{ 
    background-image:url(cacher.php?f=images/button/b1.gif&v=18.3.101); 
    width: 95px; 
    height: 21px; 
    padding-bottom: 2px; 
    margin-bottom: -2px; 
    background-position: left top; 
    background-color: transparent; 
    line-height: 18px; 
    color:#333; 
    font-size: 12px; 
    xfont-weight: bold; 
    font-family: arial, Helvetica, sans-serif; 
    border:none; 
    text-align:center;
    padding-top:1px;
}

.b2 
{ 
    background-image:url(cacher.php?f=images/button/b2.png&v=18.3.101); 
    width: 95px; 
    height: 21px; 
    padding-bottom: 2px; 
    margin-bottom: -2px; 
    background-position: left top; 
    background-color: transparent; 
    line-height: 18px; 
    color:#333; 
    font-size: 12px; 
    xfont-weight: bold; 
    font-family: arial, Helvetica, sans-serif; 
    border:none; 
    text-align:center;
    padding-top:1px;
}

/* shadow buttons nice
-----------------------------------------------------------------------------------------------*/   

.btn52s {
    background-position: left top;
    background-color: transparent;
    background-image: url(cacher.php?f=images/button/d2.gif&v=18.3.101);
}

.btn52x {
    padding-bottom: 2px;
    /*xmargin-bottom: -2px;*/
    background-position: left top;
    background-color: transparent;
    line-height: 25px;
    color: white; /*#000000;*/
    font-size: 16px;
    font-weight: bold;normal;
    font-family: arial, Helvetica, sans-serif;
    xborder:none;
    /*
    xheight: 25px;
    xwidth: 92px;
    xbackground-image: url(cacher.php?f=images/button/d2.gif&v=18.3.101);
    xheight: 120px;
    */
    background-image: url(cacher.php?f=images/button/YourButton150a.png&v=18.3.101);
    /*margin-right:0px;*/
    width:129px;
    height:42px;
    border:solid red 1px;
}


.btn51s {
    background-image: url(cacher.php?f=images/button/buttonblue75s.gif&v=18.3.101);
    width:75px;
    height:25px;
}

.btn52s {
    background-image: url(cacher.php?f=images/button/buttonblue130s.gif&v=18.3.101);
    width:130px;
    height:25px;
}

.btn52sw  /* button with small font */
{
    background-image: url(cacher.php?f=images/button/buttonblue130s.gif&v=18.3.101);
    width:130px;
    font-weight: bold;
    font-size: 0.8em;
    color: white;
    font-family: arial, Helvetica, sans-serif;
    background-position: left 1px;
    background-color: transparent;
    background-repeat: no-repeat;
    height:26px;
    border:none;
    text-align:center;
    text-decoration:none;
    cursor:hand;
}


.btn51 {
    background-image: url(cacher.php?f=images/button/buttonblue075.gif&v=18.3.101);
    width:75px;
}


.btn52 {
    background-image: url(cacher.php?f=images/button/buttonblue130.gif&v=18.3.101);
    width:130px;
}

.btn53 {
    background-image: url(cacher.php?f=images/button/buttonblue165.gif&v=18.3.101);
    width:165px;
}

.btn54 {
    background-image: url(cacher.php?f=images/button/buttonblue200.gif&v=18.3.101);
    width:200px;
}

.btn55 {
    background-image: url(cacher.php?f=images/button/buttonblue200.gif&v=18.3.101);
    width:200px;
}

/* base blue color: #042E54 */
.btn51, .btn52, .btn53, .btn54, .btn55
{
    height:37px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    font-family: arial, Helvetica, sans-serif;
    background-position: left top;
    background-color: transparent;
    border:none;
    line-height:35px;
    margin-top: 3px;
    text-align:center;
    padding-top:1px;
    text-decoration:none;
    background-repeat: no-repeat;
    cursor:hand;
}

.btn51s, .btn52s, .btn53s, .btn54s, .btn55s
{
    color: white;
    font-size: 15px;
    font-weight: bold;
    font-family: arial, Helvetica, sans-serif;
    background-position: left 1px;
    background-color: transparent;
    background-repeat: no-repeat;
    height:26px;
    border:none;
    text-align:center;
    text-decoration:none;
    cursor:hand;
}


h4, .x4
{
    color: #12679D; xorange; x:#AA3939;
    font-family: arial, Helvetica, sans-serif;
    xfont-family: "Tahoma Bold"; x:"Kalenderblatt Grotesk";
    font-size:0.7cm; 0.38cm; x:0.38cm;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    margin:0 0 0 10px;
    padding-bottom: 4px;
}

.x4title
{
    xwidth:910px;
    xfloat:left;
    height:45px;
}

.x4title1
{
    width:910px;
    float:left;
    xheight:25px;
}

.x5
{
    color: #AA3939;
    font-family: arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight:bold;
    margin:0 0 0 10px;
    text-transform:uppercase;
    width:97.2%;
    border-bottom:solid #BFD8EF 1px;
}


#submenu
{
    padding:0 0 0 10px;
}
#submenu div.links
{
    float:left;
    margin-bottom:3px;
    padding:4px;
}
#submenu span
{
    font-family: Arial,sans-serif;
    font-size:12px;
    color:black;
    text-decoration: none;
    margin:0 8px 0 8px;
    vertical-align: top;
}
#submenu span.current
{
    font-weight:bold;
    border-top:solid #ccccdd 1px;
    border-left:solid #ccccdd 1px;
    border-right:solid #ccccdd 1px;
    padding:2px 6px 0 6px;
    color:#12679D;
}

#btn_cancel img
{
    cursor:hand;
}

.hidden
{
    display:none;
}

.contenthead{ background: url(cacher.php?f=images/bg_containertop_line.gif&v=18.3.101) white repeat-x; height:12px; border:0px solid red;}
.contenthead .contenthead_left_corner{ background: url(cacher.php?f=images/bg_containertop_left.gif&v=18.3.101) top left no-repeat;  height:12px;}
.contenthead .contenthead_right_corner{ background: url(cacher.php?f=images/bg_containertop_right.gif&v=18.3.101) top right no-repeat;  height:12px;}

.sectionleft
{
    width:49%;
    float:left;
}
.widesectionleft
{
    width:90%;
    float:left;
}

.sectionright
{
    width:49%;
    float:right;
    margin-left:10px;
}  
.lineitem_rownumber
{
    width:20px;
    xwidth:1%;
}

.lineitem_qty
{
    xwidth:100px;
    width:8%;
    text-align:center;
}

.lineitem_uom
{
    xwidth:50px;
    width:3%;
}

.lineitem_desc
{
    xwidth:350px;
    width:29%;
}

.lineitem_sku
{
    xwidth:100px;
    width:9%
}

.lineitem_price
{
    xwidth:120px;
    width:8%;
    text-align:right;
}

.lineitem_extension
{
    xwidth:120px;
    width:8%;
    text-align:right;
}

.lineitem_unitnumber
{
    xwidth:120px;
    width:10%;
    text-align:center;
}

.lineitem_taxexempt
{
    width:8%;
    text-align:center;
}

.audittrail
{
    width:99.6%;
}

.filelist
{
    margin:5px 12px 5px 5px;
}


.originalValue
{
    color: #777777;
    font-size: 90%;
    padding-bottom: 2px;
}

.inlineError
{
    color: #ff0000;
    font-size: 10px;
    font-weight: bold;
}

.disabledProperty
{
    color: #ff0000;
    font-weight: bold;
    margin-left: 3em;
}

.instructions
{
    background: #eeeeff;
    width: 420px;
    margin: 0 0 5px 10px;
    padding: 5px
}

.instructions h3
{
    font-size: 1.2em;
    color: black;
    letter-spacing: 0;
    margin: 0 0 0.5em;
}

#content .instructions p
{
    padding: 0 0 6px 1px;
}

.datafont
{
    font-size: 12px;
}
#div_instruction
{
    clear:both;
    padding-left: 5px;
    padding-right: 5px;
}    
#div_instruction_right
{
    clear:both;
    xmargin-left: 5px;
    width: 445px;
    padding:10px 10px 10px 10px;
    background:#EEEEFF;
    xfloat: right;
}
#div_instruction_left
{
    clear:both;
    xmargin-left: 5px;
    xposition: absolute; 
    width: 445px;
    padding:10px 10px 10px 10px; 
    background:#EEEEFF;  
    xfloat: left;    
}
#credit_card_exp_msg
{
 color: red;
 font-size: 12px;
 text-indent: 15px;
}
#notification_message
{
    font-weight:bold;
    color: red;
    font-size: 12px;
    text-indent: 15px;
}
.sectiondetail
{
    clear:both;
    padding: 10px;
    width: 600px;
    margin:15px 0 0 25px;
    background:#eeeeff;
    font-size: 12px;
}
.dashbox
{
    float:left;
    width:66%;
    margin:10px 0 0 9px;
}
.rightbox
{
    float:right;
    width:31%;
    margin:10px 5px 0 0px;
}
div.dash
{
    font-size : 1.1em;
    margin:5px 0 0 10px;
}
div.dash .rlabel
{
    padding: 4px;
    text-align:right;
    vertical-align:center;
    border-bottom: solid 1px #9FB6CD;
}
div.dash .clabel
{
    padding         : 4px;
    text-align:right;
    vertical-align:center;
}
div.dash .cdata
{
    padding         : 4px;
    font-weight:bold;
    text-align:right;
    border-bottom: solid 1px #9FB6CD;
    color: #285577;
}
div.dash .blue
{
    background: #eeeeff;
}

div.dash .box
{
    float:left;
    xwidth:120px;
    width:14.5%;
    margin:0px;
    xborder:green solid 1px;
}
div.dash .rbox
{
    float:left;
    xwidth:150px;
    width:25%;
    margin:0px;
    xborder:red solid 1px;
}

div.dash .rnlabel
{
    padding: 4px;
    font-weight:bold;
    text-align:left;
    vertical-align:center;
}
div.dash .cndata
{
    padding         : 4px;
    font-weight:bold;
    text-align:left;
    color: #285577;
}