/* generic properties */
*{
  margin:0;
  padding:0;
}
option{
  padding-right:10px;
}
a img{
  border:0;
}
br.clear{
  clear:both;
  font-size:0;
  line-height:0;
}
input,textarea,select{
  border:1px solid #ccc;
}
textarea{
  height:50px;
}
input.checkbox{
  border:none;
}
.text{
  width:100%;
}


/* login */
.pin{
  width:13px;
}


/* main layout */
html{
  height:100%;
}
body{
  position:relative;
  height:100%;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  color:#333;
  text-align:left;
  background:#fff;
}
#nonFooter{
  position:relative;
  min-height:100%;
  padding-bottom:0;
  margin:0 auto;
}
* html #nonFooter{
  height:100%;
}
div#content{
  padding-bottom:83px;
}
div#topspacer{
  height:70px;
  background:#434343;
  display:none;
}
div#maincontent{
  margin:0pt 10px;
  min-width:787px;
  padding-bottom:40px;
}
div#footer{
  position:relative;
  font-weight:bold;
  color:#fff;
  margin-top:-98px;
  border-top:40px solid #fff;
  height:42px;
  padding:10px 10px 0 10px;
}
div#footer span{
  margin-right:20px;
}
div#footer div#copyright{
  background-color:#fafafa;
  background-repeat:no-repeat;
  color:#666666;
  line-height:45px;
  margin:0pt auto;
  text-align:right;
  width:100%;
}
div#footer a{
  color:#666666;
}
div#footer #top{
  background:url(../images/footerbg.gif) repeat-x;
  height:3px;
  width:100%;
  line-height:0;
  font-size:0;
}
div#footer #topgrey{
  height:3px;
  width:200px;
  background-color:#ccc;
  border-right:1px solid white;
  line-height:0;
  font-size:0;
}
div.dialog{
  padding:20px 0;
}
div.dialog div.dialog_inner{
  width:280px;
  height:120px;
  margin:0 auto;
  border:1px solid #c3daf9;
  padding:10px;
}
div.dialog div.dialog_inner table{
  width:100%;
}
.security{
  width:400px;
  margin:0 auto;
}
.security ol li{
  list-style-position:inside;
  font-size:16px;
  font-weight:normal;
}


/* default headers for pages */
h1{
  font-size:18px;
  font-weight:normal;
  color:#000;
}


/* columns */
.cols table{
  width:100%;
  border-collapse:collapse;
}
.cols td{
  width:33.33%;
  vertical-align:top;
}
.col .box{
  position:relative;
  list-style-type:none;
  margin:0 0 10px 0;
  padding:1px;
  border:1px solid #d6d6d6;
  background:white;
  overflow:hidden;
}
.col h3{
  font-size:14px;
  font-weight:bold;
  color:#000;
  padding:3px 10px;
  white-space:nowrap;
}
.col .boxcontent{
  padding:1px;
  margin-top:1px;
  border-top:1px solid #d6d6d6;
  font-family:arial, "trebuchet ms", sans-serif;
  font-size:10px;
}
.col .boxcontent tr.alt{
  background:#f2f2f2;
}
.col .boxcontent tr.different.alt{
  background:#cae5ed;
}
.col .boxcontent tr.different{
  background:#d4f1f9;
}
.col .boxcontent tr.closed,
.col .boxcontent tr.closed.alt,
.col .boxcontent tr.closed.different,
.col .boxcontent tr.closed.different.alt {
  background:#ea7a7a;
}
tr.validation_error select,
tr.validation_error input,
tr.validation_error textarea{
  border: 1px solid #f00;
}
.col .boxcontent th{
  text-align:right;
  padding:2px 5px;
}
.col .boxcontent td{
  padding:2px 5px;
}
.col .boxcontent label{
  display:block;
}
.col .boxcontent .bool{
  float:left;
}
.col .boxcontent .bool label{
  float:none;
  width:auto;
  display:inline;
}
.col .boxcontent .bool input{
  float:none;
  width:auto;
}
.col .boxcontent .required span{
  color:#f00;
}
.col .boxcontent .checklist{
  float:left;
  border: 1px solid #ccc;
  width:49%;
  height:130px;
  overflow:scroll;
}
.col .boxcontent .checklist div{
  float:left;
  white-space:nowrap;
  line-height:200%;
}
.col .boxcontent .checklist label{
  float:none;
}
.col .boxcontent .checklist input{
  float:none;
  width:auto;
  margin:0 2px 0 4px;
}
#col0{
  padding:10px 6px 100px 0;
}
#col1{
  padding:10px 4px 100px 4px;
}
#col2{
  padding:10px 0 100px 6px;
}
.handle{
  height:23px;
  background:url(../images/handle-back.gif) repeat-x 5px 0;
}
.togglebutton{
  position:absolute;
  top:4px;
  right:6px;
  border:none;
  background:none;
}


