﻿@charset "utf-8";
body { margin:0; padding:0; width:100%; background:url(images/bg.gif);}
html { padding:0; margin:0;}


.blue { color:#8499b5;}

/* main */
.main {width:100%; padding:0; margin:0 auto;}
.resize { width:1000px; margin:0 auto;}


/********** header **********/
.header_block { background:url(images/t_bg.gif) repeat-x bottom;}
.header { background:url(images/header_bg.gif) no-repeat top;}

/* logo */
.logo {float: left;padding: 0;margin: 10px 0 30px 100px;width: 300px;}
.logo p {font: normal 13px Tahoma, Geneva, sans-serif;color: #ffffff;padding: 0;margin: 0 0 0 45px;line-height: 12px;}

/* search */
.search { margin:0; padding:50px 0 0 0; width:400px; float:right; height:38px;}
.search span { display:block; float:left; line-height:1.8em; color:#b3bac1; font:bold 13px Tahoma, Geneva, sans-serif; padding:0 10px; margin:5px 0;}
.search form { display:block; float:left; padding:0 10px;}
.search form .keywords { float:left; background:#FFF; border:1px solid #93979a; font:normal 12px Tahoma, Geneva, sans-serif; height:14px; line-height:1.4em; width:180px; padding:5px; margin:0 10px 0 0; color:#000;}
.search form .button { float:left;}

/********** slider and title **********/
/*    debut du slider    */
#slider { }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:780px; height:178px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:44px; height:44px; position:absolute; left:20px; top:-111px; }
#nextBtn { left:900px; }
#prevBtn a { display:block; width:44px; height:44px; background:url(images/arrow_l.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:44px; height:44px; background:url(images/arrow_r.gif) no-repeat 0 0; }
#slider a { font: 10px Arial, Helvetica, sans-serif;color: #8a929a;text-decoration: underline; }
#slider a:hover {font: bold 11px Arial, Helvetica, sans-serif;}

/*  fin du slider moins immportant  */


.slider { background:url(images/screen_bg.gif) top no-repeat; width:964px; margin:0 auto; padding:0; height:198px;}

.title_page { background:url(images/title_header.jpg) top no-repeat; margin:0 auto; padding:0; height:80px; width:964px;}
.title_page h1 { margin:0; padding:20px 50px 0 0; color:#ffffff; font:normal 24px Arial, Helvetica, sans-serif; line-height:1.6em; text-align:right;}

.slider div.slice { margin:0 auto; width:780px; padding:10px 0;}
.slider div.slice p.img { float:left; padding:0; margin:15px 30px 15px 0;}
.slider div.slice h2 { font:bold 24px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:5px 0; line-height:1.4em; float:none;}
.slider div.slice p { font:normal 11px Arial, Helvetica, sans-serif; color:#8a929a; margin:0; padding:5px 0; line-height:1.6em;}

ul.body_menu_nav { float:left; padding:10px 20px 0 20px; margin:0 auto; list-style:none; width:952px; background:url(images/menu_nav_bg.jpg) no-repeat top; height:88px;}
ul.body_menu_nav li { float:left; display:block; padding:20px 7px 0 7px; margin:0; width:224px;}
ul.body_menu_nav li span { display:block; padding:12px 10px;}
ul.body_menu_nav li img { padding:0 5px;}
ul.body_menu_nav li a { display:block; font:normal 18px Arial, Helvetica, sans-serif; color:#484848; text-decoration:none; line-height:1.8em;}
ul.body_menu_nav li.tabs-selected { background:url(images/menu_nav_bg_h.gif) no-repeat center top;}
ul.body_menu_nav li.tabs-selected a { background:url(images/b_r_menu.gif) no-repeat right top;}
ul.body_menu_nav li.tabs-selected a span { background:url(images/b_l_menu.gif) no-repeat left top;}
ul.body_menu_nav li a:hover { background:url(images/b_r_menu.gif) no-repeat right top;}
ul.body_menu_nav li a:hover span { background:url(images/b_l_menu.gif) no-repeat left top;}

/* menu */	
.menu { padding:0; margin:0 auto; width:964px; height:47px; background:url(images/nemu_bg.gif) repeat-x top;}
.menu .l_menu { background:url(images/menu_img_l.gif) no-repeat left; height:47px;}
.menu .r_menu { background:url(images/menu_img_r.gif) no-repeat right; height:47px; padding-left:1px;}
/*.menu ul { padding:0; margin:0 20px; list-style:none; border:0; height:126px; width:100%; }*/
/*.menu ul li { }*/
/*.menu ul li a { margin:0; padding:12px 0; font:bold 12px  Arial, Helvetica, sans-serif; text-decoration:none; color:#848e9b;}*/
/*.menu ul li a span { padding:12px 20px;}*/
.imagefond { background: url('images/menu/fond7.png') no-repeat left top; height:42px; width:108px; float:none; }
.lien{margin: 0;padding: 12px 0px 12px 25px;font: bold 12px Arial, Helvetica, sans-serif;text-decoration: none;color: #8499b5;
}
/*.menu ul li  a span { background:url(images/menu_r_h.gif) no-repeat right top;}*/
.active { color: white; text-transform:capitalize;}
.active:hover { color:#848e9b; text-transform:capitalize;}
/*.menu ul li a.active span { background:url(images/menu_r_h.gif) no-repeat right top;}*/


/* indispensable */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li {
	float: none;}

/* theme du menu */
/*#nav  height: 24px; width: 140px;}*/
/*#nav :hover { background:aqua;}*/

/*#nav li.hover a { background-color: none; }*/
/*#nav ul li a { border-right: 1px solid white; color: white; font-size: 12px; padding: 6px; line-height: 1; font-weight:bold; height: 24px; width:40px}*/
#nav ul {
	font: bold 12px Arial, Helvetica, sans-serif; 	
	margin-left: auto;
	/*top: 40px;*/
	border-left: 1px solid #162330;
	/*border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;*/}
	
#nav ul ul {margin: 0px 0 0 130px; top: 0;
	
	/*border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;*/}
	
#nav ul li a {
	background-color: #4e5d6c;
	padding-top:12px;	
	width: 130px;
	border:4px;
	height:26px; text-align:center;
	border-bottom: 1px solid #162330 ;		
	text-decoration:none;}
#nav ul li a:hover{ background: #73787c; border: 1px solid #162330;}	

	
#nav ul a {  border-right: none; color: #8499b5;} /* opacity: 1; filter: alpha(opacity=90); a rajouter pour jouer sur la transparence 848e9b*/
#nav ul li a:hover span { font-size:13px; color:white;}

.fleche {background: url('images/menu/fleche2.png') no-repeat right;}

/********** FORMULAIRE STREAMING **********/
.connect {float:right;}
.connect img{ border-width: 0;}
.connect:hover{cursor: pointer;}


/********** block index **********/
.body {
	font: large Verdana, Geneva, Tahoma, sans-serif;
	border: #FF0000;
	width: 904px;
	margin: 15px auto 0 auto;
	padding: 30px 30px 0 30px;
	background: #fff url(images/body_bg.gif) no-repeat top;
}
.body h2 { font:normal 24px Arial, Helvetica, sans-serif; color:#3b4b60; margin:0 10px; padding:10px 0;}
.body h3 { font:bold 21px Arial, Helvetica, sans-serif; color:#3b4b60; padding:10px 0; margin:0; line-height:1.2em;}
.body p {font: normal 11px Arial, Helvetica, sans-serif;color: #545454;line-height: 1.8em;padding: 5px 10px 5px 10px;margin: 0;}


/****   produits   **************/

.description_tout {border: none; margin-bottom: 8px; margin-top: 12px; width: 100%; margin-left:10px;} 
.description_gauche { background:url('images/fondproduit.png') no-repeat; width:433px; height:180px; text-align:center; margin: 0 auto; float:left; padding-top: 5px; margin-top: 5px;}
.description_gauche:hover { background:url('images/fondproduit2.png') no-repeat; width:433px; height:180px; text-align:center; margin: 0 auto; float:left; padding-top: 5px; margin-top: 5px;}

.description_droite{ text-align:center; padding-right: 60px; margin-left: 400px;} 
.description_texte{ margin-left: 20px; text-align:left; font: normal 11px Arial, Helvetica, sans-serif;color: #545454;line-height: 1.8em;}
.description_titre{ text-align:left;}




/*****************************/

.body p.pad {font: normal 11px Arial, Helvetica, sans-serif;color: #545454;line-height: 1.8em;padding: 5px 10px 5px 120px;margin: 0;}

.body em { font:italic 11px Arial, Helvetica, sans-serif; color:#797979; line-height:1.8em; padding:10px 0 0 10px;}
.body a { font:normal 11px Arial, Helvetica, sans-serif; color:#806f4f;}
.body a:hover { text-decoration:none;}
.body strong {color:#2c2c2c;font-size: x-small;}

p.desc { font:bold 11px Arial, Helvetica, sans-serif; color:#9fa3a6; line-height:1.8em; padding:0 10px 10px 10px; margin:0;}

.left { float:left; width:270px; margin:10px 10px 10px 20px;}
.center { float:left; width:570px; margin:10px 10px 10px 20px;}
.right {border: 1px #D9D9D9 double;float: right;width: 270px;margin: 10px 10px 10px 20px;}
.full { margin:10px 10px 10px 20px;}

/* services */
h2.services { background:url(images/h2_Graphics.gif) no-repeat left; padding:10px 10px 10px 40px;}
div.services { border:1px solid #d4d6d7; padding:10px; margin:10px;}
div.video {border: 1px solid #d4d6d7;padding: 10px 10px 10px 50px;margin: 10px;}
div.services ul { padding:0; margin:0; list-style:none; float:left; width:33%;}
div.services ul li { padding:0 0 0 10px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#806f4f; line-height:1.8em;}


/*.liensmarrons {padding:10px 30px 0 25px;margin:0;font:normal 11px Arial, Helvetica, sans-serif;color:#806f4f;line-height:1.8em;list-style:none;}*/
			
/*images d'acceuil pour les differents produits */			
.img_acceuil {float:left;position:relative; padding: 5 5 5 5px; border:O; zoom:1; }
.img_acceuil span  {display:none;}
.img_acceuil:hover {border:0;} /* bug IE6 */
.img_acceuil:hover span{display:block;position:absolute;top:0px;right:0px; border:none;}


/* clients */
.clients h2 { background:url(images/h2_Client.gif) no-repeat left; padding:10px 10px 10px 40px;}

/* contact */
.contact p { font:normal 12px Arial, Helvetica, sans-serif; line-height:1.8em;}
.contact a { font:normal 12px Arial, Helvetica, sans-serif; color:#3f91b4;}

/* latest updates */
.latest_updates { }
.latest_updates h2 { background:url(images/h2_lastes.gif) no-repeat left; padding:10px 10px 10px 40px;}
.latest_updates p.time { background: url(images/bg_data.gif) repeat-x; margin:10px; padding:0; color:#806f4f; font:bold 14px Arial, Helvetica, sans-serif; line-height:1.2em; width:80px; text-align:center;}

/* navigation */
ul.navigation  {
	margin: 0;
	padding: 0 10px;
	text-transform: capitalize;
}
ul.navigation li { list-style:none; padding:10px 10px 10px 15px; margin:0 20px; background:url(images/sub_nav_menu.gif) no-repeat left center;}
ul.navigation li a {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #808080;
	text-decoration: none;
}
ul.navigation li a:hover { text-decoration:underline;}
ul.navigation li a.active { font-weight:normal; text-decoration:underline;}

/* lister */
.lister { padding:10px;}
ul.lister { margin:0; list-style:none; float:left;}
ul.lister li { margin:0; padding:0 5px; float:left;}
ul.lister li a { display:block; background:url(images/lister.gif) no-repeat; float:left; width:29px; height:29px; text-align:center; font:bold 13px Arial, Helvetica, sans-serif; color:#73787c; text-decoration:none; line-height:2.4em;}
ul.lister li a:hover { background:url(images/lister_h.gif) no-repeat; color:#FFF;}
ul.lister li a.active { background:url(images/lister_h.gif) no-repeat; color:#FFF;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 110px;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#505050; text-transform:capitalize; float:left;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:400px; border:1px solid #dcdcdc; margin:10px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:400px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#2c2c2c; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
.footer_all { background:url(images/all_bg.gif);}
.footer_bg { background:url(images/b_bg.gif) repeat-x top;}
.footer { background:url(images/footer.gif) no-repeat center top; padding:46px 0 0 0; width:1000px; margin:0 auto;}
.footer_block { background:url(images/footer_bg.gif) no-repeat top; padding:45px 0;}
.footer p {
	text-align: center;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #8499b5;
	padding: 15px 0;
	margin: 0;
	float: right;
	width: 50%;
}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#a4adb4; text-decoration:none;}
.footer ul { padding:10px 0 10px 5%; margin:0; float:left; width:45%; list-style:none;}
.footer ul li { padding:3px 10px; margin:0; float:left; border-right:1px solid #43505f;}
.footer ul li.rss { background:url(images/RSS.gif) no-repeat right; padding:3px 25px 3px 10px; border:0;}
.footer ul li a { color:#848e9c; font:normal 11px Arial, Helvetica, sans-serif;}
.footer ul li a:hover { color:#b3bac1; font:normal 11px Arial, Helvetica, sans-serif;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-bottom:1px solid #d9d9d9; padding:10px 0 0 0; margin:5px 0; background:none;}
.clrleft {clear:left; background:none; padding:0;margin:0; width:10px;}


	
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.3.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.3
 * @date October 12, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	background: transparent url(___just-anything-here.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #FFF;
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/*******  STREAMING ******/


/* positionnement des 2 div : vidéo et menu multifonctionS */

.div1{
	float: left;
	width: 55%;
	height: 100%;
}

.div2{
float:right;
width:45%;
height:100%;
}

/*   ppt */
	/*
		 * Required 
		*/
		.container { width:400px; height:300px; overflow:hidden; position:relative; cursor:pointer; }
		.slides { position:absolute; top:0; left:0; }
		.slides > div { position:absolute; top:0; width:400px; display:none; }
		/*
		 * Optional
		*/
		#loopedSlider,#newsSlider { margin:0 auto; width:400px; position:relative; clear:both; }
		ul.pagination { list-style:none; padding:0; margin:0; }
		ul.pagination li  { float:left;  }
		ul.pagination li a { padding:1px 2px;  }
		ul.pagination li.active a { background:#484848; color:#b3bac1; }

/****   commentaire du streaming *****/
.h5commentaire{color: #13202D; margin-left:20px; border-bottom:thin; border-bottom-color:#004E9B;}
.globalcomment{margin: 0 auto;font-family: 'Helvetica', 'Arial', Verdana, sans-serif; border-top-color:#003399; border-top-width:thin; border-top-style:solid;}
.menucomment{width:600px; margin-bottom:10px; font:bold 11px Arial, Helvetica, sans-serif; color:#9fa3a6; line-height:1.8em; }
.comment{color: #13202D;margin-top: 0px;padding-left: 20px;float: left; width:412px; height:600px; background-color: #E1E1FF;}
.loader {background: url(images/loader.gif) top left no-repeat; width:100%; height:15px; position:absolute; margin-left:100px; margin-top:16px;}
.form{font-size: small;}
#formulaire input[type=text]{width: 190px;height: 17px;padding: 2px 0 0 10px;color: #545454;background-color: #D9D9FF;border-bottom-color:  #B9B9FF; border-bottom-style:solid; border-bottom-width:1px; border-left:0px; border-right:0px; border-top-width:0px;}
#formulaire  label{padding: 10px 0 0 10px;display: block; width:200px; font-size:12px;}
#formulaire textarea{	color:#545454;	width:360px;	height:103px;	padding:2px 0 0 10px; background-color: #D9D9FF; border:none;}
#formulaire p{	margin:6px 0; width:300px;}
#formulaire input[type=submit]{border-style: none; border-color: inherit; border-width: medium; background: url('images/formulaire/envoi.png') no-repeat left top; cursor:pointer; width: 90px; height: 27px; margin-top:10px;}
#formulaire .nom{	float:left;	width:300px;}
#formulaire .ste{	float:left;	width:300px;}
#affichercomment{margin: 0px;float: right; width: 462px; background-color: #E1E1FF;}
.commentindividuel{margin-top: 20px;background-color: #DADAFE; width:450px; margin-left:5px; font-family: 'Helvetica', 'Arial', Verdana, sans-serif;color:#545454;font-size:11px; border-color: #B9B9FF; border-style:solid; border-width:1px; }
.affichercommentcontenu{ background-color: #E8E8E8;position: relative;padding-left:7px;}
.afficherimagefleche{background:url('images/formulaire/pfleche2.png') no-repeat; position:absolute; top:-10px; right:7px; width:15px; height:15px;}
.affichercommentnom{font: bold;float:left; font-family: "Arial Black"; font-size: small; color:#13202D; padding-left:9px;}
.afficherimagetime{background: url('images/formulaire/poste.png') no-repeat; height:17px; width:91px; float:left; margin-left:20px; margin-top:3px; }
.afficherimageste{background: url('images/formulaire/steimg.png') no-repeat; height:17px; width:50px; float:left; margin-left:20px; margin-top:3px; }
.affichercommenttime {float: left; color:#545454; margin-top:3px;}
.affichercommentste{float:left;color:#545454; margin-top:3px;}
/*#resultatajax{font: bold;float:left; font-family: "Arial Black"; font-size: small;}*/
.bvalid {border-style: none; border-color: inherit; border-width: medium; background: url('images/formulaire/valid1.png') no-repeat left top; cursor:pointer; width: 78px; height: 28px; margin-top:10px;}
.bvalid2 {border-style: none; border-color: inherit; border-width: medium; background: url('images/formulaire/valid2.png') no-repeat left top; cursor:pointer; width: 78px; height: 28px; margin-top:10px;}



/****   FIN DU STREAM **************/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
	width:550px; height:300px;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}
#TB_title{
	background-color:#e8e8e8;
	height:0px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

