@import "menu.css.php";
@import "../../gestion/css/textarea.css";
@import "calendar.css.php";

form {
	padding:0;
	margin:0;
}
html{
	
}
h1 {
	margin:0px;
	padding:0px;
	color:#013A7A;
	font-size:10px;
	font-weight:200;
    font-style:normal;
}
h1 a{
	color:#013A7A;
	text-decoration:none;
    text-transform:uppercase;
}
#header-keywords {
	float:left;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:absolute;
	left:40px;
	top:49px;
}
body{
	margin:0;
	background:url(/public/images/default/bg.jpg) repeat-x;
}
#default {
	width:1000px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#6F7478;
    background:url(/public/images/default/bg-stroke.gif) repeat-y 198px;
}
#default2 {
	width:1000px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#6F7478;
    background:url(/public/images/application/bg-stroke-appl.gif) repeat-y 198px;
}
	#bottom{
		clear:both;
	}
	#top{
		float:left;
		width:970px;
		height:66px;
		background-color:#F1F2F4;
	}
		#logo{
			float:left;
			width:153px;
			height:41px;
			margin-left:69px;
			margin-top:6px;
			background:url(/public/images/default/optel-vision.gif) no-repeat;
		}
		#search{
			float:left;
			width:244px;
			position:absolute;
			top:37px;
			left:730px;
			text-align:right;
			color:#959CA1;
			font-size:11px;
			font-style:italic;
			font-weight:bold;
			text-transform:uppercase;
			line-height:12px;
		}
		#search input#q{
			width:107px;
			height:17px;
			font-size:12px;
			margin-left:10px;
			margin-right:5px;
			padding-left:5px;
			padding-top:2px;
			padding-right:5px;
			border-top:1px solid #8E8E8E;
			border-left:1px solid #CECDCE;
			border-right:1px solid #CECDCD;
			border-bottom:1px solid #E3E3E4;
		}


	#header{
		float:left;
		width:1002px;
		height:164px;
		background:url(/public/images/header/default.jpg) no-repeat;;
	}
			#company #header, #id-about-us #header{
				background:url(/public/images/header/company.jpg) no-repeat;
			}
                #id-our-team #header{
					background:url(/public/images/header/our-team.jpg) no-repeat;
				}
            	#id-our-commitment #header{
					background:url(/public/images/header/our-commitment.jpg) no-repeat;
				}
            	#id-partnership-program #header{
					background:url(/public/images/header/partnership.jpg) no-repeat;
				}
			#id-applications #header{
				background:url(/public/images/header/applications.jpg) no-repeat;
			}
                #parent-id-pharmaceuticals #header, #id-pharmaceuticals #header{
                    background:url(/public/images/header/pharma.jpg) no-repeat;
                }
                #parent-id-nutraceuticals #header, #id-nutraceuticals #header{
                    background:url(/public/images/header/nutra.jpg) no-repeat;
                }
                #parent-id-cosmetics #header, #id-cosmetics #header{
                    background:url(/public/images/header/cosmetic.jpg) no-repeat;
                }
                #parent-id-other-industries #header, #id-other-industries #header{
                    background:url(/public/images/header/other.jpg) no-repeat;
                }
			#solutions #header{
				background:url(/public/images/header/solution.jpg) no-repeat;
			}
            #expertise #header{
				background:url(/public/images/header/expertise.jpg) no-repeat;
			}
			#experience #header{
				background:url(/public/images/header/experience.jpg) no-repeat;
			}
			#contact-us #header{
				background:url(/public/images/header/contact-us.jpg) no-repeat;
			}
			#site-map #header{
				background:url(/public/images/header/site-map.jpg) no-repeat;
			}
			#support #header{
				background:url(/public/images/header/support.jpg) no-repeat;
			}
			#news #header{
				background:url(/public/images/header/news.jpg) no-repeat;
			}
			#events #header{
				background:url(/public/images/header/events.jpg) no-repeat;
			}
			#newsletter #header{
				background:url(/public/images/header/newsletters.jpg) no-repeat;
			}
			#careers #header{
				background:url(/public/images/header/career.jpg) no-repeat;
			}
			#track-a-trace-technologies #header{
				background:url(/public/images/header/trace.jpg) no-repeat;
			}
			#21-cfr-part-11-tool #header{
				background:url(/public/images/header/cfr.jpg) no-repeat;
			}
			#line-monitoring-tool #header{
				background:url(/public/images/header/monitoring.jpg) no-repeat;
			}



	#section{
		float:left;
		width:575px;
	}
		#bread{
			float:left;
			width:563px;
			height:19px;
			padding-left:12px;
			padding-top:9px;
			font-size:10px;
			color:#022A57;
			background:url(/public/images/default/bg-bread.jpg) repeat-x;
		}
		#bread a{
			text-decoration:none;
			color:#6F7478;
			padding-left:12px;
			background:url(/public/images/default/bg-bread-arrow.jpg) no-repeat;
		}
		#bread a:hover{
			color:#022A57;
			background:url(/public/images/default/bg-bread-arrow-roll.jpg) no-repeat;
		}

		#title{
			height:35px;
			padding-top:36px;
			color:#013A7A;
			font-size:14px;
			font-weight:bold;
			margin-left:15px;
			margin-right:15px;
			margin-bottom:2px;
			background:url(/public/images/default/bg-stroke-h.jpg) repeat-x bottom;
		}
		#content{
			margin-left:15px;
			margin-right:15px;
		}
		#content ul {
            list-style-image: url(/public/images/default/bullet.jpg);
        }
		#content strong {
    		color:#013A7A;
        }
		#content a {
    		color:#6F7478;
        }
		#content a:hover {
    		color:#013A7A;
        }
        
		#between-stroke{
        	text-align:center;
        	padding-bottom:10px;
			background:url(/public/images/default/bg-stroke-h.jpg) repeat-x bottom;
		}
		#between-stroke div{
        	padding-top:10px;
			background:url(/public/images/default/bg-stroke-h.jpg) repeat-x;
		}
        
        #app {
        	width:552px;
        }
        	#app a{
                display:block;
            	width:276px;
                height:58px;
                margin-top:5px;
			}
                #app a#pharma{
                	float:left;
                	clear:left;
                    background:url(/public/images/default/bt-pharm.jpg) no-repeat top left;
                }
                #app a#pharma:hover{
                    background:url(/public/images/default/bt-pharm-roll.jpg) no-repeat top left;
                }
                #app a#nutra{
                	float:left;
                    background:url(/public/images/default/bt-nutra.jpg) no-repeat top left;
                }
                #app a#nutra:hover{
                    background:url(/public/images/default/bt-nutra-roll.jpg) no-repeat top left;
                }
                #app a#cosme{
                	float:left;
                	clear:left;
                    background:url(/public/images/default/bt-cosme.jpg) no-repeat top left;
                }
                #app a#cosme:hover{
                    background:url(/public/images/default/bt-cosme-roll.jpg) no-repeat top left;
                }
                #app a#other{
                	float:left;
                    background:url(/public/images/default/bt-other.jpg) no-repeat top left;
                }
                #app a#other:hover{
                    background:url(/public/images/default/bt-other-roll.jpg) no-repeat top left;
                }
				
				
                #app a#pharma-fr{
                	float:left;
                	clear:left;
                    background:url(/public/images/default/bt-pharm-fr.jpg) no-repeat top left;
                }
                #app a#pharma-fr:hover{
                    background:url(/public/images/default/bt-pharm-fr-roll.jpg) no-repeat top left;
                }
                #app a#nutra-fr{
                	float:left;
                    background:url(/public/images/default/bt-nutra-fr.jpg) no-repeat top left;
                }
                #app a#nutra-fr:hover{
                    background:url(/public/images/default/bt-nutra-fr-roll.jpg) no-repeat top left;
                }
                #app a#cosme-fr{
                	float:left;
                	clear:left;
                    background:url(/public/images/default/bt-cosme-fr.jpg) no-repeat top left;
                }
                #app a#cosme-fr:hover{
                    background:url(/public/images/default/bt-cosme-fr-roll.jpg) no-repeat top left;
                }
                #app a#other-fr{
                	float:left;
                    background:url(/public/images/default/bt-other-fr.jpg) no-repeat top left;
                }
                #app a#other-fr:hover{
                    background:url(/public/images/default/bt-other-fr-roll.jpg) no-repeat top left;
                }
            
        	#pres{
            	text-align:right;
				background:url(/public/images/default/president.jpg) no-repeat;
                padding-top:20px;
                padding-bottom:30px;
			}
        	#pres b{
            	color:#014F9F;
			}
		
	#right{
		float:left;
		width:202px;
		margin-left:7px;
	}
	#right a{
		float:left;
		width:190px;
		height:85px;
		margin-top:6px;
	}
	#right a#application{
		background:url(/public/images/right-menu/bt-application.jpg) no-repeat;
	}
	#right a:hover#application{
		background:url(/public/images/right-menu/bt-application-roll.jpg) no-repeat;
	}
	#right a#applicationfr{
		background:url(/public/images/right-menu/bt-application_fr.jpg) no-repeat;
	}
	#right a:hover#applicationfr{
		background:url(/public/images/right-menu/bt-application_fr-roll.jpg) no-repeat;
	}

	#right a#evaluation{
		background:url(/public/images/right-menu/bt-evaluation.jpg) no-repeat;
	}
	#right a:hover#evaluation{
		background:url(/public/images/right-menu/bt-evaluation-roll.jpg) no-repeat;
	}
	#right a#evaluationfr{
		background:url(/public/images/right-menu/bt-evaluation_fr.jpg) no-repeat;
	}
	#right a:hover#evaluationfr{
		background:url(/public/images/right-menu/bt-evaluation_fr-roll.jpg) no-repeat;
	}

	#right a#information{
		background:url(/public/images/right-menu/bt-information.jpg) no-repeat;
	}
	#right a:hover#information{
		background:url(/public/images/right-menu/bt-information-roll.jpg) no-repeat;
	}
	#right a#informationfr{
		background:url(/public/images/right-menu/bt-information_fr.jpg) no-repeat;
	}
	#right a:hover#informationfr{
		background:url(/public/images/right-menu/bt-information_fr-roll.jpg) no-repeat;
	}

	#right a#inspection{
		background:url(/public/images/right-menu/bt-inspection.jpg) no-repeat;
	}
	#right a:hover#inspection{
		background:url(/public/images/right-menu/bt-inspection-roll.jpg) no-repeat;
	}
	#right a#inspectionfr{
		background:url(/public/images/right-menu/bt-inspection_fr.jpg) no-repeat;
	}
	#right a:hover#inspectionfr{
		background:url(/public/images/right-menu/bt-inspection_fr-roll.jpg) no-repeat;
	}
    
    