/* content */
div#content2{
  text-align:left;
  font-size:12px;
}


/* breadcrumb */
div#breadcrumb{
  height:29px;
  color:#666;
  padding:5px 0 5px 5px
}
div#breadcrumb div{
  padding:5px 0 0 210px;
}
div#breadcrumb a{
  color:#666;
}


/* flash informations */
div.flash {
  background-color: #d4f1f9;
  font-weight: bold;
  margin:10px;
  border:1px solid #e2e2e2;
}
tr.flash td {
  background-color: #d4f1f9;
}

div.flash p {
  padding: 10px;
}
/*
div.flash.notice {
  background-color: #d4f1f9;
}
*/
div.flash.error,
tr.flash.error td {
  background-color: #f63;
}
div.flash.success,
tr.flash.success td {
  background-color: #c1f464;
}
div.flash ul.form_errors{
  padding-bottom:10px;
}
div.flash ul.form_errors li{
  margin-left:25px;
}

/* left pane */
div#contentlefttop{
  height:10px;
  background:url(../images/left-pane-top.gif) no-repeat left;
}
div#contentleft{
  position:relative;
  top:-65px;
  width:203px;
  float:left;
}
div#contentleft.active{
  background-image:url(../images/leftmenutopactive.gif);
  background-repeat:no-repeat;
}

/* sub sub menu */
ul#subsubmenu{
  list-style:none;
  padding-left:5px;
}
ul#subsubmenu li{
  width:161px;
  background:url(../images/subsubmenu-bullet.gif) no-repeat left;
  padding:3px;
}
ul#subsubmenu li a,
ul#subsubmenu li.nolink div {
  color:#666;
  margin-left:15px;
  text-decoration:none;
}
ul#subsubmenu li.active{
  background-color:white;
  background-image:url(../images/subsubmenu-active-bullet.gif);
  border:1px solid #e9e9e9;
  font-weight:bold;
}
ul#subsubmenu li.active a{
  color:#8a9e07;
}
ul#subsubmenu li.sep{
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e2e2e2;
  background:transparent;
  height:0;
  padding:0;
  margin:5px 0 5px 5px;
  overflow:hidden;
}

/* left sub panes */
div.leftsubpane{
  padding:10px;
}
div.leftsubpane div.title{
  position:relative;
  width:160px;
  height:35px;
  background:url(../images/left-header.gif) no-repeat left;
  color:#235f99;
  font-weight:bold;
  font-size:14px;
}
div.leftsubpane div.title span{
  position:absolute;
  top:9px;
  left:35px;
}
/* div.leftsubpane .minus{
  position:absolute;
  top:11px;
  left:147px;
}*/
div.leftsubpane .togglebutton{
  top:10px;
}
div.leftsubpane .leftpaneicon{
  position:absolute;
  top:8px;
  left:8px;
}
div#didcenter{
  text-align:left;
  font-size:11px;
}

/* contentright */
div#contentright{
  margin-left:215px;
}

/* main title */
div#maintitle{
  position:relative;
  height:53px;
  width:100%;
  background:url(../images/maintitle-back.gif) no-repeat left;
}
div#maintitle h1{
  padding:16px 0 0 30px;
  color:#8b9e06;
}
a#print{
  position:absolute;
  top:0px;
  right:28px;
}
a#mail{
  position:absolute;
  top:0px;
  right:0px;
}

/* pagination */
div.pagination{
  height:31px;
  width:100%;
  color:#8c9e04;
}
div.pagination .paginationleft{
  background:url(../images/pagination-left.gif) no-repeat left;
  width:2px;
  float:left;
  height:31px;
}
div.pagination .paginationcenter{
  background:url(../images/pagination-center.gif) repeat-x left;
  height:31px;
  position:relative;
}
div.pagination .paginationright{
  background:url(../images/pagination-right.gif) no-repeat right;
  width:2px;
  float:left;
  height:31px;
}
div.pagination a{
  color:#666;
  font-weight:bold;
  text-decoration:none;
}
div.pagination img{
  padding:0 5px;
}
div.pagination .back{
  float:left;
}
div.pagination .back a{
  margin-left:10px;
  line-height:32px;
}
div.pagination .forth{
  position:absolute;
  right:0px;
  top:0px;
}
div.pagination .forth a{
  margin-right:10px;
  line-height:32px;
}
div.pagination .numbers a{
  text-decoration:underline;
}
div.pagination .numbers{
  width:40%;
  margin-left:30%;
  padding-top:7px;
  text-align:center;
}
div.pagination .active{
  font-weight:bold;
}


