body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;	
	background-color: #FFFFFF;
}

td {
	font-size: 11px;
}
	

* {
  padding: 0px;
	margin: 0px;
}

/* pour zoom img en div */
#overtrail { visibility: hidden; z-index: 1000; display: block; position: absolute; top: 0; left: -50px; background-color: #ffffff; border: solid #000000 1px; text-align: center;}

/* ----------------------------- */
/* Style pour la page de listing
/* ----------------------------- */

table.tblListeBack {
	width: 100%;
	border: 1px solid #060076;
	border-spacing: 1px;
	border-collapse: separate;
}

tr.ligneInpaire {
	background-color: #f1f1f1;
}

tr.lignePaire {
	background-color: #ececec;
}

tr.ligneInpaire:hover , tr.lignePaire:hover , .hover {
	background-color: #F8EAEA;
}

tr.marked , tr.marked , .marked {
	background-color: #DEE0FF;
}

tr.ligneEncours {
	background-color: #5bcfa2;
}

.tblListeBackPagination{


	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px;
	
	background-color: #f1f3f5;
	border-color: #fe6600;
	
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	text-align: center;
	padding: 4px;
	border-style: dashed;
	border-width: 1px;
}

table.tblListeBack th {
	background-color: #fe6600;
	padding: 3px;
	color:#fff;
	text-align:center;	
}

table.tblListeBack th a {
	color: #FFFFFF; 
	text-decoration: underline;
	font-size: 12px;
}

table.tblListeBack th a:hover {
	color: #FFFFFF; 
	text-decoration: none;
}

table.tblListeBack th a:active {
	color: #FFFFFF; 
	text-decoration: underline;
}

table.tblListeBack td {
	padding: 3px;
}

.tblListeBackLigneFiltre {
	background-color: #ffce93;
}

.tblListeBackNbResult{
	background-color: #f1f3f5;
	border-color: #fe6600;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	text-align: center;
	padding: 2px;
	border-style: dashed;
	border-width: 1px;
}

a.infobulle
{
  position:relative; 
  z-index:24; 
  background-color:transparent;
  color:#000;
  text-decoration:none;
}

a.infobulle:hover
{
	z-index:25; 
	background-color:#d71919;
	color:#fff;
  text-decoration:none;
}

a.infobulle span
{
	display: none;
}

a.infobulle:hover span
{ 
  display:block; 
  position:absolute;
  top:2em; left:2em; width:15em;
  border:1px solid #000;
  background-color:#eeeeee;
	color:#000;
  text-align: justify;
  font-weight:none;
  padding:1px;    
}

/* info bulle */
#infoBulle{
	position: absolute; visibility: hidden;  font-size:12px;
}

.infoBulle{
	border:1px solid #666666; padding: 7px; color:#666666; background-color:#FFFFFF; font-family:"trebuchet MS";
}


.cadreBoutonGauche{
	background-color: #f1f3f5;
	border-color: #fe6600;
	width: 200px;
	text-align: center;
	padding: 2px;
	border-style: dashed;
	border-width: 1px;
}

/* cadre formulaire de filtre other */
.cadreFormFiltreOther{
	background-color: #f1f3f5;
	border-color: #fe6600;
	width: 400px;
	text-align: center;
	padding: 2px;
	border-style: dashed;
	border-width: 1px;
}

.noUnderline{
  text-decoration: none;  
}

.noBorder{
  border: none; 
}

/* -------------------------- */
/* Style pour les formulaires
/* -------------------------- */

textarea {
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	margin: 0px 0px 0px 0px;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;	
}

input {
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;	
}

input.file {
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	margin: 0px 0px 0px 0px;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	cursor: pointer;
}

input.radio {
	border-right: 0px;
	border-top: 0px;
	margin: 0px 0px 0px 0px;
	border-left: 0px;
	border-bottom: 0px;
}

select {
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #f5f5f5;
	color: #333333;	
}

.errorMessage{
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	color: red;
	width: 300px;
	border-color: red;
	border-style: dashed;
	border-width: 1px;
	text-align: center;
	font-weight: bold;
}

/* --------------------------------- */
/* Style pour les calques des popups
/* --------------------------------- */

.layerPopupParent{
	background-image: url("/images/oppacity.gif");
}
	
.layerPopupEnfant{
	background-color: #FFFFFF;
	border-style: dashed;
	border-width: 1px;
	border-color: #fe6600;
}

