/* #################################################################################################### */
/* # reset (minimum)                                                                                  # */
/* #################################################################################################### */

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

/* #################################################################################################### */
/* # clear                                                                                            # */
/* #################################################################################################### */

.clear
{
	clear: both;
}

.clearleft
{
	clear: left;
}

.clearright
{
	clear: right;
}

/* #################################################################################################### */
/* # corner                                                                                           # */
/* #################################################################################################### */

.corner 
{
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px; /* Konqueror */
	border-radius: 10px; /* CSS3 */
}
			
.cornertop
{
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.cornertopleft
{
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

.cornertopright
{
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}
		
.cornerleft
{
	-moz-border-top-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
			
.cornerbottom
{
	-moz-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
	
.cornerbottomleft
{
	-moz-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.cornerbottomright
{
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.cornerright
{
	-moz-border-top-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* #################################################################################################### */
/* # bordered                                                                                         # */
/* #################################################################################################### */
.bordered
{
	border: 1px solid #525252;
	background-color: #FFFFFF;
}

/* #################################################################################################### */
/* # hidden                                                                                           # */
/* #################################################################################################### */

.hidden
{
	display: none;
}

/* #################################################################################################### */
/* # centering                                                                                        # */
/* #################################################################################################### */

.centering
{
	width: 100%;
	height: 100%;
}

.centering table
{
	border: 0px;
	width: 100%;
	height: 100%;
}

.centering td
{
	vertical-align: middle;
}

/* #################################################################################################### */
/* # lightbox                                                                                         # */
/* #################################################################################################### */

.lightbox
{
	position: absolute;
	top: 0px;
	z-index: 500;
	width: 100%; 
	height: 100%;
	overflow: auto;
}

.lightbox div.container 
{
	overflow: hidden;
}

/*
.lightbox div.container div.header 
{
	padding: 5px;
	height: 24px;
	background-color: #ffffff;
}

.lightbox div.container div.header .button
{
	float: right;
	margin-right: 5px;
	border: 1px solid transparent;
	padding: 0px;
	width: 24px; 
	height: 24px;
	vertical-align: middle;
}


.lightbox div.container div.header .button.hover
{
	border-color: #6F9DD9;
	cursor: pointer;
	background-color: #B6D2F7;
}

.lightbox div.container div.header.button img
{
	width: 24px; 
	height: 24px;
}
*/

.lightbox div.container div.content
{
	padding: 10px;
	background-color: #e1e1e1;
	overflow: auto;
}

/*
.lightbox div.container div.footer
{
	padding: 5px;
	height: 24px;
	background-color: #ffffff;
}

.lightbox div.container div.footer .button
{
	float: right;
	margin-right: 5px;
	border: 1px solid transparent;
	padding: 0px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.lightbox div.container div.footer .button.hover
{
	border-color: #6F9DD9;
	cursor: pointer;
	background-color: #B6D2F7;
}

.lightbox div.container div.footer.button img
{
	width: 24px; 
	height: 24px;
}
*/


/* some default lightbox content styles */
.lightbox .container .content h2
{
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.lightbox .container .content .controls
{
	margin-top: 10px;
	border: 0px;
}

/*
.lightbox .container .content .button
{
	padding: 3px 5px;
	vertical-align: middle;
}
*/

.lightbox .container .content .button.hover {}

.lightbox .container .content div.controls .button
{
	float: right;
}

.lightbox .container .content div.controls .button img
{
	float: left;
	margin-right: 5px;
	width: 24px;
	height: 24px;
}

.lightbox .container .content div.controls .button span
{
	line-height: 24px;
	text-align: left;
	vertical-align: middle;
}

.lightbox .container .content table
{
	background-color: #ffffff;
}

.lightbox .container .content table th
{
	background-color: #e1e1e1;
}

.lightbox .container .content table tr.even
{
	background-color: #D4E6FE;
}

.lightbox .container .content table tr.odd
{
	background-color: #FFFFFF;
}

.lightbox .container .content table tr.hover
{
	background-color: #FFE556;
	cursor: pointer;
}


/* #################################################################################################### */
/* # loading                                                                                          # */
/* #################################################################################################### */

.loading
{
	padding: 2px;
	width: 150px; 
	background-color: #ffffff;
}

.loading div.inner
{
	padding: 10px;
	border: 1px solid #e1e1e1;
}

.loading div.inner img {}
.loading div.inner p 
{
	margin-top: 10px;	
}