body { 
    font: small/18px Verdana, Arial, Helvetica, sans-serif;
}

#contain { 
    width: 98%;
    margin: 0 auto;
}

#topbar{
    background-image: url(../../images/header_strap.gif);
    background-attachment:fixed;
    background-position:right center;
    background-repeat:no-repeat;
}

#topbar img{
    border: 0;
    padding: 10px;
}


#navbar { 
    background-image: url(../images/grey_left_bottom.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    position: absolute;
    top: 0;
    right: 2%;
    font-size: 0.85em;
    background-color: #cccccc;
}

#navbar div {  
    background-image: url(../images/grey_right_bottom.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 4px 24px 4px 24px;
}


#navbar a { 
    color: #000000;
    padding-left: 8px;
}

/* Breadcrumbs */

#breadcrumbs {  
    background-color: #bcbec0;
    color: #ffffff;
    float: left;
    background-image: url(../images/breadcrumbs_right.gif);
    background-position: right;
    background-repeat: no-repeat;
    width: 100%;
    margin-bottom: 10px;
}

#breadcrumbs ul { 
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

#breadcrumbs ul li {  
    float: left;
    font-size: 1em;
    list-style: none;
    margin: 0;
    padding: 0;
}

#breadcrumbs ul li a, #breadcrumbs ul li span {  
    color: #ffffff;
    padding: 4px;
    display: block;
    float: left;
    text-decoration: none;
    font-weight: bold;
    border-right: 3px solid #ffffff;
}

#breadcrumbs ul li a:hover {  
    text-decoration: underline;
}


#breadcrumbs ul li.home a {  
    background-image: url(../images/breadcrumbs_left.gif);
    background-position: left middle;
    background-repeat: no-repeat;
    padding-left: 28px;
    background-color: #a48ade;
    color: #ffffff;
}


#breadcrumbs ul li.publication span, #breadcrumbs ul li.publication a { 
    background-color: #9dcebc;
    color: #ffffff;
}

#breadcrumbs ul li.advert span, #breadcrumbs ul li.advert a {  
    background-color: #edaa62;
    color: #ffffff;
}

#breadcrumbs ul li.section span, #breadcrumbs ul li.section a {  
    background-color: #4ca4ff;
    color: #ffffff;
}

#breadcrumbs ul li.property span, #breadcrumbs ul li.property a {  
    background-color: #deacb7;
    color: #ffffff;
}


#breadcrumbs ul li.users span, #breadcrumbs ul li.users a {  
    background-color: #7585c2;
}

#footer { 
    background-color: #bdbec0;
    background-image: url(../images/footer_left_bottom.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-size: 0.80em;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    clear: both;
}

#footer div {  
    background-image: url(../images/footer_right_bottom.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 8px 24px 8px 24px
    text-align: center;
    line-height: 1.5em;
}

#footer div span {  
    padding-right: 10px;
    
}

/* Object styles 
 *
 * publication, imageadmin, typesetter, advert, section and property.
 *
 */