.layerPopupEnfantTop{
	text-align: right;
	background-image: url("/images/layerPopupEnfantTop.gif");
}

.layerPopupContenu{
	overflow : scroll ;
}

.divBoutonsAction{
	padding-top : 5px;
	text-align: right;
	width: 100%;
	margin-left: auto;
	margin-right: auto;;	
}



#divFilter{
	text-align: center;
}

fieldset#fieldsetFilter{
	OOwidth: 400px;
	OOmargin : auto;
	OOtext-align: left;
}

#filterButtons{
	margin:auto;
	text-align: center;
}


#labelFilter{
	color: #FE6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #f5f5f5;
	margin-bottom: 10px;
}

#cmsentete {
	padding-right: 0px;
	padding-left: 0px;
	background: #FFFFFF no-repeat right top;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 0px;
	position: relative;
	border: 1px dashed #CCCCCC;
}

#break {
	height: 50px;
}

a {
	color: #FE6700; text-decoration: underline;
}

a:hover {
	color: #FF3300; text-decoration: underline;
}

a:active {
	color: #FE6700; text-decoration: underline;
}

.texte_contenu_obligatoire
{
	color: #CC0000;
}

.titrelogin {
	padding: 0;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	color: #FE6700;
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	text-align: left;
	font-style: italic;
}

.button {
	border-right: #cccccc 1px solid;
	padding-right: 4px;
	border-top: #cccccc 1px solid;
	padding-left: 4px;
	font-weight: bold;
	font-size: 11px;
	background: #e9ecef;
	padding-bottom: 4px;
	border-left: #cccccc 1px solid;
	color: #666666;
	padding-top: 4px;
	border-bottom: #cccccc 1px solid;
	cursor : pointer;
}

input.button:hover {
	background: #FFFFFF;
	cursor:pointer;
}

.login {
	border: 1px solid #cccccc;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	width: 300px;
	background: #f1f3f5;	
}

