html, body {
   height: 100%;
   margin: 0px;
   background-color: #fff;
}

#main {
   padding: 10px;
   font-size: 12px;
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header {
   width: 700px;
   padding-bottom: 3px;
   border-bottom: #d0d0bf 1px solid;
}

#breadcrumbs {
   font-size: 10px;
   width: 700px;
   padding-top: 3px;
   padding-bottom: 3px;
}

a img {
	border-width:0px;
}

img.menu {
	padding:2px;
	margin:0px;
	cursor:pointer;
}

img.menu:hover {
	background-image:url(../pictures/menu_icons/menu_mouseover.png);
	background-repeat:repeat-x;
	border:1px solid #dbce99;
	padding:1px;
}

img.menu_off {
	padding:2px;
	margin:0px;
}

input.menu {
	padding:2px;
	margin:0px;
}

input.menu:hover {
	background-image:url(../pictures/menu_icons/menu_mouseover.png);
	background-repeat:repeat-x;
	border:1px solid #dbce99;
	padding:1px;
}

input, select, textarea {
   font-size: 11px; 
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   padding-left: 2px;
}

input.warning, select.warning, textarea.warning {
   background-image: url(../pictures/warning_input_bg.gif);
}

input.preformatted, select.preformatted, textarea.preformatted {
   font-family: "Courier New", Courier, monospace; 
}

input.hidden, select.hidden, textarea.hidden {
   border: 0px #FFFFFF solid; 
   background-color: transparent;
}

a {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
} 

a:link {
   color: #0560A6;
   text-decoration: none;
}

a:visited {
   color: #0560A6;
   text-decoration: none;
}

a:active {
   color: #0560A6;
   text-decoration: underline;
}

a:hover {
   color: #0560A6;
   text-decoration: underline;
}

a.crumb:link {
   font-size: 10px; 
   color: #999999;
   text-decoration: none;
}

a.crumb:visited {
   font-size: 10px; 
   color: #999999;
   text-decoration: none;
}

a.crumb:active {
   font-size: 10px;
   color: #333333;
   text-decoration: underline;
}

a.crumb:hover {
   font-size: 10px; 
   color: #333333;
   text-decoration: underline;
}

table.quotation {
   height: 100%;
   background-image: url(../pictures/quotationback.png);
   background-repeat: no-repeat;
   background-position: top right;
}

table.login {
   margin-left: auto;
   margin-right: auto;
   border: #d0d0bf 1px solid;
   background-image: url(../pictures/login_key.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
}

table.mail {
   border: #d0d0bf 1px solid;
}

table.librarycontent {
   table-layout: fixed;
   border-left: #7898b5 1px solid;
   border-right: #7898b5 1px solid;
   background-color: #FFFFFF;
}

tr.select {
   background-color:#ffe776;
}

tr.contrast {
   background-color:#dcedff;
}

td {
   font-size: 10px; 
   color: #000000; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
} 

td.columntop {
   vertical-align: top; 
} 

td.columnbottom {
   vertical-align: bottom; 
} 

td.body {
   font-size: 12px; 
} 

td.large {
   font-size: 20pt; 
}

td.underline {
   font-size: 12px; 
   border-bottom:1px #000000 solid;
}

td.frame {
   border:1px #000000 solid;
}

td.listheader {
   background-color:#000033;
   color:#ffffff;
   font-weight:bold;
   border-bottom:1px #000000 solid;
}

td.imgover {
   border: #DDDDDD 1px solid;
}

td.imgclick {
   border: #7898b5 1px solid;
}

td.imgout2 {
   background-image: url(../pictures/spot.png);
   background-repeat: no-repeat;
   background-position: center center;
   border-left: #7898b5 1px solid;
   border-bottom: #7898b5 1px solid;
}

td.imgover2 {
   background-image: url(../pictures/spot_over.png);
   background-repeat: no-repeat;
   background-position: center center;
   border-left: #7898b5 1px solid;
   border-bottom: #7898b5 1px solid;
}

td.imgclick2 {
   background-image: url(../pictures/spot_click.png);
   background-repeat: no-repeat;
   background-position: center center;
   border-left: #7898b5 1px solid;
   border-bottom: #7898b5 1px solid;
}

td.cellstripeleft {
   border-left: #7898b5 1px solid;
}

td.cellstripebottom {
   border-bottom: #7898b5 1px solid;
}

td.cellstripebottomleft {
   border-left: #7898b5 1px solid;
   border-bottom: #7898b5 1px solid;
}

fieldset {
   width:680px;
   padding-left: 10px;
   padding-right: 10px;   
   padding-top: 10px;
   padding-bottom: 10px;
}

fieldset.help {
   width: 550px;
}

form {
   margin: 0;
}

.tableheader {
   border-left: #7898b5 1px solid;
   border-bottom: #7898b5 1px solid;
   background-color: #b3cce7;
   background-image:url(../pictures/laneheader_bg.png);
   background-repeat:repeat-x;
}

.laneheader {
   background-color: #b3cce7;
   background-image:url(../pictures/laneheader_bg.png);
   background-repeat:repeat-x;
}

/* --- tool tip ---*/
#balloon_tooltip {
   width:300px;
   position:absolute;
   display:none;
   z-index:100;
}

