/**
 * A fluid 3-column layout
 *
 * This layout features:
 * - a fluid 3-column layout
 * - top navigation tabs
 *
 * This single style sheet takes care of all media (screen, handheld, print, etc.)
 *
 * This style sheet has been checked against Mozilla Firefox version 2 and Microsoft Internet Explorer version 7.
 * You may have to split this file into several pieces to avoid side-effects on legacy browsers such as Netscape navigator 4.7, etc.
 *
 * Styles are ordered according to following list:
 * - standard HTML and XHTML tags are refined
 * - unique styles used for page layout
 * - other unique styles
 * - classes
 *
 * Where applicable we have also mentioned the YACS codes related to styles.
 * You can find more information on YACS codes at codes/codes.php and related pages.
 *
 * @author Bernard Paques
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
 */

/**
 * import core YACS reference style sheet -- this has to come before any other rule
 */
@import url("../_reference/yacs.css");

/**
 * standard tags - redefine behaviour of reference HTML and XHTML tags
 * to ensure that all browsers will be aligned
 */

a,
a code { /* basic link */
	color: #095ba5 ;
	text-decoration: none;
	background-color: transparent;
	font-weight: normal; /* bold; */
}

a:link,
a:link code { /* link displayed for the first time */
	color: #095ba5 ;
	text-decoration: none;
	background-color: transparent;
}

a:visited,
a:visited code { /* link that has been used at least once */
	color: #095ba5 ;
	text-decoration: none;
	background-color: transparent;
}

a:active,
a:active code { /* link at the moment it is clicked */
	color: #095ba5 ;
	text-decoration: none;
	background-color: transparent;
}

a:hover,
a:hover code { /* link below the mouse pointer */
	color: #095ba5 ;
	text-decoration: underline;
	background-color: transparent;
}

a img { /* avoid borders around images used as links */
	border: none;
}

body { /* most elements will inherit some of these attributes */
	margin: 0;
	padding: 0;
	font-family: tahoma, sans-serif;
	font-weight: normal ;
	font-style: normal ;
	font-size: 1em;
	border-bottom: 1px solid #ccc;
}

@media screen { /* not on printers */

	body {
		color: #222;
		background: #fff url("images/body_bg.gif") top left no-repeat;
		max-width: 1280px; /* because of huge screens */
	}
}

button { /* change button appearance */
	background-color: #eaeaea;
	border-color: #dcdcdc #696969 #696969 #dcdcdc;
	border-style: solid;
	border-width: 2px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
}

button:hover {
	background-color: transparent;
}

#main_panel button { /* submit button below a form */
/*	border: none;
	margin: 0;
	padding: 0 0 0 7px;
	background: transparent url("images/aqua_button.png") bottom left no-repeat;
	text-decoration: none;
	font-family: tahoma, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	cursor: pointer;
	cursor: hand; */
}

#main_panel button span { /* around button label */
/*	vertical-align: middle;
	margin: 0;
	padding: 6px 9px 0px 0px;
	background: transparent url("images/aqua_button.png") bottom right no-repeat;
	text-decoration: none;
	font-family: tahoma, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px; */
}

h1 { /* appears only once, with the page title */
	clear: left;
	margin: 0 0 0.5em 0;
	padding: 0 0 30px 0.5em;
	color: #f93;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
}

h2 { /* appears in the main content panel, to introduce sections of the page -- [title]...[/title], [question]...[/question] */
	clear: left;
	margin: 1em 0 0.5em 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: normal;
	color: #095ba5 ;
	text-align: left;
}

h3 { /* a second level of heading in the main panel -- [subtitle]...[/subtitle] */
	clear: left;
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #095ba5 ;
	text-align: left;
}

h4 { /* menu text */
	margin: 1em 0 0.5em 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #095ba5 ;
	text-align: left;
}

img { /* a standard image */
	margin: 0;
	padding: 0;
}

input[type="password"],
input[type="text"] { /* change form elements */
	color: black;
	background-color: white;
	border: #bfbfbf solid 1px;
}

input:focus { /* help to locate the current field */
	color: black;
	background-color: #eaeaea;
}

