/*
Total: 994 px
Menu: 155 px, padding 5 px left, total size 160 px.
Content: xxx px, padding 10 px left and right, total size xxx px.

New 1024x768-layout: 
The Total width of the page is 994 px, defined by #container:
<Container>: 994 px.
	<Header>: 994 x 69 px.
	<Crumb>: 994 x 25/45 px.
	<Content>:
		<Menu>: 155 px, padding 5 px left, total size 160 px.
		<Main>:
			Condition: RightPane = Yes:

				Condition: Menu = Yes: (main)
				    <Main>: 994 px - 160 px (Menu) = 834 px space.
					    <Content>: 834 px - 166 px (RightPane) - 20 px (Padding) = 648 px.
					    <RightPaneContent>: 155 px, padding 5 px left, padding 5 right, border 1 px left, total size 166 px.
				    </Main>

                Condition: Menu = Yes (main), RightPane = Large: (rightpanecontentlargerpane)
				    <Main>: 994 px - 160 px (Menu) = 834 px space.
					    <ContentLargerPane>: 834 px - 203 px (RightPane) - 20 px (Padding) = 611 px.
					    <RightPaneContentLargerPane>: 192 px, padding 5 px left, padding 5 right, border 1 px left, total size 203 px.
				    </Main>

				Condition: Menu = No: (mainnomenu)
				    <MainNoMenu>: 994 px space.
					    <ContentNoMenu>: 994 - 231 px (RightPane) - 20 px (Padding) = 743 px.
					    <RightPaneContentNoMenu>: 220px, padding 5 px left, padding 5 right, border 1 px left, total size 231 px.
				    </MainNoMenu>

                Condition: Menu = No, RightPane = Small: (contentnomenusmallpane)
                    <MainNoMenu>
                        <ContentNoMenuSmallPane>: 994 - 166 px (RightPane) - 20 px (Padding) = 808 px.
				        <RightPaneContent>: 155 px, padding 5 px left, padding 5 right, border 1 px left, total size 166 px.
                    </MainNoMenu>

			Condition: RightPane = No:

				Contition: Menu = Yes: (contentonly) 
					<ContentOnly>: 994 px - 160 px (Menu) - 20 (Padding) = 814 px.

				Contition: Menu = No: (contentonlynomenu) 
					<ContentOnlyNoMenu>: 994 px - 20 (Padding) = 974 px.

			</Level2>
		</Level1>
	</Level0>
</Container>
*/

body
{
    margin: 0px;
	background: url(img/background-gradient3.gif) repeat-x #C7C7C7 !important;
	font-family: verdana;
	font-size: 8pt;
}

html
{
    overflow: auto;
}

/* Container */
#container
{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 994px;
	border: 1px solid #999;
	background-color: #fff;
	
	overflow: hidden;
}

/* HtmlA */
#container #htma
{
    background-color: #0F2A83;
    height: 69px;
    overflow: hidden;
}

/* Header */
#header
{
    font-family: verdana !important;
    font-size: 8pt !important;
	background-color: #FaFbFF;
}

#header #small
{
	height: 25px;
}

#header #large
{
	height: 45px;
}

#header div.weblinks
{
    padding-left: 3px;
    padding-top: 4px;
    padding-bottom: 3px;
}

#header span.filterlist
{
    padding-top: 2px;
    padding-right: 2px;
    float: right;
}

#header table.right
{
    float: right;
    clear: right;
}

#header td.logininfo
{
    float: right;
    margin-top: 4px;
    margin-right: 1px;
    font-family: verdana !important;
    font-size: 8pt !important;
}

/* Breadcrumbs */
.breadcrumbs
{
    float: left;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 3px;
}

.breadcrumbs a.menuselect 
{	
	color: red;
}

.breadcrumbarrow
{
    top: 1px;
    position: relative;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.breadcrumbicon
{
    top: 4px;
    position: relative;
}

/* The footer, just in case and all */
#footer
{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #ccc;
}

#mainbg
{
    border-top: solid 1px #ccc;
    
    float: left;
    position: relative;
    width: 100%;
    min-height: 550px;
    
    overflow: hidden;
}

#menubg
{
    border-right: solid 1px #ccc;
    
    background-color: #F6F7FF;
    float: left;
    position: relative;
    width: 100%;
    min-height: 550px;
    
    right: 834px;
}

#menubg #menu
{
    float: left;
    position: relative;
    left: 834px;
    width: 155px;
    min-height: 550px;

    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#container #nomenubg
{
    float: left;
    position: relative;
    width: 100%;
    right: 994px;
}


/* MODE 1: Main, Content and RightPaneContent */

/* These main-containers might be deprecated */
/* Main contains the area, where things are placed! Both the content and rightpane */
#main
{
    float: left;
    position: relative;
    left: 834px;
    width: 834px;
}

/* When the menu is hidden we have 994 px to manage. Content is 568, Right pane is 220 */
#mainnomenu
{
    float: left;
    position: relative;
    left: 994px;
    width: 994px;
}

/* Common Content Settings: Padding! */
#content
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 15px;
	min-height: 550px;

	float: left;
}

/* Common Rightpane settings: Placed right, a little padding and a border to the left. */
#rightpanecontent
{
	padding-top: 8px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	min-height: 550px;

	border-left: 1px solid #ccc;

	background-color: #F6F7FF;
	
	float: left;
}

/*
** The following are adjustments of the page widths.
** Css-styles a case-sensetive in strict mode - to avoid alot of
** replacement in the code, we have both a mix-case and a lower-case style.
*/

/* Content */
#content { width: 648px; }

/* RightPaneContent */
#rightpanecontent { width: 155px; }

/* ContentLargerPane */
.contentlargerpane { width: 611px !important; }

/* RightPaneContentLargerPane */
.rightpanecontentlargerpane { width: 192px !important; }

/* ContentNoMenu  */
.contentnomenu { width: 743px !important; }

/* ContentNoMenuSmallPane */
.contentnomenusmallpane { width: 808px !important; }

/* RightPaneContentNoMenu  */
.rightpanecontentnomenu { width: 220px !important; }

/* ContentOnly */
.contentonly { width: 814px !important; }

/* ContentOnlyNoMenu */
.contentonlynomenu { width: 974px !important; }

/**** Content Adjustment Done ****/

table tr.NormalContentRow td
{
    background-color: #ffffff;
}

table tr.AlternatingContentRow td
{
    background-color: #f6f6f6;
}

table tr.AlternatingContentRow td a, table tr.NormalContentRow td a
{
	font-weight: bold;
}