
/* .......................................................
//////////////////////////////////////////////////////////

             BLAUSEN MEDICAL COMMUNICATIONS

//////////////////////////////////////////////////////////
.......................................................... */

body{
	background-color:#6f8199;
	background-repeat:repeat-x;
	background-image:url(../img/bg.jpg);
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#506c92;
	text-align:center;}
	
#wrapper{
	width:990px;
	margin:0 auto;
	text-align:left;}
	
#header{
	height:145px;
	background-image:url(../img/header.jpg);
	background-repeat:no-repeat;}

#contentWrapper{
	background-color:#fff;}

#contentTop{
	height:30px;}
#contentMiddle{}
#contentBottom{
	height:45px;}

#bodyHome #contentTop{background-image:url(../img/contentWrapperTopHome.jpg);}
#bodyHome #contentMiddle{background-image:url(../img/contentWrapperMiddleHome.jpg);}
#bodyHome #contentBottom{background-image:url(../img/contentWrapperBottomHome.jpg);}
#bodyAtlas #contentTop{background-image:url(../img/contentWrapperTopAtlas.jpg);}
#bodyAtlas #contentMiddle{background-image:url(../img/contentWrapperMiddleAtlas.jpg);}
#bodyAtlas #contentBottom{background-image:url(../img/contentWrapperBottomAtlas.jpg);}
#bodyContact #contentTop{background-image:url(../img/contentWrapperTopContact.jpg);}
#bodyContact #contentMiddle{background-image:url(../img/contentWrapperMiddleContact.jpg);}
#bodyContact #contentBottom{background-image:url(../img/contentWrapperBottomContact.jpg);}


#bodyHome #mainContentLeft{
	width:220px;
	float:left;
	margin-left:35px;}
#bodyHome #mainContentMiddle{
	width:680px;
	float:left;
	margin-left:20px;}
	
#bodyAtlas #mainContentLeft{
	width:220px;
	float:left;
	margin-left:35px;}
#bodyAtlas #mainContentMiddle{
	width:480px;
	float:left;
	margin-left:20px;}
#bodyAtlas #mainContentRight{
	width:200px;
	float:left;
	margin-left:20px;}
	
#bodyContact #mainContentLeft{
	width:220px;
	float:left;
	margin-left:35px;}
#bodyContact #mainContentMiddle{
	width:420px;
	float:left;
	margin-left:20px;}
#bodyContact #mainContentRight{
	width:220px;
	float:left;
	margin-left:40px;}

/* Copy */

#contentMiddle h2{
	color:#f53b3b;
	font-size:15pt;}
	
#contentMiddle h3{
	color:#f53b3b;
	font-size:12pt;}
	
#contentMiddle h4{
	color:#f53b3b;
	font-size:11pt;}
	
#contentMiddle .hr{
	margin:10px 0px 10px 0px;
	border-top:solid 1px #ccc;}
	
#contentMiddle p{
	line-height:1.5;
	font-size:10pt;}
	
#contentMiddle #tagline{
	width:680px;
	height:32px;
	padding:0;
	margin:10px 0px 10px 0px;
	text-indent:-10000px;
	background-image:url(../img/tagline.gif);
	background-repeat:no-repeat;}
	
#contentMiddle #map{
	width:680px;
	height:484px;
	margin-top:15px;}
	
/* atlas vignettes */

#atlasLoad{
	margin-top:10px;}

#loginAtlas{
	width:480px;
	height:119px;
	background-image:url(../img/login/bg.jpg);
	background-repeat:no-repeat;}
	
#loginAtlas p{
	color:#fff;}
	
#loginAtlas p.response{
	font-size:12pt;}
	
#loginAtlas .register{
	color:#b0c4de;
	font-size:9pt;}
#loginAtlas .register a{
	font-size:9pt;
	text-decoration:none;
	color:#fff;}
	
#loginAtlas #loginAtlasPadding{
	padding:15px 19px 0px 19px;}
	