.erreur {
	color: #CC0000;
	font-style: italic;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.loginbloque {
	color: #ff9900;
	font-weight: bold;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.form-block {
	border-right: #cccccc 1px solid;
	padding-right: 10px;
	border-top: #cccccc 1px solid;
	padding-left: 10px;
	background: #e9ecef;
	padding-bottom: 10px;
	border-left: #cccccc 1px solid;
	padding-top: 15px;
	border-bottom: #cccccc 1px solid;
}

.login-form {
  padding:0px;
	width: 100%;
	margin-right:10px;
	text-align: left;
}

.login-text {
	float: left;
	width: 40%;
	text-align: left;
}

.inputlabel {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.inputbox {
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	margin: 0px 0px 1em;
	border-left: #cccccc 1px solid;
	width: 150px;
	border-bottom: #cccccc 1px solid;
}

.ctr {
}

.footer {
	
}

.menubackgr {
	background: #f1f3f5;
	border-bottom: #cccccc 1px solid;
	padding-right: 8px;
	padding-left: 8px;
}

.droitsutilisateur {
	font-size: 10px;
	color: #718EAA;
}

.principal {
  margin-left:10px;
  margin-right:10px;
	border: 1px solid #d5d5d5;
	padding-left: 10px;	
	padding-right: 10px;		
	padding-top: 10px;		
	padding-bottom: 15px;
}

table.enteterubrique {
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	margin: 0px;
	width: 100%;
	padding: 0px;
	border-bottom: 0px;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

.enteterubrique img{
	border-right: 5px;
}

table.enteterubrique th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FE6700;
	border-right: 0px;
	border-left: 0px;
	width: 50%;
	height: 50px;
	text-align:left;
}

table.enteterubrique td {
	border-right: 0px;
	border-left: 0px;
	width: 50%;
	height: 50px;
	text-align:right;
}

td.letrailer {
	height: 30px;
	vertical-align:middle;
	padding-left: 12px;
	padding-bottom: 2px;
	margin: 3px;
	color: #FE6700;
	border-bottom: #cccccc 1px solid;
}

.letrailer_on {
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 3px;
	padding-top: 2px;
	color: #000000;
}


table.sommaire {
	border: 1px solid #d5d5d5;
	background-color: #f5f5f5;
	width:100%;
}

table.sommaire tr {
	background-color: #f5f5f5;
}

table.sommaire td {
  margin:10px;
	text-align: center;
}

/* ######## */
/* Icones d'action tableau liste */
/* ######## */
table.actionliste {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border: 0px;
	width: 10%;
}

table.actionliste td {
	padding-right: 7px;
	padding-left: 7px;
	border: 0px;
	text-align: center;
}

.actionliste img {
	border: none;
}

.desactive {
	color: #999999;
}

/* */
/* Tableau preview */
/* */

table.previewElement td
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
}

/* ######## */
/* Tableaux de liste de resultats */
/* ######## */

table.listeresultat {
	border: none;
	margin: 0px;
	border-collapse: collapse;
	width: 100%;
	border-spacing: 0px;
}

table.listeresultat tr.blanc {
	background-color: #f5f5f5;
}

table.listeresultat tr.blanc:hover {
	background-color: #f5f5f5;
}

table.listeresultat td.blanc {
	background-color: #f5f5f5;
	border-bottom: #FFFFFF 0px solid;
}

table.listeresultat tr.blancgauche {
	background-color: #FFFFFF;
	border-bottom: #FFFFFF 0px solid;
}

table.listeresultat td.gauche {
	text-align:left;
}

table.listeresultat tr {
	background-color: #f5f5f5;
}

table.listeresultat tr:hover {
	background-color: #f1f1f1;
}

table.listeresultat th {
	padding-right: 4px;
	padding-left: 4px;
	font-size: 11px;
	background-color:#FE6700;
	background: url("img/th.gif");	
	margin: 0px;
	color: #ffffff;
	padding-top: 4px;
	height: 21px;
}

table.listeresultat td {
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	border-bottom: #e5e5e5 1px solid;
	text-align:center;
}

table.listeresultat td.nopadding {
	padding-bottom: 0px;
	text-align:left;
	
}

table.listeresultat th a {
	color: #ffffff;
	text-decoration:underline;
}

table.listeresultat th a:hover {
	color: #ffffff;
	text-decoration:none;
}


/* ######## */
/* Tableaux annexe */
/* ######## */

table.listAnnexe {
	width: 100%;
	border: 1px solid #060076;
	border-spacing: 1px;
	border-collapse: separate;
}



/* ######## */
/* Tableaux de mediatheque */
/* ######## */

table.gris {
	border-right: 0px;
	padding-right: 0px;
	border-top: 0px;
	padding-left: 0px;
	border-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-bottom: 0px;
	border-collapse: collapse;
	width: 100%;
	border-spacing: 0px;
}

table.gris tr {
	background-color: #f5f5f5
}

table.gris td {
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
}


.titrevert {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 15px;
	margin: 0px;
	border-left: 0px;
	color: #FE6700;
	padding-top: 0px;
	border-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align:middle;
}

/* ######## */
/* Page d'interdiction */
/* ######## */
.titrenonautorise {
	border-right: 0px;
	padding-right: 0px;
	border-top: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 15px;
	margin: 0px;
	border-left: 0px;
	width: 100%;
	color: #FE6700;
	padding-top: 0px;
	border-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	text-align: center;
	font-style: italic;
	vertical-align:middle;
}

/* ######## */
/* Tableau d'édition */
/* ######## */

table.adminform {
	border-top: #d5d5d5 1px solid;
	border-left: #d5d5d5 1px solid; width: 100%;
	border-right: #d5d5d5 1px solid;
	border-bottom: #d5d5d5 1px solid;
	border-collapse: collapse;
	background-color: #f5f5f5;
}

table.adminform tr.row0 {
	background-color: #f5f5f5;
}

table.adminform tr.row1 {
	background-color: #eeeeee;
}

table.adminform th {
	padding-right: 4px;
	padding-left: 4px;
	font-size: 12px;
	background: url("img/th.gif");
	padding-bottom: 2px;
	color: #ffffff;
	padding-top: 6px;
	height: 25px;
	text-align: left;
}

table.adminform td {
	text-align: left;
}

table.adminform td.pad3 {
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: left;
}

.editor {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}


/* ######## */
/* Tableau d'edition du contenu */
/* ######## */

table.editeur {

	border-right: #cccccc 1px solid;
	padding-right: 0px;
	border-top: #cccccc 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: #cccccc 1px solid;
	width: 98%;
	padding-top: 0px;
	border-bottom: #cccccc 1px solid;
	border-collapse: collapse;
	background-color: #ffffff;
	border-spacing: 0px;
}

table.editeur th{
	text-align:left;
	color: #006600;
}

td.iconesediteur  {
	text-align:left;
	background-color: #FFFFFF;
	border-right: #999999 1px solid;
	padding-right: 10px;
	border-top: #999999 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 4px;
	border-left: #999999 1px solid;
	padding-top: 2px;
	border-bottom: #999999 1px solid;
}

div.iconesediteur  {
	text-align:left;
	background-color: #FFFFFF;
	border-right: #999999 1px solid;
	padding-right: 10px;
	border-top: #999999 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 4px;
	border-left: #999999 1px solid;
	padding-top: 2px;
	border-bottom: #999999 1px solid;
	width:99%;
}

th.iconesediteur  {
	color: #ffffff;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 11px;
	background: url("img/th.gif");
	padding-bottom: 2px;
	margin: 0px;
	padding-top: 6px;
	height: 25px;
	text-align:left;
}

table.fondediteur  {
	background-color: #F1F3F5;
}

td.fondediteur  {
	padding-top: 6px;
	height: 25px;
}

#separateur {
	background-color:#fff;
	background-image:none;
	border:1px dotted #69c;
	color:#333;
	margin:0;
	padding:0 1em;
	display:block;
	height:25px;
	vertical-align:middle;
	text-align:center;
	position:relative;
}

/* ######## */
/* Cache les Divs */
/* ######## */
.cachediv {
	visibility: hidden;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin-top: -1px;
}

/* ######## */
/* Pour les menus popup de lediteur */
/* ######## */

.menudottedline {
	border-top: #ffffff 1px solid;
	border-bottom: #cccccc 1px solid;
	background-color: #f1f3f5;
}

table.menubar {
	width: 100%;
}

/* ######## */
/* Pour la mdiathque */
/* ######## */

.imgborder {
	border-right: buttonface 1px solid;
	border-top: buttonface 1px solid;
	vertical-align: middle;
	border-left: buttonface 1px solid;
	border-bottom: buttonface 1px solid;
	height: 96px;
}


/* ######## */
/* Tableau pour les onglets */
/* ######## */

table.onglet {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-spacing: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-width: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align:center;
}

td.onglet {
	width:80px;
	height:25px;
	background-image:url(/images/tab.gif);
}

td.ongletactif {
	width:80px;
	height:25px;
	background-image:url(/images/tab_actif.gif);
	font-weight: bold;	
}





/* ######## */
/* tableau rsultats de recherche */
/* ######## */

table.listeresultatrech {
	border: none;
	margin: 0px;
	border-collapse: collapse;
	width: 100%;
}


table.listeresultatrech td.left, table.listeresultatrech th.left {
	text-align:left;
}

table.listeresultatrech td.right, table.listeresultatrech th.right {
	text-align:right;
}

table.listeresultatrech td.center, table.listeresultatrech th.center {
	text-align:center;
}

tr.listeresultatrech {
	background-color: #f5f5f5;
}

tr.listeresultatrech2 {
	background-color: #e1e1e1;
}

table.listeresultatrech tr:hover {
	background-color: #f1f1f1;
}

table.listeresultatrech th {
  text-align:left;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 11px;
	background-color:#FE6700;
	background: url("img/th.gif");	
	margin: 0px;
	color: #ffffff;
	height: 25px;
}

table.listeresultatrech td {
	padding: 4px;
	border:none;
	text-align:left;	
}

table.listeresultatrech td.nopadding {
	padding-bottom: 0px;
	text-align:left;
	
}

table.listeresultatrech th a {
	color: #ffffff;
	text-decoration:underline;
}

table.listeresultatrech th a:hover {
	color: #ffffff;
	text-decoration:none;
}





/* editeur html */
textarea.mceEditor
{
  width:100%;
  height:300px;
  padding:0px;
}


/*             */
/* formulaires */
/*             */

/* auto complete */
div.form_autocomplete {
  position: absolute;
  width: 500px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}
 
div.form_autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-height: 20em;
  overflow: auto;
}
 
