.leftSide {
	float: left;
	width: 29%;
}

.filterBox {
	float: right; 
	width: 70%; 
	border: 1px solid #999;
}

.filterBox table {
	width: 100%
}

.filterBox td {
  padding: 2px
}

.celllabel{
   text-align: right;
   width: 15%;
}

.cellcontrol
{
   width: 35%;    
}

.label{
   text-align: right;
   width: 15%;
    float: left;
    position: relative;
}

.control
{
   width: 35%; 
    float: left;
    left:4px;
    position: relative;   
}


.rightSide
{
float: right; 
width: 70%;
 margin-top:5px    
}

.buttonBox {
	float: right;
	padding-right: 5px;
	padding-bottom: 5px;
}
.indicator
{
    background-position: left top;
    width: 18px;
    height: 18px;
    float: right;
    background-image: url('Loading.gif');
    background-repeat: no-repeat;
}

.editButton
{
    background-position: left top;    
    width: 18px;
    height: 18px;
    background-image: url('Edit.png');
    background-repeat: no-repeat;
     position: relative;
   float: left;
   cursor: pointer;
}

.deleteButton
{
    background-position: left top;    
    width: 18px;
    height: 18px;
    background-image: url('delete.png');
    background-repeat: no-repeat;
     position: relative;
   float: left;
   left: 8px;
   cursor: pointer;
}

.clearButton
{
    background-position: left top;    
    width: 18px;
    height: 18px;
    background-image: url('clear16.png');
    background-repeat: no-repeat;
     position: relative;
   float: left;
   left: 8px;
   cursor: pointer;
}

.pagesButton
{
    background-position: left top;    
    width: 18px;
    height: 18px;
    background-image: url('application_form_edit.png');
    background-repeat: no-repeat;
     position: relative;
   float: left;
   left: 4px;
   cursor: pointer;
}

.usersButton
{
    background-position: left top;    
    width: 22px;
    height: 22px;
    background-image: url('users_edit.png');
    background-repeat: no-repeat;
     position: relative;
   float: left;
   left: 12px;
   cursor: pointer; 
}

.catalogButton
{
    background-position: left top;    
    width: 18px;
    height: 18px;
    background-image: url('sitemap.png');
    background-repeat: no-repeat;
     position: relative;
   float: left;
   cursor: pointer;
}

 .imagesButton
{
    background-position: left top;    
    width: 18px;
    height: 18px;
    background-image: url('gnome_emblem_photos.png');
    background-repeat: no-repeat;
     position: relative;
   float: left;
   left: 4px;
   cursor: pointer;
}

.matrixButton
{
    background-position: left top;    
    width: 18px;
    height: 18px;
    background-image: url('table_sheet.png');
    background-repeat: no-repeat;
     position: relative;
   float: left;
   left: 8px;
   cursor: pointer;
}

.photoThumbnail
{
    
	float: left;
	width: 15%;
	max-width: 15%;
	max-height: 100px;
}
.photoHeader
{
    
	float: left;
	width: 100%;
	max-width: 740px;
	max-height: 100px;
}
#map{
    width: 500px;
    height: 550px;
}

.litem
{
    float: left; width: 49%;
}
.ritem
{
    float: right; width: 49%;
 }
 
 .item1
 {
   float: left;
   width: 24.8%;
   position: relative;
     }
 
 .item2
 {
      position: relative;
   float: left;
   left: 2px;
   width: 24.8%;
 }
 
 .item3
 {
      position: relative;
   float: left;
   left: 4px;
   width: 24.8%;
 }
 
 .item4
 {
      position: relative;
   float: left;
   left: 6px;
   width: 24.8%;
 }
 
 .upload
 {
    width:84%; position:relative; float:right;     
 }
 
 .address
 {
    float: left; 
    width: 71%;   
     position: relative;
 }
 
 .streetNo
 {
     position: relative;
   float: left;
   left: 4px;
   width: 14%
 }
 
 .postalcode
 {
     position: relative;
   float: left;
   left: 8px;
   width: 14%
 }
 .bottom1
 {
     float: left;
   width: 33%;
   position: relative;
 }
 .bottom2
 {
     float: left;
   width: 33%;
   position: relative;
   left: 4px
 }
  .bottom3
 {
     float: left;
   width: 33%;
   position: relative;
   left: 8px
 }
 .gap
 {
    height: 10px;  
    width: 100%;
 }
 .labelgap
{
    height: 4px;
    width: 100%;
}

 .photoThumbnailInList
    {
        float: left;
        width: auto;
        height: auto;
        max-width: 80px;
        max-height: 100px;
        padding-right: 4px;
    }
    
    .bg-addToBasket
    {
        background-image: url(/icons/input/16/Add.png);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 3px 3px 5px #535353;
        -webkit-box-shadow: 3px 3px 5px #535353;
        box-shadow: 3px 3px 5px #535353;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    
    a.btn:link, a.btn:active, a.btn:visited
    {
        color: #444;
        background-color: #000000;
        border: 1px solid #708090;
        padding: 3px 6px 4px 6px;
        text-decoration: none;
        font-family: Tahoma;
        display: inline-block;
    }
    
    a.btn:hover
    {
        border: 1px solid #506070;
        background-color: #efefef;
        color: #555;
    }
    
    /* For link buttons with an image as bg */
    a.icon-btn:link, a.icon-btn:active, a.icon-btn:visited
    {
        color: #444;
        border: 1px solid #708090;
        padding: 3px 6px 4px 22px;
        text-decoration: none;
        font-family: Tahoma;
        background-color: #000000;
        background-repeat: no-repeat;
        background-position: 4px 3px;
        display: inline-block;
    }
    
    a.icon-btn:hover
    {
        border: 1px solid #506070;
        background-color: #efefef;
        color: #555;
    }
.ui-autocomplete
{
    max-height: 200px;
    overflow: auto;
    background-color: #EEEEEE;
}
ul.ui-autocomplete
{
        border: solid 1px #9F0304;
        list-style-type: none;
    margin: 0px;
    overflow: auto;
    padding: 0px;
    width: 168px;
}
ul.ui-autocomplete a.ui-corner-all
{
    background-color: #EEEEEE;
    display: block;
    font-weight: bold;
}
ul.ui-autocomplete a.ui-state-hover
{
    background-color: #9F0304;
    color: #ffffff;
    cursor: pointer;
    display: block;
}
.ui-autocomplete-loading
 { 
     background: white url('Loading.gif') right center no-repeat;
 }