/* Barmen-TV common styles */

/* common styles */
body, html
{
	margin: 0;
	padding: 0;
	height: 100%;
}

body
{
	text-align: center;
}

*
{
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #777777;
}

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

p
{
	padding: 0;
	margin: 0;
	text-align: left;
}

img { margin: 0; border: none }
form { margin: 0; padding: 0; }

/* standard link style */
a.std, a.std:visited
{
	text-decoration: none;
	color: #0076A3;
}
a.std:hover, a.std:visited:hover
{
	text-decoration: underline;
}

/* adv */
div.adv
{
	width: 220px;
	height: 100px;
	background: white;
	border: 1px solid #BDBDBD;
}

/* footer styles */
td#footer div.cont .counter
{
	display: block;
	float: right;
	overflow: hidden;
	width: 88px;
	height: 31px;
	text-decoration: none;
	margin: 5px 0 0 3px;
}
td#footer div.cont .footer_links { text-align: center; margin: 14px auto 0 auto; }
td#footer div.cont .footer_links * { font-size: 11px }
td#footer div.cont .footer_links a, td#footer div.cont .footer_links a:visited
{
	text-decoration: none;
}
td#footer div.cont .footer_links a:hover, td#footer div.cont .footer_links a:visited:hover
{
	text-decoration: underline;
}

/* rose title */
div.title1, div.title1 * { height: 32px }
div.title1
{
	position: relative;
	margin-top: 7px;
	background: url(/images/title1_l.gif) top left no-repeat;
	overflow: hidden;
}
div.title1 div
{
	margin-left: 14px;
	background: url(/images/title1_r.gif) top right no-repeat;
}
div.title1 div div
{
	margin-left: 0;
	margin-right: 13px;
	background: url(/images/title1_m.gif) top left repeat-x;
}
div.title1 div div h1, div.title1 div div h2
{
	display: block;
	margin: 0;
	padding: 0 0 0 14px;
	text-align: left;
	font-family: Georgia, serif;
	line-height: 36px;
	font-size: 17px;
	font-weight: normal;
	color: #FF57A4;
	background-repeat: no-repeat;
	background-position: 0 12px;
}

/* greeny title */
div.title2, div.title2 * { height: 32px }
div.title2
{
	position: relative;
	margin-top: 7px;
	background: url(/images/title2_l.gif) top left no-repeat;
	overflow: hidden;
}
div.title2 div
{
	margin-left: 14px;
	background: url(/images/title2_r.gif) top right no-repeat;
}
div.title2 div div
{
	margin-left: 0;
	margin-right: 13px;
	background: url(/images/title2_m.gif) top left repeat-x;
}
div.title2 div div h1, div.title2 div div h2
{
	display: block;
	margin: 0;
	padding: 0 0 0 14px;
	text-align: left;
	font-family: Georgia, serif;
	line-height: 36px;
	font-size: 17px;
	font-weight: normal;
	color: #649D00;
	background-repeat: no-repeat;
	background-position: 0 12px;
}

/* orange title */
div.title3, div.title3 * { height: 32px }
div.title3
{
	position: relative;
	margin-top: 7px;
	background: url(/images/title3_l.gif) top left no-repeat;
	overflow: hidden;
}
div.title3 div
{
	margin-left: 14px;
	background: url(/images/title3_r.gif) top right no-repeat;
}
div.title3 div div
{
	margin-left: 0;
	margin-right: 13px;
	background: url(/images/title3_m.gif) top left repeat-x;
}
div.title3 div div h1, div.title3 div div h2
{
	display: block;
	margin: 0;
	padding: 0 0 0 14px;
	text-align: left;
	font-family: Georgia, serif;
	line-height: 36px;
	font-size: 17px;
	font-weight: normal;
	color: #E87300;
	background-repeat: no-repeat;
	background-position: 0 12px;
}
div.title3 h1 a, div.title3 h2 a
{
	font-family: Georgia, serif;
	line-height: 36px;
	font-size: 17px;
	font-weight: normal;
	color: #E87300;
	text-decoration: none;
	background: url(/images/title3_link_bg.gif) bottom left repeat-x;
}

