/* reset css selectors */
*  { font-family: sans-serif; margin: 0; padding: 0; border: 0; outline: none medium }
table { width: 100%;	border-collapse: collapse;/*border-collapse:separate;
border-spacing:0;*/}
img {	border: 						0;}
acronym, abbr, dfn { cursor: 	help;}
q, cite, em, dfn { font-style:italic;}
strong, dfn {font-weight: 		bold;}
del { text-decoration: 			line-through;}
address { font-style: normal; letter-spacing: .1em;}

/*======== styles pour mettre des blocs "flottants" par exemple des images ======== */
.floatleft {
	float: 							left;
	margin-top: 					1em;
	margin-right : 				1em;
	padding-left: 					4px;
	border: 							0;
}
.floatright {
	float: 							right;
	margin-bottom: 				1em;
	margin-left: 					1em;
	padding: 						2px;
	border: 							0;
}

/*========  Alignment class ======== */
.txtleft   { text-align: 			left; } /* kris 11/10/2007 */
.txtright  { text-align: 			right; } /* kris 11/10/2007 */
.txtcenter { text-align: 			center;	} /* kris 11/10/2007 */
.txtjustify { text-align:			justify; } /* kris 11/10/2007 */
.alignmiddle { vertical-align: 	middle;} /* kris 11/10/2007 */
.aligntop { vertical-align: 		top;} /* kris 11/10/2007 */
.alignbottom { vertical-align: 	bottom;} /* kris 11/10/2007 */

.positop {margin-top:0;padding-top:0;} /* kris 11/10/2007 */
.posibottom {margin-bottom:0;padding-bottom:0;} /* kris 11/10/2007 */

/*========  Width class ======== */
.width100 { width: 				100%;}
.width98 {width:					98%;} /* kris 11/10/2007 */
.width95 {width:					95%;}
.width90 {width:					90%;} /* kris 11/10/2007 */
.width85 {width:					85%;} /* kris 11/10/2007 */
.width80 {width:					80%;} /* kris 11/10/2007 */
.width75 { width: 				75%;}
.width66 { width: 				66%;}
.width50 { width: 				50%;}
.width33 { width: 				33%;}
.width25 { width: 				25%;}
.width20 { width: 				20%;}
.width10 { width: 				10%;}
.width5 {width:					5%;} /* kris 11/10/2007 */
.width1 {width:					1%;} /* kris 11/10/2007 */

/* ========= Font class ========== */
.extrasmall { font-size: 		.7em;}
.small {	font-size: 				.9em;}
.normal { font-size: 			1em;}
.big { font-size: 				1.2em;}
.maxi { font-size: 				1.5em;}

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

