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

@import url("fensons_reset.css");

body { color: #000; background-color: #ccc; font: 75%/120% Verdana, Arial, Helvetica, sans-serif; margin: 0; position: relative; }
xdiv { border: 1px dotted #ff3300; }
p { padding: 0 0 7px 0; }
strong { font-weight: bold; }
blockquote { margin: 0 25px; }
em { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; }
ul { margin: 0 25px 10px 25px; }
li { list-style: square;}

/* ======== SITE STRUCTURE
====================================================== */
#wrap { width: 980px; margin: 0 auto 0 auto; padding: 0; }
#wrap_top { height: 10px; background: url("/gr/bg/wrap_top.png") no-repeat; }
#wrap_middle { background: url("/gr/bg/wrap_middle.png") repeat-y; }
#wrap_bottom { height: 10px; background: url("/gr/bg/wrap_bottom.png") no-repeat; }

#siteholder { width: 960px; margin: 0 auto; padding: 0; text-align: left; background: url("/gr/bg/main.jpg") bottom repeat-x; }


/* ======== HEADER
====================================================== */
#header { height: 92px; background: url("/gr/bg/header.jpg") repeat-x; }
#logo { background: url("/gr/logo.jpg") no-repeat; background-position:center; width: 230px; height: 85px;}
#logo a { display: block; width: 230px; height: 85px;}
#logo span { display: none; }
#header_content { }

/* ======== DROP DOWN MENU
====================================================== */

#dropdownmenu { background-color: #202068/*#181445;*/; /*background: url("/gr/bg/dropdown_menu.jpg") bottom repeat-x;*/ height: 21px; /*border: solid #ccc; border-width: 1px 0;*/ padding-left: 510px; /*263px;*/ padding-top: 2px; }
#dropdownmenu a { color: #666; text-decoration: none; }


/* ======== BANRs
====================================================== */
#banr { width: 960px; height: 240px; border: solid #000; border-width: 0 0 1px 0; }
#banr #banr_lft {width:635px;/*660px;*/ height: 240px; float:left; background: url("/gr/bnrs/homePg_banner_lft.jpg") no-repeat;}
#banr #banr_rt {width:325px;/*300px;*/ height:240px; float:right; background: url("/gr/bnrs/homePg_banner_rt.jpg") no-repeat;}
/* full size banner - JMR */
#banr #banr_full {width:960px; height: 240px; float:left; background: url("/gr/bnrs/homePg_banner_full.jpg") no-repeat;}
#banr a { display: block; width: 100%; height: 100%; }
body#homepage #banr { xbackground: url("/gr/bnrs/home2.jpg") no-repeat; }
body#about #banr { background: url("/gr/bnrs/about.jpg") no-repeat; height: 95px; }
body#about_fr #banr { background: url("/gr/bnrs/about_fr.jpg") no-repeat; height: 95px; }
body#services #banr { background: url("/gr/bnrs/services.jpg") /*url("/gr/bnrs/services3.jpg")*/ no-repeat; height: 95px;/*243px;*/ }
body#services_clinicaltrial #banr { background: url("/gr/bnrs/cto.jpg") no-repeat; height: 95px; }
body#services_nonclinical #banr { background: url("/gr/bnrs/nsd.jpg") no-repeat; height: 95px; }
body#services_regulatory #banr { background: url("/gr/bnrs/reg.jpg") no-repeat; height: 95px; }
body#services_other #banr { background: url("/gr/bnrs/services.jpg") no-repeat; height: 95px; }
body#pharmaco #banr { background: url("/gr/bnrs/phv.jpg") no-repeat; height: 95px;/*68px;*/ }
body#investigator_reg #banr { background: url("/gr/bnrs/inv_reg.jpg") no-repeat; height: 95px; }
/*body#therapeutic #banr { background: url("/gr/bnrs/ther_exp.jpg") no-repeat; height: 115px; }*/
body#careers #banr { background: url("/gr/bnrs/careers.jpg") no-repeat; height: 95px; }
body#news #banr { background: url("/gr/bnrs/news_events.jpg") no-repeat; height: 95px; }
body#contact #banr { background: url("/gr/bnrs/contact.jpg") no-repeat; height: 95px; }
/*JMR*/
body#services_idd #banr { background: url("/gr/bnrs/idd.jpg") no-repeat; height: 95px; }
body#services_pd #banr { background: url("/gr/bnrs/pd.jpg") no-repeat; height: 95px; }
body#services_pmo #banr { background: url("/gr/bnrs/pmo.jpg") no-repeat; height: 95px; }
body#services_qa #banr { background: url("/gr/bnrs/qa.jpg") no-repeat; height: 95px; }
/*body#locations #banr { background: url("/gr/bnrs/locations.jpg") no-repeat; height: 115px; }*/
body#meetemployees #banr { background: url("/gr/bnrs/moe.jpg") no-repeat; height: 95px; }
body#services_dm_stats #banr { background: url("/gr/bnrs/dm_stats.jpg") no-repeat; height: 95px; }


/* ======== HOMEPAGE
====================================================== */
#homepage_main { margin: 20px 25px 0 25px; padding-bottom: 0px; clear: both; font-size: 95%; overflow: auto; }
/*#homepage_main h1 { font: 120%/125% Arial, Helvetica, sans-serif; color: #274251; border-bottom: 1px solid #ccc; margin-bottom: 3px; background: url("/gr/bg/dropdown_menu2.png") repeat-x; padding-left: 5px; }*/
#homepage_main a { text-decoration: none; color: #4c6e96; }
#homepage_main a:hover { text-decoration: underline; color: #788416;/*#000;*/ }
#homepage_main ul { margin: 0; padding: 0; }
#homepage_main li { margin: 0; padding: 0 3px 2px 8px; background: url("/gr/bullet_blue.png") left 6px no-repeat; list-style: none; }

/* DGC - 20100126 
==================================================================*/
#homepage_main h1 { font: 120%/125% Arial, Helvetica, sans-serif; color: #274251; border-bottom: 1px solid #ccc; margin-bottom: 3px; background: url("/gr/bg/tabblue.png") no-repeat; padding-left: 5px; }
#homepage_main h1 a{color: #ffffff;}
#homepage_main h1 a:hover{color: #788416; text-decoration: none;}
/* ============================================================== */

#homepage_main_c1, 
#homepage_main_c2, 
#homepage_main_c3 { float: left; width: 295px; xbackground-color: #fff; xborder-bottom: 1px solid #ccc; }
#homepage_main_c1_content { xbackground-color: #f6f6f6; padding: 0px; }
#homepage_main_c2 { margin: 0 10px; }
#homepage_main_c2_content { xbackground-color: #f6f6f6; padding: 0px; }
#homepage_main_c3_content { xbackground-color: #f6f6f6; padding: 0 10px; }

/* ======== BUTTONS
====================================================== */
.buttons a { float: left; background: url("/gr/bg/buttons.jpg") bottom repeat-x; border: 1px solid #999; display: block; padding: 2px 4px 4px 4px; margin: 0 8px 5px 0; font: 110%/130% Arial, Helvetica, sans-serif; }

/* ======== MAIN
====================================================== */
#main { margin: 25px 35px 0 25px; padding-bottom: 25px; clear: both; font-size: 95%; }
#main_bottom { clear: both; padding: 10px 0; }   						/* to ensure that #main_c1 and #main_c2 stay in #main container */
#main_c1 { float: left; width: 185px; }
#main_c1_content { font-size: 95%; padding: 10px 20px 0 10px; border-right: 1px dotted #ccc; text-align: right; }
#main_c1_content a { color: #666; text-decoration: none; }
#main_c1_content a:hover { color: #788416; /* DGC - color */ border-bottom: 1px dotted #000; }
#main_c1_content h1 { font-size: 90%; color: #666; text-transform: uppercase; margin-bottom: 5px; border-bottom: 1px solid #ccc; padding: 3px 0; background: url("/gr/bg/gradient.jpg") bottom repeat-x; }
#main_c1_content h3 { font-size: 120%; font-weight: bold; }

#main_c2 { margin: 0 0 0 215px; }
#main_c2_content { padding: 10px; color: #333; }
#main_c2_content h1, #main_c2_content h2 { color: #181445; /*#333;*/  font-family: Arial, Helvetica, sans-serif; margin: 5px 0 15px 0; }
#main_c2_content h1 { font-size: 200%; border-bottom: 1px solid #202068;/*1px dotted #ccc;*/ padding-bottom: 5px; }
#main_c2_content h2 { color: #788416; /* DGC - color */ font-size: /*130%*/140%; }
#main_c2_content h3 { font-size: 120%; color: #555; margin-bottom: 5px; }
#main_c2_content h4 { color: #788416; /* DGC - color */ font-family: Arial, Helvetica, sans-serif; font-size: 115%; font-weight: bold; }
/* JMR - link color on events and pubs pages */
#main_c2_content a:hover { color: #788416; }
#main_c2_content .box a:hover { color: #000033; text-decoration: none;}


/* ======== THERAPEUTIC EXPERIENCE page
====================================================== */
table#te_drugs, table#te_biologics { padding: 0; width: 90%; margin: 0 auto; }
table#te_drugs th, table#te_biologics th { font-weight: bold; border-bottom: 1px solid #ccc; padding-top: 10px; font-size: 110%; background: url("/gr/bg/gradient.jpg") bottom repeat-x; }


/* ======== FOOTER
====================================================== */
#footer { margin: 0 auto 25px auto; text-align: center; }
#footer a { color: #333; }
#footer_content { font: 85%/125% Arial; }


/* ======== MISC
====================================================== */
a { color: #4c6e96; }
a:visited {	color: #7E9BBE; }
a:hover { color: #000033; }
xa[href $='.pdf'] { padding-right: 18px; background: transparent url("/gr/icon_pdf.gif") center right no-repeat; xzoom: 1; }
xa[href $='.pdf']:after { content: url("/gr/icon_pdf.gif"); }
.img_right { float: right; margin: 0 0 5px 35px; }
.img_left { float: left; margin: 0 25px 5px 0; }
.box_right { float: right; width: 200px; border-left: 1px dotted #ccc; margin: 0 0 15px 35px; padding: 5px 0 5px 35px; font-size: 95%; xbackground: #fff; }
.box_left { float: left; width: 200px; border-right: 1px dotted #ccc; margin: 0 35px 15px 0; padding: 5px 35px 5px 0; font-size: 95%; }
.box_left, .box_right ul { margin: 0; }
.box_left, .box_right a { text-decoration: none; color: #788416; /* DGC */}
.box_left, .box_right a:hover { text-decoration: underline; color: #181445; }
.box_left, .box_right li { margin: 0; padding: 2px 8px; background: url("/gr/bullet_green.png") left 6px no-repeat; list-style: none; }
.box_right .box_right_h3 { text-transform: uppercase; color: #181445;/*#294664;*/ font-size: 80%; font-weight: bold; }
.caption { font-family: Arial, Helvetica, sans-serif; }
.line { border: 0; border-bottom: 1px dotted #000; height: 1px; margin: 10px 0; }
.black { color: #000; }
/* DGC */
.blue { color: #181445;}
.green { color: #788416;}

#helpbox { margin-top: 25px; text-align: left; border: /*1px solid #666;*/ border-width: 1px 0; padding: 0; width: 150px; /*background: #fff url("/gr/bg/header.jpg") bottom repeat-x;*/ }
#helpbox h3 { border-bottom: 1px solid #ccc; margin: 0 0 5px 0; padding: 5px; font-size: 100%; background: #fff url("/gr/bg/header_reversed.jpg") repeat-x; }
#helpbox img { margin-right: 5px; margin-left: 5px;}
/*#helpbox .line { padding: 0; margin: 3px 0; border-bottom: 1px solid #ccc; }*/
/* DGC */
#helpbox a:hover {text-decoration: none;}

/*  TSDM Table */
#tsdm { border: 0; width: 95%; margin: 0 auto; }
#tsdm td { text-align: center; }
#tsdm th { font-weight: bold; text-align: center; border-bottom: 1px solid #666;}
#tsdm .left { text-align: left; }
#tsdm .subtotal { border-top: 1px solid #666; border-bottom: 1px double #666; }
.blurb { font-size: 125%; color: #333; xfont-weight: bold; xtext-align: center; margin: 10px 0; padding: 20px 120px 20px 50px; background: url("/gr/bg/blurb3.jpg") bottom no-repeat; border: 1px solid #ccc; border-width: 1px 0; }

/* ======== BOTTOM PADDING FOR HOME PAGE ELEMENTS
====================================================== */
.bottom_padding { padding-bottom: 3px; }

/* ======= SUBMENU FORMATTING 
====================================================== */

.submenu
{
	font-size: 11px;
	color: #181445;
	text-align: right;
	position: relative;
	top: -25px;
	right: 30px;
	/*width: 40%*/
}
/* version 1 
.submenu
{
	font-size: 11px;
	color: #181445;
	text-align: right;
	position: absolute;
	top: 70px;
	right: 370px;
	width: 100%
}
*/
.submenu a
{
	color: #181445;
	text-decoration: none;
}

.submenu a:hover
{
	color: #788416;
	text-decoration: none;
}

/* ======== QUOTE BOX
===================================================== */
#service_quotebox
{
	margin: 10px 0;
	margin:0 auto;
	width: 220px; /*260px;*/	
}

#pharmaco_quotebox_L1
{
	margin: 10px 0;
	width: 490px;
}

#pharmaco_quotebox_L2
{
	margin: 10px 0;
	width: 450px;
}

#pharmaco_quotebox_L3
{
	margin: 10px 0;
	width: 600px;
}

.roundbox
{
	background:#788416 url("/gr/round_top_right_green.png") right top no-repeat;
	color: #FFFFFF; /*#181445;*/
	text-align:center;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
}

.roundbox div
{
	background:url("/gr/round_bottom_left_green.png") left bottom no-repeat;
	padding-top: 8px;
	padding-bottom:8px;
}

/* ========== BLOCK QUOTES 
======================================================== */
blockquote.style1
{
	/*font: 14px/20px italic Times, serif;
	padding: 8px;*/
	/*background-color: #faebbc;
	border-top: 1px solid #e1cc89;
	border-bottom: 1px solid #e1cc89;*/
	margin: 5px;	
	background-image: url("/gr/start_quote_blue.png");
	background-position: top left;
	background-repeat: no-repeat;
	/*text-indent: 10px;*/
	font-weight:bold;
}
  
blockquote.style1 span
 {
	display: block;
	padding: 5px;
	background-image: url("/gr/end_quote_blue.png");
	background-repeat: no-repeat;
	background-position: bottom right;
}

/* ============= RELATED LINKS BOX 
========================================================= */
.box
{
	width: 194px;
	height: auto; /*110px;*/
	background-color: #202068; /*#181445;*/
	background-image: url("/gr/right_corner.png");
	background-position: top right;
	/*margin-left: 10px;*/
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 10px; /*6px;*/
	padding-left: 8px;
}

.inner_box
{
	width: 180px;
	height: auto; /*80px;*/
	border-width: 2px;
	border-style: solid;
	border-color: #ffffff;	
	background-color: #788416;
}

.box p
{
	text-align: left;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	padding-left:3px;
	padding-top:3px;
	padding-bottom:4px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	font-size: 10px;	
}

.inner_box ul
{	
	margin: 0; 
	padding-left: 10px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
}

.inner_box li
{
	font-weight: normal;
	font-size: 11px;
	/*text-transform: none;	*/
	padding-top: 3px; 
	/*padding-bottom: 3px;*/
	/*list-style: none;*/ /*circle outside;*/
	background: url("/gr/bullet_blue.png") left 7px no-repeat;
}

.inner_box a
{
	color: #ffffff;
	text-decoration: none;
}

.inner_box a:hover
{ 
	text-decoration: underline; 
	color: #202068; /*#181445;*/ 
}

/* ================ Help box used for contact info
================================================================ */
.contactbox
{
	background-image: url("/gr/contactBtn_green.gif");	
	background-repeat: no-repeat;
	margin:0px; 
	padding-top:0px;
	width:142px;
	height:86px;	
}

.contactbox:hover
{
	background-image: url("/gr/contactBtn_grey.gif");	
}

.contactinfo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #202068;
	float:inherit;
	text-align: center;	
	padding-top:5px;
}

.contactinfo:hover
{
	color: #6E7713; /*#788416;*/	
}

.contactinfo div
{
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}

/* ================ Button Style
================================================================ */
.btn_blue, .btn_green
{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

.btn_blue
{
	background-color: #202068; /*#788416;*/
}

.btn_green
{
	background-color: #788416;
}


/* ================ Textarea
================================================================ */
textarea#privacystatement
{
	width: 650px;
	height: 300px;
	border: 3px solid #788416; /*#202068;*/ /*#cccccc;*/
	padding: 5px;
	background-color: #F3F8D1;/*#E8E8E8;*/
	color: #202068;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

textarea p
{
	font-weight:bold;
	padding-bottom: 3px;
}


/*================ World Map Popup Box
=============================================================== */
#catolocale
{
	position:relative;
	margin: 0px;
	padding: 0px;
    width: 618px; /*620x;*/
    height: 369px; /*370px;*/
    background: url("/gr/worldwidelocations3.png") top left no-repeat #fff;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
}

#catolocale li 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#catolocale li a 
{
    position:absolute;
	display: block;
   /*
     Specifying a background image
     (a 1px by 1px transparent gif)
      fixes a bug in older versions of
      IE that causeses the block to not
      render at its full dimensions.
   */
    background:url(blank.gif);
}

#catolocale li a span { display:none; }

#catolocale li a:hover span 
{
	position: relative;
	display: block;
	width: 300px;
	left: 20px;
	top: 20px;
	padding: 5px;
	border: 5px solid #788416;/*#000;*/
	background: #202068; /*#788416;*/
	text-decoration: none;
	color: #ffffff;	
	filter: alpha(opacity=90);  /* for IE only*/
	opacity:0.9;/* CSS3 standard for all other browsers*/
}

.boxhdr
{
	font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
	color: #202068;
	font-weight:bold;
	font-size: 12px;
	text-align:center;
	background-color: #788416;
	padding: 0px;
	margin-bottom: 10px;
}

a.crb, a.crc, a.crd, a.cri, a.crsa, a.crsd, a.crsf, a.crw, a.frankfurt, a.cologne, a.graz, a.riga, a.crni
{
	text-decoration: none;
}

/* Coordinates and dimensions of hotspots for different Cato locations */
#catolocale a.crc
{
	top: 65px;
	left: 162px;
	width: 67px;
	height:15px;
}

#catolocale a.crb
{
	top:  86px;
	left: 195px;
	width: 58px;
	height: 13px;
}

#catolocale a.crd 
{
	top: 159px;
	left: 166px;
	width: 134px;
	height: 15px;
}

#catolocale a.cri 
{
	top: 132px;
	left: 370px;
	width: 46px;
	height: 16px;
}

#catolocale a.crw
{
	top: 104px;
	left: 198px;
	width: 85px;
	height: 13px;
}

#catolocale a.crsa
{
	top: 247px;
	left: 260px;
	width: 83px;
	height:14px;
}

#catolocale a.crsd 
{
	top: 139px;
	left: 14px;
	width: 73px;
	height: 14px;
}

#catolocale a.crsf
{
	top: 107px;
	left: 12px;
	width: 92px;
	height: 14px;
}

#catolocale a.frankfurt
{
	top: 66px;
	left: 251px;
	width: 56px;
	height: 14px;
}

#catolocale a.cologne
{
	top: 84px;
	left: 258px;
	width: 44px;
	height: 14px;
}

#catolocale a.graz
{
	top: 69px;
	left: 311px;
	width: 34px;
	height: 14px;
}

#catolocale a.riga
{
	top: 62px;
	left: 362px;
	width: 30px;
	height: 13px;
}

#catolocale a.crni
{
	top: 142px;
	left: 419px;
	width: 59px;
	height: 12px;
}