div.form_autocomplete ul li.selected {
    background-color: #FE6600;
}
 
div.form_autocomplete ul li {
  list-style-type:none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}

/* msg d'erreurs en tete du formulaire */
.form_errors_msg
{
  border:1px dashed #f00;
  color:#f00;
  margin-top:10px;  
  margin-left:20px;
  margin-right:20px;
  margin-bottom:10px;
  padding:5px;
	text-align:center;	
}	

.texteFormVisu{
  float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#365871;
	text-align:left;
	font-weight:bold;
	display:block;
	width:250px;
	margin-right:5px;
}

.texteAffFiche{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#365871;
	text-align:left;
	margin:0px;
	padding:0px;
}

.labelFormEditObligatoire{
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#365871;
	text-align:left;
	width:250px;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:5px;
}

.labelFormEditNonObligatoire{
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#365871;
	text-align:left;
	width:250px;
	display:block;
	float:left;
	font-weight:normal;
	margin-right:5px;
}


table.form_default td{	
	Xpadding:5px;	
}

.form_default{
	clear: none;
	float: none;
	text-align:left;
}


.form_default legend{
	background-color: #f1f3f5;
	border-color: #fe6600;
	border-style: dotted;
	border-width: 1px;
	color:#fe6600;
	font-weight:bold;
	padding:5px;
}