/* h2 */
h2{
  background:url(../images/h2-arrow.gif) no-repeat left;
  padding:20px 0 10px 32px;
  color:#666;
  font-weight:bold;
  font-size:18px;
}


/* tables */
table.large{
  color:#666;
  border:1px solid #e5e5e5;
  width:100%;
}
table.large td{
  padding:0 5px;
  height:26px;
}
table.large tr.closed td {
  background-color: #ea7a7a;
}
table.large thead tr{
  font-weight:bold;
  background:url(../images/testborder.gif) repeat-x;
}
table.large thead tr th{
  padding:0;
  line-height:22px;
  height:23px;
  border-left:1px solid #e5e5e5;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
  white-space:nowrap;
}
table.large thead tr th.first{
  border-left:1px solid #fff;
}
table.large tfoot tr{
  background:#f2f2f2;
  text-align:right;
}
table.large tfoot div.button,
table.large tfoot input.button,
table.large tfoot button.button {
  float:right;
  margin:5px 0 5px 5px;
}



/* table funds */
table.funds tr{
  text-align:center;
}
table.funds tbody tr{
  background:#f6f6f6;
}
table.funds tbody tr.alt{
  background:#dcdcdc;
}
table.funds tbody tr.selected,
table.funds tbody tr.selected td{
  background:#c6e2ea;
}
table.funds tbody tr.checked{
  background:#fcc;
}
table.funds tbody tr td.empty{
  background:#ff0000;
  color:#fff;
}
table.funds tbody tr.alt.selected,
table.funds tbody tr.alt.selected td{
  background:#d5f2fb;
}
table.funds tbody tr th{
  text-align:right;
  font-weight:normal;
}
table.funds tbody tr td{
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
}
table.funds tbody tr td.first{
  border-left:1px solid #fff;
  width:10px;
  white-space:nowrap;
  text-align:left;
}
table.funds tbody tr td.first div{
  width:10px;
  white-space:nowrap;
}
table.funds tbody tr td.price{
  text-align:right;
  padding-right:20px;
}
table.funds td.error{
  font-weight:bold;
  color:#f00;
}


/* table form */
table.form thead tr td{
  text-align:left;
}
table.form thead tr div img{
  padding:0 5px;
}
table.form tbody tr.label td,
table.form tbody td.last{
  text-align:left;
  background-color:#f6f6f6;
  padding:2px 5px;
}
table.form tbody tr.label td.first,
table.form tbody td.last{
  text-align:right;
}
table.form tbody .text{
  width:100%;
}
table.form tbody tr.label td,
table.form tbody td.last{
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
}
table.form tbody tr.label td.first,
table.form tbody td.last{
  border-left:1px solid #fff;
}


/* file inputs */
.uploadframe{
  margin:0;
  padding:0;
  border:0;
}
.fileinputs input.file.hidden{
/*  opacity:0;*/
  position:relative;
  text-align:right;
  z-index:2;
}
.fileinputs input.file{
  margin:0pt;
  width:300px;
}
.fileinputs input{
  background:transparent url(../images/input-boxes.gif) no-repeat scroll 0pt -58px;
  border:medium none;
  height:20px;
  padding-left:3px;
  padding-top:3px;
  width:241px;
  border: 1px solid black;
}


/* new users form */
table.large.form div.checkbox{
  text-align:left;
}
table.large.form div.checkbox label{
  position:relative;
  top:3px;
  margin-left:10px;
}
table.large.form td.error{
  text-align:center;
  color:#f00;
  font-weight:bold;
}
table.large tr.error td {
  background:#ea7a7a;
}
table.large tr.success td {
  background:#c1f464;
}