input[type="submit"] { /* change button appearance */
	background-color: #eaeaea;
	border-color: #dcdcdc #696969 #696969 #dcdcdc;
	border-style: solid;
	border-width: 2px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
}

input[type="submit"]:focus,
input[type="submit"]:hover {
	background-color: transparent;
}

li { /* avoid justification alignment */
	text-align: left;
}

pre { /* a block of sample lines -- [php]...[/php], [snippet]...[/snippet] */
	margin: 1em auto 1em 0;
	padding: 1em;
	border: 1px solid #d3d3d3;
	max-width: 600px;
	background: transparent url("images/check_bg.gif") repeat;
}

pre p {
	margin: 0;
	padding: 0 0 0.5em 0;
}

select {
	color: black;
	background-color: white;
}

select:focus { /* help to locate the current field */
	color: black;
	background-color: #dedede;
}

@media screen { /* only on screen */

	#main_panel td {
		background: transparent url("images/row_bg.gif") top left repeat-x;
	}

}

textarea { /* change form elements */
	color: black;
	background-color: white;
	border: #bfbfbf solid 1px;
}

textarea:focus { /* signal current input area */
	color: black;
	background-color: #dedede;
}

/**
 * layout elements - also add behaviour for related sub-elements where applicable
 */


#extra_panel { /* information related to this page */
	margin: 10px 1px 0 4px;
	padding: 0;
	width: 150px; /* tools, etc. */
	font-size: 0.9em;
	font-weight: normal;
	color: #333;
	float: right;
}

@media print { /* do not print complementary information */

	#extra_panel {
		display: none;
	}

}

#extra_panel a:link,
#extra_panel a:visited { /* links in the extra panel */
	color: #095ba5;
	background: transparent;
}

#extra_panel a:active,
#extra_panel a:hover { /* links in the extra panel */
	color: #095ba5;
	background: transparent;
}

#extra_panel dl { /* actually, a box on the extra panel */
	margin: 0 0 10px 0;
	padding: 0 0 0 2px;
	background: transparent url("images/extra_box_bg.jpg") top left no-repeat;
}

#extra_panel dl dd { /* body of one extra box */
	margin: 0 0 0.4em 0;
	padding: 3px;
	overflow: hidden;
}

#extra_panel dl dd ul { /* a list in an extra box */
	margin: 0;
	padding: 0 0 0 15px;
}

#extra_panel dl dt { /* titles of extra boxes */
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 2px 4px;
}

#extra_panel dl dt a { /* link in a box title */
	color: #fff;
	font-weight: normal;
}

#footer_panel { /* comes after everything */
	clear: left;
	margin: 30px 0 0 14px;
	padding: 0;
	text-align: left;
	font-size: 0.8em;
	font-weight: normal;
}

#footer_panel a {
	font-weight: normal;
}

@media print { /* do not print footer information */

	#footer_panel {
		display: none;
	}

}

#header_panel { /* comes before everything */
	position: relative; /* because of included items */
	width: 100%;
	height: 150px;
	background-color: #5B332B;
}

@media print { /* do not print heading information, including #tabs */

	#header_panel {
		display: none;
	}

}

@media screen { /* only on a wide screen */

	#main_panel { /* where the actual content is */
		margin: 0;
		padding: 0 1em 0 1em;
		text-align: justify;
		color: #000000;
		background-color: transparent;
	}

	#main_panel a code { /* next rule do not impact links (eg, <code> in [toc]) */
		background-color: transparent;
	}

	#main_panel code { /* make code more visual */
		margin: 0;
		padding: 0 4px 0 4px;
	}

	#main_panel pre code { /* use block attributes instead of in-line attributes */
		margin: 0;
		padding: 0;
	}

}

#main_panel ul { /* change lists in the main panel */
	margin: 0.5em 0 1em 0;
	padding: 0;
	list-style: none;
}

#main_panel ul li {
    margin: 0 0 0.5em 0;
    padding: 0;
    padding-left: 14px;
    background: transparent url("icons/bullet.gif") no-repeat 0px 0px;
}