.form_default fieldset{	
	margin: 20px;
	padding:10px;
}


.form_default input{
	display: inline;
}

.form_error{
  color: #ff0000;
  border: 1px solid #ff0000;
	clear: none;
	float: none;
}

.form_error input{
	display: inline;
}

/*******************************/
/* style pour les pages d'aide */
/*******************************/

#pageAide 
{
  text-align: left;
}

#pageAide h1
{
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

#pageAide h2
{
  color: #02539f;
  font-size: 12px;
  font-weight: bold;
}

#pageAide .paragraphe
{
  margin-bottom: 10px;
}

#pageAide a
{
  color: #02539f; 
}

.aideListe li
{
  color: #000000;
  font-size: 10px;
  list-style: none;
}

.aideListe li:before {
  content: "- ";
}

.aideMenu li
{
  color: #000000;
  font-size: 12px;
  list-style: none;
}

.aideMenu
{
  margin-bottom: 10px;
}



/*******************************/
/* style pour les onglets tabs */
/*******************************/


.form_panel {
	clear: both;
	display: none;
	padding: 1em;
}

.form_panel.active-tab-body {
	display: block;
}

#form_tabs {
	position: relative;
	height: 28px;
	list-style: none;
}

#form_tabs li {
	float: left;
}

#form_tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #355771;
	color:#fff;
	text-decoration: none;
  border:1px solid #828177;
}

#form_tabs a.active-tab {
	background-color: #fe6700;
	color: #000;
}

/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {
	position: relative;
	display: block;
	}
.prototip .toolbar .title {
	display: block;
	position: relative;
	}
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
	}
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}

/* Tooltip styles */
.prototip .default { width: 150px; color: #fff; }
.prototip .default .toolbar { background: #0F6788; font: italic 17px Georgia, serif; }
.prototip .default .title { padding: 5px; }
.prototip .default .content { background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}

.prototip .pinktip { border: 5px solid #a1a1a1; }
.prototip .pinktip .toolbar { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; }
.prototip .pinktip .title { padding: 5px; }
.prototip .pinktip .content { background: #fff; color: #555555; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

.prototip .darktip { width: 250px; border: 5px solid #a1a1a1; }
.prototip .darktip .toolbar { background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.prototip .darktip .toolbar a.close { background: url(close_hover.gif);}
.prototip .darktip .toolbar a.close:hover { background: url(close.gif);}
.prototip .darktip .title { padding: 5px;}
.prototip .darktip .content { background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

.prototip .silver { width: 300px; border: 5px solid #cccccc; color: #fff; font: 11px Arial, Helvetica, sans-serif;}
.prototip .silver .toolbar { background: #2e2e2e; color: #fff; font-weight: bold; }
.prototip .silver .toolbar a.close:hover { background: url(close_hover_red.gif);}
.prototip .silver .title { padding: 5px; }
.prototip .silver .content { background: #fff; color: #666666; padding: 5px;}

.protoClassic { width: 300px; border: 5px solid #8c939c; }
.protoClassic .toolbar { background: #96b8e2 url(classic_toolbar.gif) top left repeat-y; font-weight: bold; color: #fff;}
.protoClassic .toolbar a.close:hover { background: url(close_hover_red.gif);}
.protoClassic .title { padding: 5px; }
.protoClassic .content { background: #fff; color: #333333; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }