/******************************************************************************/
/*                                                                            */
/*                              Common HTML Elements                          */
/*                                                                            */
/******************************************************************************/
html
{	
	height:				100%;
	margin:				0px;	
	padding:			0px;
	width:				100%;
}

body
{
	color:              #F7F7F7;
	font-family:        Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
	font-size:          11px;	
	height:				100%;
	margin:				0px;
	padding:			0px;
	width:				100%;
}

a,
a:active,
a:hover,
a:visited
{
	color:          	#F7F7F7;
}

h1,
h2,
h3
{
	color:				#FF0000;
}

h1
{
	font-size:			14px;	
}

h2
{
	font-size:			13px;
}

h3
{
	font-size:			12px;
}

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

table
{
	border:				0px;
	border-collapse:	collapse;
	padding:			0px;
	margin:				0px;
}

td
{
	vertical-align:		top;
}

th
{
	vertical-align:		top;
	text-align:			left;
}

ul,
li
{
	border:				0px;
	border-collapse:	collapse;
	padding:			0px;
	margin:				0px;
}

/******************************************************************************/
/*                                                                            */
/*                          Navigation                                        */
/*                                                                            */
/******************************************************************************/
#navigation-container 
{
	height: 			30px;	
	z-index: 			500;
}

/* Parent - Level 0 */
#navigation-container ul 
{
	padding: 			0;
	list-style: 		none;
	margin: 			0px;
	z-index: 			500;
}

#navigation-container ul li 
{	
	background-image:	url("../../common/images/button.jpg");
	display:			inline;	
	float: 				left;
	position:			relative;
	width: 				120px;
	z-index: 			500;	
}

#navigation-container ul li:hover
{
	background:		#800000;
	z-index: 			500;
}

#navigation-container   ul li a,
#navigation-container   ul li a:active,
#navigation-container   ul li a:hover,
#navigation-container   ul li a:visited
{
        display:                        block;
        padding-top:            7px;
        text-decoration:        none;
        width:                          120px;
        text-align:             center;
        height:                         27px;
        z-index: 			500;
}

/* Child - Level 1 */
#navigation-container ul li ul 
{
	display:			none;
	position: 			absolute;
	left: 				0px;
	top: 				34px;
	display: 			none;
	z-index: 			100;
}

#navigation-container ul li:hover ul
{
        display:                        block;
}


#navigation-container ul li ul li
{
	background-image:	url("../../common/images/unternavi_button.png");
	border:				0px 0px 1px 0px;
	border-color:		#000000;
	border-style: 		solid;
	display: 			inline;
	float: 				left;	
	height: 			30px;
	position:			relative;
	text-align:			center;
	vertical-align:		middle;	
}

#navigation-container ul li ul li:hover
{
	background-image:	url('../../common/images/unternavi_button.png');
}

#navigation-container   ul li ul li a,
#navigation-container   ul li ul li a:active,
#navigation-container   ul li ul li a:hover,
#navigation-container   ul li ul li a:visited
{
        display:                        block;
	padding-left:		25px;
        padding-top:            9px;
        text-decoration:        none;
        width:                          120px;
        text-align:             left;
        height:                         27px;
}

/* Child - Level 2 */
#navigation-container 	ul li ul li ul 
{
	display:			none;
	position: 			absolute;
	left: 				120px;
	top: 				0px;
	visibility:			hidden;
	z-index: 			100;
}

#navigation-container 	ul li ul li:hover ul
{
	display:       		block;
	visibility:			visible;
}


#navigation-container 	ul li ul li ul li
{
	background-image:	url("../../common/images/unternavi_button.png");
	border:				0px 0px 1px 0px;
	border-color:		#000000;
	border-style: 		solid;
	display: 			inline;
	float: 				right;	
	height: 			30px;
	position:			relative;
	text-align:			center;
	vertical-align:		middle;	
}

#navigation-container 	ul li ul li ul li:hover
{
	background-image:	url('../../common/images/unternavi_button.png');
}

#navigation-container   ul li ul li ul li a,
#navigation-container   ul li ul li ul li a:active,
#navigation-container   ul li ul li ul li a:hover,
#navigation-container   ul li ul li ul li a:visited
{
        display: 			block;
		padding-left:		25px;
        padding-top:        9px;
        text-decoration:    none;
        width:              120px;
        text-align:         left;
        height:             27px;
}

/******************************************************************************/
/*                                                                            */
/*                              Table Styles                                  */
/*                                                                            */
/******************************************************************************/
.TableHeaderBlue
{
	background-color:	#0025A1;	
	font-weight: 		bold;
	margin:				0px;
}

.TableHeaderGrey
{
	background-color:	#545454;	
	font-weight: 		bold;
	margin:				0px;
}

.TableHeaderLightGrey
{
	background-color:	#ABABAB;	
	font-weight: 		bold;
	margin:				0px;	
}

.CellBackgroundBlue
{
	background-color:	#0025A1;
	margin:				1px;
}

.CellBackgroundBlue td
{
	border-color: 		#001353;
	border-style: 		solid;
	border-width: 		1px;
}

.CellBackgroundGrey
{
	background-color:	#545454;
	margin:				1px;
}

.CellBackgroundGrey td
{
	border-color: 		#001353;
	border-style: 		solid;
	border-width: 		1px;
}

.CellBackgroundLightGrey
{
	background-color:	#ABABAB;
	margin:				1px;
}

.CellBackgroundLightGrey td
{
	border-color: 		#001353;
	border-style: 		solid;
	border-width: 		1px;
}

/******************************************************************************/
/*                                                                            */
/*                                    XHR                                     */
/*                                                                            */
/******************************************************************************/
.LoadingContainer,
.LoadingContent,
.LoadingOverlay
{
	left:				0px;
	position:			absolute;	
	top:				0px;
}

.LoadingContainer
{
	bottom:				0px;
	display:			none;  
	right:				0px;
	z-index:			1000;
}

.LoadingContent
{
	height:				100%; 
	width:				100%; 
	z-index:			1001
}

.LoadingContent td
{
	vertical-align:		middle;
}

.LoadingOverlay
{
	background: 		none repeat scroll 0 0 #EEEEEE;
	height:				100%;
	opacity: 			0.5;
	width:				100%;
}

.Loading
{
	background:			none repeat scroll 0 0 #FFFFFF;
	height:				40px;
	width:				60px;
}