/* home */
.mainbloc{
  border-top:1px dotted #ccc;
  padding:10px 0px;
}
.welcometext{
  margin-right:300px;
  text-align:justify;
}
.welcometext li{
  list-style-type:none;
  padding-left:20px;
  background:url(../images/btn-cross.gif) no-repeat 0 4px;
  line-height:25px;
}
.welcomeimg{
  float:right;
}
.powered{
  text-align:center;
  border-top:1px dotted #ccc;
  border-bottom:1px dotted #ccc;
}
.sep{
  border-right:1px dotted #ccc;
  padding:20px;
}
.next{
  padding:20px;
}


/* funds check/uncheck all button */
.checkall{
  height:18px;
  text-align:right;
}
.checkall.left{
  text-align:left;
}
.checkall a{
  color:#000;
}
.addwatchlist{
  position:relative;
  top:5px;
}
.addwatchlist select,
.addwatchlist input{
  float:right;
  position:relative;
  top:3px;
  margin-right:10px;
}
.addwatchlist .button.shadow{
  float:right;
  margin:0 0 0 5px;
}
.goback a{
  float:left;
  border:1px solid #ccc;
  padding:5px;
  margin-top:50px;
  background:#e2e2e2;
  color:#000;
  font-weight:bold;
  text-decoration:none;
}
.checklist{
  text-align:left;
}
.radio{
  text-align:left;
}
.radio input{
  margin-right:5px;
}
.biglink{
  color:#000;
  font-weight:bold;
  text-decoration:none;
}
.biglink:hover{
  text-decoration:underline;
}


/* select such as to show phone numbers */
select.multi{
  width:99.9%;
  text-align:center;
}


/* buttons in toolbar */
.toolbar{
  margin:5px 0;
  height:25px;
}
tfoot .toolbar{
  margin:0;
}
.toolbar span{
  float:left;
  padding:3px 5px 0 0;
  font-weight:bold;
}
.toolbar input.button{
  float:left;
  width:92px;
  height:25px;
  margin:0 5px 5px 0;
  border:0;
  background:url(../images/btn-flat.gif) no-repeat;
  text-align:center;
  font-family:"trebuchet ms",sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#3976ad;
}
.toolbar input.button.large{
  float:left;
  width:125px;
  height:25px;
  margin:0 5px 5px 0;
  border:0;
  background:url(../images/btn-flat-large.gif) no-repeat;
  text-align:center;
  font-family:"trebuchet ms",sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#3976ad;
}
.toolbar input.button.xlarge{
  float:left;
  width:200px;
  height:25px;
  margin:0 5px 5px 0;
  border:0;
  background:url(../images/btn-flat-xlarge.gif) no-repeat;
  text-align:center;
  font-family:"trebuchet ms",sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#3976ad;
}

.toolbar input.button.xxlarge{
  float:right;
  width:280px;
  height:25px;
  margin: 5px;
  border:0;
  background:url(../images/btn-flat-xxlarge.gif) no-repeat;
  text-align:center;
  font-family:"trebuchet ms",sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#3976ad;
}

.toolbar input.button.large.red{
  background:url(../images/btn-flat-large-red.gif) no-repeat;
  color:#e60000;
}
.toolbar input.button.small{
  float:left;
  width:43px;
  height:25px;
  margin:0 5px 5px 0;
  border:0;
  background:url(../images/btn-flat-small.gif) no-repeat;
  text-align:center;
  font-family:"trebuchet ms",sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#3976ad;
}
#wizard{
  margin:0 0 20px 0;
  padding:0px;
  background-image:url(../images/wizardback.gif);
  background-repeat:repeat-x;
}
#wizard li{
  list-style:none;
  display:inline;
  font-weight:bold;
  color:#999999;
  background: #fff;
}
.whitebackground{
  background-color:#FFFFFF;
  padding:0px 10px 0px 5px;
}
#wizard a{
  color:#006699;
}
#wizard a:hover{
  color:#990000;
}
#wizard .button {
  border:none;
  background: transparent;
  float: none;
  width: auto;
  margin: 0;
  padding-left: 25px;
}
#wizard img{
  margin-right: -26px;
}
.funds_validation_error h3 {
  margin: 0.5em 0 0.5em 0;
}
.funds_validation_error h4 {
  padding-left: 1em;
  margin: 0.5em 0 0.5em 0;
}
.funds_validation_error ul {
  padding-left: 1em;
  margin-left: 1em;
}


/* just under funds */
#selectall{
  position:relative;
}
#selectall a{
  position:absolute;
  right:0;
  top:7px;
}


