@charset "UTF-8";
/* CSS Document */


/*--------------------------------------------------------------------------------------------------------------------------
REDEFINED HTML TAGS
---------------------------------------------------------------------------------------------------------------------------*/
 
a {color: #0a7894; text-align:left; }
a img { border: none; }
a:active { outline: none;}
body { background: #fff; font-size: 1.0em; font-weight: normal; font-family: Arial Unicode MS, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align:justify; }

h1 { color: #000; font-size: 2em; font-weight: normal; margin: 1em 0 0 0; }
h2 { color: #000; font-size: 1.34em; font-weight: normal; margin: 0.5em 0 0; }
h3 { color: #000; font-size: 1.2em; font-weight: normal; margin: 0 0 1em; }
h2 a:link, h2 a:visited { color: #000; text-decoration: none; }

/* reverting to div.clear as IE6 & 7 add a phantom margin to an hr - no matter what settings are used */
hr { clear: both; color: #fff; background: #fff; height: 1px; margin: 0; padding: 0; visibility: hidden; }

iframe { border: 1px solid #000; }

/* set some sensible sitewide defaults */
table {  font-size: 1.0em; margin-bottom: 1em;  }
table { border-collapse: collapse;}
td { padding: 2px;}
th { background: #b5df39; font-weight: normal; padding: 2px; text-align: left; }

.creditlink { display: none;}

/*--------------------------------------------------------------------------------------------------------------------------
MAIN PAGE LAYOUT BLOCKS
---------------------------------------------------------------------------------------------------------------------------*/
#header { background: url(/_img/backgrounds/content.png) left top repeat-y; margin: 0 auto; padding: 0 5px; width: 950px; }
#navigation { background: url(/_img/backgrounds/navigation.png) left top repeat-x; border-top: 1px solid #fff; font-size: 0.8em; line-height: 1; margin: 0 auto; padding: 0 5px;  position: relative; width: 950px;}
#content, .contentNarrow { background: url(/_img/backgrounds/content.png) left top repeat-y; font-size: 0.8em; margin: 0 auto; width: 914px; padding: 30px 23px 10px;}


#footer, #footlinks { background: url(/_img/backgrounds/footer.png) bottom left repeat-x;  color: #fff; font-size: 0.7em; margin: 0 auto 15px; padding: 10px 15px 15px; width: 930px; }

/*--------------------------------------------------------------------------------------------------------------------------
STYLES USED FOR NAVIGATION
---------------------------------------------------------------------------------------------------------------------------*/

/* main nav bar */
#navigation ul  { list-style: none; padding: 0; margin: 0; }
#navigation li { float: left; }

/* secondary and teriary nav bars */



#secnavigation, #tertnavigation, #offices .contact_info { border:1px solid #9acc12;  margin: 0 0 1em;}
#secnavigation ul, #tertnavigation ul, #offices ul { list-style: none; margin: 0; padding: 0;  }
#secnavigation ul a, #secnavigation ul li.block, #tertnavigation ul a, #tertnavigation ul li.block, #offices ul a, #offices ul li.block { background: #f5fae8; border-top: 1px solid #fff; display: block;  padding: 5px; color: #000; text-decoration: none; }


/* make the current section name  bold */




/* make the current subsection name bold - destinations */
body.destinations.home li#desthomelink, body.destinations.ghana li#ghanalink, body.destinations.india li#indialink, body.destinations.japan li#japanlink, body.destinations.tanzania li#tanzanialink, body.destinations.zanzibar li#zanzibarlink { cursor: default; font-weight: bold; }

/* make the current subsection name bold - about */
/*body.about.home li#abouthomelink, body.about.ethics li#aboutethicslink, body.about.jobs li#aboutjobslink, body.aboutc.contact li#aboutcontactlink { cursor: default; font-weight: bold; } */

#secnavigation .selected, #tertnavigation .selected, #offices .selected {
  font-weight:bold;  
}

/* make the current subsection name bold - placements */
body.placements.home li#placehomelink, body.placements.dentistry li#placedentistrylink, body.placements.medical li#placemedicallink, body.placements.nursing li#placenursinglink, body.placements.physio li#placephysiolink, body.placements.workexp li#placeworkexplink, body.placements.outreach li#outreachlink, body.placements.ayurvedic li#ayurvediclink, body.placements.village li#villageexplink, body.placements.hiv li#hivlink, body.placements.maasai li#maasailink,  body.placements.yoga li#yogalink, body.professional li#proflink { cursor: default; font-weight: bold; }

/* make the current subsection name bold - prices */
body.package.home li#packagehomelink, body.package.other li#packageotherlink, body.package.partner li#packagepartnerlink { cursor: default; font-weight: bold; }

/* make the current subsection name bold - case studies */
ul#caselist li.selected a:link, ul#caselist li.selected a:visited { cursor: default; font-weight: bold; }

/*--------------------------------------------------------------------------------------------------------------------------
STYLES USED IN  DIV#CONTENT 
---------------------------------------------------------------------------------------------------------------------------*/

#content p, #content td { line-height: 1.4; /*margin: 0 0 1em;*/ }
#content p#intro_pic {margin:0;}
#content #intro_caption {margin-bottom:10px;text-align:center;}
h1 .strapline {  }
/*.destinations h1 { font-size: 1.6em;}*/

.left {padding: 0; float: left; margin: 0; width: 560px; }
.left li { line-height: 1.4; }

.right { width: 275px; float: right;  font-size: 0.9em; margin: 0 0 30px; padding: 0; }
.right .feature { border-top: 1px dotted #333; margin: 0 0 20px; }
.right h2 { background: url(/_img/backgrounds/homepage_h2.png) top right no-repeat; color: #000; text-align:left; margin: 0px; padding: 5px; }
.left .box { clear: both; margin-top: 20px;}
.left .box h2 { display: none;}
.right .box { border: 1px solid #9acc12; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 0 1em; padding: 0 5px }
.right .box h2 { margin: 0 -5px; padding: 5px;}
.right .gallery { border: 1px solid #9acc12; margin: 0 0 1em; padding: 0 0 5px; }
#mapcontainer { margin: 0 -5px; padding: 0; overflow: hidden; position: relative; height: 159px; width: 273px;}
.homepage #mapcontainer { margin:0; padding: 0; overflow: hidden; position: relative; height: 180px; width: 326px;}
.map { position: absolute; top: 0; left: 0;}
.map img { border-bottom: 1px solid #9acc12;}
.map p { margin: 0 padding: 3px;}
#content .right .box p.maplinks { margin: 0; padding: 3px;}
p.maplinks a { text-decoration: none;}
a.clickmap { padding: 0; text-decoration: none;} 

.blog .left {width: 620px;}
.blog .right { float: right; width: 190px;}
/*.cases .right h2 { background: #fff; }*/
#sidebar {text-align:left;}
p.calltoaction { margin: 0; padding: 10px 0; }
.right p.calltoaction, #content #col2 p.calltoaction {  padding: 20px 0 0; text-align: center;}
.calltoaction a, body.popup p.calltoaction a { background: url(/_img/backgrounds/button_go.png) left top no-repeat #9acc12; border: 1px solid #333; color: #fff; font-weight: normal; margin: 0 5px 0 0; padding: 7px 7px 7px 27px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }
.calltoaction a:hover, body.popup p.calltoaction a:hover { background: url(/_img/backgrounds/button_go.png) left -50px no-repeat #e4ff99;  }
.calltoaction a.secondary  { background: url(/_img/backgrounds/button_blue.png) left top no-repeat; border: 1px solid #333; margin: 0 0 0 5px; padding: 7px 7px 7px 27px;  }
.calltoaction a.secondary:hover { background: url(/_img/backgrounds/button_blue.png) left -50px no-repeat; }
/* visibility hidden means it still uses layout space and pushes down the callto action links */
.clear { clear: both; font: 1px Arial, Helvetica, sans-serif; display: block; height: 0; margin: 0; overflow: hidden; padding: 0; }
.floatright { float: right; }
.floatleft { float: left; }
.indent h2, .indent p { padding-left: 150px; }

p.intro { font-size: 1.3em; font-weight: normal;}
p.quote { background: #ebf9fd ; border: 1px dotted #0bbede; font-style: italic; padding: 10px;}
p.quote span { font-style: normal;}

ul#quicksummary { margin: 0 -5px; padding: 0; list-style:none; font-size: 1em;}
ul#quicksummary ul { margin: 0 -5px; padding: 5px 0 0; list-style:none; font-size: 1em;}
ul#quicksummary li { background: #f5fae8; font-weight: bold;  list-style:none; padding: 5px; margin: 0;}
ul#quicksummary li li { background: #fff;  border-bottom: 1px dotted #9acc12; font-weight: normal;}

ul.quicksummary { margin: 0 -5px; padding: 0; list-style:none; font-size: 1em;}
ul.quicksummary ul { margin: 0 -5px; padding: 5px 0 0; list-style:none; font-size: 1em;}
ul.quicksummary li { background: #f5fae8;  border-bottom: 1px dotted #9acc12;   list-style:none; padding: 5px; margin: 0;}

/*--------------------------------------------------------------------------------------------------------------------------
STYLES USED IN CASE STUDIES
 ---------------------------------------------------------------------------------------------------------------------------*/
/* cases home page */
.cases .casenotes > h1 { text-align:left; margin-top: 0;}
#casegallery .case { float: left; font-size: 0.9em; margin:  9px 11px;text-align: center; width: 200px;}
#casegallery .case a {  border:  2px solid #fff; display: block; padding: 2px 0  10px;  text-decoration: none; overflow-x: hidden; white-space: nowrap; }
#casegallery .case a:hover {   border: 2px solid #375d81;  }
#casebar { background: #efefef; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; padding: 5px; }

a.allcases { background: url(/_img/backgrounds/allcases.png) top left no-repeat; border: 1px solid #183152; color: #fff;  font-size: 1.4em;  margin: 0 0 20px; padding: 5px; text-decoration: none; }

img.caseportrait { float: left; }
div.casenotes { margin: 0 0 30px; padding: 20px 0 0 175px; border-bottom: 1px dotted #999; }
div.casenotes p { padding-right: 30px; }
p.photo { text-align: center; margin: 0; }
p.caption, #content .left p.caption  { font: normal 1em; margin: 0 10px 3em; text-align: center; }
p.important { background: #fae6e6; border: 1px solid #c00; padding: 5px; }
p.important strong { color: #c00; }

#column1 { float: left; margin-right: 13px; width: 200px;}
#column2 { float: left; margin-right: 20px; width: 380px;}
#column3 { float: left; display: inline; width: 275px;}

#column1 #secnavigation ul a, #column1 #secnavigation ul li.block, #column1 #tertnavigation ul a, #column1 #tertnavigation ul li.block { background: #c4d7ed; border-bottom: 1px dotted #375d81; display: block; width: 190px; padding: 3px 5px; color: #375d81; text-decoration: none; }


.mystory { background: url(/_img/backgrounds/quotes_close.gif) bottom right no-repeat; padding: 0 30px; }
.mystory span.first { background: url(/_img/backgrounds/quotes_open.gif) top left no-repeat; float: left; height: 30px; margin-left: -30px; width: 30px; }

/* used on home page etc */
p.casetease { margin: 0; text-align: center; }
.homepage p.casenotes { padding: 35px 0 0 155px;}

p.dotted_links > a:link, p.dotted_links > a:visited {
  border-bottom:1px dotted #000;
	color:#000;
	text-decoration:none
}

.panes p.casenotes {
    padding-top: 20px; 
}


/*--------------------------------------------------------------------------------------------------------------------------
STYLES USED IN FOOTERS
 ---------------------------------------------------------------------------------------------------------------------------*/

#footer a { color: #fff; text-decoration: none;  }
#footlinks { background: none; border: none; color: #333; text-align: center; }

/*--------------------------------------------------------------------------------------------------------------------------
STYLES USED IN TABLES
 ---------------------------------------------------------------------------------------------------------------------------*/
 
table.destinationsummary { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc;  }
table.destinationsummary td {  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px; }
table.destinationsummary th {  background: #eef1f3; border-bottom: 1px solid #ccc;  border-right: 1px solid #ccc; padding: 5px; }
table.features p { text-align: center; }
table.matrix { border-collapse: collapse; width: 100%;  }
table.matrix th, table.matrix td {  border: 1px solid #ccc; }
table.matrix th { font-weight: bold; }
tr.evenrow td { background: #efefef; }
td.desthead { background: #f4e6e1; font-weight: bold; }
td.desthead .floatright { font-size: 0.9em; font-weight: normal; }
table.list td { border-bottom: 1px dotted #ccc; }
table.list td h2 { margin: 1em 0 0; }
/*--------------------------------------------------------------------------------------------------------------------------
STYLES USED IN FORMS
 ---------------------------------------------------------------------------------------------------------------------------*/
 
p.submit_form { margin: 0; padding: 5px 10px 0 0; text-align: right; }
p.submit_form input.button_submit  { background: url(/_img/backgrounds/button_go.png) left top no-repeat #9acc12; border: 1px solid #333; color: #fff; font-weight: normal; margin: 0 10px 0 0; padding:7px 7px 7px 27px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }
p.submit_form input.button_cancel { background: url(/_img/backgrounds/button_blue.png) no-repeat scroll left top #7bdfef; border: 1px solid #333; color: #fff; font-weight: normal; margin: 0 10px 0 0; padding:7px 7px 7px 27px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }         

/*--------------------------------------------------------------------------------------------------------------------------
HOME PAGE STYLES
 ---------------------------------------------------------------------------------------------------------------------------*/

.homepage #content { width: 936px; padding: 30px 12px 10px; }

/* main feature photos for each dicipline */

.homepage #placements  {border: 1px solid #666; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 0 20px;}
.homepage #placements h2 { margin: 0;}
.homepage .placement  {border: 1px solid #fff; float: left; width: 180px;}
.homepage .placement a { display: block; font-weight: bold; height: 25px; width: 180px; padding: 125px 0 0; text-align: center; text-decoration: none;}
.placement#physiotherapy-placements { background: url(/_img/homepage/physiotherapy_placements.jpg) top left no-repeat;}
.placement#medical-placements { background: url(/_img/homepage/medical-electives.jpg) top left no-repeat;}
.placement#dental-placements { background: url(/_img/homepage/dental-electives.jpg) top left no-repeat;}
.placement#non-elective-placements { background: url(/_img/homepage/non-elective-placements.jpg) top left no-repeat;}
.placement#nursing-placements { background: url(/_img/homepage/nursing-placements.jpg) top left no-repeat;}
.placement#midwifery-placements { background: url(/_img/homepage/midwifery-placements.jpg) top left no-repeat;}

/* non-standard  width of LH an RH columns */
#content #col1 { float: left; margin: 0; padding: 0 0 10px 10px; width: 548px; }
#content #col2 { float: right; margin: 0; padding: 0 10px 10px 0; width: 328px; }

.homefeature { border:1px solid #9acc12;  -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 0 1em;}
.homefeature.padded p { padding: 0 5px;}

#col1 .homefeature { border:1px solid #666;  margin: 0 0 1em;}
#col1 .homefeature h2 { margin: 0;}
#col2 .homefeature, .right .homefeature, #secnavigation, #tertnavigation { -moz-border-radius: 3px; -webkit-border-radius: 3px;  }

#map { }


#community {background: #f5fae8; }
.addon { padding: 0 10px 5px 0; border-top: 1px solid #fff;}
.addon a { text-decoration: none;}e#about { padding: 5px; }
.addon img { float: left;}
.addon p { padding: 5px 0 1em 190px;}

.homepage h1 { font-size: 2em; margin: 0 0 1em; padding: 0;  }
.homepage .bigtext p { font-size: 1.1em;}
#courses { padding: 5px; }
.homepage .creditlink { display: inline; }
/* various styles applied to RH column */

 a.pseudobutton { background: #0bbede; border: 1px solid #0a7894; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #fff; display: inline; float: none; margin: 0 0 0 5px; padding: 5px; text-decoration: none;}
 a.pseudobutton:hover { background: #0a7894; }


.homepage h2 { background: url(/_img/backgrounds/homepage_h2.png) top right no-repeat; color: #fff; margin: 0 0 10px; padding: 5px 25px 5px 5px;}
.homepage #col2 h2 { color: #000; font-size: 1.2em;}
.homepage #col1 h2 { background: url(/_img/homepage/homepage_h2_grey.png) top left no-repeat; }
/* root element for tabs  */
ul.tabs {  
	margin:0 !important; 
	padding:0 0 0 2px;
	height:29px;
	border-bottom:1px solid #9acc12;		 	
}

/* single tab */
ul.tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 10px;	
	text-decoration:none;
	border-left:1px solid #9acc12;	
	border-right:1px solid #9acc12;	
	border-bottom:0px;
	border-top:0px;
	height:18px;
	background-color:#ebf5d0;
	color:#6b8e0d;
	margin-right:2px;
	position:relative;
	top:1px;	
}

ul.css a:hover {
	background-color:#ebf5d0;
	color:#fff;
}
	
/* selected tab */
ul.tabs a.current {
	background-color:#fff;
	border-bottom:2px solid #fff;	
	color:#6b8e0d;	
	cursor:default;
}

	
/* tab pane */
div.panes div {
	display:none;
	border-top:1px solid #0bbede;
	border-width:0 1px 1px 1px;
	min-height:180px;
	padding:15px 10px 10px;
	background-color:#fff;	
}



/* login form for existing bookings and login to mytrip */

#loginpanel {border: 2px solid #0a7894; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 3px 3px 6px #999; -webkit-box-shadow: 3px 3px 6px #999; margin: 50px auto; width: 400px;}
#loginbody { background: #fff; font-size: 0.9em; padding: 10px;}
#loginbody input.text { border: 1px solid #000; width: 248px;}
#loginpanel form p {  clear: both; marign: 0; padding: 5px;}
#loginfooter { background: #efefef; border-top: 1px solid #0a7894; font-size: 0.7em; padding: 5px;}


#frmlogin p label { float: left; padding: 4px 0; width: 130px;  }
#frmlogin p input.text {  border: 1px solid #000; padding: 4px 2px; width: 234px; }



ul.checklist { list-style-image: url(/_img/done_small.gif); }
ul.checklist li { padding-bottom: 5px; }


/*--------------------------------------------------------------------------------------------------------------------------
ABOUT US HOME PAGE
 ---------------------------------------------------------------------------------------------------------------------------*/
.bio .title {
  font-size:18px;  
}

.bio img {
  float:left; 
  padding:0 20px 20px 0; 
}

.bio {
  clear:both;
  padding-bottom:15px;
}

#content .bio p {
  text-align: justify;
}

.left .bio p{
  padding-left:180px;
  text-align: left; 
  
}

#content .bio p.title {
  padding:10px 0 0 0; 
  margin:0 0 0.5em; 
}

.about_dest {  
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:#F5FAE8 none repeat scroll 0 0;
  border-top:1px solid #FFFFFF;
  color:#000000;
  display:block;
  padding:2px;
  text-decoration:none;  
}


/*--------------------------------------------------------------------------------------------------------------------------
DESTINATIONS HOME PAGE
 ---------------------------------------------------------------------------------------------------------------------------*/

#photoguide p { float: left; margin: 0; padding: 0; width: 304px;}

/*--------------------------------------------------------------------------------------------------------------------------
PLACEMENTS HOME PAGE
 ---------------------------------------------------------------------------------------------------------------------------*/
p.placements {padding:0 25px 5px;}
h1#intro_text {font-size:1.4em; font-weight:normal; margin:0.5em 0;}
/*--------------------------------------------------------------------------------------------------------------------------
MISCELLANEOUS STYLES
 ---------------------------------------------------------------------------------------------------------------------------*/

div.quote { background: #ffc; border: 1px solid #666; margin: 0 0 1em; padding: 10px;}
#content div.quote p { margin: 5px 0;}
p.quotetext { font-style: italic;}
.hlighter { font-weight: normal; } 
.nobr { white-space:  nowrap; }
.popup iframe { margin: 10px auto; }
/* make more of your elective heading in popups. Important declaration to override TB defaults */
p.optionsection { background: #def5fb; font-weight: bold; padding: 5px !important;}
.solecontent { padding: 30px; }
.contentNarrow { padding: 20px 229px; width: 502px;} 
.morecases { background: #375d81; color: #fff; font-size: 0.7em; padding: 2px;}
.morecases a, .morecases a:visited, .morecases a:link { color: #fff; }
.formpair { float: left; padding: 0 2%; width: 46%;}
p.subsection { background: #ccc; margin: 15px 0 5px; padding: 5px; }
/* green pseudobutton as per payments page */
/*a.pseudobutton { background-color: #5bba47; border: 2px solid #2d5d43; color: #fff; display: block; float: left; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 15px 0 0; padding: 10px; text-decoration: none; }
a.pseudobutton:hover { background-color: #2d5d43; }*/
#viewall { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 5px; text-align: right; margin: 0 0 10px; }
p#buttons_bar {margin:1em 0;}
p#buttons_bar a.pseudobutton{width:40%;text-align:center;display:block;float:left;margin:5px 4%;padding:5px 0;}
.destinations p#buttons_bar a.pseudobutton {width:40%;text-align:center;display:block;float:left;margin:5px 29%;padding:5px 0;}
div.contact{font-size:1em;padding-top:60px;}
.contact_info { -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.contact_info ul li {list-style-type:none;}
.phone {width:50px;}
#content .ragged { text-align: left;}

/*--------------------------------------------------------------------------------------------------------------------------
STYLES FOR TWITTER
 --------------------------------------------------------------------------------------------------------------------------*/
ul#twitter_update_list { list-style: none; margin: 0 0 1em; padding: 0;}
ul#twitter_update_list li { list-style: none; border-bottom: 1px dotted #2f6abd; margin: 0 0 5px; padding: 5px 0 7px;}
ul#twitter_update_list a { display: block;}
ul#twitter_update_list span { text-align: left;} 
ul#twitter_update_list span a { display: inline; }


/*--------------------------------------------------------------------------------------------------------------------------
STYLES FOR SITEMAP
 --------------------------------------------------------------------------------------------------------------------------*/
 
#sitemap .left {
  width:600px;
}
 
ul.sitemap li {
  font-size:1.1em;  
  padding:3px 0;
}

ul.sitemap_detail li {
  font-size:1em;
  padding-bottom:0;
  padding-top:0;
}

#sitemap li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
} 
  

#sitemap #content .left li:before{
   content: "\00BB";      /* Hexadecimal value for &raquo */
   padding-right: 5px;
   color:#777777;    
}

/*--------------------------------------------------------------------------------------------------------------------------
STYLES FOR ACCORDIAN
 --------------------------------------------------------------------------------------------------------------------------*/

h2.acc_head { background: url('/_img/backgrounds/h2_accordian.png') right 50% no-repeat; padding: 5px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; text-shadow: 0 -1px 0 #0a7894;}
#genericordion { margin-bottom: 20px;}
/*--------------------------------------------------------------------------------------------------------------------------
STYLES FOR PARTNERS' LOGOS
 --------------------------------------------------------------------------------------------------------------------------*/

a.logo { border:1px solid #ccc;  display: block; float: left; width: 160px; height: 100px;  border:1px solid #ccc; display: block; float:left; margin: 5px; padding: 5px; position: relative; overflow: hidden;}
.partner div.tooltip h3 { margin: 0; padding: 25px 30px 0;}
.partner div.tooltipcontent { margin: 0; padding: 0 30px 40px;}
.partner div.tooltipcontent p { margin: 0; padding: 5px 0;}
.wtwpartner { clear: both; border-bottom: 1px dotted #ccc; padding-top: 10px;}
.wtwpartner h3 { margin: 0;}
.wtwpartner p { margin: 0; padding: 5px 0;}
.wtwpartner img { float: left;}
.wtwpartner .leadin { margin-left: 170px;}
div.tooltip.small { 
  
  width: 250px; }

div.tooltip.small h3 { padding: 30px 25px 0;}
div.tooltip.small div.tooltipcontent { padding: 0 25px 40px;}



/*TODO: put this into jquery.tools.tooltip.css*/
div.tooltip { 
    font-size: 14px;    
    width: 370px; 
    display: none; 
    color: #000;
}

/* tooltip title element (h3) */ 
div.tooltip h3 { 
    background: url('/_img/tooltips/white_arrow_big_top.png') top left no-repeat; 
    margin: 0;
    padding: 30px 30px 10px; 

}

div.tooltipcontent { 
    background: url('/_img/tooltips/white_arrow_big_bottom.png') bottom left no-repeat; 
    font-size: 0.9em; 
    margin:0;
    padding: 10px 30px 40px; 
}

div.tooltip.small h3 { background: url('/_img/tooltips/white_arrow_small_top.png') top left no-repeat; }
div.tooltip.small div.tooltipcontent { background: url('/_img/tooltips/white_arrow_small_bottom.png') bottom left no-repeat;  }

#worldmap { position: relative; width: 913px; height: 464px;}
a#ghanalink { display: block; position: absolute; top: 229px; left: 404px; height: 30px; width: 30px; }
a#arushalink { display: block; position: absolute; top: 266px; left: 522px; height: 23px; width: 23px; }
a#lakeviclink { display: block; position: absolute; top: 278px; left: 496px; height: 23px; width: 23px; }
a#zanzibarlink { display: block; position: absolute; top: 295px; left: 523px; height: 20px; width: 20px; }
a#darlink { display: block; position: absolute; top: 295px; left: 523px; height: 20px; width: 20px; }
a#nepallink { display: block; position: absolute; top: 170px; left: 645px; height: 23px; width: 23px; }
a#indialink { display: block; position: absolute; top: 222px; left: 624px; height: 23px; width: 23px; }
a#argentinalink { display: block; position: absolute; top: 385px; left: 223px; height: 23px; width: 23px; }
a#sri-lankalink { display: block; position: absolute; top: 236px; left: 649px; height: 23px; width: 23px; }

.cms { min-height: 40px;}


#dentaloutreachcounter { background: #bcebf7; border: 1px solid#0a7894; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin: 0 0 15px; }
#dentaloutreachcounter h1 { background: url(/_img/backgrounds/dentaloutreach.png) top left; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-bottom: 1px solid #0a7894; color: #0a7894; font-size: 1.2em; margin: 0; padding: 5px ; text-shadow: 0 1px 0 #bcebf7; }
#dentaloutreachcounter table { margin: 5px; width: 320px;}
#dentaloutreachcounter th.border, #dentaloutreachcounter td.border { border-bottom: 1px dotted #fff;}
#dentaloutreachcounter th { background: none;}
#dentaloutreachcounter td { font-weight: bold;}
#dentaloutreachcounter p { background: url(/_img/backgrounds/dentaloutreach.png) top left; border-top: 1px solid #0a7894; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; color: #fff; font-size: 0.8em; margin: 0; padding: 5px; text-align: right;}