#loginAtlas input{
	background-color:transparent;
	color:#8d97a6;
	margin-right:15px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	line-height:1;
	font-size:9pt;
	width:150px;
	padding:5px;
	border:0;}
	
#loginAtlas #loginAtlasSubmit{
	width:79px;
	height:24px;
	text-indent:-100000px;
	cursor:pointer;
	margin-right:0;
	padding:0;
	background-image:url(../img/login/submit.jpg);
	background-repeat:no-repeat;}

#atlasVignette{
	margin:10px 0px 0px 0px;
	width:480px;
	height:260px;
	background-image:url(../img/atlases/bg.jpg);
	background-repeat:no-repeat;}
	
#atlasVignette #content{
	width:230px;
	padding-top:20px;
	padding-right:30px;
	float:right;}

#atlasVignette #content p{
	font-size:9pt;
	line-height:1.3;}
	
#atlasVignette .atlasImage{
	margin-top:21px;
	margin-left:31px;
	float:left;
	width:154px;
	height:201px;}

#cancerVignette{
	background-image:url(../img/atlases/cancer.jpg);}
#cardioVignette{
	background-image:url(../img/atlases/cardio.jpg);}
#gastroVignette{
	background-image:url(../img/atlases/gastro.jpg);}
#humanVignette{
	background-image:url(../img/atlases/human.jpg);}
#orthoVignette{
	background-image:url(../img/atlases/ortho.jpg);}
#pediatricVignette{
	background-image:url(../img/atlases/pediatric.jpg);}
#pneumoVignette{
	background-image:url(../img/atlases/pneumo.jpg);}
#reproVignette{
	background-image:url(../img/atlases/repro.jpg);}
	
.atlasTitle{
	width:300px;
	height:18px;
	text-indent:-10000px;
	padding:0;
	margin:0;
	margin-top:5px;
	margin-bottom:10px;}
	
#cancerTitle{
	background-image:url(../img/atlases/cancerTitle.gif);}
#cardioTitle{
	background-image:url(../img/atlases/cardioTitle.gif);}
#gastroTitle{
	background-image:url(../img/atlases/gastroTitle.gif);}
#humanTitle{
	background-image:url(../img/atlases/humanTitle.gif);}
#orthoTitle{
	background-image:url(../img/atlases/orthoTitle.gif);}
#pediatricTitle{
	background-image:url(../img/atlases/pediatricTitle.gif);}
#pneumoTitle{
	background-image:url(../img/atlases/pneumoTitle.gif);}
#reproTitle{
	background-image:url(../img/atlases/reproTitle.gif);}
	
#atlasLaunch{
	margin-top:10px;
	width:134px;
	height:26px;}
#atlasLaunch a{
	display:block;
	background-image:url(../img/atlases/launch.jpg);
	background-repeat:no-repeat;
	width:134px;
	height:26px;
	text-indent:-10000px;}
	
#topicLoad{
	width:480px;
	height:518px;
	padding:25px 0px 25px 0px;
	color:#fff;
	display:none;
	margin-bottom:25px;
	text-align:center;
	background-color:#c0c0c0;
	background-image:url(../img/atlas/atlasBg.jpg);
	background-repeat:no-repeat;}
	
	
/* News */

#mainContentLeft .newsItem{
	line-height:1.3;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:dotted 1px #d0dae7;}
	
#mainContentLeft .newsItem:hover{
		background-color:#f5f9fe;}
		
#mainContentLeft .newsItem h3{
	color:#f53b3b;
	line-height:1.1;
	font-size:9pt;}
	
#mainContentLeft .newsItem p{
	font-size:9pt;
	line-height:1.1;
	padding:0;}
	
#mainContentLeft #rss{
	padding:20px 0px 20px 0px;
	height:42px;}
	
#mainContentLeft #rss a{
	display:block;
	height:42px;
	text-indent:-10000px;
	background-image:url(../img/leftContent/rss.jpg);
	background-position:top;}
	