/* left panel */
.left_panel{
  width:203px;
  background:url(../images/left_panel_center.gif) repeat-y;
  margin:1px 0 15px 0;
}
.left_panel h2{
  font-size:15px;
  padding:7px 0 0 12px;
  width:202px;
  height:39px;
  overflow:hidden;
  background:url(../images/left_panel_top.gif) no-repeat;
}
.left_panel h2 img{
  padding:5px 5px 0 0;
}
.left_panel .name{
  padding:2px 5px 0 14px;
  color:#369;
}
.left_panel .footer{
  font-size:0;
  line-height:0;
  height:12px;
  background:url(../images/left_panel_bottom.gif) no-repeat bottom left;
}
.left_panel .left_btn{
  text-align:right;
  padding:7px 10px 0 0;
}
.left_panel .left_btn input{
  border:none;
  width:auto;
}
.left_panel .inputbox label{
  float:left;
  width:60px;
  padding:2px 0 0 14px;
}
.left_panel .inputbox input{
  float:left;
  width:115px;
  margin-bottom:5px;
}
.left_panel .inputbox br{
  clear:both;
}
.left_panel .password_recovery{
  float:left;
  padding:6px 0 0 14px;
}


/* header */
div#header{
  background-color:white;
}
div#headercontent{
  position:relative;
  height:147px;
  overflow:hidden;
  background:url(../images/header-back.gif) no-repeat left bottom;
  border-bottom:3px solid #999;
}
div#headertop{
  background-color:#999;
  height:3px;
  border-left:200px solid #ccc;
  line-height:0;
  font-size:0;
}
div#white{
  height:3px;
  width:1px;
  background-color:white;
}


/* main navi */
div#home{
  position:absolute;
  top:110px;
  left:6px;
}
div#mainnavi{
  position:absolute;
  top:30px;
  left:200px;
}
div#mainnavi li{
  list-style-type:none;
  float:left;
  border-left:1px solid #CCCCCC;
  height:24px;
}
div#mainnavi li div{
  background:url(../images/mainnavi-inactive-right.gif) no-repeat top right;
  padding-right:4px;
}
div#mainnavi li a{
  display:block;
  padding-top:6px;
  margin:0 15px;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  color:#666;
}


/* Left menu */
#leftmenu{
  width:203px;
  height:100%;
  font-size:12px;
  background: transparent url(../images/leftmenutopactive.gif) no-repeat left top;
  padding-top:3px;
}
#leftmenu.active{
  background: transparent url(../images/leftmenutopactive.gif) no-repeat left top;
}
#leftmenu span{
  display:block;
  padding-top:3px;
}
#leftmenu li{
  border-right:1px solid #ccc;
  background-image:url(../images/pixel.gif);
  display:block;
}
#leftmenu li.active{
  background-image:url(../images/leftactivebg.gif);
  background-repeat:repeat-y;
  position:relative;
  z-index:2;
}
#leftmenu li a,
#leftmenu li.nolink div {
  display:block;
  color:#666;
  margin-left:10px;
  padding-left:15px;
  padding-right:5px;
  background:url(../images/leftbullet.gif) no-repeat left;
  height:100%;
  padding-top:3px;
  padding-bottom:5px;
  text-decoration:none;
}
#leftmenu li.active a,
#leftmenu li.active.nolink div {
  color:white;
  background-image:url(../images/leftbulletactive.gif);
  background-repeat:no-repeat;
  background-position:left;
  font-weight:bold;
}
#leftmenu img{
  display:block;
}
#leftmenu li ul{
  background-image:url(../images/leftactivebg.gif);
  background-repeat:no-repeat;
}
#leftmenu li li{
  background-image:url(../images/leftactivebg.gif);
  border:none;
}
#leftmenu li li#lastli{
  margin-bottom:10px;
}
#leftmenu li.active li a,
#leftmenu li.active li.nolink div {
  background-image:url(../images/leftarrow.gif);
  background-repeat:no-repeat;
  background-position:left;
  font-weight:normal;
  padding-top:0px;
  padding-bottom:0px;
}
#leftmenu li.active li.active a,
#leftmenu li.active li.active.nolink div {
  background-image:url(../images/leftarrowactive.gif);
  background-repeat:no-repeat;
  background-position:left;
  font-weight:bold;
}
img.shadowcorner{
  position:relative;
  z-index:1;
}
ul.shadowmenu{
  position:relative;
  top:-23px;
  left:0;
}