#col{
	float:left;
	width:50%;
    
}



/***************************************** DOCUMENT_LIST ****************************************************/


#document_list a {
	color:#8d946b;
	text-decoration:none;
	border-bottom:1px solid #dadada;
	cursor:pointer;
	display:block;
}
#document_list a:hover {
	color:#da3c31;
}
#document_list span, #document_list b {
	display:block;
	padding:10px;
	text-decoration:underlined;
}
#document_list b {
	float:left;
	width:121px;
}
#document_list span {
	margin-left:143px;
}

#document_list div b , #document_list div span {
	color:white;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	background:#c9cea3;
}

#document_list div b  {
	background: #c9cea3 url(/public/images/dynamic/file_list.gif) left top no-repeat;
}


/***************************************** VIDEO_LIST ****************************************************/

#videos {
	width:494px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
	#videos #vid-title {
		clear:both;
		display:block;
		width:494px;
		font-size:12px;
		color:#DD7900;
		margin-bottom:5px;
		border-bottom:1px solid #DD7900;
	}
	#videos #vid-box {
		width:494px;
		margin-bottom:25px;
	}
	#videos #vid-box a{
		float:left;
		width:494px;
		text-decoration:none;
		background:url(/public/images/dynamic/video.gif) no-repeat;
		cursor:pointer;
	}
	#videos #vid-box a:hover {
		background:url(/public/images/dynamic/video-roll.gif) no-repeat;
	}
	#videos #vid-box a i {
		display:block;
		width:110px;
		height:79px;
		margin-left:9px;
		margin-top:7px;
		margin-bottom:13px;
		background-repeat:no-repeat;
	}
	#videos #vid-box a b {
		float:right;
		display:block;
		margin:4px;
		margin-top:13px;
		width:350px;
		color:#4A4949;
		font-style:italic;
	}
	#videos #vid-box a p {
		margin:0;
		font-weight:normal
	}
	#videos #vid-box u {
		background:url(/public/images/videos/between-vid.jpg);
		display:block;
		float:left;
		width:35px;
		height:126px;
	}
	#videos #vid-box hr {
		border:1px solid white;
		clear:both;
	}