#mainContentLeft #rss a:hover{
	background-position:bottom;}
	
#mainContentLeft #login{
	width:220px;
	height:180px;
	position:relative;
	margin:0px 0px 20px 0px;
	background-image:url(../img/leftContent/login.jpg);
	background-repeat:no-repeat;}

#mainContentLeft #login h3{
	position:absolute;
	top:10px;
	left:10px;
	color:#f53b3b;
	font-size:14pt;}
#mainContentLeft #login #register{
	position:absolute;
	top:32px;
	left:10px;
	font-size:10pt;}
#mainContentLeft #login #forget{
	position:absolute;
	top:140px;
	left:95px;
	font-size:8pt;}
#mainContentLeft #login #loginForm{
	position:absolute;
	top:87px;
	left:10px;}
#mainContentLeft #login #loginForm input{
	width:195px;
	color:#8d97a6;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	line-height:1;
	font-size:9pt;
	padding-left:5px;
	height:20px;
	background-color:transparent;
	border:0;
	margin-bottom:7px;}
#mainContentLeft #login #loginForm .submit{
	width:79px;
	height:24px;
	text-indent:-10000px;
	padding-left:5px;
	cursor:pointer;
	background-image:url(../img/leftContent/submit.jpg);
	border:0;
	margin-bottom:7px;}
	
#mainContentLeft #loggedIn{
	margin:0px 0px 20px 0px;
	width:220px;
	height:93px;
	background-image:url(../img/loggedIn/bg.jpg);
	background-repeat:no-repeat;}

#mainContentLeft #loggedIn .middle{
	width:220px;
	position:relative;
	padding:12px;}
	
#mainContentLeft #loggedIn .middle #logout{
	position:absolute;
	right:50px;
	top:10px;}
	
#mainContentLeft #search{
	width:220px;
	height:117px;
	position:relative;
	margin:0px 0px 20px 0px;
	background-image:url(../img/search/bg.jpg);}
	
#mainContentLeft #search #kw{
	position:absolute;
	top:51px;
	left:27px;
	width:165px;
	color:#8d97a6;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	line-height:1;
	border:0;
	font-size:9pt;
	padding-left:5px;
	height:16px;
	background-color:transparent;}
	
#mainContentLeft #search .submit{
	position:absolute;
	top:82px;
	left:8px;
	width:79px;
	height:24px;
	border:0;
	text-indent:-10000px;
	cursor:pointer;
	background-image:url(../img/search/search.jpg);
	background-repeat:no-repeat;}
	
/* Right Side */

#bodyAtlas #mainContentRight ul{
	margin-bottom:15px;
	width:200px;}
#bodyAtlas #mainContentRight ul li{
	height:27px;
	width:200px;}
#bodyAtlas #mainContentRight ul li a{
	display:block;
	text-indent:15px;
	height:27px;
	width:200px;
	text-decoration:none;
	line-height:2.3;
	font-size:9pt;
	background-position:top;}
#bodyAtlas #mainContentRight ul li a:hover{
	background-position:bottom;}
#bodyAtlas #mainContentRight ul li a.red{
	color:#966770;
	background-image:url(../img/rightNav/red.jpg);}
#bodyAtlas #mainContentRight ul li a.blue{
	color:#5d759b;
	background-image:url(../img/rightNav/blue.jpg);}
#bodyAtlas #mainContentRight ul li a.grey{
	color:#546278;
	background-image:url(../img/rightNav/grey.jpg);}
	
/* ATLAS LINKS */

.atlasLinks ul{
	width:220px;
	float:left;
	margin-right:10px;}

