body
{
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

/* tabs*/

*, *:before, *:after {margin: 0; box-sizing: border-box;}
		

	.main {
	margin: 0 auto;
	min-width: 280px;
	max-width: 720px;
	height: auto;
	border: 0px solid #FF0000;
	}
	
	.fielddesign
	{
	width: 90%; border: solid 1px #8ea6b2; height: 25px;
	}
	
	.radiodesign
	{
	height: 18px; width: 18px;
	margin: 5px;
	}
	
	.content {
	background: #fff;
	color: #373737;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #003654;
	border-right-color: #D7F1FF;
	border-bottom-color: #cbecfe;
	border-left-color: #D7F1FF;
	border-radius: 4px;
	}


		.content > div {display: none; padding: 0px 0px 0px;  border: 0px solid #fff;}

		.offresp {display: none;}
		.label {display: inline-block; padding: 14px 25px; font-weight: 600; text-align: center; background: #c9cbcc; color: #333; border-bottom: 0px solid #38627a; padding-top: 15px; margin-bottom: 2px; width: 35%; border-radius: 4px; font-size: 14px; }
		.label:hover {color: #fff; cursor: pointer; background: #003654;border-bottom: 0px solid #003654; }
		input:checked + label {background: #003654; color: #fff;  border-bottom: 0px solid #003654; }

.submitbtn1
{
background-image: url(/icons/submit1.gif);
width: 255px;
height: 55px;
border:0px;cursor:hand;
}

.submitbtn1:hover
{
background-image: url(/icons/submit1_hover.gif);
width: 255px;
height: 55px;
}


/*
.submitbtn1: active {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none;
  outline: 0;
  display: inline-block;
  color: white;
  background-color: #1d8cd8;
  text-align: center;
  cursor: pointer;
  width: 50%;
  font-size: 19px;
  margin: 10px;
  padding: 1px;
  border-radius: 4px;
}

.submitbtn1: hover {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none;
  outline: 0;
  display: inline-block;
  color: white;
  background-color: #24a6ff;;
  text-align: center;
  cursor: pointer;
  width: 50%;
  font-size: 19px;
  margin: 10px;
  padding: 1px;
  border-radius: 4px;
}
*/




		#tab1resp:checked ~ .content #content1,
		#tab2resp:checked ~ .content #content2
		 {
		  display: block;
		  position: relative;
		 
		}

		@media screen and (max-width: 400px) { label {padding: 4px 20px; padding-top:15px;}
		}
		
		
@media screen and (max-width: 400px) { 		
		.galleryItemcontentresp {
    color: #333333;
    float: left;    
     width:100%;
   margin-top: 0;
   border:0px solid #d6d6d6;
   }  }
		
		
		/* go to top*/
 #scroll-top {
  position:fixed; 
  /* On top of everything */
  z-index:9999; 
  bottom:0;
  right:0;
  margin:0.9em;
  display:inline-block;
  padding:0.15em 0.5em;
  border-radius:3px;
  color:#fafafa;
  text-decoration:none;
  border:1px solid transparent;
  background:#39b5e9;
  letter-spacing:1px;
  text-transform:uppercase;
}

/* 
* Up Arrow for the scroll top link 
*/
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}

}

.productstyle {
	
	font-size: 12px;
	line-height: 14px;
}

.iconabsresp {
	position: static;
	width: 90px;
	border: 1px solid #FFFF00;
	float:left;
	display: inline;	
	}

.iconrelresp {
position: relative;
width: 90px;
}

	
.productresparea {
	width: 150px;
	position: static;
	float: left;
	margin: 8px;
	border: 0px solid #d6d6d6;
	
}

/* image tabs */

		div#page {
			max-width: 900px;
			margin-left: auto;
			margin-right: auto;
			padding: 20px;
		
		}
		

		.back-to-top:hover {	
			background-color: rgba(135, 135, 135, 0.50);
		}
		
.containerthumbnails {
    width: 100%;
    margin: 30px auto;
    overflow: hidden;
		
}

.containercontentresp {
    width: 100%;
   
    overflow: hidden;
	}


.galleryItem h3 {
	/*text-transform: uppercase; */
	
	font-size: 1em;
	font-weight: normal;
	text-transform: none;
	text-align: center;
}

.galleryItem img {
    /*max-width: 100%;*/ 											

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border: 0px solid #d6d6d6;	
}

.galleryItem {
    color: #333333;
    font: 11px/1.5 Arial, Helvetica, sans-serif;
    float: left;    
     text-align: center;
    width: 8%;
    margin:  2% 2% 50px 2%; 
	border: 0px solid #d6d6d6;
	
}




.galleryItemcontent {
    color: #333333;
    float: left;    
     width:100%;
   margin-top: 0;
   border: 1px solid #d6d6d6;
  }
 

.galleryItemcontentIMG {
    color: #333333;
    float: center;    
  	margin-bottom: 20px;
   border: 0px solid #d6d6d6;
   
}
 


.videostyle
{
border: 8px solid #cfd0d1;	
border-radius:8px;
text-align:center;
vertical-align:middle;
width:60%;
height:50%;
background-color:#000000;
	}
	
	
.videobg
{

background-color:#003359; 
	background: -webkit-linear-gradient(top,#e4e4e4,  #ffffff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top,#e4e4e4,  #ffffff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #e4e4e4, #ffffff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom,#e4e4e4 , #ffffff); /* Standard syntax */
	}
	
.respline
{
	background-color:#455d82; 
	height:5px; 
	width:100%;
}
	
	
	.videobtn
{
	margin-top: 30px;
	width:50%;
	height: 50%;
	
}
	
	
.videobtn1
{
	background-color:linear-gradient; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #047dd6, #015b9e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom,#047dd6 , #015b9e); /* Standard syntax */
	width: 356px;
	height: 58px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	border-radius:8px;
	margin-top: 30px;
	font-size: 19px;
	text-shadow: 1px 2px #282828;
	padding-top: 16px;
}
	
	
	.videoloadicon {
	vertical-align: middle;	
	border: solid 1px #ffffff;
	padding: 1px;
	 border-radius:14px;
	margin-right: 10px;
	
	}
	
		.whitetxtresp {
	color: #FFFFFF;
	text-decoration: none;	
	}
	
	
	.galleryItem1 img {
    max-width: 100%; 											

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border: 0px solid #d6d6d6;	
	
}




@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){





	.videobtn1
{
	background-color:#003359;
	background: -webkit-linear-gradient(top,#047dd6,  #015b9e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top,#047dd6,  #015b9e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #047dd6, #015b9e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom,#047dd6 , #015b9e); /* Standard syntax */
	width: 95%;
	height: 100%;
	font-family:  Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	border-radius:8px;
	margin-top: 30px;
	font-size: 17px;
	text-shadow: 1px 2px #282828;
	padding: 10px;
	line-height: 12px;
	
}
	

		.videostyle
{

border: 8px solid #cfd0d1;	
border-radius:8px;
text-align:center;
vertical-align:middle;
width:100%;
height:100%;
background-color:#000000;
	}


    .galleryItem1 {width: 40.33333%;
	
	}
	
.posrelrespvideo {
	position: relative;
	margin-left: 45%;
	line-height: 18px;

}



    .galleryItem {width: 29.33333%;}
	
	
	
}




.viewmore_button{
border:1px solid #3cabfe; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 8px 8px 8px 16px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #68beff; background-image: -webkit-gradient(linear, left top, left bottom, from(#68beff), to(#1a74b7));
 background-image: -webkit-linear-gradient(top, #68beff, #1d76ba);
 background-image: -moz-linear-gradient(top, #68beff, #1d76ba);
 background-image: -ms-linear-gradient(top, #68beff, #1d76ba);
 background-image: -o-linear-gradient(top, #68beff, #1d76ba);
 background-image: linear-gradient(to bottom, #68beff, #1d76ba);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#68beff, endColorstr=#1d76ba);
  
}

.viewmore_button:hover{
 border:1px solid #5d7fbc;
 background-color: #819bcb; background-image: -webkit-gradient(linear, left top, left bottom, from(#1a74b7), to(#288fdc));
 background-image: -webkit-linear-gradient(top, #1a74b7, #288fdc);
 background-image: -moz-linear-gradient(top, #1a74b7, #288fdc);
 background-image: -ms-linear-gradient(top, #1a74b7, #288fdc);
 background-image: -o-linear-gradient(top, #1a74b7, #288fdc);
 background-image: linear-gradient(to bottom, #1a74b7, #288fdc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1a74b7, endColorstr=#288fdc);
   max-width: none;
}


.definewidth
{
width: 100%;
border: 1px solid #FF0000;
overflow: hidden;
text-align:center;

}


.Catalogall
{
	background-image: url(images/ReportCatalogAll.jpg);
	background-repeat: no-repeat;
	height: 155px;
	width: 104px;
	border: 0px solid #FF0000;

}


.Catalogpharma
{
	background-image: url(images/ReportCatalogPharma.jpg);
	background-repeat: no-repeat;
	height: 155px;
	width: 104px;
	border: 0px solid #FF0000;

}



.bluetxtresp
{
	font-size: 14px;
	color: #004675;	
	

}

.MACConsortium
{
	background-image: url(images/ProductServices/Digital_Marketing_Consortium_icon.jpg);
	background-repeat: no-repeat;
	height: 82px;
	width: 73px;
	border: 0px solid #FF0000;

}


.DMCConsortium
{
	background-image: url(images/ProductServices/Medical_Affairs_Consortium_icon.jpg);
	background-repeat: no-repeat;
	height: 82px;
	width: 73px;
	border: 0px solid #FF0000;

}




.catalogsectionarea
{
overflow: hidden;
margin-top: 20px;
padding: 5px;
padding-bottom: 40px;
border: 0px solid #000;
	}






.catalogsectionabs
{
	position: absolute;
	width: 45%;
	padding: 7px;
	margin: 5px;
	border: 0px solid #000;
	
	}
	

	

.catalogsectionrel
{
float: right;
width: 45%;
padding: 7px;
margin: 5px;
}



	}
	
	@media only screen and (min-width : 1000px),
	
	
{
    .catalogsectionarea {width: 70%; }
	
	
	.galleryItemcontentresp {
    color: #333333;
    float: left;    
     width:80%;
   margin-top: 0;
   border: 0px solid #d6d6d6;
  
   
}


	
	
}



 

.consortiumsectionabs
{
	position: absolute;
	width: 45%;
	padding: 7px;
	margin: 5px;
	border: 0px solid #000;
	}
	

	

.consortiumsectionrel
{
float: right;
width: 45%;
padding: 7px;
margin: 5px;
border: 0px solid #000;

}


.contentitalic
{
	font-style: italic;	
}








/* RAS functions*/
/*--about-top--*/
ul.place{
	padding: 0;
	margin: 6px 0;
	background: #003654;
	width: 100%;
	
}
ul.place li{
	display: inline-block;
	padding: 6px;
	margin-left: 5px;
	
}
ul.place li {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	padding: 6px;
	
	
}
.possible-about p{
	color:#727272;
	font-size:1em;
	line-height:1.5em;

}
.possible-about h4{
	font-size: 1.4em;
	color: #000;
	padding: 0 0 1em;
	
}
.bottom-grid {
  padding: 3em 0;
  
}

.collapseimg
{
	height: 24px;
	width: 24px;
	vertical-align: middle;
	border: 0px solid #ffffff
	padding: 30px;
	background-image: url(images/cir.png);
	background-repeat: no-repeat;	
	}
	
	
	

	
	.bullresp
{
	list-style-image: url(images/bulletresp.gif);
	list-style-position: inside;
	font-size: 14px;
	
	}
	
	
	.blackrespstyle:link {
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	padding-left: 10px;
	line-height: 30px;
}
	
	
	
.blackrespstyle:visited {
	
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	padding-left: 10px;
	line-height: 30px;
}
.blackrespstyle:hover {
	
	font-size: 14px;
	color: #333333;
	text-decoration: underline;
	padding-left: 10px;
	line-height: 30px;
}
.blackrespstyle:active {
	
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	padding-left: 10px;
	line-height: 30px;
}
	
	
	
		
	.bullresppos
{
	vertical-align: middle;
	border: 0px solid #000000;
	
	}
	
		.functionsarearesp
{
	padding: 4px;	
	
	
	}

/* in aboutus*/
.spaceresp1

{

margin-bottom: 20px;
}

/*--about--*/


	
	.blueresp:link {
	font-size: 14px;
	color: #008CEA;
	text-decoration: none;
	padding-left: 10px;
	line-height: 20px;
}
	
	
	
.blueresp:visited {
	
	font-size: 14px;
	color: #008CEA;
	text-decoration: none;
	padding-left: 10px;
	line-height: 20px;
}
.blueresp:hover {
	
	font-size: 14px;
	color: #008CEA;
	text-decoration: underline;
	padding-left: 10px;
	line-height: 20px;
}
.blueresp:active {
	
	font-size: 14px;
	color: #008CEA;
	text-decoration: none;
	padding-left: 10px;
	line-height: 20px;
}


.txtboldresp
{
	font-weight: bold;
}




/* Excellenxe Services*/



.whitetxtresp
{
	color: #FFFFFF;	
}


.bluebgresp
{
	
	background-color: #003654;
	padding: 6px;
	
	margin-bottom: 10px;
	width: 100%;
	padding-right: 0px;
}

.paddresp
{
padding: 6px;
padding-left: 27px;
}

.txtboldrespitalic
{
	font-weight: bold;
	font-style: italic;	
}

.greentext
{
	font-style: italic;
	color: #3cb055;
}


.resptopspace
{
	margin-top: 0px;
}


.textright
{
	text-align: right;
	color: #31afe9;
	margin-top: 10px;
}

/* calender */

.tabresp1
{
	padding: 10px;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	width: 100%;
	border: 0px solid #999999;	
}


.respr1
{
	background-color: #148ce5;
	padding: 10px;
	font-weight: bold;
	color: #FFFFFF;
	
}

.respr2
{
	font-size: 14px;
	background-color: #d7d7d7;
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px solid #505050;
	text-align: center;
}


.respr3
{
	background-color: #f1f1f1;
	font-weight: bold;
	border-bottom: 1px solid #505050;
	text-align: left;
}

.respr3in
{
	padding: 7px;
	border-right: 1px solid #dcdcdc;	
	border-left: 1px solid #dcdcdc;	
	
}



.forum
{
	width: 231px;
	height: 193px;
	border: 0px solid #FF0000;
	box-shadow: 1px 3px 3px 2px #ececed;
	}


.play
{
	float: right;
	position: relative;
	top: -50px;
	
	}


/* mobile setting*/
.resptop
{

margin-top: 10px;
margin: 5px;	
	}


.txtsmallresp{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 12px;
	}


.videostyle
{

border: 8px solid #cfd0d1;	
border-radius:8px;
text-align:center;
vertical-align:middle;
width:60%;
height:50%;
background-color:#000000;
	}
	
	
	.videobg
{

background-color:#003359; 
	background: -webkit-linear-gradient(top,#e4e4e4,  #ffffff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top,#e4e4e4,  #ffffff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #e4e4e4, #ffffff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom,#e4e4e4 , #ffffff); /* Standard syntax */
	}
	
		.respline
{
	background-color:#455d82; 
	height:5px; 
	width:100%;
	
	}
	
	
	.videobtn
{
	margin-top: 30px;
	width:50%;
	height: 50%;
	
}
	
	
		.videobtn1
{
	background-color:linear-gradient; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #047dd6, #015b9e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom,#047dd6 , #015b9e); /* Standard syntax */
	width: 356px;
	height: 58px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	border-radius:8px;
	margin-top: 30px;
	font-size: 19px;
	text-shadow: 1px 2px #282828;
	padding-top: 16px;
}
	
	
	.videoloadicon {
	vertical-align: middle;	
	border: solid 1px #ffffff;
	padding: 1px;
	 border-radius:14px;
	margin-right: 10px;
	
	}
	
		.whitetxtresp {
	color: #FFFFFF;
	text-decoration: none;	
	}
	
	
	.galleryItem1 img {
    max-width: 100%; 											

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border: 0px solid #d6d6d6;	
	
}





@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){



	.videobtn1
{
	background-color:#003359;
	background: -webkit-linear-gradient(top,#047dd6,  #015b9e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top,#047dd6,  #015b9e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #047dd6, #015b9e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom,#047dd6 , #015b9e); /* Standard syntax */
	width: 95%;
	height: 100%;
	font-family:  Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	border-radius:8px;
	margin-top: 30px;
	font-size: 17px;
	text-shadow: 1px 2px #282828;
	padding: 10px;
	line-height: 12px;
	
}
	

		.videostyle
{

border: 8px solid #cfd0d1;	
border-radius:8px;
text-align:center;
vertical-align:middle;
width:100%;
height:100%;
background-color:#000000;
	}


    .galleryItem1 {width: 40.33333%;
	
	}
	
.posrelrespvideo {
	position: relative;
	margin-left: 45%;
	line-height: 18px;

}
	

	
}