/***************************************** APPLICATION TABLE ***********************************************/
#application_tab {
	float:left;
	height:24px;
	clear:both;
	width:702px;
	font-size:10px;
	background: url(/public/images/application/back.gif) repeat-x;
	white-space:nowrap;
}
#application_tab a {
	text-decoration:none;
	color:#a9a9a9;
}
#application_tab a:hover {
	color:#02438b;
}
#left_on {
	height:18px;
	padding-left:10px;
	padding-top:6px;
	background: url(/public/images/application/left_on.gif) no-repeat;
	float:left;
	/*font-weight:900;*/
}
	#left_on a {
		color:#02438b;
	}
#left_off {
	height:18px;
	padding-left:10px;
	padding-top:6px;
	background: url(/public/images/application/left_off.gif) no-repeat;
	float:left;
	font-weight:200;
}
#left_on_right_off {
	height:18px;
	padding-left:26px;
	padding-top:6px;
	background: url(/public/images/application/left_on_right_off.gif) no-repeat;
	float:left;
}
#left_off_right_off {
	height:18px;
	padding-left:26px;
	padding-top:6px;
	background: url(/public/images/application/left_off_right_off.gif) no-repeat;
	float:left;
}
#left_off_right_on {
	height:18px;
	padding-left:26px;
	padding-top:6px;
	background: url(/public/images/application/left_off_right_on.gif) no-repeat;
	float:left;
}
	#left_off_right_on a {
		color:#02438b;
		/*font-weight:900;*/
	}