#side_panel { /* navigation information */
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #333;
	position: absolute;
	width: 200px; /* the exact width of the underlying background pattern */
	top: 150px; /* cut and paste height of #header_panel */
	left: 0px;
}

@media print { /* do not print complementary information */

	#side_panel {
		display: none;
	}

}

#side_panel a:hover { /* links in the side panel */
	background-color: transparent;
}

#side_panel dl { /* actually, a box on the side panel */
	margin: 0;
	padding: 0;
	width: 200px;
	font-size: 10px;
	font-weight: normal;
}

#side_panel dl dd { /* body of one side box */
	margin: 0 0 0 0;
	padding: 2px 6px 2px 6px;
	color: #222;
	overflow: hidden; /* cut long links */
}

#side_panel dl dd a { /* link in a side box */
	color: #222;
	font-weight: normal;
}

#side_panel dl dd ul { /* menu  */
	margin: 0;
	padding: 0;
	list-style: none;
}

#side_panel dl dd ul li { /* menu element  */
	display: block;
	border-bottom: 1px solid #bbb;
	margin: 0 0 0 0;
	padding: 5px 0 5px 4px;
}

#side_panel dl dt { /* used for titles of various boxes */
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 7px 4px 5px 4px;
}

#side_panel dl dt a { /* link in a box title */
	font-weight: bold;
}

@media screen { /* on large screens */

	#wrapper { /* set a margin on the left for the side panel */
		margin: 0 0 0 205px;
		padding: 0;
/*		padding: 0 0 20px 0;
		background: transparent url("images/footer_bg.gif") bottom left repeat-x; */
	}

}

/**
 * unique elements - may appear in one or several pages
 */

dl#categories ul { /* categories related to an article, on page side -- articles/view.php */
	margin: 0;
	padding: 0;
	list-style: none;
}

dl#categories ul li { /* space between links */
	margin: 0 0 4px 0;
	padding: 0;
}

#crumbs a { /* crumb links */
	color: #888;
	font-weight: normal;
}

#featured dd { /* the navigation box for statically featured pages -- index.php, sections/view.php */
	margin: 0;
	padding: 0;
}

#featured hr { /* simple rule between items */
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #447;
	height: 0px;
}

#featured.extra_box ul { /* the list of featured pages */
	margin: 0;
	padding: 0;
	list-style: none;
}

#featured ul li { /* remove default bullet */
    margin: 0;
    padding: 0 2px 3px 0;
    background-image: none;
}

#featured ul li .details { /* details related to featured pages */
    color: #aaa;
    font-size: 9px;
}

/* gadget boxes are generated at index.php and sections/view.php */

p#header_title a:hover { /* color of the link text*/
	color: #aaa;
	font-size: 11px;
	text-decoration: underline;
}

p#header_title { /* appears towards the top of the page -- see template script */
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
}

dl#neighbours dd ul { /* navigation commands on page side -- articles/view.php */
	margin: 0;
	padding: 0;
}

dl#neighbours dd ul { /* navigation commands on page side -- articles/view.php */
	margin: 0;
	padding: 0;
	list-style: none;
}

dl#neighbours dd ul li { /* space between links */
	margin: 0 0 4px 0;
	padding: 0;
}

dl#news dd ul li .details { /* details related to featured pages */
    color: #aaa;
    font-size: 9px;
}

p#page_menu { /* an horizontal menu of commands -- see template script */
	margin: 0.3em 0 8px 0;
	padding: 3px 0 3px 0;
	font-weight: normal;
}


p#page_menu a { /* draw a small button behind every link */
	margin: 0;
	padding: 0px 0px 0px 10px;
	background: transparent url("images/normal_button.gif") bottom left no-repeat;
	line-height: 1.2em;
	text-decoration: none;
}

p#page_menu a:hover { /* behaviour on hovering */
	text-decoration: none;
	color: red;
}

p#page_menu a span {
	margin: 0;
	padding: 0px 10px 0px 0px;
	background: transparent url("images/normal_button.gif") bottom right no-repeat;
}

@media print { /* do not print the page menu */
	p#page_menu {
		display: none;
	}
}

#show_date { /* defines where the date will come -- see template script  */
	position: absolute;
	top: 54px;
	right: 4px;
	color: #888;
	font-size: 0.9em;
	font-weight: normal;
	text-align: right;
	background: transparent;
}

#show_links { /* defines where the links will come -- see template script  */
	position: absolute;
	top: 1px;
	right: 4px;
	color: #808080;
	font-size: 0.9em;
	font-weight: normal;
	text-align: right;
	background: transparent;
	margin: 0;
	padding: 0;
}

#show_links a { /* color of link is white -- see template script  */
	color: #0075BB;
}

#show_links a:hover { /* color of link is white -- see template script  */
	color: #0075BB;
	text-decoration: underline;
}

p#surfer_tip { /* surfer information -- see template.php */
	position: absolute;
	top: 112px;
	right: 0px;
	margin: 0; /* need for IE Mac */
	padding: 14px 1.5em 6px 0;
	text-align: right;
}

p#surfer_tip a { /* color of the link text*/
	color: #888;
	font-size: 12px;
	font-weight: bold;
}

#surfer_tip a.user { /* special link to surfer profile */
	padding-left: 18px;
	background: transparent url("links/user_header.gif") left no-repeat;
}

/* the global navigation bar -- see template script */

#tabs {
	position: absolute;
	top: 27px;
	left: 190px;
	margin: 0; /* need for IE Mac */
	padding: 0;
}

#tabs,
#tabs a { /* text appearance in tabs */
	background-color: transparent;
	text-decoration: none;
	font-family: Tahoma, sans-serif;
	text-transform: capitalize;
	font-size: 10px;
	letter-spacing: 0;
	font-weight: bold;
	color: #FFFFFF;
}

#tabs ul { /* position tabs */
	margin: 0;
	padding: 0;
	list-style: none;
}

#tabs li {
	display: inline;
/*	color: #eaeaea; */
	padding: 0;
	margin: 0 2px 0 0;
	text-transform:lowercase;
}

#tabs li a { /* tab top left corner */
	margin: 0 0 0 0;
	padding: 0 0 0 11px;
	text-decoration: none;
	float: left;
	background: transparent url('images/tabs.gif') 0% 0% no-repeat;
}

#tabs li a span { /* tab top right corner */
	padding: 14px 21px 14px 0px;
	color: #000;
	display: block;
	margin: 0;
	background: transparent url('images/tabs.gif') 100% 0% no-repeat;
}

#tabs li a:hover { /* change tab background on hovering */
	background-position: 0% 0px;
	color: #0075BB;
	text-decoration: none;
	cursor: pointer; /* else ie 6 is lost */
}

#tabs li a:hover span { /* change tab background on hovering */
	background-position: 100% 0px;
	color: #0075BB;
}

#user_menu ul { /* commands that apply to this user -- see template script */
	margin: 0;
	padding: 0;
	list-style: none;
}

@media screen { /* on large screens */

	#wrapper_prefix { /* top decoration */
	}

	#wrapper_suffix { /* bottom decoration */
	}

}

/**
 * styles by classes
 */

@media screen { /* not on printers */

	#main_panel a.category { /* the image near a link to a category -- [category=id], [category=id, label] */
		padding-left: 11px;
		background: transparent url("icons/page.gif") left no-repeat;
	}

}

/* elements of the tags cloud -- from 1 to 10 */
.cloud1 { font-size: 100%; }
.cloud2 { font-size: 120%; }
.cloud3 { font-size: 130%; }
.cloud4 { font-size: 140%; }
.cloud5 { font-size: 150%; font-weight: bold; }
.cloud6 { font-size: 160%; font-weight: bold; }
.cloud7 { font-size: 170%; font-weight: bold; }
.cloud8 { font-size: 180%; font-weight: bold; }
.cloud9 { font-size: 190%; font-weight: bold; }
.cloud10 { font-size: 200%; font-weight: bold; }

