input, select, textarea {	border: 1px solid #008ce1;	margin-bottom: 1px;}
h1 {	color: #006bac;}
h2 {	color: #008ce1;}
hr {	height: 1px;	border: 1px solid #008ce1;}
#my-body {	background: #FFFFFF;}
/*******************************************************************************/
/************************************ Basic ************************************/
#container {	width: 100%;	text-align: left;}

#header {	background: #006bac; /*original: #006bac*/	width: 900px;	height: 100px;	vertical-align: bottom;}

#header-title {	color: white;	font-size: 450%;	margin: 0px 0px 5px 5px;}
#header-subtitle {	color: white;	font-size: 200%;	margin: 0px 0px 5px 5px;}

.header-left {	background: #EFEFEF url(img/document-left.gif) right repeat-y; /*original: #E0E0DF*/}
.header-right {	background: #EFEFEF url(img/document-right.gif) repeat-y;}

.document-left {	background: #EFEFEF url(img/document-left.gif) right repeat-y;}
.document-right {	background: #EFEFEF url(img/document-right.gif) repeat-y;}

#header-breadcrumb {	background: #008ce1;	height: 22px;	color: white;	font-weight: bolder;	text-align: center;}

#footer {	background: url(img/footer.gif) repeat-x;	height: 22px;	color: white;	font-size: 10px;	padding: 0px 5px 0px 170px;}
.footer-left {	background: url(img/footer_left.gif) top right no-repeat;}
.footer-right {	background: url(img/footer_right.gif) top left no-repeat;}

#left-column {	vertical-align: top;	background: #dae8f0;	width: 180px;}

#document-column {	vertical-align: top;	width: 540px;	text-align: left;	background: white;}

#right-column {	vertical-align: top;	background: #dae8f0;	width: 180px;}
/*******************************************************************************/
/*********************************** Navigation ********************************/
.navigation {	margin: 55px 0px 0px 0px;	padding: 0px;	line-height: 15px;}

.navigation li {	list-style-type: none;	margin: 0px;	padding: 0px;}
.navigation li a {	font-weight: normal;	text-decoration: none;	background: transparent;	display: block;	padding: 3px 5px 3px 5px;	color: black !important;}
/*******************************************************************************/
/************************************ Content **********************************/
#content {	padding: 10px 20px 20px 10px;	line-height: 16px;}
#content h1 {	margin-top: 5px;}
#content a {	text-decoration: underline;	color: black;}
#content a:hover {	text-decoration: underline;	color: #008ce1;}
#content {	height: 400px;}

/* IE hack for min-height */
#content[id] {    height: auto;    min-height: 400px;}
/*******************************************************************************/
/************************************ Portlets *********************************/
.portlet {	padding: 0px;	margin: 0px 0px 15px 0px;}
.portlet h1 {	border: none;	background: #008ce1;	color: white;	padding: 2px 5px 2px 5px;}
.portlet a {	line-height: 17px;	display: block;}
.portlet-content {	padding: 3px;}
#portlet-language-switcher a {	display: inline;	text-transform: uppercase;}
/*******************************************************************************/
/******************************** Additional stuff *****************************/
.breadcrumb,
.breadcrumb a {	color: gray;}
#info {text-align: center;	color: #CCFFFF; /*original: gray*/margin-bottom: 5px;}
#info a {text-decoration: none;	color: gray;}
/*******************************************************************************/
























/******************************** General styles *******************************/
body, a, table, td, tr, tbody, b, p, input, select, label, textarea {	color: black;	font-size: 11px;	font-family: Verdana, Arial, Helvetica, Sans-serif;}

p {	padding: 0px;	margin: 2px 0px 3px 0px;}

input, select, textarea {	border: 1px solid #AAAAAA;	margin-bottom: 1px;}
body {	padding: 0px;	margin: 0px;}
form {	margin: 0px;	padding: 0px;}
img {	border: none;}
label {	width: 140px; 	padding: 3px 0px 0px 0px;	float: left;}
.big_label label {	width: 320px !important;}

h1 a,
h1 a:hover {	font-size: 150%;	font-weight: bolder;	text-decoration: none;	color: black;	margin: 0px;	padding: 6px 0px 6px 0px;}

h2 a,
h1 a:hover {	font-size: 125%;	font-weight: bolder;	color: #666666;	margin: 0px;	padding: 3px 0px 2px 0px;	text-decoration: none;}
h3 {font-size: 120%; font-weight: bolder;}
h4 {font-size: 110%; font-weight: bolder;}
h5 {font-size: 100%; font-weight: bolder;}
.comment {	color: gray;}
.comment_entry {	margin: 5px 0px 5px 0px;	padding: 2px;	background: transparent;}
.comment_entry h1,
.comment_entry h1 a {	padding: 0px;	margin: 0px;	color: black;	font-size: 100%;}
.comments {	clear: left;	background: transparent;	display: block;	margin-top: 10px;}
.description {	font-size: 85%;}
.selected, .disabled {	color: gray;}
.message {	border: 1px solid #FFA500;	background: #FFCE7B;	padding: 5px;	font-weight: bolder;	margin-bottom: 8px;	color: black;}
.message img {	float: left;	margin-right: 5px;}
.error {	color: red;}
img .text_right {	float: left; 	padding: 0px 5px 5px 0px;}
img .text_left {	float: right; 	padding: 0px 0px 5px 5px;}
hr {	height: 1px;	border: 1px solid #AAAAAA;}
.highlighting {	background: yellow;}
.language {	margin-right: 5px;}
.language.current {	font-weight: bolder;}
.action_button {	margin-right: 10px;}
.submit_button {	margin-left: 183px;	margin-right: 10px;}
.fieldset_button {	margin-left: 140px;	margin-right: 10px;}
.hidden {	display: none;}
/*******************************************************************************/



/*************************** Lists, Items and Fieldsets ************************/
fieldset {
	border: 1px solid #AAAAAA;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
	background: #EEEEEE;
}
legend {
	font-weight: bolder;
	color: black;
}
fieldset.page_properties {
	background: #CDCDCD;
}

/* IE Star-Hack for fieldsets (only for IE 6) */
* html legend {
	position: absolute;
	margin: -20px 0 0 0;
	padding: 3px;
}
* html fieldset {
	margin-top: 10px;
	padding-top: 10px;
	position: relative;
}

.noborder {
	border: none;
}

.language_label {
	font-style: italic;
	font-weight: bolder;
	background: #CDCDCD;
	margin-top: 8px;
}

fieldset input,
fieldset textarea,
fieldset select {
	border: 1px solid #AAAAAA;
}

.fieldset-content-right {
	width: 205px;
	float: right;
	clear: right;
	margin-left: 10px;
	margin-bottom: 10px;
	background: white;
}

.fieldset-right {
	float: right;
	clear: right;
}
.fieldset-left {
	float: left;
	clear: left;
	width: 98%;
}
/*******************************************************************************/


/************************************ Portlets *********************************/
.portlet {
	margin: 6px 0px 0px 0px;
	padding: 4px;
	background: transparent;
	line-height: 16px;
}
.portlet h1 {
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px solid #AAAAAA;
}
.portlet a {
	text-decoration: none;
	background: transparent;
	padding: 0px;
}
.portlet .subtitle {
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
}
.portlet .content {
	margin: 0px;
	padding: 0px 0px 6px 0px;
}
.portlet .detail {
	font-size: 85%;
	color: gray;
	padding: 0px;
	margin: 0px;
}
.portlet input {
	margin-bottom: 2px;
}

#portlet-page-tools a {
	display: block;
}

#portlet-login label {
	display: none;
}
/*******************************************************************************/


/******************************* Administration panel **************************/
.administration {
	color: black;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 220px;
	padding: 3px;
	background: #EEEEEE;
	border: 2px solid #AAAAAA;
	font-size: 11px;
	letter-spacing: 0em;
	z-index: 1000;
	line-height: 15px;
}
.administration h1 {
	color: black;
	font-weight: bolder;
	font-size: 12px;
	padding: 0px;
	margin: 6px 0px 3px 0px;
	letter-spacing: 0em;
}
.administration a {
	color: black;
	text-decoration: none;
	font-size: 11px;
	letter-spacing: 0em;
}
.administration a:hover {
	color: #666666;
	text-decoration: none;
}
.administration hr {
	height: 1px; 
	width: 100%; 
	padding: 0px; 
	margin: 2px 0px 2px 0px; 
	border: 1px solid #AAAAAA;
	letter-spacing: 0em;
}

/*******************************************************************************/



/********************************** Management *********************************/
/* TODO  REMOVE IT (if its no more in action, using list_entry)!! */
a .item {
	display: block;
	background: #CCCCCC;
	padding: 3px 3px 3px 3px;
	margin: 5px 0px 5px 0px;
	border: 1px solid #AAAAAA;
	color: black;
	height: 70px;
	cursor: pointer;
}

a:hover .item {
	background: #EEEEEE;
	color: #444444;
}

/* end TODO */

/***** tabs *****/
.tabs {
	width: 100%;
}
.tabs .tab {
	border: 1px solid #999999;
	width: 120px;
	padding: 1px 10px 2px 10px;
	text-decoration: none;
	color: black;
	margin-left: 10px;
	line-height: 16px;
	cursor: pointer;
}


.tabs a.tab:hover,
.tabs .tab a:hover {
	background: #DDDDDD;
	color: black !important;
	padding: 1px 10px 2px 10px;
	border-bottom: none;
	font-weight: normal;
	cursor: pointer;
}

.tabs a.current:hover,
.tabs .tab a.current:hover,
.tabs a.standard:hover,
.tabs .tab a.standard:hover,
.tabs .tab.current,
.tabs .tab.standard {
	background: #DDDDDD;
	color: black !important;
	padding: 1px 10px 3px 10px;
	border-bottom: none;
	font-weight: normal;
	cursor: pointer;
}

.tabs a {
	text-decoration: none !important;
}

/***** management *****/
.management a, 
.management table, 
.management td, 
.management tr, 
.management tbody, 
.management b, 
.management p, 
.management input, 
.management select, 
.management label, 
.management textarea {
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}

.management p {
	padding: 0px;
	margin: 2px 0px 3px 0px;
}

.management input, 
.management select, 
.management textarea {
	border: 1px solid #AAAAAA;
	margin-bottom: 1px;
}

.management {
	background: #DDDDDD;
	border: 1px solid #999999;
	padding: 5px;
	margin-top: 0px;
	color: black;
	text-align: left !important;
}
.management a {
	color: black !important;
	text-decoration: none !important;
}
.management a:hover {
	color: #AAAAAA;
	text-decoration: none;
}
.management h1 {
	font-size: 120%;
}
.management h2 {
	font-size: 100%;
	margin-bottom: 0px;
}
.management p {
	margin-top: 0px;
	margin-bottom: 2px;
}
.management .custom_table {
	border: 1px solid #AAAAAA;
	background: white;
}
.management table .heading {
	font-weight: bolder;
	background: #AAAAAA;
}
.management table .heading td {
	color: white;
}
.management input,
.management textarea, 
.management select {
	border: 1px solid #AAAAAA;
	background: white;
}
.management .general_settings label {
	width: 255px;
}
.management .inactive {
	color: #8F8F8F;
}
.management hr {
	height: 1px;
	border: 1px solid #AAAAAA;
}

/***** list entries *****/
.management a.list_entry {
	display: block;
	background: #CCCCCC;
	border: 1px solid #AAAAAA;
	margin-top: 3px;
	padding: 5px;
	color: black;
}
.management.list_entry a:hover {
	background: #EEEEEE;
	color: #444444;
}
.management a {
	color: black;
}
.management a:hover {
	color: #444444;
}
.management label {
	width: 180px;
}

.state-draft {
	color: red;
}
.state-reviewed {
	color: green;
}
.state-published {
	color: blue;
}
.state-archived {
	color: orange;
}
/*******************************************************************************/



/********************************** Navigation *********************************/

/**** navigation ***/
.navigation {
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}

.navigation li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.navigation li a {
	font-weight: normal;
	text-decoration: none;
	background: transparent;
}
.navigation li.current a {
	font-weight: bolder;
	color: gray;
}
.navigation li a:hover {
	color: gray;
}


.navigation li.level0 a {
	margin-left: 0px;
	font-size: 100%;
}
.navigation li.level1 a {
	margin-left: 15px;
	font-size: 100%;
}
.navigation li.level2 a {
	margin-left: 25px;
	font-size: 90%;
}
.navigation li.level3 a {
	margin-left: 35px;
	font-size: 80%;
}
.navigation li.level4 a {
	margin-left: 45px;
	font-size: 70%;
}


.edit-navigation-entry {
	line-height: 24px;
	height: 24px;
}
.edit-navigation-control {
	float: right;
}

/* IE6.0 Hack for additional spaces between li's */
* html li a  {
	height: 100%;
} 


/**** root-navigation ***/
.root-navigation {
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}
.root-navigation li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}
.root-navigation li a {
	font-weight: normal;
	text-decoration: none;
	background: transparent;
}
.root-navigation li.current a {
	font-weight: bolder;
	color: gray;
}
.root-navigation li a:hover {
	color: gray;
}

/*******************************************************************************/



/*********************************** Content ***********************************/
.introduction {
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}
.content {
	line-height: 16px;
}
.content ul, li {
	margin-top: 0px;
	margin-bottom: 0px;
}
.content p {
	margin-top: 5px;
	margin-bottom: 3px;
}
.content .heading {
	font-weight: bolder;
	background: #DDDDDD;
}

.float_right {
	float: right;
	clear: right;
	margin: 0px 0px 10px 10px;
}

.float_left {
	float: left;
	clear: left;
	margin: 0px 10px 10px 0px;
}

.float_left_no_clear {
	float: left;
	margin: 0px 10px 10px 0px;
}

.page-ressource-subtitle {
	padding: 0px !important;
	margin: -8px 0px 10px 0px !important;
}

/*******************************************************************************/



/************************************ Module ***********************************/
.module_intro {
	border-bottom: 1px solid #AAAAAA;
	margin-bottom: 6px;
	padding-bottom: 3px;
}
.module_admin {
	border-bottom: 1px solid #AAAAAA;
	margin-bottom: 6px;
	padding-bottom: 8px;
	min-height: 20px;
	width: 100%;
	clear: left;
}
.module_admin a {
	padding: 3px;
	margin-right: 10px;
	border: 1px solid gray;
	float: left;
}
.module_admin a img {
	float: left;
	margin-right: 3px;
}
.module_admin a:hover {
	background: #AAAAAA;
	color: #FFFFFF !important;
}
/*******************************************************************************/



/************************************ Search ***********************************/
.search_item {
	display: block;
	text-decoration: none;
	padding-top: 5px;
}

.search_item_title,
.search_item_title .highlighting {
	text-decoration: underline;
	font-weight: bolder;
}
.search_item_introduction {
	display: block;
	font-weight: bolder;
}
.search_item_content {
	display: block;
	text-decoration: none;
}
.search_item_details {
	display: block;
	color: gray;
}
/*******************************************************************************/



/************************************ Tools ************************************/

/***** Next and previous buttons *****/
.next_previous {
	color: black;
	margin: 5px 0px 0px 0px;
	text-align: right;
	float: left;
	clear: left;
	width: 100%;
}
.next_previous a {
	color: black;
	padding: 0px 5px 0px 0px;
	text-decoration: none;
}


/***** Page 1 2 3 (on the bottom of a page) *****/
.page_123 {
	border-top: 1px solid #AAAAAA;
	color: black;
	text-decoration: none;
	display: block;
	padding: 2px 0px 0px 0px;
	margin: 6px 0px 0px 0px;
	float: left;
	clear: left;
	width: 100%;
}
.page_123 a {
	padding: 0px 0px 0px 5px;
	font-weight: normal;
	color: #AAAAAA;
	text-decoration: none !important;
}
.page_123 span {
	padding: 0px 0px 0px 5px;
	font-weight: bolder;
}

.breadcrumb a {
	text-decoration: none !important;
}

/***** Page counter (multiple pages in a category) *****/
.page_counter {
	background: #DDDDDD;
	border: 1px solid #AAAAAA;
	padding: 2px 6px 2px 6px;
	margin: 5px 0px 5px 0px;
	float: left;
}
.page_counter a {
	text-decoration: none !important;
}
.page_counter .page {
	margin-right: 5px;
}
.page_counter .current {
	font-weight: bolder;
}
.next-button {
	margin-left: 10px;
}


.file_content {
	font-family: Courier;
	width: 98%;
}

table th {
	text-align: left;
}

.table {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
.table th {
	background: #888888;
	color: white;
	padding: 2px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

.table td {
	padding: 2px;
	background: white;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

.even {
	background: #FFFFFF;
}
.odd {
	background: #EEEEEE;
}


.padding-top-250 {
	margin-top: 250px;
}

.documents a {
	text-decoration: none !important;
}

/***** Access and permission styles *****/
.access_fieldset {
	display: none;
}
.page_permission_left{
	float:left;
	width:31%;
	display: inline;
}
.page_permission_right{
	float:right;
	width:31%;
}
.filemanager_permission {
	float:left;
}

/*******************************************************************************/


























body {	background-color: #ffffff;/*themecolour3;*/	color: #333333;/*themecolour3%0;*/}
table {	font: 9pt "trebuchet ms", arial, sans-serif;}
p {	margin-top: 0px;	margin-bottom: 0px;	margin-right: 0px;	}
blockquote {	margin-top: 0px;	margin-bottom: 0px;	color: #333333;/*themecolour3%0;*/	margin-right: 0px;}
ol {	margin-top: 0px;	margin-bottom: 0px;	color: #333333;/*themecolour3%0;*/}
.rightcoltext ul {	margin-top: 0px;	margin-bottom: 0px;	color: #333333;/*themecolour3%0;*/	margin-left: 20px;	list-style-image: url(img/timoclub_bullet.gif);}

.centercoltext ul {	color: #333333;/*themecolour3%0;*/	margin-top: 0px;	margin-bottom: 0px;	margin-left: 20px;	list-style-image: url(img/timoclub_bullet.gif);	}

.topstrip {	background-image: url(img/Wings_topstrip.gif);	background-repeat: repeat-x;}
.centercoltext {	padding-left: 20px;	padding-right: 20px;	color: #333333;/*themecolour3%0;*/}

.rightcoltext {	padding: 5px;	color: #333333;/*themecolour3%0;*/}

.leftcoltext a:link {	color: #666666;}
.leftcoltext a:visited {	color: #cccccc;}
.leftcoltext a:link:hover {	color: #1088ff;/*themecolour2;*/}
.centercoltext a:link {	color: #666666;/*themecolour3%0;*/}
.centercoltext a:visited {	color: #cccccc;}
.centercoltext a:link:hover {	color: #1088ff;/*themecolour2;*/}
.leftpanel a:link {	color: #333333;}
.leftpanel a:visited {	color: #cccccc;}
.leftpanel a:link:hover {	color: #1088ff;/*themecolour2;*/}

.rightcoltext a:link {	color: #666666;/*themecolour3%0;*/}
.rightcoltext a:visited {	color: #cccccc;}
.rightcoltext a:link:hover {	color: #1088ff;/*themecolour2;*/}


.topstrip {	background-image:   url(img/timoclub_topstrip.gif);	background-repeat: repeat-x;	background-repeat: repeat-x;}
.hnavbg {	background-image:   url(img/timoclub_hnav_bg.gif);	background-repeat: repeat-x;	background-repeat: repeat-x;}
.leftcolbg {	background-image:   url(img/timoclub_leftcolumn_bg.gif);	background-repeat: repeat-y;	background-position: right;	background-repeat: repeat-y;	background-position: right;}
.panelbg {	background-image: url(img/timoclub_panel_bg.gif);	background-repeat: repeat-x;}
.leftcoltext {	font-size: 8pt;	color: #333333;}
.leftpanel {	background-color: #c8d2d7;/*themecolour1$ 41%,47%;*/	color: #333333;	padding: 10px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #000000;	border-right-width: 1px;	border-right-style: solid;	border-right-color: #000000;}
.paraheadbg {	background-image: url(img/timoclub_parahead_bg.gif);	background-repeat: repeat-x;}
.paraheadbg2 {	background-image: url(img/timoclub_parahead_bottom.gif);	background-repeat: repeat-x;}
.paraborderleft {	border-left-width: 1px;	border-left-style: solid;	border-left-color: #9facb4;/*themecolour1;*/}
.paraborderright {	border-right-width: 1px;	border-right-style: solid;	border-right-color: #000000;/*themecolour3%0;*/}
.footer {	font-weight: normal;	color: #333333;/*themecolour3%0;*/}
.topbar {	background-color: #d6d8e5;/*themecolour1;*, original: #9facb4/}