html {
	min-height: 101%; 
}

body {
	text-align:center;
	padding: 0;
	margin: 0;
	background-color: #aaaaaa;
	font-family: verdana;
	font-size: 11px;
}

table {
	font-family: verdana;
	font-size: 11px;
}

/**********************************************************************************
/             DEFAULT PAGES
/**********************************************************************************/


#IDControlPage {
	margin: 11px auto;
	width: 850px;
	border: solid 1px black;
	background-color: white;
}

#IDControlBanner {
	height: 155px;	/* 140 banner + 15 space under */
	width: 100%;
	background-color: white;
	/*border: solid 1px red;*/
}

#IDControlCenter {
	background-color: white;
	margin: 0px 15px;
	padding: 0px;
	/*border: solid 1px blue;*/
}

#IDControlMenuSide {
	width: 180px;
	height: 480px;
	background-color: #353535;
	padding: 0px;
	/*border: solid 1px orange;*/
}

#IDControlContent {
	padding: 0px 25px;
	/*padding-left: 25px;*/
	height: 100%;
	background-color: white;
	color: #555555;
	line-height: 14px;

	/*border: solid 1px black;*/
}

#IDControlLabel {
	padding: 15px 25px;
	padding-top: 0px;
	height: 100%;
	background-color: white;
	color: #555555;
	line-height: 14px;

	/*border: solid 1px black;*/
}


#IDControlFooter {
	margin: 0px;
	margin-top: 15px;
	padding: 4px;
	font-size: 10px;
	color: white;
	background-color: #353535;
	/*border: solid 1px black;*/
}

/*--------------------------
/* links
/*--------------------------*/

a,
a:visited,
a:link
{
	color: inherit;
	text-decoration: none;
	border: none;
	outline: none;
}

a:active,
a:hover
{
	color: inherit;
	text-decoration: underline;
	border: none;
	outline: none;
}



/*--------------------------
/* lists
/*--------------------------*/

ul {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
}
li {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
}

/*--------------------------
/* images
/*--------------------------*/

img {
	outline: none;
	border: none;
}

img.photo {
	/*border: solid 6px #EAEAEA;*/
	border: solid 1px #555555;
}

img.wine {
/*	border: solid 4px #EAEAEA;*/
}

img.label {
	border: solid 2px #EAEAEA;
}

/*--------------------------
/* shadow
/*--------------------------*/

td.ClassControlShadowVerticalMenu {
	background: url('graphic_shadow_menu_1x12.png') repeat-x;
}

td.ClassControlShadowVerticalContent
{
	background: url('graphic_shadow_content_1x12.png') repeat-x;
}

/*-----------------------------
/*  Div style menu
/*-----------------------------*/

div.ClassControlMenuSide {
	margin: 0px;
	padding: 12px;
}

p.ClassControlMenuSide_Category {
	margin: 0px;
	padding: 2px 0px;
	font-family: Verdana;
	font-size: 12px;
	color: #c4de0d;
	font-weight: bold;
}

p.ClassControlMenuSite_Space {
	margin: 0px;
	padding: 2px 0px;
	font-size: 6px;
	color: #c4de0d;
}

p.ClassControlMenuSide_Item {
	margin: 0px;
	font-size: 11px;
	padding: 2px 2px;
	color: white;
}

div.ClassControlMenuSide a,
div.ClassControlMenuSide a:visited,
div.ClassControlMenuSide a:link,
div.ClassControlMenuSide a:active,
div.ClassControlMenuSide a:hover
{
	color: white;
	border: none;
	outline: none;
}


/*-----------------------------
/* Content 
/*-----------------------------*/

/*td.ClassControlContent h1 {*/
#IDControlContent h1 {
	font-size: 24px;
	font-family: Helvetica, Arial;
	font-weight: normal;
	letter-spacing: .05em;
	padding: 12px 46px;
	margin-bottom: 16px;
	margin-left: -10px;
	background-color: none;
	background: url('graphic_leaf.png') no-repeat;
	color: black;
}

/*td.ClassControlContent h2 {*/
#IDControlContent h2 {
	color: #CC0000;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 4px;
}

#IDControlContent h3 {
	color: #555;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 4px;
}

span.town {
	color: #CC0000;
}

#IDControlContent h5 {
/*td.ClassControlContent h5 {*/
	font-size: 11px;
	margin: 0px;
	font-weight: normal;
	padding: 5px;
	background-color: #FAFAFA;
	border:  solid 1px #F9F9F9;
}

/* NOTE: this style is for the generated replacement of <h6> elements,
         such that we can make red rounded background for titles
         See app/private/Static.php
*/
table.H6 {
	margin-left: -12px;
	margin-top: 16px;
	margin-bottom: 5px;
}