dl.column_1,
dl.column_2 { /* left or right column out of two -- index.php, sections/index.php, sections/view.php, categories/index.php, etc. */
    margin: 0 8px 8px 0;
    width: 45%;
}

dl.column_1 dd,
dl.column_2 dd { /* column actual content */
	margin: 0 0 1em 10px;
	padding: 0.2em 0 0 0.4em;
	background: transparent url("images/map_box_bg.jpg") top left no-repeat;
}

ul.compact,
#main_panel ul.compact,
#extra_panel ul.compact,
#side_panel ul.compact { /* we use our own item prefix -- see the skin script */
	margin: 0 0 0.5em 0;
	padding: 0;
	list-style: none;
}

#main_panel ul.compact li,
#extra_panel ul.compact li { /* remove default bullet */
    margin: 0;
    padding: 0;
    padding-left: 7px;
    background: transparent url("images/tri.gif") top left no-repeat;
}

#side_panel ul.compact li { /* remove default bullet */
    margin: 0;
    padding: 0 2px 3px 4px;
    background: transparent;
}

table.decorated tr { /* vertical alignment */
	background: transparent url("images/decorated_bg.gif") top left no-repeat;
}

@media screen { /* not on printers */

	#main_panel a.email { /* the image near a link to an email address -- [email]address[/email], [email=label]address[/email] */
		padding-left: 15px;
		background: transparent url("icons/mailto.gif") left no-repeat;
	}
}

div.even { /* stacked with div.odd */
	padding: 0.5em 0;
}

.extra_box ul { /* a list in the side panel */
	margin: 0.5em 0 1em 0;
	padding: 0 0 0 1.5em;
	list-style: disc;
}

dl.gadget_box { /* container of one gadget box -- also see #gadget_1, etc. -- from index.php, sections/view.php */
	width: 45%;
}

.highlight1 { /* to locate words looked for, following a search request */
	background-color: #80FF80;
}

.highlight2 {
	background-color: #8080FF;
}

.highlight3 {
	background-color: #FF8080;
}

table.inline tr td {
	padding: 1em;
}

.introduction { /* before the main content of an article -- articles/view.php, sections/view.php, categories/view.php */
	font-size: 1em;
	font-family: tahoma, sans-serif;
	font-weight: normal;
    text-align: left;
    margin: 1em 0 1em 0;
}

table.jive tr th { /* table header */
	font-weight: bold;
	background: transparent url("images/row_bg.gif") top left repeat-x;
	margin: 0;
	padding: 8px;
}

.menu { /* a small inline menu, almost anywhere */
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

.menu a {
	font-weight: normal;
}

div.odd { /* stacked with div.even */
	padding: 0.5em 0;
}

#main_panel td.odd { /* one row out of two, but only in the main panel */
/*	background-color: #F4F0F4; */
}

div.sidebar_box { /* somewhere in the main panel -- [sidebar]...[/sidebar] */
	background: transparent url("images/sidebar_bg.gif") top left no-repeat;
	border-bottom: 1px solid #cecece;
	border-right: 1px solid #cecece;
	float: right;
	width: 40%;
	padding: 2em 2em 2em 2em;
	margin: 1em 0 1em 1em;
}

div.sidebar_box h3 { /* header of one sidebar box -- the 'foo bar' of [sidebar=foo bar]...[/sidebar] */
	margin: 0;
	padding: 0;
}

table.wide  { /* to introduce threads and comments -- see articles/layout_articles_as_jive.php */
	border-collapse: collapse;
	margin: 4px;
	padding: 0;
	max-width: 90%;
	width: 90%;
}

table.wide > tbody > tr >  td { /* separate lines */
	background: #fff url("images/row_bg.gif") top left repeat-x;
	margin: 0;
	padding: 8px;
}

table.wide > tbody > tr > th,
table.wide > tbody > tr > th > a { /* table header */
	font-weight: bold;
	color: #333;
	background: #fff url("images/row_bg.gif") top left repeat-x;
	margin: 0;
	padding: 8px;
}

table.yabb { /* to introduce threads and comments -- see articles/layout_articles_as_yabb.php */
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	max-width: 90%;
	width: 90%;
	margin: 0;
	padding: 0;
}

