/*
   Really basic css in here!

   Most should be in skin css
*/

.ibutton{
  cursor:pointer;
  width:auto;
  overflow:visible;
}

.hidden{
  display:none;
}
.flexo{
  position:absolute;
}


#character_pallette{
  width:300px;
  display:block;

}

#character_pallette_button_box button{
    margin-top: 5px;
}

.error{
  color:red;
}
#abook_scrollframe{
  height:420px;
  overflow:auto;
  position:relative;
  border: solid 2px #ccc;
  padding:1px;
}
.addressbook_address{
   position:relative;
   margin-top:1px;
   margin-bottom:1px;
   background: #eee;
   border: solid 1px #ddd;
   padding:2px;
}
.addresstable{
   width:70%;
}
.address_picker_linkbox{
  text-align: right;
  padding-right: 4px;
}
.book_indicator{
  display:block;
  position:absolute;
  top: 5px;
  right:26px;
}
.abook_indicator{
    float:right;
    padding:3px;
}
.shared_book_indicator{
  width:16px;
  height:16px;
  background: #44A url('/data/images/clearbits/womanman.gif');
}
.personal_book_indicator{
  width:16px;
  height:16px;
  background: #44A url('/data/images/clearbits/user.gif');
}
#ordernumberspan{
  font-weight:bold;
  font-family:courier;
}

#confirm_gap{
  padding-top:30px;
}
.regex_indicator
{       
  cursor:pointer;
  padding-left:10px;
  vertical-align:top;
}
.regex_ok{
  background: transparent url('/data/images/inf.gif') no-repeat;
  width:20px;
  height:20px;
}
.regex_fail{
 background: transparent url('/data/images/err.gif') no-repeat;
  width:20px;
  height:20px;
}
#popup_content{
  width:100%;
  height:100%;
  padding-left:2%;
  text-align:left;
  background-color:white;
   
}
.small{
  font-size: 12px;
}


.tiny{
  font-size: 100%;
}
.previewframe{
  background-color:white;
}
.confirm th{
 width:150px;
}
.subtotal{
  border-top: solid 1px black;
}
.total{
   border-top: solid 2px black;
   font-weight:bold;
}

/*
   !!!!!!!!!!!!The css below needs to be kept somewhere else!!!!!!!!!!!
*/
#gfx_picker_frame{

}
.gfx_entry{
  width:93%;

  padding-top:10px;
  padding-bottom:10px;
  background: #eee;
  border: solid #bbb 1px;
  position:relative;
  margin:1px;
  cursor: pointer;
}
.gfx_selected{
  background: #eef;
}
.gfx_name{
  position:absolute;
  top:40%;
  left:200px;
}
.gfx_entry img{
  margin-left:15px;
  border: double #bbb 3px;
  vertical-align:middle;
}
.gfx_thumb{
  border: double #bbb 3px;
}
.il_breadcrumb_entry{
	border:solid 1px #bbb;
  margin-left:2px;
  background:#eee;
  padding-left:1px;
  padding-right:1px;
  font-size: 85%;
  font-weight:bold;
}
.root_icon{
  vertical-align:text-top;
}
table.text_fields{
   border-collapse:collapse;
   border-spacing:-1px;
}

button[disabled]{
        color:grey;
}

.std_fld{
    width:100%;
}

.pager_current{
    font-weight: bold;
}
#fieldsgap .ui-datepicker-trigger{
    vertical-align:bottom;
}