#right_off {
	height:18px;
	padding-left:26px;
	padding-top:6px;
	background: url(/public/images/application/right_off.gif) no-repeat;
	float:left;
}
#right_on {
	height:18px;
	padding-left:26px;
	padding-top:6px;
	background: url(/public/images/application/right_on.gif) no-repeat;
	float:left;
}
#appl_content {
	clear:both;
	float:left;
	width:695px;
	border-right:1px solid #013a7a;
	border-bottom:1px solid #013a7a;
	border-left:1px solid #013a7a;
	background-color:#e0e2e4;
	padding-left:5px;
	padding-bottom:5px;
}
#product {
	float:left;
	background: url(/public/images/default/loading.gif) no-repeat center center;
}

#product .prod_title {
	background:#a9a9a9;
	border:1px solid #aaa;
	color:#fff;
	float:left;
	clear:both;
	text-align:center;
	font-size:7pt;
	padding-top:2px;
	padding-bottom:2px;
	margin: 5px 5px 0 0;
}
#product img {
	float:left;
	clear:both;
	border-width:1px;
	border-style:solid;
	margin: 5px 5px 0 0;
}
#product #style_1 {
	border-color:green;
}
#product #style_2 {
	border-color:red;
}
#product #style_3 {
	border-color:blue;
}
#clear {
	clear:both;
}
/***************************************** APPLICATION CHECKBOX ***********************************************/
#checkbox_left {
	width:164px;
	height:206px;
	background:url(/public/images/application/yellow_border.jpg) no-repeat top left;
	float:left;
	margin:17px 0px 10px 0px;
	padding-top:10px;
	padding-left:5px;
}