/* gray title */
div.title4, div.title4 * { height: 32px }
div.title4
{
	position: relative;
	margin-top: 7px;
	background: url(/images/title4_l.gif) top left no-repeat;
	overflow: hidden;
}
div.title4 div
{
	margin-left: 14px;
	background: url(/images/title4_r.gif) top right no-repeat;
}
div.title4 div div
{
	margin-left: 0;
	margin-right: 13px;
	background: url(/images/title4_m.gif) top left repeat-x;
}
div.title4 div div h1, div.title4 div div h2
{
	display: block;
	margin: 0;
	padding: 0 0 0 14px;
	text-align: left;
	font-family: Georgia, serif;
	line-height: 36px;
	font-size: 17px;
	font-weight: normal;
	color: #7D7D7D;
	background-repeat: no-repeat;
	background-position: 0 12px;
}

/* content area with dashed border */
div.dashed, div.dashed_w_scissors
{
	border: 1px dashed #D5D5D5;
	padding: 14px 10px 10px 10px;
	margin: 0 2px 10px 2px;
}
div.dashed_w_scissors
{
	position: relative;
}
div.dashed_w_scissors div.scissors
{
	position: absolute;
	width: 15px;
	height: 18px;
	bottom: 3%;
	right: -14px;
}
div.dashed_w_scissors div.scissors img { display: block; width: 15px;	height: 18px }

.recommended
{
	background: url(/images/bg_recommended.gif) top left repeat-x;
}
* html .recommended { line-height: 1.3; }

.recommended div.mark
{
	float: right;
	width: 113px;
	height: 24px;
	background: url(/images/mark_recommended.png) top left no-repeat;
	position: relative;
	margin-left: 10px;
	top: -8px;
}

div.dashed .text img
{
	margin: 5px;
}

/* author signature */
div.sign
{
	margin-top: 7px;
	font-style: italic;
}
div.sign * { font-style: italic; }

/* more link in header */
a.more, a.more:visited, a.more_short, a.more_short:visited
{
	position: absolute;
	display: block;
	background: url(/images/more_bg.png) top left no-repeat;
	width: 91px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	top: 7px;
	right: 15px;
	font-family: Georgia, serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #0076A3;
	cursor: pointer;
}
a.more:hover, a.more:visited:hover, a.more_short:hover, a.more_short:visited:hover
{
	text-decoration: underline;
}

a.more_short, a.more_short:visited
{
	background: url(/images/more_bg_short.png) top left no-repeat;
	width: 52px;
	height: 23px;
}

/* form fields */
input.std_text, input.std_file
{
	border: 1px solid #C4C4C4;
	background: url(/images/bg_input.gif) bottom left repeat-x;
}
textarea.std_ta
{
	border: 1px solid #C4C4C4;
	background: white url(/images/bg_input.gif) bottom left repeat-x;
}