/* Left submenu */
#leftsubmenu{
  width:193px;
  height:100%;
  font-size:12px;
  padding-top:3px;
  padding-bottom:10px;
  margin-left: 10px;
  position: relative;
}
#leftsubmenu.active{
  background: none;
}
#leftsubmenu span{
  display:block;
  padding-top:3px;
}
#leftsubmenu li{
  border-right:1px solid #ccc;
  background-image:none;
  display:block;
}
#leftsubmenu li.active{
  background-image:none;
  background-repeat:repeat-y;
  position:relative;
  z-index:2;
}
#leftsubmenu li a,
#leftsubmenu li.nolink div{
  display:block;
  color:#666;
  margin-left:10px;
  padding-left:15px;
  padding-right:5px;
  background-image:url(../images/leftbullet.gif);
  background-repeat:no-repeat;
  background-position:left;
  height:100%;
  padding-top:3px;
  padding-bottom:5px;
  text-decoration:none;
}
#leftsubmenu li.active a,
#leftsubmenu li.active.nolink div {
  color:white;
  background-image:url(../images/leftbulletactive.gif);
  background-repeat:no-repeat;
  background-position:left;
  font-weight:bold;
}
#leftsubmenu img{
  display:block;
}
#leftsubmenu ul.shadowmenu {
  background-image:none;
  background-repeat:no-repeat;
}
#leftsubmenu ul.shadowmenu li {
  background-image: none;
  border: none;
}
#leftsubmenu li li#lastli{
  margin-bottom:10px;
}
#leftsubmenu li.active li a{
  background-image:none;
  background-repeat:no-repeat;
  background-position:left;
  font-weight:normal;
  padding-top:0px;
  padding-bottom:0px;
}
#leftsubmenu li.active li.active a{
  background-image:none;
  background-repeat:no-repeat;
  background-position:left;
  font-weight:bold;
}
#leftsubmenu ul.shadowmenu{
  top:0px;
}


/* flat or shadow buttons */
.button {
  float:left;
  width:98px;
  height:26px;
  margin:0 5px 5px 0;
  background:url(../images/btn-flat.gif) no-repeat;
  font-weight:bold;
  text-align:center;
}
.button.right{
  float:right;
  margin:0 0 5px 5px;
}
.button a{
  display:block;
  text-decoration:none;
  color:#3976ad;
  padding-top:4px;
  text-align:center;
}
.button button{
  width:100%;
  color:#3976ad;
  padding-top:3px;
  border:0;
  background:transparent;
  font-family:"trebuchet ms", sans-serif;
  font-size:12px;
  font-weight:bold;
}
.button input {
  width:100%;
  color:#3976ad;
  padding-top:3px;
  border:0;
  background:transparent;
  font-family:"trebuchet ms", sans-serif;
  font-size:12px;
  font-weight:bold;
}


/* flat button without shadow */
.button.flat{
  background:url(../images/btn-flat.gif) no-repeat;
  width:92px;
  height:25px;
}
.button.flat a{
  color:#3976ad;
}
.button.flat button{
  color:#3976ad;
}


/* button with shadow */
.button.shadow{
  background:url(../images/btn-shadow.gif) no-repeat;
}
.button.shadow a{
  color:#003365;
}
.button.shadow button{
  color:#003365;
}

/* Fix for calendar */
.calendar .button {
  background: none;
  height: auto;
  float: none;
  width: auto;
}


/* login */
.inputbox{
  position:relative;
  display: block;
}
label.overlabel{
  color:#999;
}
label.overlabel.apply{
  position:absolute;
  top:-1px;
  left:5px;
  z-index:1;
  color:#999;
}
* html label.overlabel.apply{ /* IE 5.5 & 6 */
  top:3px;
  left:10px;
}
*+html label.overlabel.apply{ /* IE 7 */
  top:3px;
  left:10px;
}


/* userbox menu */
#usernavi ul{
  margin:0;
  padding:10px 1px 0 4px;
  border-bottom:1px solid #ccc;
}
#usernavi li{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid #ccc;
}
#usernavi li a{
  display:block;
  text-decoration:none;
  padding:5px 0 5px 21px;
  background:url(../images/leftbullet.gif) no-repeat 6px 6px;
  color:#666;
}
#usernavi li.active a{
  background:#999 url(../images/leftbulletactive.gif) no-repeat 6px 6px;
  color:#fff;
  font-weight:bold;
}


/* register scroll box */
div.scrollbox{
  height:200px;
  overflow:scroll;
  overflow-x:auto;
  overflow-y:scroll;
  border:1px solid #ccc;
  padding:5px;
  background:#fff;
}