/*
GLOBAL CSS
Description: To be included on all  pages
written by: Phil Thompson phil.thompson@ichameleon.com
last edited on: 21/09/2007
last edited by: Phil Thompson
Table of Contents
HTML Tags
- * (universal selector)
- html, body
- a
- h1-6
- p
- ul, ol, dl
- tables
- forms
Common Classes
- accessibility: .hide
- pagination lists
- media lists
- polls
- images
Layout
- Header
- accessMenu
- globalMenu
- branding
- logo
- tagline
- menu
- breadcrumb
- search
- MidHolder
- sidebar
- button
- primarycontent
- secondarycontent
- Footer
- copyright
- footerMenu
*/
/*
HTML TAGS
*/
body{
}
.hide{
left: -9999px;
position: absolute;
top: -9999px;
}
/* highlight search terms */
span.keywords{
background:#FF6;
color: #000;
}
p#preview_msg {
text-align: center;
padding:10px;
line-height: 300%;
background-color: #FFF;
}
p#preview_msg span {
padding: 8px 15px;
border: 1px solid #333;
background-color: #FFCC99;
color: #333;
}
/* CONTENT IMAGES */
img.left{
float: left;
margin: 0 20px 20px 0;
}
img.right{
float: right;
margin: 0 0 20px 20px;
}
a.tl_link {
padding-right:13px;
margin-right:4px;
background:url('/img/layout/link-marker.gif') right no-repeat;
}
.pagination > li.selected > a  {
background-color: #aba8a6;
color: #FFFFFF;
}
.pagination > li.inactive > a  {
background-color: #fff;
color: #ddd;
}
#lang-select {
margin: 5px 20px 0 0;
}
#lang-select .lang-selected {
color: #ddd;
}
div#primarycontent {
float: left;
}
div#secondarycontent{
float: right;
}
div#secondarycontent ul.panel-edit {
width: 100%;
margin: 0;
}
div.panel-editor {
clear: both;
}
div#secondarycontent div.panel-editor fieldset {
width: 100%;
margin: 0;
padding: 0;
}
div#secondarycontent div.panel-editor fieldset select,
div#secondarycontent div.panel-editor fieldset input {
width: 100%;
}
.hd-flag {
background-image: url('/img/layout/eu-flags.png');
background-repeat: no-repeat;
display: block;
height: 50px;
width: 75px;
margin: 5px 15px;
background-position: -150px 0;
border-radius: 4px 4px 4px 4px;
}
.hd-flag-fr {
background-position: -750px 0;
}
div.feedback {
padding:10px;
border:1px solid #bbb;
margin-bottom:20px;
margin-left:0px;
margin-right:0px;
width: 100%;
}
div.success {
background-color:#D6F8C0;
}
div.error {
background-color:#FFCEC8;
}
@media(min-width:601px) {
.img20 { float:left; height:auto; width:20%; }
.img25 { float:left; height:auto; width:25%; }
.img33 { float:left; height:auto; width:33%; }
.img50 { float:left; height:auto; width:50%; }
.img100 {height:auto; width:100%; }
}
@media(max-width:600px){
.img20 { float:left; height:auto; width:50%; }
.img25 { float:left; height:auto; width:50%; }
.img33 { float:left; height:auto; width:50%; }
.img50 { float:left; height:auto; width:100%; }
.img100 {height:auto; width:100%; }
}
ul.panel-edit {
background-color: #ccc;
float: left;
list-style: none;
padding: 0;
border: 2px solid #000;
}
ul.panel-edit li {
float: left;
padding: 0;
margin: 0;
}
ul.panel-edit li a {
display: block;
background-repeat: no-repeat;
width: 14px;
height: 14px;
margin-right: 3px;
text-indent: -9999px;
margin-left: 0;
}
ul.panel-edit li.edit {
}
ul.panel-edit li.edit a {
background-image: url('/treeline/img/icons/blue_edit.gif');
}
ul.panel-edit li.unedit {
}
ul.panel-edit li.unedit a {
background-image: url('/treeline/img/icons/blue_edit.gif');
}
ul.panel-edit li.rejedit,
ul.panel-edit li.noedit {
}
ul.panel-edit li.rejedit a,
ul.panel-edit li.noedit a {
background-image: url('/treeline/img/icons/blue_noaction.gif');
}
ul.panel-edit li.moveup {
}
ul.panel-edit li.moveup a {
background-image: url('/treeline/img/icons/blue_moveup.gif');
}
ul.panel-edit li.moveup-hidden {
}
ul.panel-edit li.moveup-hidden a {
background-image: url('/treeline/img/icons/blue_nomoveup.gif');
}
ul.panel-edit li.movedown {
}
ul.panel-edit li.movedown a {
background-image: url('/treeline/img/icons/blue_movedown.gif');
}
ul.panel-edit li.movedown-hidden {
}
ul.panel-edit li.movedown-hidden a {
background-image: url('/treeline/img/icons/blue_nomovedown.gif');
}
ul.panel-edit li.delete {
float: right;
}
ul.panel-edit li.delete a {
background-image: url('/treeline/img/icons/blue_delete.gif');
margin-right: 0;
}
div#panel-global-menu ul {
list-style: none;
}
div#panel-global-menu ul li ul#panel-global-menu-social {
margin-top: 20px;
}
div#panel-global-menu ul li ul#panel-global-menu-social li {
padding: 0;
text-indent: -9999px;
display: inline-block;
}
div#panel-global-menu ul li ul#panel-global-menu-social li a {
display: block;
height: 36px;
width: 36px;
background-repeat: no-repeat;
margin-right: 12px;
}
div#panel-global-menu ul li ul#panel-global-menu-social li a.facebook {
background-image: url('/img/layout/social-facebook-big.png');
}
div#panel-global-menu ul li ul#panel-global-menu-social li a.twitter {
background-image: url('/img/layout/social-twitter-big.png');
}
div#panel-global-menu ul li ul#panel-global-menu-social li a.linked {
background-image: url('/img/layout/social-linked-big.png');
}
div#panel-global-menu ul li ul#panel-global-menu-social li a.star {
background-image: url('/img/layout/social-star-big.png');
}