select
{
	border: 1px solid #C4C4C4;
	background: url(/images/bg_input.gif) bottom left repeat-x;
}
select option
{
	border: 1px solid #C4C4C4;
	border-bottom: none;
	border-top: none;
	background: white;
}
select option:last-child { border-bottom: 1px solid #C4C4C4; }

/* buttons */
span.button, span.button span,
span.button2, span.button2 span
{
	display: -moz-inline-box;
	display: inline-block;
	cursor: pointer;
	border: none;
	font-size: 0;
	line-height: 0;
	height: 23px;
	padding: 0;
}
span.button, span.button2
{
	padding-left: 6px;
}
span.button span, span.button2 span
{
	padding-right: 6px;
}
span.button span input,
span.button2 span input
{
	height: 23px;
	line-height: 23px;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 11px;
	border: none;
	color: white;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
*:first-child+html span.button span input,
*:first-child+html span.button2 span input
{ width: auto; overflow: visible; } /* for IE 7 */

span.button { background: url(/images/bg_button_l.png) center left no-repeat; }
span.button span { background: url(/images/bg_button_r.png) center right no-repeat; }
span.button span input { background: url(/images/bg_button_m.png) top left repeat-x; }

span.button2 { background: url(/images/bg_button2_l.png) center left no-repeat; }
span.button2 span { background: url(/images/bg_button2_r.png) center right no-repeat; }
span.button2 span input { background: url(/images/bg_button2_m.png) top left repeat-x; }

/* frm table */
table.frm1 { width: 100%; }
table.frm1 td { text-align: left; vertical-align: middle }

/* different headers */
h2.head1, h3.head1, h2.head2, h3.head2
{
	display: block;
	padding: 0;
	margin: 0 0 7px 0;
}
h2.head1, h3.head1, h2.head2, h3.head2,
h2.head1 *, h3.head1 *, h2.head2 *, h3.head2 *
{
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 12px;
}
h2.head1, h3.head1, h2.head1 a, h3.head1 a { color: #0076A3 }
h2.head2, h3.head2, h2.head2 a, h3.head2 a { color: #464646 }
h2.head1 a, h3.head1 a, h2.head2 a, h3.head2 a { text-decoration: none }
h2.head1 a:hover, h3.head1 a:hover, h2.head2 a:hover, h3.head2 a:hover { text-decoration: underline }
h2.head1 a.dashed, h3.head1 a.dashed, h2.head2 a.dashed, h3.head2 a.dashed,
h2.head1 a.dashed:hover, h3.head1 a.dashed:hover, h2.head2 a.dashed:hover, h3.head2 a.dashed:hover
{
	color: #0076A3;
	text-decoration: none;
	background: url(/images/title1_link_bg.gif) bottom left repeat-x;
}

/* images */
div.image_52_67, a.image_52_67
{
	display: block;
	overflow: hidden;
	width: 52px;
	height: 67px;
	float: left;
	border: 1px solid #E4E4E4;
	text-decoration: none;
	margin: 0 10px 10px 0;
}
div.image_52_67 img, a.image_52_67 img
{
	display: block;
	width: 52px;
	height: 67px;
}

/* image frames */
.frame
{
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
	text-decoration: none;
	margin: 0 10px 10px 0;
}
.frame img { display: block }
.frame div
{
	position: absolute;
	top: 0;
	left: 0;
	background-position: top left;
	background-repeat: no-repeat;
}
a.frame div { cursor: pointer }

/* 94 * 94 */
.f94, .f94 img, .f94 div { width: 94px;	height: 94px; }
.f94 div { background-image: url(/images/img_frame_94.png); }

/* 100 * 100 */
.f100, .f100 img, .f100 div { width: 100px;	height: 100px; }
.f100 div { background-image: url(/images/img_frame_100.png); }

/* 62 * 62 */
.f62, .f62 img, .f62 div { width: 62px;	height: 62px; }
.f62 div { background-image: url(/images/img_frame_62.png); }

/* 65 * 65 */
.f65, .f65 img, .f65 div { width: 65px;	height: 65px; }
.f65 div { background-image: url(/images/img_frame_65.png); }

img.std { border: 1px solid #E4E4E4 }
img.fstd
{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #E4E4E4;
}

/* any image with link */
a.image_lnk
{
	display: block;
	overflow: visible;
	float: left;
	text-decoration: none;
	margin: 0 10px 10px 0;
}
a.image_lnk img
{
	display: block;
	width: inherit;
	height: inherit;
	border: 1px solid #E4E4E4;
}

/* text block */
div.text { padding-bottom: 10px }

/* date_c */
div.date_c
{
	display: inline;
	margin-right: 2px;
}
div.date_c span
{
	background: #777777;
	color: white;
	font-size: 10px;
	padding: 0 2px;
	margin-right: 1px;
}

/* ordered list with bold digits */
ol.b_digit
{
	margin: 0 0 5px 17px;
	padding: 0 0 0 3px;
	list-style-type: decimal;
	font-family: Georgia, serif;
	font-size: 12px;
	font-weight: bold;
}
ol.b_digit ul
{
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 12px;
	font-weight: bold;
}

/* video link */
a.video, a.video:visited
{
	text-decoration: none;
	font-weight: normal;
	color: #0076A3;
	padding-right: 27px;
	background: url(/images/tv_bg.gif) center right no-repeat;
}
a.video:hover, a.video:visited:hover
{
	text-decoration: underline;
}

/* container & styles for article linked objects */
div.right_p_cont
{
	float: right;
	position: relative;
	margin-left: 10px;
	width: 132px;
}
a.art_preview
{
	position: relative;
	z-index: 300;
	display: block;
	margin-bottom: 5px;
	text-decoration: none;
}
a.art_preview img
{
	display: block;
	border: 1px solid #E4E4E4;
	width: 130px;
	height: 85px;
	z-index: 100;
}
a.art_preview span.sig
{
	position: absolute;
	bottom: 1px;
	right: 1px;
	font-size: 10px;
	color: white;
	background: #7A829F;
	text-decoration: none;
	padding: 1px 2px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 200;
}
* html a.art_preview span.sig { top: 71px } /* for IE 6 and less */

/* list for categories */
ul.cats
{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.cats li
{
	display: block;
	padding: 0 3px 10px 15px;
	background: url(/images/cat_list_folder.gif) 0 2px no-repeat;
}
ul.cats li a, ul.cats li a:visited
{
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 12px;
	color: #0076A3;
	text-decoration: none;
}
ul.cats li a:hover, ul.cats li a:visited:hover
{
	text-decoration: underline;
}

/* form table style */
table.form { width: auto }
table.form tr td, table.form tr th
{
	padding: 4px 7px 4px 2px;
	text-align: left;
}
table.form tr td { vertical-align: top }
table.form tr th
{
	vertical-align: middle;
	font-weight: normal;
}

table.form tr.error td, table.form tr.error th
{
	background: #FFF0F0;
}
table.form tr.error th { color: red }
table.form tr.error td input.std_text,
table.form tr.error input.std_file,
table.form tr.error input.std_chbx,
table.form tr.error td select,
table.form tr.error td textarea.std_ta
{
	border: 1px solid red;
}

/* form field comment */
.form_comment
{
	font-weight: normal;
	font-size: 10px;
	color: #919191;
}
* html #main .form_comment { width: 165px } /* for IE 6 and less */
#main tr>td.main .form_comment { width: auto; max-width: 165px; } /* FF, only works as should be */
*:first-child+html #main td.main .form_comment { width: 165px; } /* for IE 7 */

/* error list */
ul.errors
{
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	list-style-type: square;
}
ul.errors li
{
	color: #534741;
}
ul.errors li span, ul.errors li a
{
	font-size: 10px;
	color: #534741;
	font-weight: bold;
	text-decoration: none;
}

/* paging */
a.page_link, a.page_link:visited, a.page_selected
{
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 5px;
	border: 1px solid #0076A3;
	color: #0076A3;
}
a.page_link:hover, a.page_link:visited:hover
{
	color: white;
	background: #0076A3;
}

a.page_selected, a.page_selected:hover,
a.page_selected:visited, a.page_selected:visited:hover
{
	cursor: default;
	color: white;
	background: #0076A3;
}

.page_selected, .page_link
{
	margin: 0 2px;
}

img#pg_left, img#pg_right
{
	cursor: pointer;
	width: 5px;
	height: 9px;
}
img#pg_left { margin-right: 10px; }
img#pg_right { margin-left: 10px; }

a.page_margin
{
	cursor: pointer;
	text-decoration: none;
}
a.page_margin img
{
	width: 13px;
	height: 9px;
}

div.paging_pages
{
	margin-top: 5px;
	text-align: center;
	color: #0076A3;
	font-size: 9px;
}

/* dashed table */
table.dashed
{
	border-collapse: separate;
	empty-cells: hide;
}
table.dashed td
{
	border: 1px dashed #D5D5D5;
}
table.dashed td div.mrg
{
	margin: 6px;
}
table.dashed td.nb { border: none; font-size: 0 }

/* sub header underlined gradient */
.und_head
{
	display: block;
	margin: 0 0 10px 0;
}
.und_head .cap
{
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 17px;
	color: #FF57A4;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 5px center;
	margin-bottom: 1px;
}
.und_head .und
{
	position: relative;
	overflow: hidden;
	height: 3px;
	background: #FF62AA;
}
.und_head .und .und_l
{
	position: absolute;
	top: 0;
	left: 0;
	width: 111px;
	height: 3px;
	background: url(/images/bg_und_l.gif) top left no-repeat;
}
.und_head .und .und_r
{
	position: absolute;
	top: 0;
	right: 0;
	width: 111px;
	height: 3px;
	background: url(/images/bg_und_r.gif) top left no-repeat;
}

/* link with star for text blocks */
a.star_lnk, a.star_lnk:visited
{
	display: block;
	text-decoration: none;
	color: #0076A3;
	text-indent: 12px;
	background: url(/images/sm_star.gif) left 4px no-repeat;
}
a.star_lnk:hover, a.star_lnk:visited:hover
{
	text-decoration: underline;
}

/* coming soon */
a.coming_soon
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
	background: url(/images/coming_soon.png) center center no-repeat;
}

/* system floating message */
div.fsys_message
{
	display: none;
	position: absolute;
	overflow: hidden;
	width: 400px;
	height: 150px;
	background: url(/images/bg_top.jpg) top left repeat-x;
	border: 1px dashed #D5D5D5;
	text-align: left;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
div.fsys_message div.wrapper { margin: 10px; }
div.fsys_message a.close
{
	position: absolute;
	right: 5px;
	bottom: 5px;
}

/* rulers */
div.hr1
{
	overflow: hidden;
	clear: both;
	height: 3px;
	background: url(/images/hr1.gif) top center no-repeat;
	margin: 8px 0;
}

/* button links */
a.btn { text-decoration: none }
a.btn img { width: 19px; height: 19px; border: none; }

/* on-site admin links */
div.osal
{
	position: absolute;
	top: 3px;
	right: 3px;
	width: 42px;
	height: 21px;
	border: 1px solid #E4E4E4;
	background: #C9F1FB;
	opacity: 0.2;
	filter: alpha(opacity=20);
	z-index: 200;
}
div.osal:hover { opacity: 0.8; filter: alpha(opacity=80); }
div.osal a.edit, div.osal a.del
{
	position: absolute;
	display: block;
	top: 1px;
	width: 19px;
	height: 19px;
	text-decoration: none;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: top left;
}
div.osal a.edit
{
	background-image: url(/images/ic_edit.gif);
	left: 1px;
}
div.osal a.del
{
	background-image: url(/images/ic_delete.gif);
	right: 1px;
}

/* links for cocktails & components */
a.spirit, a.mixer, a.modifier, a.garnish, a.glassware, a.bartool, a.cocktail
{
	font-weight: bold;
	padding-left: 11px;
	line-height: 15px;
	background-repeat: no-repeat;
	background-position: -3px bottom;
}
a.spirit { background-image: url(/images/icons/ib_spirit.gif);  }
a.mixer { background-image: url(/images/icons/ib_mixer.gif) }
a.modifier { background-image: url(/images/icons/ib_modifier.gif) }
a.garnish { background-image: url(/images/icons/ib_garnish.gif); background-position: left bottom; padding-left: 15px }
a.glassware { background-image: url(/images/icons/ib_glassware.gif); background-position: -1px bottom; padding-left: 15px }
a.bartool { background-image: url(/images/icons/ib_bartool.gif) }
a.cocktail { background-image: url(/images/icons/ib_cocktail.gif); padding-left: 10px }

/* bar components pictogram */
a.bar_picto, a.bar_picto_sel
{
	display: block;
	float: left;
	overflow: hidden;
	width: 42px;
	height: 50px;
	margin: 0 5px 10px 0;
}
a.bar_picto
{
	opacity: 0.75;
	filter: alpha(opacity=75);
}
a.bar_picto img, a.bar_picto_sel img
{
	display: block;
	width: 42px;
	height: 50px;
}
a.bar_picto:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}

/* list of picts for folders */
a.pict_d, a.bar_picto_sub
{
	float: left;
	width: 16.66%;
	text-decoration: none;
	text-align: center;
}
a.pict_d img, a.bar_picto_sub img
{
	display: block;
	margin: 0 auto 5px auto;
	width: 42px;
	height: 50px;
}
a.pict_d div, a.bar_picto_sub div
{
	color: #0076A3;
}
a.bar_picto_sub { width: 67px; height: 85px; overflow: hidden; }
a.bar_picto_sub div { font-size: 10px; line-height: 10px }

/* opacity changing subclass */
a.opac
{
	opacity: 0.75;
	filter: alpha(opacity=75);
}
a.opac:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}

/* EDU: price for courxe */
div.price {
	width: 150px;
	text-align: left;
	font-weight: bold; 
	overflow: hidden;
	float: left;
}


div.price span {
	font-size: 12px;
	color: black;
	
}

div.price span span{
	font-size: 14px;
	color:#DC3802;
}

div.price2 {
	float: left;
	width: 200px;
	text-align: left;
	font-weight: bold; 
	overflow: hidden;
}

div.price2 span {
	font-size: 12px;
	color: black;
}

div.price2 span span{
	font-size: 14px;
	color:#DC3802;
}