.red {background-color: inherit; color: #ff0000;}
.blue {background-color: inherit; color: #0000ff;}
.black {background-color: inherit;	color:#000;}
.white {background-color: inherit;	color:#fff;}
.yellow {background-color: inherit; color: #ffff00;}
.orange { background-color: inherit; color: #ffa500;}
.green {	background-color: inherit; color: #32CD32;}
.silver { background-color: inherit; color: #c0c0c0;}

/*========  Show class ======== */
.clear{ clear:both; height:0; font-size:0; line-height:0; }
.clearleft{ clear:left; height:0; font-size:0; line-height:0; } /* kris 11/10/2007 */
.clearright{ clear:right; height:0; font-size:0; line-height:0; } /* kris 11/10/2007 */
.block { display: 				block; }
.hide  { display: 				none; }
.spacer { padding: 				0 0 3px 0;}
#xoopsHiddenText {visibility: hidden; background-color:inherit; color: #000; font-weight: normal; font-style: normal; text-decoration: none;}
/*.nowrap {display:nowrap;}*/

/* à voir pour le dossier des images */
a.printable, a.pdf, a.friend {/*images 22x22 in the theme*/}


pre {
	/* Wordwrap Hack */
	white-space: pre-wrap;		/* css-3 */
	white-space: -moz-pre-wrap !important;		/* Mozilla, since 1999 */
	white-space: -pre-wrap;		/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	word-wrap: break-word;		/* Internet Explorer 5.5+ */
	_white-space: pre; /* IE only hack to re-specify in addition to word-wrap */
}

#xoopsHiddenText {visibility: hidden; color: #000; font-weight: normal; font-style: normal; text-decoration: none;}
img {border: 0; position: relative;}
textarea {width: 80%; height: 110px; overflow: auto;}

.pagneutral {font-size: 10px; width: 16px; height: 19px;text-align: center; background-image: url(./images/pagneutral.gif);}
.pagact {font-size: 10px; width: 16px; height: 19px;text-align: center; background-image: url(./images/pagact.gif);}
.paginact {font-size: 10px; width: 16px; height: 19px;text-align: center; background-image: url(./images/paginact.gif);}


#mainmenu a {text-align:left; display: block; margin: 0; padding: 4px;}
#mainmenu a.menuTop {padding-left: 3px;}
#mainmenu a.menuMain {padding-left: 3px;}
#mainmenu a.menuSub {padding-left: 9px;}

#usermenu a {text-align:left; display: block; margin: 0; padding: 4px;}
#usermenu a.menuTop {}
#usermenu a.highlight {color: #0000ff; background-color: #fcc;}

/* For required elements in XOOPS form, can be overwritten in theme styles */
.xoops-form-element-caption .caption-marker   { display: none }

.xoops-form-element-caption-required .caption-marker {
    color: #ff0000;
    padding-left: 2px;
}

.xoops-form-element-help {
    font-size: 90%;
    padding-top: 5px;
    font-weight: normal;
}


/* For required elements in XOOPS form, can be overwritten in theme styles */
.xoops-form-element-caption .caption-marker {
    display: none;
}

.xoops-form-element-caption-required .caption-marker {
    color: #ff0000;
    padding-left: 2px;
}

.xoops-form-element-help {
    font-size: 90%;
    padding-top: 5px;
    font-weight: normal;
}

/*
Code updated by Vinod S R
         contact : smartvinu@gmail.com ,psindia@gmail.com
         website : http://psindia.v33.org ,  http://tenthstone.com
*/

/* small smiley DOM window */

.smiley_window{
	position:			absolute;
	padding: 			2px;
	border:				1px solid black;
	font:					normal 12px Verdana;
	line-height:		18px;
	z-index:				100;
	visibility:			hidden;
	background-image: url(images/dhtml_back.gif);
	background-color: #DAD8e3;
	background-repeat: repeat-x;
	width: 				150px;
}
.smiley_content { height: 100px;  overflow: auto;}
.smiley_title_bar {
  color: 				#000 ;
  width: 				150px;
  font-weight: 		bold
}
/* update smiley ends here */
/* Popup smiley window*/
.dhtml_form {
  z-index:0;
  background-image: url(images/dhtml_back.gif);
  background-color: #DAD8e3;
  background-repeat: repeat-x;
  /*border: 2px groove #ccc;*/
  padding: 2px
}
input.modbold {
	background-image: url(./images/bold.gif);
	background-color: #fff;
	color: #000;
	text-align: center;
	font-size: 17px;
   width: 25px ;
   height: 25px;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: center;
}
input.moditalic {
	background-image: url(./images/italic.gif);
	background-color : #fff;
	color : #000;
	text-align: center;
	font-size: 17px;
   height: 25px;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: center;
   width: 25px ;
}
input.modunder {
	background-image: url(./images/underline.gif);
	background-color : #fff;
	color : #000;
	text-align: center;
	font-size: 17px;
   height: 25px;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: center;
   width: 25px ;
}
input.modstrike {
	background-image: url(./images/linethrough.gif);
	background-color: #fff;
	color: #000;
	text-align: center;
   height: 25px;
	font-size: 17px;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: center;
   width: 25px ;
}
div.notify {
	background: #FC565A;
	border: 2px solid #d1d7dc;
	color:#fff;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 6px 6px 6px;
}
.helpline {
  background-image: url(images/dhtml_back.gif);
  background-color: #DAD8e3;
  background-repeat: repeat-x;
  border: 2px groove #ccc;
}