/* 
Filename: 		class.css
Author: 		Jean Rodeghiero Marques (jean@e-desegno.com)
Creation Date: 	00/00/00
*/
/* Position Classes */
.left		{float:left;}
.right		{float:right;}
.center		{margin-left:auto; margin-right:auto;}
.centered	{padding:0px 25%;} /* Alternative */
.relative	{position:relative;}
.absolute	{position:absolute;}
/* Display Classes */
.block		{display:block;}
.hidden		{display:none;}
/* Width Classes */
.full		{width:98.5%;}
.half		{width:48%;}
.one-third	{width:32%;}
.two-thirds	{width:64%;}
.clear		{clear:both;}
/* Menus */
.h-menu		{margin:0; padding:0; margin-left:auto; margin-right:auto;}
.h-menu li	{display:inline;}

.c-align {text-align:center;}
/* Rounded Corners */
/* Usage:
 * default 		'class='dialog' (rounded.gif)
 * alternate 1	'class='dialog alt1' (rounded2.gif)
 * alternate 2	'class='dialog alt2' (rounded3.gif)
 * alternate 3	'class='dialog alt3' (rounded4.gif)
 * alternate 4	'class='dialog alt4' (rounded5.png)
 */
.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 z-index:1;
 margin-left:12px; 
 margin-bottom:0.5em; 
}

/* Different Boxes */
.dialog .box_content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url("img/rounded.gif") no-repeat top right;
}

.dialog.alt1 .box_content,
.dialog.alt1 .t,
.dialog.alt1 .b,
.dialog.alt1 .b div {
 background:transparent url("img/rounded2.gif") no-repeat top right;
}

.dialog.alt2 .box_content,
.dialog.alt2 .t,
.dialog.alt2 .b,
.dialog.alt2 .b div {
 background:transparent url("img/rounded3.gif") no-repeat top right;
}

.dialog.alt3 .box_content,
.dialog.alt3 .t,
.dialog.alt3 .b,
.dialog.alt3 .b div {
 background:transparent url("img/rounded4.gif") no-repeat top right;
}

.dialog.alt4 .box_content,
.dialog.alt4 .t,
.dialog.alt4 .b,
.dialog.alt4 .b div {
 background:transparent url("img/rounded5.png") no-repeat top right;
}



.dialog .box_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:12px 12px 0px 0px;
}

.dialog .t,
.dialog.alt1 .t,
.dialog.alt2 .t,
.dialog.alt3 .t,
.dialog.alt4 .t
{
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}


.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b,
.dialog.alt1 .b,
.dialog.alt2 .b,
.dialog.alt3 .b,
.dialog.alt4 .b
{
 background-position:bottom right;
}

.dialog .b div,
.dialog.alt1 .b div,
.dialog.alt2 .b div,
.dialog.alt3 .b div,
.dialog.alt4 .b div
{
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h2
{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	z-index:10;
	padding-bottom:0px;
}