#checkbox {
	background:url(/public/images/application/checkbox.jpg) no-repeat top left;
	width:147px;
	height:35px;
	margin-bottom:7px;
	padding-left:23px;
	padding-top:7px;
	font-size:9px;
	color:white;
}
#checkbox span {
	width:117px;
	height:15px;
	float:left;
}

/***************************************** APPLICATION CONTENT ***********************************************/
#page_content_right {
	width:520px;
	float:right;
	margin:22px 4px 10px 0px;
	white-space:normal;
}
#page_content_right p {
	margin:0px;
}

/***************************************** APPLICATION DESCRIPTION ************************************/
#appl_resume {
	/*border:none;
	border-collapse: collapse;
	margin:0;
	padding:0;*/
	clear:left;
	float:left;
	width:708px;
	text-align:center;
}
#appl_resume  td {
	width:177px;
}
#hyperlien {
	display:block;
	text-decoration:none;
	width:177px;
	height:164px;
	cursor:pointer;
	float:left;
}


#description_title {
	float:left;
	clear:both;
	width:177px;
	font-size:7pt;
	line-height:12px;
    vertical-align:middle;
	font-weight:900;
	height:30px;
	background: url('/public/images/default/app_but_left.gif') no-repeat top left;
}
#description_title span {
	width:177px;
	height:30px;
	display:block;
	padding-top:5px;
	text-align:center;
	background: url('/public/images/default/app_but_right.gif') no-repeat right top;
}
#description_title span div{
	width:177px;
	height:30px;
    display:table-cell;
	vertical-align:middle;
}
#hyperlien:hover #description_title {
	background: url('/public/images/default/app_but_left-hover.gif') no-repeat top left;
}
#hyperlien:hover #description_title span {
	background: url('/public/images/default/app_but_right-hover.gif') no-repeat top right;
}


#description_image {
	width:175px;
	border:1px solid #aaa;
	background: #e4e5e9;
	float:left;
	clear:left;
}
#description_image img {
	border:1px dashed #bbb;
	margin:4px;
}



#spacer {
	height:2px;
	border-bottom:1px solid #aaa;
	margin:5px 5px 0px 5px;
}

/***************************************** CONTACT ****************************************************/

#form {
	float:left;
	width:350px;
	padding-right:50px;
}
#form div{
	font-weight:bold;
	width:350px;
	padding-bottom:5px;
}
#form textarea{
	width:330px;
	height:70px;
}
#form span{
	float:left;
	font-weight:normal;
	width:175px;
	padding-top:5px;
}
#form #champ {
	clear:left;
}
#form #cols {
	float:left;
}
#form-top{
	float:left;
	width:545px;
	height:15px;
	margin-top:15px;
	background-image:url(/public/images/default/bg-stroke-h.jpg);
	background-repeat:repeat-x;
}
#form i{
	float:left;
	clear:both;
	width:317px;
	height:15px;
	margin-top:15px;
	background-image:url(/public/images/default/bg-stroke-h.jpg);
	background-repeat:repeat-x;
}
#form b{
	width:350px;
	float:left;
	clear:both;
}
	#imc {
    	font-family:verdana;
    	padding-top:10px;
        text-align:center;
        clear:both;
	}
    #imc a#imarcom{
        font-size:10px;
    	color:#716F64;
        text-decoration:none;
	}
    #imc a#imarcom:hover{
    	color:#37B0D2;
	}
.clear_both {
	clear:both;
}