h2.publicationhead { 
    background-color: #9dcebc;
    background-image: url(../images/publication_left_top.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 1.0em;
    font-weight: bold;
    clear: both;
    margin: 0;
}

h2.publicationhead div {  
    background-image: url(../images/publication_right_top.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 4px;
    padding-left: 14px;
}


div.publicationcontainerinner { 
    border-left: 1px solid #9dcebc;
    border-right: 1px solid #9dcebc;
    border-bottom: 1px solid #9dcebc;
}

div.publicationoptions { 
    background-color: #bed7cf;
    background-image: url(../images/publication_under_right_bot.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 50%;
    padding: 4px;
    padding-left: 8px;
    height: 22px;
}


h2.imageadminhead { 
    background-color: #7585c2;
    background-image: url(../images/imageadmin_left_top.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 1.0em;
    font-weight: bold;
    clear: both;
    margin: 0;
}

h2.imageadminhead div {  
    background-image: url(../images/imageadmin_right_top.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 4px;
    padding-left: 16px;
}


div.imageadmincontainer { 
    
}

div.imageadmincontainerinner { 
    border-left: 1px solid #7585c2;
    border-right: 1px solid #7585c2;
    border-bottom: 1px solid #7585c2;
}

div.imageadminoptions {  
    height: 1.5em;
    width: 50%;
    background-color: #d5daed;
    background-image: url(../images/imageadmin_under_right_bott.gif);
    background-repeat: no-repeat;
    background-position: right bottom; 
}


h2.typesetterhead { 
    background-color: #ff7777;
    background-image: url(../images/typesetter_left_top.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 1.0em;
    font-weight: bold;
    clear: both;
    margin: 0;
}

h2.typesetterhead div {  
    background-image: url(../images/typesetter_right_top.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 4px;
    padding-left: 8px;
}



div.typesettercontainer { 
    
}

div.typesettercontainerinner { 
    border-left: 1px solid #ff7777;
    border-right: 1px solid #ff7777;
    border-bottom: 1px solid #ff7777;
}

div.typesetteroptions {  
    height: 1.5em;
    width: 50%;
    background-color: #ffb5b5;
    background-image: url(../images/typesetter_under_right_bott.gif);
    background-repeat: no-repeat;
    background-position: right bottom; 
}

h2.adverthead { 
    background-color: #edaa62;
    background-image: url(../images/advert_left_top.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 1.0em;
    font-weight: bold;
    clear: both;
    margin: 0;
    color: #58595b;
    padding-left:10px;
}

h2.adverthead div {  
    background-image: url(../images/advert_right_top.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 4px;
    padding-left: 8px;
}

div.advertoption { 
   /* height: 1.5em;*/
    width: 50%;
    background-color: #f6d4b0;
    background-image: url(../images/advert_under_right_bottom.gif);
    background-repeat: no-repeat;
    background-position: right bottom; 
    padding-left:10px;
    height: 25px;
}

div.advertcontainer {  
    
}

div.advertcontainerinner {  
    border-left: 1px solid #edaa62;
    border-right: 1px solid #edaa62;
    border-bottom: 1px solid #edaa62;
}

h2.sectionhead { 
    background-color: #4ca4ff;
    background-image: url(../images/section_left_top.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 1.0em;
    font-weight: bold;
    clear: both;
    margin: 0;
    color: #000000;
    padding-left:10px;
}

h2.sectionhead div {  
    background-image: url(../images/section_right_top.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 4px;
    padding-left: 8px;
}

div.sectioncontainer { 

}

div.sectioncontainerinner { 
    border-left: 1px solid #4ca4ff;
    border-right: 1px solid #4ca4ff;
    border-bottom: 1px solid #4ca4ff;
}


div.sectionoption  {  
    background-color: #a6d2ff;
    background-image: url(../images/section_under_right_bottom.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 50%;
    padding: 4px;
    padding-left: 8px;
    height: 22px;
}

/* Property */

h2.propertyhead { 
    background-color: #deacb7;
    background-image: url(../images/property_left_top.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 1.0em;
    font-weight: bold;
    clear: both;
    margin: 0;
    color: #000000;
    padding-left:10px;
}

h2.propertyhead div {  
    background-image: url(../images/property_right_top.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 4px;
    padding-left: 8px;
}

div.propertycontainer { 

}

div.propertycontainerinner { 
    border-left: 1px solid #deacb7;
    border-right: 1px solid #deacb7;
    border-bottom: 1px solid #deacb7;
}

div.propertyoptions {  
    height: 1.5em;
    width: 50%;
    background-color: #eed5db;
    background-image: url(../images/property_under_right_bottom.gif);
    background-repeat: no-repeat;
    background-position: right bottom; 
    padding: 4px;
    padding-left: 16px;
    height: 22px;
}



h2.usermanagehead { 
    background-color: #7585c2;
    background-image: url(../images/usermanage_left_top.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 1.0em;
    font-weight: bold;
    clear: both;
    margin: 0;
}

h2.usermanagehead div {  
    background-image: url(../images/usermanage_right_top.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 4px;
    padding-left: 16px;
}


div.usermanagecontainer { 
    
}

div.usermanagecontainerinner { 
    border-left: 1px solid #7585c2;
    border-right: 1px solid #7585c2;
    border-bottom: 1px solid #7585c2;
}

div.usermanageoptions {  
    height: 2.0em;
    width: 50%;
    background-color: #d5daed;
    background-image: url(../images/usermanage_under_right_bott.gif);
    background-repeat: no-repeat;
    background-position: right bottom; 
}




/*button styles*/

/*test multiple class names*/

a.iconbutton {
    color: #000000;
    text-decoration: none;
    padding: 3px;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0.85em;
    display: block;
    float: left;
}

a.iconbutton:hover{
    text-decoration: underline;
}

a.newpublication{
    background-image: url(../images/population.gif);
}

a.editbutton { 
    background-image: url(../images/edit.gif);
}

a.populationbutton { 
    background-image: url(../images/population.gif);
}

a.deletebutton { 
    background-image: url(../images/delete.gif);
}

a.reportbutton {  
    padding-left:17px;
    background-image: url(../images/report.gif);
}


a.addbutton {
    background-image: url(../images/add.gif); 
}

a.addsecbutton {
    padding-left:19px;
    background-image: url(../images/addsec.gif); 
}


a.cancelbutton { 
    margin-left:5px;
    background-image: url(../images/cancel.gif);
}

a.newproperty {  
    margin-left: 10px;
    background-image: url(../images/new-property.gif);
}

a.userbutton {  
    margin-left: 10px;
    background-image: url(../images/user.gif);
}


a.okbutton {  
    margin-left: 10px;
    background-image: url(../images/update.gif);
}
/**/

/*
a.addbutton, a.editbutton, a.deletebutton, a.populationbutton, a.okbutton, a.cancelbutton, a.propertybutton, 
a.reportbutton, a.upbutton, a.downbutton {  
    color: #000000; 
    text-decoration: none;
    padding: 3px;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0.85em;
    display: block;
    float: left;

}*/

a.upbutton, a.downbutton { 
    padding-left: 24px;
}


a.downloadbutton {
    background-image: url(../images/download-typeset-advert.gif);
}


a.propertybutton { 
    background-image: url(../images/property.gif);
}

a.approvepopulation {  
    background-image: url(../images/approve-population.gif);
}

a.approvebutton {  
    padding-left: 20px;
    margin-left: 10px;
    background-image: url(../images/update.gif);
}

a.rejectbutton {  
    padding-left: 20px;
    margin-left: 10px;
    background-image: url(../images/reject-typesetting.gif);
}

/*a.addbutton:hover, a.deletebutton:hover, a.editbutton:hover, a.populationbutton:hover, a.okbutton:hover, a.cancelbutton:hover, a.propertybutton:hover, a.reportbutton:hover, a.upbutton:hover, a.downbutton:hover {  
    text-decoration: underline;
}*/


p.help {  
    font-size: 0.80em;
    margin: 0;
    padding: 4px;
    color: #999999;
}

#msgs { 
	clear: both;
}

div.clear {  
    clear: both;
}

#seolinks {
	margin-top: 5px;
	color: #ccc;
	font-size: 9px;
	text-align: center;
}

#seolinks a {
	color: #ccc;
	font-size: 9px;

}