#balloon_tooltip .balloon_top {
   background-image: url(../pictures/tooltip/top.png);
   background-repeat:no-repeat;
   height:25px;   
}

#balloon_tooltip .balloon_middle {
   background-image: url(../pictures/tooltip/middle.png);
   background-repeat:repeat-y;   
   background-position:bottom left;
   padding-left:25px;
   padding-right:10px;
}

#balloon_tooltip .balloon_middle span {
   position:relative;
   top:-8px;
   font-family: Arial, Helvetica, sans-serif;
   text-align:justify;
   font-size:11px;
}

#balloon_tooltip .balloon_bottom {
   background-image: url(../pictures/tooltip/bottom.png);
   background-repeat:no-repeat;
   height:32px;
   position:relative;
   top:-6px;
}
/* --- end tool tip ---*/

/* --- preloader ---*/
#preloader {
   width: 125px;
}

#preloader td {
   padding: 3px;
   background-color: #ffffff;
}

#preloader p {
   padding: 10px;
   text-align: center;
   font-size:14px;
   margin: 0;
   background-color: #ffffff;
}

#preloader img {
   float: left;
   margin-right: 12px;
}

#preloader strong {
   display: block;
   margin-bottom: 3px;
}

#preloadContainer {
   top: 0;
   right: 0;
   position: absolute;
   z-index: 1000;
}

#preloadContainer td {
   vertical-align: top;
   text-align: center;
}

#preloadContainer td td {
   padding-top: 3px;
   text-align: left;
}
/* --- end preloader ---*/

/* --- checkbox replacement styles ---*/
label.checkbox_checked {
   background: #fff url(../pictures/lock.gif) no-repeat;	
   margin: 10px 0;
   padding-left: 25px;
}

label.checkbox_unchecked  {
   background: #fff url(../pictures/unlock.gif) no-repeat;	
   margin: 10px 0;
   padding-left: 25px;
}

.cbrcHidden {
   position: absolute;
   left: -1000px;
}
/* --- end checkbox replacement styles ---*/

/* --- tabs ---*/
#browsetabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
}

#browsetabs ul {
	margin:0;
	padding:10px 10px 0px 0px;
	list-style:none;
}

#browsetabs li {
	display:inline;
	margin:0;
	padding:0;
}

#browsetabs a {
	float:left;
	background:url(../pictures/tabs/tableft.gif) no-repeat left top;
	margin:0;
	padding:0px 0px 0px 5px;
	text-decoration:none;
}

#browsetabs a span {
	float:left;
	display:block;
	background:url(../pictures/tabs/tabright.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#browsetabs a span {float:none;}
/* End IE5-Mac hack */
#browsetabs a:hover span {
	color:#FFF;
}

#browsetabs a:hover {
	background-position:0% -42px;
}

#browsetabs a:hover span {
	background-position:100% -42px;
}

#browsetabs #currenttab a {
	background-position:0% -42px;
}

#browsetabs #currenttab a span {
	background-position:100% -42px;
}
/* --- end tab styles ---*/

.xtrabtns{
	margin: 0 0 20px;
}