body {
       font: 11px Arial, Helvetica, sans-serif;
       background: #ccc;
       padding: 0;
       margin: 0;
}

html, body {
             height: 100%;
}

img {
	border: none;
}

input {
      font: 11px Arial, Helvetica, sans-serif;
}

th {
     background: #ccc;

}

a {
	color: #000000;
	font-weight: bold;
}

a:hover {
	color: #f71717;
	text-decoration: none;
}

#menu_sel {
	color: #f71717;
	text-decoration: none;
}

div > a {
	width: 40px;
	color: #000;
	text-decoration: none;
}

.txt_big {
          font: 14px Arial, Helvetica, sans-serif;
          font-weight: bold;
}

.txt_keys {
          font: 16px Arial, Helvetica, sans-serif;
          font-weight: bold;
}

.bar_top {
           border: none; 
           margin: 0px; 
           width: 100%; 
           background: #999;
           height: 10px; 
           float: left;
           border-bottom: 1px solid #000;
}

.bar_bottom {
           border: none; 
           margin: 0px; 
           width: 100%; 
           background: #999;
           height: 28px; 
           float: left;
           border-top: 1px solid #000;
           border-bottom: 1px solid #000;
}

.bar2 {
	border: none; 
	margin: 0px; 
	width: 100%; 
	background: #ccc;
	height: 60px; 
}

.button {
          border: none;
          margin: 0px;
          width: 88px;
          height: 60px; 
          background: #ccc url(/img/button.png);
          text-align: center;
          float: left;
}

.button_img {
	margin-top: 8px;
	margin-bottom: 4px;
}

.img_border {
	margin: 10px;
}

.clear {
         clear: both;
}

.logo {
	padding-top: 4px;
	padding-right: 4px;
        border: none;
        margin: 0px;
        float: right;
        text-align: right;
        height: 56px; 
}

.customer_info {
                 float: left;
                padding-top: 4px;
                padding-left: 4px;
                border: none;
                margin: 0px;
                height: 56px; 
}

.login {
         background-color: #fff;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         border: 1px solid #000;
         padding: 10px;
         width: 340px;
         margin: 0 auto;
}

.bottombar {
             overflow: auto;
             width: 100%;
             height: 10px;
             position: absolute;
             bottom: 0;
             left: 0;
             background: #999;
             border-top: 1px solid #000;
} 

.cf {
      background: #FFFC17;
      padding: 2px;
} 

.border {
         background-color: #fff;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         border: 1px solid #000;
         padding: 10px;
         margin: 0 auto;
}

.alert {
	color: red;
	font-weight: bold;
}

.tr_on {
	background-color: #ddd;
}

.tr_off {
	background-color: #ffffff;
}

#tab_container {
                 padding: 10px;
                 border: 1px solid #000;
}

#content {
           background-color: #fff;
           -moz-border-radius: 5px;
           -webkit-border-radius: 5px;
           border: 1px solid #000;
           padding: 10px;
           width: 96%;
           min-height: 80%;
           margin: 10px 10px 10px 10px;
}

#menu {
	background: #999;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
}

#menu li {
	float: left;
	font: 9px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
        text-align: center;

}

#menu a {
	display: block;
	float: left;
	margin: 0px;
	padding: 8px 12px;
	text-decoration: none;
	color: #000;
        border-right: 1px solid #000;
	width: 63px;
}

#menu a:hover {
	background: #5CB3FF url("/img/hover.png") bottom center no-repeat;
	color: #000;
	padding-bottom: 8px;
        border-right: 1px solid #000;
}

#menu #selected {
	background: #5CB3FF url("/img/hover.png") bottom center no-repeat;
	color: #000;
	padding-bottom: 8px;
        border-right: 1px solid #000;
}

dl {
     width: 350px;
     min-height: 100px;
     margin: 0 0 20px 0px;
     padding: 0;
     background: #ccc;
     border: 1px solid #000;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
}

dt {
     font: 14px Arial, Helvetica, sans-serif;
     font-weight: bold;
     margin: 0 0 10px 0;
     padding: 8px;
     font-size: 130%;
     color: #000;
     border-bottom: 1px solid #000;
     background: #aaa;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
}
	
dd {
     margin: 0 0 0 10px;
     padding: 0px 10px 10px 10px;
     color: #000;
     font-family: Verdana, sans-serif;
     font-size: 90%;
}


/**************************************************************************/
/* tabs */
#main {
	border: 1px solid #666;
	clear: both;
	background: #ddd; /* col tab */
	padding-top: 1em;
}

#contents {
	padding: 0.5em;
	background: #fff;
	min-height: 300px;
}

#header {
	position: relative;
	width: 100%;
	height: 3em;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary li  {
	display: inline;
	list-style: none;
}

#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
	width: 8em;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 85%;
	text-decoration: none;
	color: #333;
	font-weight: normal;
}

#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
	border: 1px solid #666;
	border-bottom: none;
	background: #ddd; /* col tab */
	padding-bottom: 6px;
	margin-top: 0;
	font-weight: bold;
}

#header ul#primary a {
	background: #FFFAE1;
	border: 1px solid #AAA;
	border-bottom: none;
}

#header ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #FFF7CD;
	padding-bottom: 5px;
}

#header ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#secondary li a,#header ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;
}

#header ul#secondary li a {
	color: #06C;
	text-decoration: underline;
}

#header ul#secondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#header ul#secondary li a:active {
	color: #000;
	background: transparent;
}

#header ul#secondary li:last-child a { border: none; }
/**************************************************************************/


#tabs {
        /* display: block;
        float: left; */
        width: 100%;
        margin-top: 10px;
}      

a.tab { 
        border-collapse: collapse; 
        border-style: solid solid solid solid;  
        border-color: black; 
        border-width: 1px 1px 0px 1px; 
        background-color: #ddd; 
        padding: 2px 0.5em 0px 0.5em; 
        margin-top: 4px;
        margin-right: 2px;
        font-family: arial; 
        text-decoration: none;
        /*float: left;*/
        min-width: 80px;
}

a.tab:hover { 
              border-color: black; 
              background-color: white; 
              border-color: black black white black; 
              border-width: 1px 1px 1px 1px; 
              margin-bottom: -1px;
}

.panel {
         border: solid 1px black;
         background-color: white;
         border-color: black; 
         border-width: 1px 1px 1px 1px; 
         padding: 4px;
         height: 640px;
         /* overflow: auto; */
}