/* ================================ GENERAL ================================ */
* {	font: 11px Verdana, Arial, Helvetica, sans-serif; }
html, body { margin: 0; padding: 0; background: #828296; }

.hidden { display: none; }

.apoError { background: #f00 url(images/error.png) no-repeat 5px 5px; color: #fff; font: bold 1em Verdana, Arial, Helvetica, sans-serif; padding: 5px 5px 5px 25px; border-bottom: solid 1px #000; }
.apoMessage { background: #eee; color: #424256; font: bold 1em Verdana, Arial, Helvetica, sans-serif; padding: 5px; border-bottom: solid 1px #000; }

.panel { border: solid 1px #000; background: #fff url(images/panel_bg.gif) repeat-y; }
.panelHeader { margin: 0px; padding: 0px; float: left; width: 50px;  }
.panelContent { float:left; padding: 5px; }
.panelIcon { width: 50px; height: 50px; background-repeat: no-repeat; }

.warning { color: #f00; font-weight: bold; }

.syntaxWiki { border: solid 1px #999; padding: 3px; margin: 3px; background: #f9ffd6; }
.syntaxWiki * { font: 1em "Courier New", Monospace, serif; color: #666;}

/* ================================= HEADER ================================ */
#header { height: 80px; background: #fff url(images/header_fond.gif) repeat-x; }
#header .banner { height: 80px; width: 500px; background: #fff url(images/header.gif) no-repeat; }
#header .options { text-align: right; margin-top: -42px; }
#header .options a { padding: 0px 5px 0px 5px; border-left: solid 1px #ebac00; color: #626276; text-decoration: none; font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#header .options a:hover { color: #ebac00; }
#header .options a:first-child { border: none; }

/* ================================== MENU ================================= */
#menu { height: 30px; padding: 5px; }
#menu ul { padding: 3px 3px 3px 55px; border: solid 1px #000; background: #fff url(images/panel_bg.gif) repeat-y; }
#menu li { display: inline; padding: 0px 5px 0px 5px; border-right: solid 1px #ebac00; }
#menu a { color: #626276; text-decoration: none; font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#menu a:hover { color: #ebac00; }

/* ================================== BODY ================================= */
#body { padding: 5px; }

/* ================================= FOOTER ================================ */
#footer { clear: both; padding: 0px 5px 5px 5px; text-align: right; }

/* ================================ SUB MENU =============================== */
#submenu { float: left; width: 200px; border: solid 1px #000; background: #fff url(images/panel_bg.gif) repeat-y; }
#submenu .submenuHeader { float: left; width: 50px;  }
#submenu .submenuContent { margin-left: 50px; padding: 10px 2px 5px 10px; }
#submenu ul { list-style: none; }
#submenu a { color: #626276; text-decoration: none; font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#submenu a:hover { color: #ebac00; }

/* ================================ CONTENT ================================ */
#content { margin-left: 205px; padding: 5px; background: #fff; border: solid 1px #000; }
#content>*:first-child { margin-top: 0; }
#content img { border: solid 1px #ebac00; margin: 4px; }
#content img.float { float: left; }

/* ================================ GENERIC ================================ */
/* headers */
h1 { color: #ebac00; margin: 10px 0px 5px 0px; font: small-caps bold 1.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border-bottom: solid 1px #ebac00; }
h1 a { color: #ebac00; font: small-caps bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
h1 a:hover:before { content:"> "; }
h1 img { border: none; margin: 5px 5px -10px -5px; }
h2 { color: #828296; margin: 10px 0px 5px 0px; font: small-caps bold 1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border-bottom: solid 1px #828296; }
h3 { color: #a2a2b6; margin: 10px 0px 5px 0px; font: bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border-bottom: solid 1px #a2a2b6; }
/* lists */
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }
ul { list-style: square inside; }
ol { list-style: decimal inside; }
/* table */
table { border: solid 1px #000; border-collapse: collapse; width: 100%; }
table th { font: small-caps bold 1.2em Verdana, Arial, Helvetica, sans-serif; background: #ebac00; border: solid 1px #000; color: #fff; padding: 0px 5px 0px 5px; }
table tfoot { display: none; }
table tbody tr { border-bottom: dotted 1px #999; }
table tbody tr:hover { background: #ffdf99; }
table td { padding: 0px 5px 0px 5px; }
table .width50 { width: 50%; }
table .width33 { width: 33%; }
table .width25 { width: 25%; }
table .width17 { width: 17%; }
table .width0 { width: 1px; }
/* links */
a { color: #626276; text-decoration: none; }
a img { border: none; }
a:hover { color: #ebac00; }
a[hreflang|="fr"]:after { content: "\0000a0"url(images/hreffr.gif); }
a[hreflang|="en"]:after { content: "\0000a0"url(images/hrefen.gif); }
a[hreflang|="de"]:after { content: "\0000a0"url(images/hrefde.gif); }
a[hreflang|="es"]:after { content: "\0000a0"url(images/hrefes.gif); }
a[hreflang|="it"]:after { content: "\0000a0"url(images/hrefit.gif); }
a[hreflang|="pt"]:after { content: "\0000a0"url(images/hrefpt.gif); }
a[hreflang|="jp"]:after { content: "\0000a0"url(images/hrefjp.gif); }
a[hreflang|="kr"]:after { content: "\0000a0"url(images/hrefkr.gif); }
a[hreflang|="cn"]:after { content: "\0000a0"url(images/hrefcn.gif); }
/* forms */
fieldset { border: solid 1px #828296; }
fieldset legend { color: #828296; font: bold 1em Verdana, Arial, Helvetica, sans-serif; }
fieldset ul { list-style: none; margin: 0;}
fieldset ul li { clear: both; }
fieldset ul li label { float: left; width: 20em; text-align: right; padding: 0px 5px 0px 5px; }
fieldset ul li label:after { content: " : "; }
form fieldset ul li label { padding: 2px 5px 2px 5px; }
input, textarea { border: solid 1px #828296; margin: 1px; padding: 0px 2px 0px 2px; }
input[type|="text"] { background: #fafafa; }
input[type|="password"] { background: #fafafa; }
select, textarea { background: #fafafa; }
/* paragraph */
p { position: relative; margin: 5px 0 0 0; }
/* q */
q { font-style: italic; color: #666; }
/* break */
hr { clear: both; visibility: hidden; }
/* images */
img { border: none; }
/* code */
code { padding: 0 2px 0 2px; color: #666; border: dotted 1px #ccc; background: #f7fed4; font: 1em "Courier New", Courier, monospace; }
/* pre */
pre { padding: 2px; border: solid 1px #999; background: #fcfcfc; font: 1em "Courier New", Courier, monospace; }
/* blockquote */
blockquote { padding: 2px 20px 2px 20px; margin: 0px 20px 0px 20px; border: solid 1px #889; color: #889; background: #fcfcff url(images/blockquote.gif) no-repeat; }
/* acronym */
acronym { border-bottom: dotted 1px #ebac00; cursor: help; }

/* ============================== DESCRIPTION ============================== */
.description { width: 500px; left: 50%; margin: 5px 0px 0px -250px; display: none; position: absolute; border: solid 2px #666; background: #fff; }
.description dt { background-color: #ebac00; text-align: center; padding: 2px; color: #fff; font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.description dd { padding: 2px; }
td:hover+.description, a:hover+.description, td:hover>.description { display: block; z-index: 500; }

/* ================================= LOGIN ================================= */
#login { position: absolute; left: 50%; top: 50%; margin: -6em 0 0 -15em; width: 30em; height: 12em;}
#login .panelIcon { background-image: url(images/panelIcon_login.gif); }
#login label { width: 10em; }
#login fieldset { border: none; }
#login+#footer { position: absolute; left: 50%; top: 50%; margin: 6.5em 0 0 -15.3em; width: 30em; height: 1em; }

/* ================================== HOME ================================= */
.home #content { margin-left: 0; }

/* ================================= INSTALL =============================== */
#content.install { margin: 5px; }

/* ================================ ACCOUNT ================================ */
.account .panelIcon { background-image: url(images/panelIcon_account.gif); }

/* ================================== NEWS ================================= */
.news .panelIcon { background-image: url(images/panelIcon_news.gif); }
.news .news_preview { margin: 10px 0px 10px 0px; padding: 5px; border: solid 1px #ebac00; }
.newsFooter { clear: both; margin-bottom: 20px; text-align: right; color: #999; font: 0.9em Verdana, Arial, Helvetica, sans-serif; }
.newsFooter a { color: #999999; text-decoration: none; }
.newsFooter a:hover { color: #ebac00; }
*.general { background: url(images/newsIcon_general.gif) no-repeat; padding-left: 35px; }
*.computers { background: url(images/newsIcon_computers.gif) no-repeat; padding-left: 35px; }
*.games { background: url(images/newsIcon_games.gif) no-repeat; padding-left: 35px; }
*.gag { background: url(images/newsIcon_gag.gif) no-repeat; padding-left: 35px; }
*.party { background: url(images/newsIcon_party.gif) no-repeat; padding-left: 35px; }
*.images { background: url(images/newsIcon_images.gif) no-repeat; padding-left: 35px; }
*.internet { background: url(images/newsIcon_internet.gif) no-repeat; padding-left: 35px; }
*.music { background: url(images/newsIcon_music.gif) no-repeat; padding-left: 35px; }
*.people { background: url(images/newsIcon_people.gif) no-repeat; padding-left: 35px; }
*.meeting { background: url(images/newsIcon_meeting.gif) no-repeat; padding-left: 35px; }
*.movies { background: url(images/newsIcon_movies.gif) no-repeat; padding-left: 35px; }
*.software { background: url(images/newsIcon_software.gif) no-repeat; padding-left: 35px; }
*.hardware { background: url(images/newsIcon_hardware.gif) no-repeat; padding-left: 35px; }
.comments dt { color: #828296; font: bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border-bottom: solid 1px #828296; }
.comments dd { margin-bottom: 20px; }

/* =============================== BOOKMARKS =============================== */
.bookmarks .panelIcon { background: url(images/panelIcon_bookmarks.gif); }
#content.bookmarks { margin: 0; }
#bookmarksList { display: block; border: solid 1px #000; padding: 5px; margin: 5px; background: #fdfdfd; }
#bookmarksList img { border: none; margin: 0; }
#bookmarksList a:hover { color: #828296; }
#bookmarksList dd { margin-left: 0; }
#bookmarksList .bookmarksFolder { display: none; }
#bookmarksList .bookmarksLink { }
#bookmarksList .folder{ display: block; color: #bb7c00; text-decoration: none; }
#bookmarksList .folder:hover{ background: #f7fed4; }
#bookmarksList .url{ display: block; color: #424256; text-decoration: none; }
#bookmarksList .url:hover{ background: #f7fed4; }
#bookmarksList .adminfolder{ color: #bb7c00; text-decoration: none; }
#bookmarksList .adminfolder:hover{ background: #f7fed4; }
#bookmarksList .adminurl{ color: #424256; text-decoration: none; }
#bookmarksList .adminurl:hover{ background: #f7fed4; }
#bookmarksList .folderEdit{ font-size: 9px; border: solid 1px #999; background: #bb7c00; color: #fff; padding: 0px 3px 0px 3px; text-decoration: none; }
#bookmarksList .folderEdit:hover { color: #ffff00; }
#bookmarksList .linkEdit { font-size: 9px; border: solid 1px #999999; background: #828296; color: #fff; padding: 0px 3px 0px 3px; text-decoration: none; }
#bookmarksList .linkEdit:hover { color: #ffff00; }
.bookmarksCheckList .type2 { }
.bookmarksCheckList .typex { background: #fcc; }
.bookmarksCheckList .type3 { background: #fcc; }
.bookmarksCheckList .type4 { background: #fcc; }
.bookmarksCheckList .type5 { background: #fcc; }

/* ================================== RSS ================================== */
.rss .panelIcon { background-image: url(images/panelIcon_rss.gif); }
#content.rsspublic { margin: 5px; }
.rss .description, .rsspublic .description { position: relative; width: auto; left: 0; margin: 0; color: #666; border: solid 1px #666; padding: 2px; background-color: #fcfcfc; margin: 0 0 0 20px; }
.rss .description h3, .rsspublic .description h3 { margin: 0; border-bottom: solid 1px #666; color: #000; font: normal 1em Verdana, Arial, Helvetica, sans-serif; }
.rss .description p, .rsspublic .description p { margin: 0; }
.rss .description a, .rsspublic .description a { text-decoration: underline; }
.rss .options { text-align: right; color: #000; }
.rss fieldset .options { float: right; }
.rss .pages { margin-top: 10px; border-top: solid 1px #666;}

/* =============================== CALENDAR ================================ */
.calendar .panelIcon { background-image: url(images/panelIcon_calendar.gif); }

.calendar_view { float: left; width: 17em; border: solid 1px #000; background: #fff; margin: 0px 8px 5px 0px;}
.calendar_view dt { padding: 2px; text-align: center; background: #ebac00; color: #fff; font: bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.calendar_view dt a { color: #ffffff; font-weight: bold; padding: 0px 2px 0px 2px; margin: 0px 1px 0px 1px; }
.calendar_view dt a:hover { background: #fe9; color: #000; }
.calendar_view dd { padding: 2px; text-align: center; }
.calendar_view table { display: inline; border: none; }
.calendar_view th { width: 1em; text-align: center; color: #000; background: #fff; border: none; font: bold 1em Verdana, Arial, Helvetica, sans-serif; }
.calendar_view tr:hover { background: #fff; }
.calendar_view td { height: 1.6em; text-align: center; border: solid 1px #999; }
.calendar_view td:hover { background: #ffdf99; }
.calendar_view td a:hover { color: #000; }
.calendar_view .light { background: #ffdf99; font-weight: bold; }
.calendar_view .event { background: #e6e6ff; }

.calendar_week_view { float: left; border: solid 1px #000; background: #fff; }
.calendar_week_view dt { padding: 2px; text-align: center; background: #ebac00; color: #fff; font: bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.calendar_week_view table { display: inline; border: none; margin: 5px; }
.calendar_week_view th { height: 1em; background: #fff; border: none; }
.calendar_week_view th a { font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.calendar_week_view tr:hover { background: #fff; }
.calendar_week_view td { vertical-align: top; height: 8em; width: 7em; border: solid 1px #999; padding: 0; }
.calendar_week_view ul { list-style: none; }
.calendar_week_view li { margin: 1px; padding: 0px 1px 0px 1px; border: solid 1px #828296; }
.calendar_week_view li a { font-size: 1em; }

.todos { float: left; clear: left; width: 17em; border: solid 1px #000; background: #fff; }
.todos dt { padding: 2px; text-align: center; background: #ebac00; color: #fff; font: bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.todos dd { padding: 2px; }
.todos dd dl dt { text-align: left; color: #000; font-weight: normal; background: #fff; border-bottom: solid 1px #fff;}
.todos dd dl dt:hover+dd { display: block; }
.todos dd dl dd { display: none; min-width: 400px; position: absolute; background: #ffd; margin: -20px 0px 0px 180px; border: solid 1px #000; }

.calendar_day_view { margin-left: 18em; border: solid 1px #000; background: #fff; }
.calendar_day_view dt { position: relative; padding: 2px; text-align: center; background-color: #ebac00; color: #fff; font: bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.calendar_day_view table { border: none; }
.calendar_day_view tr { border: none; }
.calendar_day_view td { border: solid 1px #ccc; vertical-align: top;}
.calendar_day_view td.timeline { width: 2.5em; height: 1em; border: none; border-right: solid 1px #999; text-align: right; padding: 0px 2px 0px 2px; font: 1em "Courier New", Courier, monospace; }

.calendar_year_view { border: solid 1px #000; background: #fff; }
.calendar_year_view dt { padding: 2px; text-align: center; background: #ebac00; color: #fff; font: bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.calendar_year_view dt a { color: #fff; font-weight: bold; padding: 0px 2px 0px 2px; margin: 0px 1px 0px 1px; }
.calendar_year_view dt a:hover { background: #fe9; color: #000; }
.calendar_year_view table { width: 100%; margin: 0px; border: none; border-collapse: separate; }
.calendar_year_view th { background: #fff; border: none; }
.calendar_year_view th a { font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.calendar_year_view tr:hover { background: #fff; }
.calendar_year_view td { border: solid 1px #999; vertical-align: top; }
.calendar_year_view ol { list-style: decimal outside; margin-left: 2em; }
.calendar_year_view li { border-bottom: dotted 1px #999; font: 0.9em "Courier New", Courier, monospace; }
.calendar_year_view li.sunday { background-color: #fee; }
.calendar_year_view li.sunday div { border: solid 1px #fee; border-top: none; border-bottom: none; }
.calendar_year_view li a { font: 1em "Courier New", Courier, monospace; }
.calendar_year_view li div { display: inline; font: 0.9em "Courier New", Courier, monospace; margin-left: 2px; border: solid 1px #fff; border-top: none; border-bottom: none; padding: 0 0.3em 0 0.3em; }
.calendar_year_view li div[class] { border: solid 1px #828296; border-top: none; border-bottom: none; padding: 0 0.3em 0 0.3em; }

.legend { list-style: none; margin: 5px 0px 5px 0px; }
.legend li { display: inline; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 5px; border: solid 1px #828296; }
.event1 { background: #ffd; }
.event2 { background: #edf; }
.event3 { background: #ffb; }
.event4 { background: #fed; }
.event5 { background: #ddf; }
.event6 { background: #fdd; }
.event7 { background: #fbb; }
.event8 { background: #fed; }
.event9 { background: #dfd; }

/* =============================== CONTACTS ================================ */
.contacts .panelIcon { background: url(images/panelIcon_contacts.gif); }

/* ================================ MEMBERS ================================ */
.members .panelIcon { background: url(images/panelIcon_members.gif); }

/* ================================= ADMIN ================================= */
.admin .panelIcon { background: url(images/panelIcon_account.gif); }

/* ================================== HELP ================================= */
.help #content { margin-left: 0; background: #fff url(images/panel_bg.gif) repeat-y; }
.help .panelIcon { margin: -5px 0 0 -5px; background-image: url(images/panelIcon_help.gif); }
.help .panelContent { float: none; margin-left: 50px; }