.atlasLinks ul li{
	width:220px;
	border-bottom:dotted 1px #ddd;}
	
.atlasLinks ul li a{
	display:block;
	text-decoration:none;
	padding:2px 0px 2px 0px;
	width:220px;
	font-size:9pt;}
	
.atlasLinks ul li a:hover{
	background-color:#eef;}
	
/* News */

#mainContentMiddle .month{
	width:680px;
	height:32px;
	margin:30px 0px 5px 0px;
	background-image:url(../img/news/month.gif);
	background-repeat:no-repeat;
	color:#fff;
	font-size:15pt;
	font-weight:bold;
	text-indent:12px;
	line-height:1.5;}
	
#mainContentMiddle .newsItem{
	padding:12px;
	background-repeat:repeat-y;
	margin-bottom:1px;}

#mainContentMiddle .newsItem.odd{
	background-image:url(../img/news/odd.jpg);}

#mainContentMiddle .newsItem.even{
	background-image:url(../img/news/even.jpg);}	

#mainContentMiddle .newsItem .heading{
	font-size:10pt;
	line-height:1.3;
	width:500px;
	float:left;}

#mainContentMiddle .newsItem .heading a{
	color:#f53b3b;}

#mainContentMiddle .newsItem .date{
	background-image:url(../img/news/date.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:25px;
	width:110px;
	color:#596f84;
	font-size:9pt;
	float:right;}
	
/* JOBS */

#mainContentMiddle p.bigText{
	font-size:11pt;
	line-height:1.5;
	padding:10px 0px 20px 0px;}

#mainContentMiddle .availableJob{
	display:none;
	background-color:#e6ecf4;
	background-image:url(../img/jobs/jobBg.jpg);
	background-repeat:no-repeat;
	border:dotted 1px #cad5e3;
	padding:30px;
}

/* LANGUAGES */

.language{
	padding:5px 0px 5px 0px;
	border-bottom:dotted 1px #ccc;}
	
.language strong{
	display:block;
	float:left;
	width:150px;}

/* CONTACT */

#bodyContact #mainContentRight h2{
	color:#fff;}
	
#bodyContact #mainContentRight p, #bodyContact #mainContentRight a{
	color:#fff;
	font-size:9pt;
	padding:0;
	line-height:1.2;}

#bodyContact #mainContentRight strong{
	color:#16325F;}
	
/* SUBMIT FORM */

.submitForm{}

.submitForm label{
	float:left;
	width:135px;
	font-family:"Trebuchet MS", helvetica, sans-serif;
	font-size:11pt;
	color:#6f8199;
	font-weight:bold;}
	
.submitForm label strong{
	font-size:10pt;
	font-weight:bold;
	color:#f53b3c;}

.submitForm hr{
	clear:both;
	margin:10px 0px 10px 0px;}	

.submitForm input[type="text"], .submitForm input[type="password"], .submitForm textarea, .submitForm select{
	float:left;
	font-family:"Trebuchet MS", helvetica, sans-serif;
	background-image:url(../img/forms/formBG.jpg);
	background-repeat:repeat-x;
	margin-bottom:10px;
	padding:2px;
	width:270px;
	color:#6f8199;
	font-size:11pt;
	border:solid 1px #bfd3e2;}

.submitForm input[type="button"]{
	width:79px;
	height:24px;
	background-repeat:no-repeat;
	margin-top:10px;
	cursor:pointer;
	border:0;}

.submitForm textarea{
	height:150px;}
	
.submitForm .submitFooter{
	clear:both;
	text-align:center;
	background-color:#b8c6d1;
	background-image:url(../img/forms/bottombg.jpg);
	background-repeat:repeat-x;
	height:45px;}
	
.submitForm .submitFooter .submit{
	background-image:url(../img/forms/submit.jpg);}
.submitForm .submitFooter .reset{
	background-image:url(../img/forms/reset.jpg);}
	
	
/* REGISTER */

#register.submitForm hr{
	color:#e6ebf2;
	background-color:#e6ebf2;}
	
#register.submitForm label{
	width:150px;
	padding-right:20px;}
	
/* FOOTER */

#footer{
	padding:0px 20px 20px 20px;
	font-size:8pt;
	color:#fff;
	text-align:center;}
#footer a{
	color:#fff;}