h1 {
	color: #003399;
	font-size: 13pt;
	}

h2 {
	margin-left: 2px;
	font-size: 11pt;
	color: #cc0000;
	}

.miniweblink {
	padding-left: 10px;
	text-align: right;
}

.miniweblink a
 {
	font-weight: bold;
	text-decoration:underline;
	font-size: 9pt;
}

.miniweblink a:visited,
.miniweblink a:link {
	color: #0000cc;
}

.miniweblink a:hover {
	color: #0000ff;
}

table#contactpersons tr {
    padding-bottom: 3px;
}
table#contactpersons td.contactname
{
    width: 146px;
}
table#contactpersons td.contactnumber
{
    padding-left: 8px;
    width: 170px;
}
table#contactpersons td.contactindicator
{
    padding-left: 8px;
    width: 150px;
}


table#servicesProvided td {
    vertical-align: top;
    width: 140px;
}

table#approvedBy td {
    vertical-align: top;
    width: 100px;
}


td, span, div, p
{
    font-size: 9pt;
}

table.rates { margin-left: 5px; }
table.rates td, table.rates th {
    font-size: 10pt;
}

table.rates tbody td, table.rates thead th  {
    width: 90px;
}

table.rates .col1, table.rates thead .col1, table.rates tbody th  {
    width: 220px;
    
}

table.rates tbody td {
    vertical-align: top;
    text-align: left;
}

table.rates thead th {
    vertical-align: top;
    text-align: left;
    font-weight: bold;
}

table.rates tbody th, table.rates .col1 {
    vertical-align: top;
    text-align: right;
    font-weight:normal;
    color:#cc0000;
    padding-right:5px;
}

table#details {
    width:100%;
    border:0;
}

table#details td
{
    /*width: 50%;*/
}

table#details td, table#contactpersons td {
    margin: 0px;
    padding: 4px;
    vertical-align: top;
    font-family: Verdana;
    font-size: 9pt;
}
table#details td h3, h3.details {
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	color:#003399;
	font-size: 10pt;
}

table#details td div {
    padding:0;
    margin:0;
}

h3.detailsheading {
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#003399;
	font-size: 9pt;
}

table#services td {
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

table#services td.service {
    color: #000050;
}

table#services td.approvedbyliteral {
    color: #000090;
}

table#services td.approvedby {

}

table#services td.condition {

}

/* Service Provider Space */
div#serviceProviderSpace {
    margin:0;
    margin-top: 10px;
    padding: 0px;
    width: 490px;
}
table.spCustomContent {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    border-collapse: collapse;
}

table.spCustomContent td
{
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    vertical-align: top;
    font-size: 8pt;
}

table.spCustomContent td.text
{
    padding-top: 2px;
    text-align: left;
    font-size: 8pt;
}

div.hint {
    padding: 4px;
    font-size: 9pt;
    font-family: Verdana;
}

td.picture div
{
    text-align: right;
}

td.picture div.pictureImage
{
    text-align: left;
}

td.picture div.pictureWidth {
    text-align: left;
}

h3 {
    font-family: Verdana;
    color:Navy;
    font-size: 9pt;
    text-align: left;
    padding-left: 0px;
}



/* service provider screen: (from services4africa) */

h1#spName { color: #003399; font-size: 13pt; }

.spAceRatedHolder { margin:0; margin-bottom: 10px; }
.spAceRatedHolder span.spAceRated { color: #003070; font-size: 10pt; font-weight: bold; font-family:verdana; }

#spServicePanels { margin:0; padding:0;  margin:0; padding:0; margin-top: 20px;    margin-bottom: 10px;    }
#spServicePanels .pnlServicesApproved {  margin:0; padding:0;  margin-top: 0px;    margin-bottom: 0px;    }
#spServicePanels .pnlServicesNotApproved {  margin:0; padding:0;  margin-top: 0px;    margin-bottom: 0px; }


#spServicePanels .pnlServicesApproved h4  { color:#003399; font-size:10pt; margin-top: 14px; margin-bottom: 4px; }
#spServicePanels .pnlServicesNotApproved h4 { color:#003399; font-size:10pt; margin-top: 4px; margin-bottom: 4px; }


#spServicePanels table td { padding: 0; padding-bottom: 2px; }
#spServicePanels table { margin:0 }


.spServiceAceRating .aceStars { display:inline; float: left; padding-top: 1px; padding-left: 4px; padding-bottom:2px }
.spServiceAceRating .aceRatedTextHolder { padding-top: 4px; display:inline; float: left; }


.spServiceAceRating .aceRatedTextHolder a.spServiceAceRatedTextLink  { padding-left: 8px; color: black; font-size: 10pt; text-decoration: none; }
.spServiceAceRating .aceRatedTextHolder a.spServiceAceRatedTextLink:hover { text-decoration: underline; }


#spServicePanels .serviceTextHolder { padding-top: 4px; }

#spServicePanels .pnlServicesApproved .serviceTextHolder span.spServiceText,
#spServicePanels .pnlServicesNotApproved .serviceTextHolder span.spServiceText { font-size: 10pt; color: #000050; }


#spServicePanels .pnlServicesApproved td.approvedByList { font-size: 10pt; color: black; }
#spServicePanels .pnlServicesApproved td.approvedByList span { font-size: 10pt; color: #003070; }
#spServicePanels .pnlServicesApproved td.approvedByList { padding-top: 2px; }
#spServicePanels .pnlServicesApproved td.approvedByList span a { font-size: 10pt; color: #003090; text-decoration: none; }
#spServicePanels .pnlServicesApproved td.approvedByList span a:hover { text-decoration: underline; }


/*color: #0090cc;  #0060c0; */
#spServicePanels table td { vertical-align: top }
td.serviceOrCategoryName { width: 230px; padding: 0 }

#spServicePanels table td.serviceIcon { padding-top:9px; padding-left: 2px; }

td.serviceOrCategoryName h5.spServiceCategory { color:#000060; font-size: 9pt; margin:0; margin-top:4px; margin-bottom: 1px; padding:0; }

#spServicePanels table td.approvedByIcon { margin:0; padding:0; float: left; width: 28px; }

.search_content .result1 p#spNotes { margin:0.3em; margin-left:0; padding-top: 0.0em; padding-bottom: 0.4em; padding-left: 0; font-size: 9pt; }

/* new recent content */

table#details td div.whatsApp {
    margin-top: 10px;
}

div.whatsApp div.iconHolder, div.whatsApp div.textHolder {
    display: inline;
    float: left;
}

table#details td div.whatsApp div.iconHolder {
    padding: 4px;
    padding-left: 0;
    margin-left: 0;
}

table#details td div.whatsApp div.textHolder {
    margin-top: 6px;
    margin-left: 4px;
    padding: 8px;
    padding-top: 9px;
    height: 17px;
    /*
    border: 1px solid #909090;
    */
    background: #25d366;
    color: #fefefe;
    font-weight: bold;
    border-radius: 4px;
}

/* /new recent content */


/* /service provider screen: */

div.approvedByDisclaimer {
    font-size:7pt;
    padding:0;
    margin:0;
    margin-top:14px;
    margin-bottom:14px;
}