/* new box style sheets, for old version see below */

/* definitions for the blue box */

div.blue_box div.body
{
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

div.blue_box div.footer div.center
{
	background: repeat-x url("/images/box/new/blue_footer_center.gif");
	height: 25px;
	margin-left: 5px;
	margin-right: 5px;
}
* html div.blue_box div.footer div.center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.blue_box div.footer div.left_corner
{
	background: url("/images/box/new/blue_footer_left.gif");
	float: left;
	height: 25px;
	width: 5px;
}

div.blue_box div.footer div.right_corner
{
	background: url("/images/box/new/blue_footer_right.gif");
	float: right;
	height: 25px;
	width: 5px;
}

div.blue_box div.grey_body
{
	background-color: #f2f2f2;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

div.blue_box div.grey_footer div.center
{
	background: url("/images/box/new/grey_footer_center.gif") repeat-x;
	height: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
* html div.blue_box div.grey_footer div.center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.blue_box div.grey_footer div.left_corner
{
	background: url("/images/box/new/grey_footer_left.gif");
	float: left;
	height: 5px;
	width: 5px;
}

div.blue_box div.grey_footer div.right_corner
{
	background: url("/images/box/new/grey_footer_right.gif");
	float: right;
	height: 5px;
	width: 5px;
}

div.blue_box div.header div.center
{
	background: repeat-x url("/images/box/new/blue_header_center.gif");
	height: 25px;
	margin-left: 5px;
	margin-right: 5px;
}
* html div.blue_box div.header div.center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.blue_box div.header div.left_corner
{
	background: url("/images/box/new/blue_header_left.gif");
	float: left;
	height: 25px;
	width: 5px;
}

div.blue_box div.header div.left_title
{
	background: repeat-x url("/images/box/new/blue_header_center.gif");
	float: left;
	font: bold 13px Tahoma, sans-serif;
	color: #ffffff;
	height: 21px;
	padding-left: 12px;
	padding-top: 4px;
}

div.blue_box div.header div.right_corner
{
	background: url("/images/box/new/blue_header_right.gif");
	float: right;
	height: 25px;
	width: 5px;
}

div.blue_box div.header div.right_icon
{
	background: repeat-x url("/images/box/new/blue_header_center.gif");
	float: right;
	height: 22px;
	padding-top: 3px;
	width: 19px;
}

div.blue_box div.header div.right_title
{
	background: repeat-x url("/images/box/new/blue_header_center.gif");
	float: right;
	font: bold 13px Tahoma, sans-serif;
	color: #ffffff;
	height: 21px;
	padding-right: 12px;
	padding-top: 4px;
}

div.blue_box div.main_box_navigation div.center
{
	background: repeat-x url("/images/box/new/blue_main_navigation.gif");
	height: 25px;
}

div.blue_box div.main_box_navigation a
{
	color: #000000;
	display: block;
	font: 13px Tahoma, sans-serif;
	padding: 3px 10px 6px; 
	text-decoration: none;
}

div.blue_box div.main_box_navigation div.left_item
{
	background: repeat-x url("/images/box/new/blue_main_navigation.gif");
	border-right: 1px solid #ffffff;
	float: left;
	height: 25px;
}

div.blue_box div.main_box_navigation div.left_item a
{
	background: no-repeat right url("/images/box/new/blue_main_navigation_highlighted.gif");
}

div.blue_box div.main_box_navigation div.left_item a:hover, div.blue_box div.main_box_navigation div.right_item a:hover
{
	background: repeat-x url("/images/box/new/blue_main_navigation_highlighted.gif");
}

div.blue_box div.main_box_navigation div.right_item
{
	background: repeat-x url("/images/box/new/blue_main_navigation.gif");
	border-left: 1px solid #ffffff;
	float: right;
	height: 25px;
}

div.blue_box div.main_box_navigation div.right_item a
{
	background: no-repeat left url("/images/box/new/blue_main_navigation_highlighted.gif");
}

/* not in alphabetical order because it overwrites previous rules */
div.blue_box div.main_box_navigation div.highlighted
{
	background: repeat-x url("/images/box/new/blue_main_navigation_highlighted.gif");
}

div.blue_box div.subnavigation
{
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
}

div.blue_box div.subnavigation a
{
	border-right: 1px solid #dddddd;
	color: #000000;
	display: block;
	float: left;
	font: 13px Tahoma, sans-serif;
	padding: 3px 10px 6px; 
	text-decoration: none;
}

div.blue_box div.subnavigation a.highlighted
{
	background-color: #067fbb;
	color: #ffffff;
	font-weight: bold;
}

div.blue_box div.subnavigation a:hover
{
	background-color: #067fbb;
	color: #ffffff;
}

div.blue_box div.subnavigation div.blind_button
{
	border-right: 1px solid #dddddd;
	color: #ffffff;
	float: left;
	font: 13px Tahoma, sans-serif;
	padding: 3px 10px 6px;
}

div.blue_box div.subnavigation div.center
{
	height: 25px;
}

/* definitions for the grey box */

div.grey_box div.body
{
	background-color: #f2f2f2;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	position: relative;
}

div.grey_box div.footer div.center
{
	background: url("/images/box/new/grey_footer_center.gif") repeat-x;
	height: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
* html div.grey_box div.footer div.center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.grey_box div.footer div.left_corner
{
	background: url("/images/box/new/grey_footer_left.gif");
	float: left;
	height: 5px;
	width: 5px;
}

div.grey_box div.footer div.right_corner
{
	background: url("/images/box/new/grey_footer_right.gif");
	float: right;
	height: 5px;
	width: 5px;
}

div.grey_box div.header div.center
{
	background: url("/images/box/new/grey_header_center.gif") repeat-x;
	height: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
* html div.grey_box div.header div.center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.grey_box div.header div.left_corner
{
	background: url("/images/box/new/grey_header_left.gif");
	float: left;
	height: 5px;
	width: 5px;
}

div.grey_box div.header div.right_corner
{
	background: url("/images/box/new/grey_header_right.gif");
	float: right;
	height: 5px;
	width: 5px;
}

/* definitions for the paper box */

div.paper_box
{
	position: relative;
}

div.paper_box div.dog_ear
{
	background: url("/images/box/new/paper_dog_ear.gif");
	color: #ffffff;
	font: 20px Tahoma, sans-serif;
	height: 39px;
	padding-left: 7px;
	padding-top: 45px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 66px;
}

div.paper_box img.shadow_left
{
	bottom: 13px;
	left: 0px;
	position: absolute;
}

div.paper_box img.shadow_right
{
	position: absolute;
	right: 0px;
	top: 13px;
}

div.paper_box div.body
{
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	margin-left: 8px;
	margin-right: 7px;
}

div.paper_box div.body div.inner_border
{
	background: #ffffff url("/images/box/new/paper_gradient.gif") repeat-x;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	height: auto !important;
	height: 250px;
	min-height: 250px;
	position: relative;
}

div.paper_box div.footer div.center
{
	background: url("/images/box/new/paper_footer_center.gif") repeat-x;
	font-size: 0px;
	height: 13px;
	margin-left: 13px;
	margin-right: 13px;
}
* html div.paper_box div.footer div.center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.paper_box div.footer div.left_corner
{
	background: url("/images/box/new/paper_footer_left.gif");
	float: left;
	height: 13px;
	width: 13px;
}

div.paper_box div.footer div.right_corner
{
	background: url("/images/box/new/paper_footer_right.gif");
	float: right;
	height: 13px;
	width: 13px;
}

div.paper_box div.header div.center
{
	background: url("/images/box/new/paper_header_center.gif") repeat-x;
	font-size: 0px;
	height: 13px;
	margin-left: 13px;
	margin-right: 13px;
	text-align: right;
}
* html div.paper_box div.header div.center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.paper_box div.header div.left_corner
{
	background: url("/images/box/new/paper_header_left.gif");
	float: left;
	height: 13px;
	width: 13px;
}

div.paper_box div.header div.right_corner
{
	background: url("/images/box/new/paper_header_right.gif");
	float: right;
	height: 13px;
	width: 13px;
}





/* old box stylesheets */

/* dog ear */

div.box
{
	position: relative;
}

div.box div.box_dog_ear
{
	background: url(/images/box/dog_ear.gif) no-repeat;
	color: #ffffff;
	font: 20px Tahoma, sans-serif;
	height: 39px;
	padding-left: 7px;
	padding-top: 45px;
	position: absolute;
	right: 0;
	top: 0;
	width: 66px;
}


/* blue footer */

div.box div.footer{position: relative;}

div.box div.footer div.blue_center
{
	background: url(/images/box/background_blue_footer_center.gif) repeat-x;
	height: 25px;
	margin-left: 5px;
	margin-right: 5px;
}
* html div.box div.footer div.blue_center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.box div.footer div.blue_left_corner
{
	background: url(/images/box/background_blue_footer_left.gif);
	float: left;
	height: 25px;
	position: relative;
	width: 5px;
}

div.box div.footer div.blue_right_corner
{
	background: url(/images/box/background_blue_footer_right.gif);
	float: right;
	height: 25px;
	position: relative;
	width: 5px;
}

/* yellow footer */

div.box div.footer div.yellow_center
{
	background: url(/images/box/background_yellow_footer_center.gif) repeat-x;
	height: 25px;
	margin-left: 5px;
	margin-right: 5px;
}
* html div.box div.footer div.yellow_center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.box div.footer div.yellow_left_corner
{
	background: url(/images/box/background_yellow_footer_left.gif);
	float: left;
	height: 25px;
	position: relative;
	width: 5px;
}

div.box div.footer div.yellow_right_corner
{
	background: url(/images/box/background_yellow_footer_right.gif);
	float: right;
	height: 25px;
	position: relative;
	width: 5px;
}

/* grey footer */

div.box div.footer div.grey_center
{
	background: #f2f2f2 url(/images/box/background_grey_footer_center.gif) repeat-x;
	height: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
* html div.box div.footer div.grey_center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.box div.footer div.grey_left_corner
{
	background: url(/images/box/background_grey_footer_left.gif);
	float: left;
	height: 5px;
	position: relative;
	width: 5px;
}

div.box div.footer div.grey_right_corner
{
	background: url(/images/box/background_grey_footer_right.gif);
	float: right;
	height: 5px;
	position: relative;
	width: 5px;
}

/* paper footer */

div.box div.footer div.paper_center
{
	background: #ffffff url(/images/box/background_paper_footer_center.gif) repeat-x;
	height: 13px;
	margin-left: 13px;
	margin-right: 13px;
}
* html div.box div.footer div.paper_center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.box div.footer div.paper_left_corner
{
	background: url(/images/box/background_paper_footer_left.gif);
	float: left;
	height: 13px;
	position: relative;
	width: 13px;
}

div.box div.footer div.paper_right_corner
{
	background: url(/images/box/background_paper_footer_right.gif);
	float: right;
	height: 13px;
	position: relative;
	width: 13px;
}

/* white footer */

div.box div.footer div.white_center
{
	/* the image for the white center footer is the same as the one for the grey footer */
	background: #ffffff url(/images/box/background_grey_footer_center.gif) repeat-x;
	height: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
* html div.box div.footer div.white_center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.box div.footer div.white_left_corner
{
	background: url(/images/box/background_white_footer_left.gif);
	float: left;
	height: 5px;
	position: relative;
	width: 5px;
}

div.box div.footer div.white_right_corner
{
	background: url(/images/box/background_white_footer_right.gif);
	float: right;
	height: 5px;
	position: relative;
	width: 5px;
}

/* blue header */

div.box div.header div.blue_center
{
	background: url(/images/box/background_blue_header_center.gif) repeat-x;
	height: 25px;
	margin-left: 5px;
	margin-right: 5px;
}

div.box div.header div.blue_left_content
{
	background: url(/images/box/background_blue_header_center.gif) repeat-x;
	color: #ffffff;
	float: left;
	font: bold 13px Tahoma, sans-serif;
	height: 21px;
	padding-left: 12px;
	padding-top: 4px;
	position: relative;
}

div.box div.header div.blue_left_content a, div.box div.header div.blue_right_content a
{
	color: #ffffff;
	font-weight: bold;
}

div.box div.header div.blue_left_corner
{
	background: url(/images/box/background_blue_header_left.gif);
	float: left;
	height: 25px;
	position: relative;
	width: 5px;
}

div.box div.header div.blue_right_content
{
	background: url(/images/box/background_blue_header_center.gif) repeat-x;
	color: #ffffff;
	float: right;
	font: bold 13px Tahoma, sans-serif;
	height: 21px;
	padding-right: 12px;
	padding-top: 4px;
	position: relative;
}
div.box div.header div.blue_right_icon
{
	background: url(/images/box/background_blue_header_center.gif) repeat-x;
	float: right;
	height: 22px;
	position: relative;
	padding-top: 3px;
}

div.box div.header div.blue_right_corner
{
	background: url(/images/box/background_blue_header_right.gif);
	float: right;
	height: 25px;
	position: relative;
	width: 5px;
}

/* green header */

div.box div.header div.green_center
{
	background: url(/images/box/background_green_header_center.gif) repeat-x;
	height: 25px;
	margin-left: 5px;
	margin-right: 5px;
}

div.box div.header div.green_left_content
{
	background: url(/images/box/background_green_header_center.gif) repeat-x;
	color: #ffffff;
	float: left;
	font: bold 13px Tahoma, sans-serif;
	height: 21px;
	padding-left: 12px;
	padding-top: 4px;
	position: relative;
}

div.box div.header div.green_left_content a, div.box div.header div.green_right_content a
{
	color: #ffffff;
	font-weight: bold;
}

div.box div.header div.green_left_corner
{
	background: url(/images/box/background_green_header_left.gif);
	float: left;
	height: 25px;
	position: relative;
	width: 5px;
}

div.box div.header div.green_right_content
{
	background: url(/images/box/background_green_header_center.gif) repeat-x;
	color: #ffffff;
	float: right;
	font: bold 13px Tahoma, sans-serif;
	height: 21px;
	padding-right: 12px;
	padding-top: 4px;
	position: relative;
}
div.box div.header div.green_right_icon
{
	background: url(/images/box/background_green_header_center.gif) repeat-x;
	float: right;
	height: 22px;
	position: relative;
	padding-top: 3px;
}

div.box div.header div.green_right_corner
{
	background: url(/images/box/background_green_header_right.gif);
	float: right;
	height: 25px;
	position: relative;
	width: 5px;
}

/* yellow header */

div.box div.header div.yellow_center
{
	background: url(/images/box/background_yellow_header_center.gif) repeat-x;
	height: 25px;
	margin-left: 5px;
	margin-right: 5px;
}

div.box div.header div.yellow_left_content
{
	background: url(/images/box/background_yellow_header_center.gif) repeat-x;
	color: #ffffff;
	float: left;
	font: bold 13px Tahoma, sans-serif;
	height: 21px;
	padding-left: 12px;
	padding-top: 4px;
	position: relative;
}

div.box div.header div.yellow_right_icon
{
	background: url(/images/box/background_yellow_header_center.gif) repeat-x;
	float: right;
	height: 22px;
	position: relative;
	padding-top: 3px;
}

div.box div.header div.yellow_left_content a, div.box div.header div.yellow_right_content a
{
	color: #ffffff;
	font-weight: bold;
}

div.box div.header div.yellow_left_corner
{
	background: url(/images/box/background_yellow_header_left.gif);
	float: left;
	height: 25px;
	position: relative;
	width: 5px;
}

div.box div.header div.yellow_right_content
{
	background: url(/images/box/background_yellow_header_center.gif) repeat-x;
	color: #ffffff;
	float: right;
	font: bold 13px Tahoma, sans-serif;
	height: 21px;
	padding-right: 12px;
	padding-top: 4px;
	position: relative;
}

div.box div.header div.yellow_right_corner
{
	background: url(/images/box/background_yellow_header_right.gif);
	float: right;
	height: 25px;
	position: relative;
	width: 5px;
}

/* grey header */

div.box div.header div.grey_center
{
	background: #f2f2f2 url(/images/box/background_grey_header_center.gif) repeat-x;
	height: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
* html div.box div.header div.grey_center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.box div.header div.grey_left_corner
{
	background: url(/images/box/background_grey_header_left.gif);
	float: left;
	height: 5px;
	position: relative;
	width: 5px;
}

div.box div.header div.grey_right_corner
{
	background: url(/images/box/background_grey_header_right.gif);
	float: right;
	height: 5px;
	position: relative;
	width: 5px;
}

/* paper header */

div.box div.header div.paper_center
{
	background: #ffffff url(/images/box/background_paper_header_center.gif) repeat-x bottom;
	height: 13px;
	margin-left: 13px;
	margin-right: 13px;
	text-align: right;
}
* html div.box div.header div.paper_center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.box div.header div.paper_left_corner
{
	background: url(/images/box/background_paper_header_left.gif);
	float: left;
	height: 13px;
	position: relative;
	width: 13px;
}

div.box div.header div.paper_right_corner
{
	background: url(/images/box/background_paper_header_right.gif);
	float: right;
	height: 13px;
	position: relative;
	width: 13px;
}

/* white header */

div.box div.header div.white_center
{
	/* the image for the white center header is the same as the one for the grey header */
	background: #ffffff url(/images/box/background_grey_header_center.gif) repeat-x;
	height: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
* html div.box div.header div.white_center
{
	margin-left: 0px;
	margin-right: 0px;
}

div.box div.header div.white_left_corner
{
	background: url(/images/box/background_white_header_left.gif);
	float: left;
	height: 5px;
	position: relative;
	width: 5px;
}

div.box div.header div.white_right_corner
{
	background: url(/images/box/background_white_header_right.gif);
	float: right;
	height: 5px;
	position: relative;
	width: 5px;
}




/* navigation */

div.box div.button_navigation a, div.box div.white_navigation a
{
	color: #000000;
	text-decoration: none;
}

div.box div.white_navigation a.highlighted
{
	color: #067fbb;
	text-decoration: none;
}

/* button navigation */

div.box div.button_navigation
{
	font: 13px Tahoma, sans-serif;
}

div.box div.button_navigation div.center_nav_item
{
	background: url(/images/box/background_navigation.gif) repeat-x;
	height: 22px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
}

div.box div.button_navigation div.left_nav_item
{
	background: url(/images/box/background_navigation.gif) repeat-x;
	border-right: 1px solid #ffffff;
	float: left;
	height: 25px;
}

div.box div.button_navigation div.left_nav_item div.right_border
{
	background: url(/images/box/background_navigation_inverted.gif) no-repeat right;
	padding: 3px 10px 6px 10px;
}

div.box div.button_navigation div.right_nav_item
{
	background: url(/images/box/background_navigation.gif) repeat-x;
	border-left: 1px solid #ffffff;
	float: right;
	height: 25px;
}

div.box div.button_navigation div.right_nav_item div.left_border
{
	background: url(/images/box/background_navigation_inverted.gif) no-repeat left;
	padding: 3px 10px 6px 10px;
}

div.box div.button_navigation div.highlighted
{
	background: url(/images/box/background_navigation_inverted.gif) repeat-x right;
}

/* white navigation */

div.box div.white_navigation
{
	border: 1px solid #dddddd;
	font: 13px Tahoma, sans-serif;
}

div.box div.white_navigation div.center_nav_item
{
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
}

div.box div.white_navigation div.left_nav_item
{
	border-right: 1px solid #dddddd;
	float: left;
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
}

div.box div.white_navigation div.right_nav_item
{
	border-left: 1px solid #dddddd;
	float: right;
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
}









/* main area */

div.box div.grey_main_area
{
	background-color: #f2f2f2;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

div.box div.main_area_gradient
{
	background: #ffffff url(/images/box/background_gradient_main_area.gif) repeat-x top;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

div.box div.main_area_paper
{
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	height: auto !important;
	height: 250px;
	margin-left: 8px;
	margin-right: 7px;
	min-height: 250px;
	position: relative;
}

div.box div.main_area_paper div.inner_border
{
	background: #ffffff url(/images/box/background_gradient_main_area.gif) repeat-x top;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

div.box div.main_area_paper img.left_shadow
{
	bottom: 0;
	left: -9px;
	position: absolute;
}

div.box div.main_area_paper img.right_shadow
{
	position: absolute;
	right: -8px;
	top: 0;
}
* html div.box div.main_area_paper img.right_shadow
{
	right: -9px;
}

div.box div.white_main_area
{
	background-color: #ffffff;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

div.box .box_block
{
	padding: 5px;
	position: relative;
}

div.box .padding
{
	padding: 0px 16px;
}