/*
  Works on mozilla only... (mlavenne 2008/06/22)

td.ClassControlContent h6 {
	color: white;
	display: inline-block;
	padding: 0px 10px;
	background-image: url('../img/graphic_roundedframe_left_red.png'),url('../img/graphic_roundedframe_right_red.png'), url('../img/graphic_roundedframe_middle_red.png');
	background-repeat: no-repeat,no-repeat,repeat;
	background-position: left, right, center;
}
*/

td.ClassControlContent p {
	margin: 0px;
	font-size: 11px;
}


/**********************************************************************************
/             ADMIN PAGES
/**********************************************************************************/

#IDControlAdminLogin {
	margin: 100px auto;
	width: 350px;
	background-color: white;
	border: solid 4px #c4de0d;
	padding: 10px;
}
#IDControlAdminLogin h1 {
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 16px;
}

#IDControlListView {
	/* nothing to put here */
}

#IDControlEditView {
	/* nothing to put here */
}

#IDControlUpload {
	background-color: #C0C0C0;
	border-bottom: solid 2px #CCCCCC;
}

#IDControlAdminPage {
	margin: 0px;
	padding: 5px 25px;
	padding-bottom: 0px;
}

#IDControlAdminPage h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 4px;
	font-size: 12px;
	color: #555555;
	background-color: #CCCCCC;
	text-align: left;
}

#IDControlPagePreview {
	font-size: 16px;
	background-color: #c0c0c0;
	margin: 0px 25px;
	padding-bottom: 10px;
	color: #555555;
}

/*-----------------------------
/* Admin Tab menu
/*-----------------------------*/

#IDControlAdminTabMenu {
	font-size: 14px;
	text-align: center;
	padding-top: 4px;
	height: 24px;
	border: solid 1px #999999;
	color: white;
	background-color: #000001;	/* can't be black => causes a bug for konqueror */
	background-image: url('graphic_slice_vertical_2x24.png');
}
table.ClassControlAdminTabMenu {
	margin: 0px 25px;
	color: inherit;
	font-size: 14px;
	border: none;
	color: white;
}
td.ClassControlAdminTabMenu_Item {
	padding: 0px 10px;
	font-weight: bold;
}
td.ClassControlAdminTabMenu_PoweredBy {
	font-size: 10px;
	font-style: italic;
	text-align: right;
}

#IDControlAdminTabMenu a,
#IDControlAdminTabMenu a:visited,
#IDControlAdminTabMenu a:link,
#IDControlAdminTabMenu a:active,
#IDControlAdminTabMenu a:hover
{
	color: white;
	border: none;
	outline: none;
}

/*-------------------------------------
/* Admin ListView, EditView and Upload
/*------------------------------------*/

input.button {
	font: inherit;
	/*height: 23px;*/
}
input.textbox {
	font: inherit;
}

table.ClassControlUpload {
}

table.ClassControlListViewButtons {
	margin: 0px;
	padding: 5px;
	color: inherit;
	font: inherit;
	width: 100%;
	border: none;
	background-color: #C0C0C0;
}

table.ClassControlListView {
	margin: 0px;
	color: inherit;
	font: inherit;
	border: solid 2px #1188EE;
	width: 100%;
}

td.ClassControlListView_Header {
	text-decoration: underline;
	cursor: pointer;
}
td.ClassControlListView_Header,
td.ClassControlEditView_Header {
	font-weight: bold;
	padding: 0px 10px;
	height: 20px;
	color: white;
	background-color: #1188EE;
	background-image: url(graphic_slice_vertical_2x24.png);
}

td.ClassControlListView_Item1 {
	padding: 2px 10px;
	background-color: #F9F9F9;
	border-bottom: dotted 1px #999999;
}
td.ClassControlListView_Item2 {
	padding: 2px 10px;
	background-color: #F0F0F0;
	border-bottom: dotted 1px #999999;
}


/*-----------------------------
/* MsgBox
/*-----------------------------*/

#IDControlMsgBox {
	margin: 5px 25px;
}

td.ClassControlMsgBox_ErrMsg {
	border: solid 1px red;
	background-color: #FFAAAA;
	padding: 5px;
	color: black;
}

td.ClassControlMsgBox_GoodMsg {
	border: solid 1px green;
	background-color: #AAFFAA;
	padding: 5px;
	color: black;
}
td.ClassControlMsgBox_InfoMsg {
	border: solid 1px yellow;
	background-color: #FFFFAA;
	padding: 5px;
	color: black;
}