table.yabb tr td { /* separate lines */
	background: #fff url("images/row_bg.gif") top left repeat-x;
	margin: 0;
	padding: 8px;
}

table.yabb tr th { /* table header */
	font-weight: bold;
	background: #fff url("images/row_bg.gif") top left repeat-x;
	margin: 0;
	padding: 8px;
}

table.yabb tr th a { /* table header are clickable */
	font-weight: bold;
	padding-right: 12px;
	background: transparent url("images/th_bg.gif") bottom right no-repeat;
}

/**
 * styles to be used within pages, based on [style=...]...[/style] code
 */

.agenda_neg {
	display: block;
	float: right;
	margin-left: 2em;
	width: 270px;
	background: #F7F3EA url("images/agenda_neg_bg.jpg") top center no-repeat;
	padding: 40px 1em 2em 1em;
}

.agenda_pzp {
	display: block;
	float: right;
	margin-left: 2em;
	width: 270px;
	background: #F7F3EA url("images/agenda_pzp_bg.jpg") top center no-repeat;
	padding: 40px 1em 2em 1em;
}

.agenda,
.agenda_rdp {
	display: block;
	float: right;
	margin-left: 2em;
	width: 270px;
	background: #F7F3EA url("images/agenda_rdp_bg.jpg") top center no-repeat;
	padding: 40px 1em 2em 1em;
}

.agenda_tac {
	display: block;
	float: right;
	margin-left: 2em;
	width: 270px;
	background: #F7F3EA url("images/agenda_tac_bg.jpg") top center no-repeat;
	padding: 40px 1em 2em 1em;
}

.block {
	display: block;
	float: right;
	margin-left: 2em;
	width: 270px;
	background-color: #F7F3EA;
	padding: 1em 1em 1em 1em;
}

.corner {
	display: block;
	float: right;
	margin-left: 2em;
	width: 270px;
	background: #fff url("images/extra_box_bg.jpg") top left no-repeat;
	padding: 0.5em 1em 2em 1em;
}

.croix {
	display: block;
	float: right;
	margin-left: 2em;
	width: 270px;
	background: #F7F3EA url("images/croix.jpg") top left no-repeat;
	padding: 4em 1em 1em 1em;
}

.filet {
	display: block;
	float: right;
	margin-left: 2em;
	width: 270px;
	background: #F7F3EA url("images/filet_bg.jpg") bottom center no-repeat;
	padding: 1em 1em 40px 1em;
}

.flag_neg {
	display: block;
	float: right;
	margin-left: 2em;
	width: 270px;
	background: #fff url("images/flag_neg_bg.jpg") top left no-repeat;
	padding: 2em 1em 2em 1em;
}

.flag_pzp {
	display: block;
	float: right;
	margin-left: 2em;
	width: 270px;
	background: #fff url("images/flag_pzp_bg.jpg") top left no-repeat;
	padding: 2em 1em 2em 1em;
}

.flag_rdp {
	display: block;
	float: right;
	margin-left: 2em;
	width: 270px;
	background: #fff url("images/flag_rdp_bg.jpg") top left no-repeat;
	padding: 2em 1em 2em 1em;
}

.flag_tac {
	display: block;
	float: right;
	margin-left: 2em;
	width: 270px;
	background: #fff url("images/flag_tac_bg.jpg") top left no-repeat;
	padding: 2em 1em 2em 1em;
}

.flocon {
	display: block;
	float: right;
	margin-left: 2em;
	width: 270px;
/*	border: 2px solid #F7F3EA; */
	background: #fff url("images/flocon.gif") bottom right no-repeat;
	padding: 1em 1em 5em 1em;
}

.track {
	display: block;
	float: right;
	margin-left: 2em;
	width: 270px;
	border: 2px solid #F7F3EA;
	background: #fff url("images/track_bg.jpg") bottom center no-repeat;
	padding: 1em 1em 46px 1em;
}

/**
 * special styles
 */

div#modal_content h2 { /* special version for modal box */
	background-image: none;
}