a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, command, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, source, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, video {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
z-index : 1;
}


article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
display : block;
}
mark, rp, rt, ruby, summary, time {
display : inline;
}
body {
line-height : 1;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
a {
text-decoration : none;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
html {
background-image : url(../images/bg1.gif);
}
body {
color : #333333;
font-size : 75%;
}
body.dark {
background-image : url(../images/bg.jpg);
}
.white-text {
color : white;
}
p, th, td {
line-height : 1.25em;
}
p, ul, ol, dl, .with-margin {
margin-bottom : 1.667em;
}
.small-margin {
margin-bottom : 0.5em;
}
.medium-margin {
margin-bottom : 1em;
}
.large-margin {
margin-bottom : 2.417em;
}
a {
color : #3399cc;
text-decoration : none;
}
strong {
color : #3399cc;
}
small {
color : #808080;
font-size : 0.833em;
text-transform : uppercase;
font-weight : normal;
}
small strong {
color : #808080;
}
h2 {
color : #3399cc;
font-size : 1.25em;
line-height : 1.267em;
margin-bottom : 1.267em;
}
h3 {
color : #3399cc;
font-size : 1.25em;
line-height : 1.267em;
}
h5 {
color : #333;
}
hr {
height : 0;
line-height : 0;
border : 0;
border-top : 1px dotted #cccccc;
margin-bottom : 1.667em;
}
a.red, .red ah2.red, .red h2, h3.red, .red h3 {
color : #cc3333;
}
h2.last-child, p.last-child, ul.last-child, ol.last-child, dl.last-child, hr.last-child {
margin-bottom : 0;
}
.align-left {
text-align : left;
}
.align-center {
text-align : center;
}
.align-right {
text-align : right;
}
.margin-left {
margin-left : 1em;
}
.margin-right {
margin-right : 1em;
}
.gutter-left {
margin-left : 2em;
}
.gutter-right {
margin-right : 2em;
}
.float-left {
float : left;
}
.float-right {
float : right;
}
.relative {
position : relative;
z-index : 89;
}
.absolute {
position : absolute;
z-index : 89;
}
.upper-index {
z-index : 90 !important ;
}
.with-padding {
padding : 1em;
}
.no-bottom-margin {
margin-bottom : 0 !important ;
}
.box {
padding : 0.75em;
margin-bottom : 1.667em;
background : white;
}
.ie .box {
border : 1px solid #cccccc;
}
.infos {
background-image : url(../images/icons/web-app/48/Info.png);
background-repeat : no-repeat;
padding-left : 5em;
margin-bottom : 1em;
min-height : 4em;
}
.mini-infos {
background-image : url(../images/icons/web-app/24/Info.png);
background-repeat : no-repeat;
padding : 0.167em 0 0.167em 2.5em;
margin-bottom : 1em;
min-height : 1.5em;
}
.info.last-child, .mini-infos.last-child {
margin-bottom : 0;
}
.infos p, .mini-infos p {
color : #808080;
}
.picto {
margin-bottom : -4px;
}
.empty {
color : #999999 !important ;
font-style : italic;
}
.number {
display : block;
float : left;
min-width : 1em;
padding : 0.25em;
font-family : "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
font-weight : bold;
color : white;
text-align : center;
margin-right : 0.5em;
background : #3399cc;
}
.number.red, .red .number {
background-color : #cc3333;
}
.bigger {
font-size : 2.5em;
}
h2.bigger {
margin-bottom : 0.8em;
}
.big {
font-size : 1.2em;
}
.small {
font-size : 0.833em;
}
.smaller {
font-size : 0.75em;
}
.grey {
color : #666666;
}
.white-bg {
background-color : white;
}
.grey-bg {
background-color : #c1c8cb;
}
.block-content .grey-bg {
background-color : #e6e6e6;
}
p.grey-bg {
padding : 0.417em 0.5em;
}
.dark-grey-gradient {
background : #666666 url(../images/old-browsers-bg/dark-grey-gradient-bg.png) repeat-x top;
color : white;
}
.lite-grey-gradient {
background : white url(../images/old-browsers-bg/lite-grey-gradient-bg.png) repeat-x top;
}
article h1 {
color : #3f525f;
font-size : 1.5em;
margin-bottom : 1em;
}

.button, .form legend, .legend, .mini-menu {
line-height : 1.333em;
padding : 0.167em 0.5em 0.25em;
border : 1px solid #666666;
text-decoration : none;
font-weight : normal;
outline : 0;
}
.button {
display : inline-block;
}
.ie .button, .ie .form legend, .ie .legend, .ie .mini-menu {
border-color : #cccccc;
}
.button {
color : #666666;
background : #dfdfdf url(../images/old-browsers-bg/button-bg.png) repeat-x top;
}
.button.red, .red .button {
color : white;
background : #790000 url(../images/old-browsers-bg/button-red-bg.png) repeat-x top;
}
.button.red a, .red .button a {
color : white;
}
a.button:hover, .mini-menu > li > a:hover {
color : #115577;
background : #98d2f3 url(../images/old-browsers-bg/button-hover-bg.png) repeat-x top;
}
a.button.red:hover, .red a.button:hover {
color : white;
background : #9d0404 url(../images/old-browsers-bg/button-red-hover-bg.png) repeat-x top;
}
.form legend, .legend, .mini-menu {
color : #666666;
background : #e7e7e7 url(../images/old-browsers-bg/legend-bg.png) repeat-x top;
}
.button img, .form legend img, .legend img, .mini-menu img {
margin-bottom : -2px;
}
button {
display : inline-block;
border : 1px solid;
border-color : #50a3c8 #297cb4 #083f6f;
background : #0c5fa5 url(../images/old-browsers-bg/button-element-bg.png) repeat-x left top;
color : white;
font-size : 1.167em;
padding : 0.286em 1em 0.357em;
line-height : 1.429em;
cursor : pointer;
font-weight : bold;
}
.ie button {
overflow : visible;
}
.ie7 button {
padding-top : 0.357em;
padding-bottom : 0.214em;
line-height : 1.143em;
}
button img {
margin-bottom : -3px;
}

button.small {
font-size : 0.833em;
padding : 0.2em 0.3em 0.3em 0.2em;
vertical-align : 0.2em;
}
.ie button.small {
padding : 0.5em 0.3em;
vertical-align : 0.1em;
}
.ie7 button + button {
margin-left : 0.25em;
}
section {
margin-bottom : 3em;
}
.block-content {
border : 1px solid #999999;
padding : 1.667em;
background : white;
position : relative;
}
.block-content.dark-bg {
border-color : #aaa #333 #000 #666;
background : #555 url(../images/old-browsers-bg/content-dark-bg.png) repeat-x top;
color : white;
}
.block-border {
padding : 0.833em;
border : 1px solid #666666;

}
.block-border .block-content + .block-content {
margin-top : 0.833em;
}
.block-content .no-margin {
margin-left : -1.667em;
margin-right : -1.667em;
}
.block-content p.no-margin + .no-margin, .block-content ul.no-margin + .no-margin, .block-content ol.no-margin + .no-margin, .block-content dl.no-margin + .no-margin {
margin-top : -1.667em;
}
.block-content .no-margin.last-child {
margin-bottom : -1.667em;
}
.block-content hr.no-margin {
margin-bottom : 1.667em;
}
.block-content.no-padding {
padding : 0;
}
.block-content.no-padding .no-margin {
margin-left : 0;
margin-right : 0;
}
.block-content p.no-margin + .no-margin, .block-content ul.no-margin + .no-margin, .block-content ol.no-margin + .no-margin, .block-content dl.no-margin + .no-margin {
margin-top : -1.667em;
}
.block-content .no-margin.last-child {
margin-bottom : -1.667em;
}
.block-header {
font-size : 2.0em;
font-weight : bold;
height : 3em;
line-height : 3em;
border-top : 1px solid #EE801B;
border-bottom : 1px solid #b5b3b4;
background : #EE801B;

color : white;
margin : 0 -0.833em 0.833em -0.833em;
padding-left : 20px
}
.block-header:first-child {
margin-top : -0.833em;
}
.block-header.first-child {
margin-top : -0.833em;
}
.block-header + .no-margin {
margin-top : -1.667em;
}
.block-header.red, .red .block-header {
border-top-color : #e46f6f;
background : #790000 url(../images/old-browsers-bg/block-header-red-bg.png) repeat-x top;
}
.block-controls {
text-align : right;
border-bottom : 1px solid #999999;
background : white url(../images/old-browsers-bg/block-controls-bg.png) repeat-x bottom;
margin : 0 -1.667em 1.667em -1.667em;
padding : 1em;
}
.block-controls:first-child {
margin-top : -1.667em;
}
.block-controls.first-child {
margin-top : -1.667em;
}
.block-controls + .no-margin {
margin-top : -1.667em;
}
.block-content.no-padding .block-controls {
margin : 0 !important ;
border-bottom : 0;
}
ul.controls-buttons {
float : right;
}
ul.controls-buttons li {
display : block;
float : left;
margin : -1px 0 -1px 0.5em;
line-height : 1.333em;
padding : 0.333em 0.25em;
}
ul.controls-buttons li.sep {
padding : 0;
width : 2px;
height : 4em;
margin : -1em 0.25em -1em 0.75em;
border : none;
background : url(../images/controls-bt-sep.png) no-repeat bottom;
}
ul.controls-buttons li.controls-block, ul.controls-buttons li a {
display : block;
color : #333333;
min-width : 1.083em;
padding : 0.333em 0.5em;
text-align : center;
border : 1px solid white;
background : #e7e7e7 url(../images/old-browsers-bg/controls-bt-bg.png) repeat-x top;
text-transform : uppercase;
}
ul.controls-buttons li a {
margin : -0.333em -0.25em;
line-height : 1.333em;
}
.ie ul.controls-buttons li.controls-block, .ie ul.controls-buttons li a {
border-color : #cccccc;
}
ul.controls-buttons li a:hover, ul.controls-buttons li a.current {
border-color : #1eafdc #1193d5 #035592;
background : #057fdb url(../images/old-browsers-bg/block-control-hover-bg.png) repeat-x;
color : white;
}
ul.controls-buttons li a:hover strong, ul.controls-buttons li a.current strong {
color : white;
}
ul.controls-buttons li img {
margin : -0.25em 0;
}
.ie7 ul.controls-buttons li img {
margin : 0;
vertical-align : middle;
}
ul.controls-buttons li img:first-child {
margin-left : -0.085em;
}
ul.controls-buttons li img.first-child {
margin-left : -0.085em;
}
ul.controls-buttons li img.last-child {
margin-right : -0.085em;
}
ul.controls-buttons li .progress-bar {
margin : -0.25em 0;
}
ul.controls-tabs {
height : 47px;
float : right;
margin : -1em;
padding-left : 1px;
background : url(../images/controls-tabs-bg.png) no-repeat -48px 0%;
}
ul.controls-tabs li {
height : 48px;
width : 49px;
float : left;
}
ul.controls-tabs li.last-child {
width : 48px;
}
ul.controls-tabs li a {
display : block;
height : 100%;
background : url(../images/controls-tabs-bg.png) no-repeat;
line-height : 48px;
text-align : center;
text-decoration : none;
color : #666666;
position : relative;
}
ul.controls-tabs li a:hover {
background-position : 0% -48px;
}
ul.controls-tabs li.current a, ul.controls-tabs li.current a:hover {
background-position : 0% -96px;
}
ul.controls-tabs li a img {
position : absolute;
left : 50%;
top : 50%;
margin : -11px 0 0 -12px;
}
.block-footer {
background : #bfbfbf url(../images/old-browsers-bg/block-footer-bg.png) repeat-x top;
margin : 0 -1.667em -1.667em -1.667em;
padding : 0.5em 0.75em;
line-height : 2em;
color : #4d4d4d;
}
section .no-margin + .block-footer {
margin-top : -1.667em;
}
.block-footer .sep {
display : inline-block;
width : 2px;
height : 3em;
vertical-align : -0.667em;
margin : -0.5em 0.25em;
background : url(../images/controls-bt-sep.png) no-repeat bottom;
}
.switch-replace {
display : inline-block;
width : 70px;
height : 30px;
background : url(../images/switch-bg.png) no-repeat 0% -34px;
vertical-align : middle;
cursor : pointer;
}
.switch-replace-checked {
background-position : 0% 0%;
}
.switch-replace-disabled {
background-position : 0% -68px;
}
.mini-switch-replace {
display : inline-block;
width : 40px;
height : 20px;
background : url(../images/mini-switch-bg.png) no-repeat 0% -24px;
vertical-align : middle;
cursor : pointer;
}
.mini-switch-replace-checked {
background-position : 0% 0%;
}
.mini-switch-replace-disabled {
background-position : 0% -48px;
}
.message {
line-height : 1.25em;
margin-bottom : 2.5em;
border : 1px solid #999999;
background : #f0f0f0;
position : relative;
z-index : 89;
}
ul.message {
padding : 0.583em 0 0.083em 0;
}
ul.message li {
text-transform : uppercase;
font-size : 0.833em;
line-height : 1.3em;
padding : 0.2em 1em 0.8em 3em;
background-repeat : no-repeat;
background-position : 0.8em 0.1em;
}
p.message {
padding : 0.583em 0.833em 0.75em 2.5em;
background-repeat : no-repeat;
background-position : 0.667em 0.583em;
}
section .message {
margin-bottom : 1.667em;
}
.message.last-child {
margin-bottom : 0;
}
.block-content .message.no-margin {
margin : 0 -1.667em 1.667em -1.667em;
}
.block-content.no-padding .message.no-margin {
margin-left : 0;
margin-right : 0;
}
.block-content .message.no-margin, .block-content.no-padding .message {
border-width : 1px 0;
}
.block-content.no-title .message.no-margin:first-child {
margin-top : -1.667em;
}
.block-content.no-title .message.no-margin.first-child {
margin-top : -1.667em;
}
.block-content.no-title .message.no-margin:first-child, .block-content.no-padding .message:first-child {
border-top : none;
}
.block-content.no-title .message.no-margin.first-child, .block-content.no-padding .message.first-child {
border-top : none;
}
.block-content .message.no-margin.last-child {
margin-bottom : -1.667em;
}
.block-content .message.no-margin.last-child, .block-content.no-padding .message.last-child {
border-bottom : none;
}
section .block-controls + .message.no-margin, section .block-header + .message.no-margin, section .message.no-margin + .message.no-margin {
margin-top : -1.667em;
border-top : none;
}
.message {
background-color : #e4e4dc;
border-color : #999999;
}
.message.warning {
background-color : #ffffcc;
border-color : #c3c39e;
}
.message.error {
background-color : #fff3f2;
border-color : #c00000;
}
.message.success {
background-color : #ddebdf;
border-color : #339933;
}
.message.loading {
background-color : #dcebf2;
border-color : #3399cc;
}
.message li, p.message {
background-image : url(../images/icons/fugue/information-ocre.png);
color : #576a73;
}
.message li strong, p.message strong {
color : #576a73;
}
.message.warning li, p.message.warning {
background-image : url(../images/icons/fugue/balloon.png);
color : #56563e;
}
.message.warning li strong, p.message.warning strong {
color : #56563e;
}
.message.error li, p.message.error {
background-image : url(../images/icons/fugue/cross-circle.png);
color : #563f3e;
}
.message.error li strong, p.message.error strong {
color : #563f3e;
}
.message.success li, p.message.success {
background-image : url(../images/icons/fugue/tick-circle.png);
color : #194a19;
}
.message.success li strong, p.message.success strong {
color : #194a19;
}
.message.loading li, p.message.loading {
background-image : url(../images/info-loader.gif);
color : #1e5774;
}
.message.loading li {
background-position : 0.8em 0.4em;
}
p.message.loading {
background-position : 0.667em 0.917em;
}
.message.loading li strong, p.message.loading strong {
color : #1e5774;
}
.close-bt, ul li.close-bt, ul.message li.close-bt {
display : block;
position : absolute;
top : 0.083em;
right : 0.083em;
font-size : 1em;
line-height : 1em;
width : 1em;
height : 1em;
padding : 0;
margin : 0;
background : url(../images/icons/fugue/cross-small.png) no-repeat center center;
cursor : pointer;
}



.clear {
clear : both;
display : block;
overflow : hidden;
visibility : hidden;
width : 0;
height : 0;
}
.clearfix:after, .block-controls:after, .side-tabs:after {
clear : both;
content : ' ';
display : block;
font-size : 0;
line-height : 0;
visibility : hidden;
width : 0;
height : 0;
}
.clearfix, .block-controls, .side-tabs {
display : inline-block;
}
* html .clearfix, * html .block-controls, * html .side-tabs {
height : 1%;
}
.clearfix, .block-controls, .side-tabs {
display : block;
}
.form fieldset, .fieldset {
border : 1px solid #d9d9d9;
padding : 1em 1.667em 1.667em 1.667em;

}
.ie7 .block-content .form fieldset.no-margin, .ie7 .form.block-content fieldset.no-margin, .ie7 .form .block-content fieldset.no-margin {
display : block;
width : 100%;
}
.fieldset {
position : relative;
z-index : 89;
padding-top : 1.667em;
}
.with-legend {
margin-top : 1em;
}
.ie .form fieldset {
padding-top : 0;
margin-top : 30px;
}
.form legend, .legend {
margin-left : -0.833em;
}
.legend {
position : absolute;
left : 1.667em;
top : -1.083em;
}
.ie .form legend {
margin-bottom : 1em;
margin-top : -1em;
}
.ie .form .fieldset-with-legend {
margin-top : 2em;
}
.ie .form .fieldset-with-legend-first-child {
margin-top : 1em;
}
.form legend a, .legend a {
display : block;
margin : -0.25em -0.333em -0.333em -0.5em;
padding : 0.25em 20px 0.333em 0.5em;
color : #666;
background : url(../images/icons/fugue/chevron-off.png) no-repeat right 60%;
}
.form legend a:hover, .legend a:hover {
color : #3399cc;
background-image : url(../images/icons/fugue/chevron.png);
}
.form fieldset.collapsed, .fieldset.collapsed {
border : none;
padding : 0;
background : none;
}
.form fieldset.no-margin.collapsed, .fieldset.no-margin.collapsed {
padding-left : 1.667em;
}
.form fieldset.no-margin.collapsed.last-child, .fieldset.no-margin.collapsed.last-child {
padding-bottom : 0.667em;
}
.form fieldset.collapsed > *, .fieldset.collapsed > * {
display : none;
}
.form fieldset.collapsed legend, .fieldset.collapsed .legend {
display : block;
margin-left : 0;
}
.ie7 .form fieldset.collapsed legend, .ie7 .fieldset.collapsed .legend {
display : inline-block;
}
.form fieldset.collapsed legend a, .fieldset.collapsed .legend a {
background-image : url(../images/icons/fugue/chevron-expand-off.png);
}
.form fieldset.collapsed legend a:hover, .fieldset.collapsed .legend a:hover {
background-image : url(../images/icons/fugue/chevron-expand.png);
}
fieldset legend .show-expanded, .fieldset .legend .show-expanded {
display : inline;
}
fieldset legend .show-collapsed, .fieldset .legend .show-collapsed {
display : none;
}
fieldset.collapsed legend .show-expanded, .fieldset.collapsed .legend .show-expanded {
display : none;
}
fieldset.collapsed legend .show-collapsed, .fieldset.collapsed .legend .show-collapsed {
display : inline;
}
.block-content .form fieldset.no-margin, .block-content.form fieldset.no-margin, .form .block-content fieldset.no-margin, .block-content .fieldset.no-margin {
border-color : #999999;
border-width : 1px 0 1px 0;
}
.form fieldset.no-margin legend, .fieldset.no-margin .legend {
margin-left : 0;
}
.ie7 .form fieldset.no-margin legend {
margin-left : -0.667em;
}
.form fieldset.last-child, .fieldset.last-child {
margin-bottom : 0;
}
.block-content .form fieldset.no-margin.last-child, .block-content.form fieldset.no-margin.last-child, .form .block-content fieldset.no-margin.last-child, .fieldset.no-margin.last-child {
border-bottom : 0;
}
.form label, .form .label {
color : #808080;
font-weight : bold;
display : block;
margin-bottom : 0.5em;
}
.form label.light, .form .label.light {
font-weight : normal;
color : #777;
}
.form label.inline, .form .label.inline {
display : inline;
float : none;
margin : 0;
font-weight : normal;
}
.form .required label, .form .required .label, .form label.required, .form .label.required, .form label.inline.required, .form .label.inline.required {
color : black;
}
.form .required label:before, .form .required .label:before, .form label.required:before, .form .label.required:before {
color : red;
content : "* ";
}
.form .required-label-before {
color : red;
}
p.inline-label, .inline-label p {
padding-left : 20em;
}
p.inline-mini-label, .inline-mini-label p {
padding-left : 5em;
}
p.inline-small-label, .inline-small-label p {
padding-left : 11em;
}
p.inline-medium-label, .inline-medium-label p {
padding-left : 15em;
}
.inline-label label, .inline-label .label, .inline-mini-label label, .inline-mini-label .label, .inline-small-label label, .inline-small-label .label, .inline-medium-label label, .inline-medium-label .label {
display : block;
float : left;
color : #333333;
padding : 0.667em 0 0.583em;
}
.inline-label label, .inline-label .label {
width : 19em;
margin-left : -20em;
}
.inline-mini-label label, .inline-mini-label .label {
width : 4em;
margin-left : -5em;
}
.inline-small-label label, .inline-small-label .label {
width : 10em;
margin-left : -11em;
}
.inline-medium-label label, .inline-medium-label .label {
width : 14em;
margin-left : -15em;
}
.form input[type="text"], .form input[type="password"], .form .input-type-text {
font-size : 1em;
line-height : 1em;
color : #333333;
padding : 0.5em;
border : 1px solid #89bad3;
background : white url(../images/old-browsers-bg/input-bg.png) repeat-x top;
}
.form input[type="text"], .form input[type="password"] {
padding-bottom : 0.583em;
}
.form input[type="text"]:focus, .form input[type="password"]:focus, .form .input-type-text:focus, .form select:focus, .form textarea:focus {
border-color : #3399cc;
}
.form .input-focus {
border-color : #3399cc;
}
.form span.input-type-text {
display : inline-block;
}
.ie7 .form p.input-type-text {
display : inline-block;
}
.form .input-type-text input[type="text"], .form .input-type-text input[type="password"] {
padding : 0;
border : none;
background : none;
margin : 0 0 1px 0;
}
.ie7 .form .input-type-text input[type="text"] {
float : left;
}
.form .input-type-text img {
margin : 0 0 -3px 0.2em;
}
.form select, .form textarea {
color : #333333;
font-size : 1em;
padding : 0.417em;
border : 1px solid #89bad3;
}
.form textarea {
background : white url(../images/old-browsers-bg/input-bg.png) repeat-x top;
}
.form select {
font-size : 1.083em;
padding : 0.385em;
}
.form input[type="text"].small, .form input[type="password"].small, .form select.small, .form textarea.small {
font-size : 1em;
padding : 0.167em;
}
.form input[type="text"].small, .form input[type="password"].small {
padding : 0.25em;
}
.form input[type="text"].smaller, .form input[type="password"].smaller, .form select.smaller, .form textarea.smaller {
font-size : 1em;
padding : 0;
}
.form input[type="text"].big, .form input[type="password"].big, .form select.big, .form textarea.big {
font-size : 1.5em;
}
.form input[type="text"].bigger, .form input[type="password"].bigger, .form select.bigger, .form textarea.bigger {
font-size : 2.5em;
}
.form input[type="radio"], .form input[type="checkbox"] {
vertical-align : -9%;
margin : 0;
padding : 0;
}
.form .input-type-check {
vertical-align : -7%;
}
.form input[type="radio"] + label, .form input[type="checkbox"] + label {
color : #333333;
font-weight : normal;
display : inline;
margin-bottom : 0;
padding-right : 0.5em;
}
.form .input-type-check-label {
color : #333333;
font-weight : normal;
display : inline;
margin-bottom : 0;
padding-right : 0.5em;
}
.form .input-type-check-label-last-child {
padding-right : 0;
}
.checkable-list {
padding-top : 0.333em;
line-height : 1.25em;
}
.checkable-list li {
padding : 0 0 0.75em 1.25em;
}
.checkable-list li.last-child {
padding-bottom : 0;
}
.checkable-list li input[type="radio"], .checkable-list li input[type="checkbox"] {
float : left;
vertical-align : baseline;
margin : 1px 0 0 -1.167em;
}
.ie .checkable-list li input[type="radio"], .ie .checkable-list li input[type="checkbox"] {
margin : -3px 0 0 -1.25em;
}
.checkable-list li .input-type-radio, .checkable-list li .input-type-checkbox {
float : left;
margin : -3px 0 0 -1.25em;
}
.full-width {
width : 95%;
}
.ie7 .full-width {
width : 93%;
}
.ie7 select.full-width {
width : 100%;
}
.input-with-button input[type="text"] {
width : 65%;
margin-right : 3%;
}
.input-with-button .input-type-text {
width : 65%;
margin-right : 3%;
}
.input-with-button select {
width : 70%;
margin-right : 3%;
}
.input-with-button button {
width : 25%;
}
.input-height {
display : block;
line-height : 1em;
padding : 0.583em 0 0.75em;
border : 1px solid transparent;
}
.input-height.grey-bg {
background : #cccccc;
border : 1px solid #cccccc;
padding-left : 0.75em;
padding-right : 0.75em;
}
p.input-height, p.input-height.grey-bg {
line-height : 1.25em;
padding-top : 0.5em;
padding-bottom : 0.583em;
}
.one-line-input {
text-align : right;
}
.one-line-input label {
float : left;
margin : 0.2em 0 0 0;
}
.form input[type="text"].error, .form input[type="password"].error, .form .input-type-text.error {
border-color : #cc0000;
}
.check-ok, .check-error, .check-warning {
display : block;
position : absolute;
z-index : 89;
width : 16px;
height : 16px;
right : -8px;
top : -8px;
}
.check-ok {
background : url(../images/icons/fugue/tick-circle-blue.png) no-repeat;
}
.check-error {
background : url(../images/icons/fugue/cross-circle.png) no-repeat;
}
.check-warning {
background : url(../images/icons/fugue/exclamation-diamond.png) no-repeat;
}
span.relative > input + .check-ok, span.relative > select + .check-ok, span.relative > input + .check-error, span.relative > select + .check-error, span.relative > input + .check-warning, span.relative > select + .check-warning {
margin-top : -0.667em;
right : -4px;
}
p span.relative > input + .check-ok, p span.relative > select + .check-ok, p span.relative > input + .check-error, p span.relative > select + .check-error, p span.relative > input + .check-warning, p span.relative > select + .check-warning {
margin-top : -0.583em;
}
html {
min-height : 100%;
}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
background : url(../images/bg.png) no-repeat center top;
min-height : 100%;
}
textarea, input {
font-family : Verdana, Arial, Helvetica, sans-serif;
}
h2.bigger, h3.bigger, h2.big, h3.big {
font-family : "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}
.columns {
margin-bottom : 1.667em;
position : relative;
}
.columns.last-child {
margin-bottom : 0;
}

.button img, .form legend img, .legend img, .mini-menu img {
margin-bottom : -4px;
}
header {
color : #666666;
text-transform : uppercase;
position : absolute;
z-index : 88;
top : 0;
left : 0;
width : 100%;
white-space : nowrap;
text-align : right;
}
header .server-info {
display : inline-block;
border-top : 0;
padding : 0 1em;
color : white;
background : url(../images/old-browsers-bg/server-status-bg.png) repeat-x top;
margin-left : 0.5em;
height : 2.6em;
line-height : 2.6em;
vertical-align : top;
font-size : 0.833em;
}
.ie7 header .server-info {
display : inline;
}
#skin-name {
display : inline-block;
margin : 0 0.7em 0 0;
color : #b0b0b0;
}
.ie7 #skin-name {
display : inline;
}
#skin-name small {
float : left;
font-size : 0.75em;
line-height : 1.111em;
text-transform : uppercase;
color : #b0b0b0;
padding-top : 0.555em;
text-align : right;
}
#skin-name strong {
font-size : 2em;
line-height : 1.333em;
margin-left : 0.167em;
font-family : "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
letter-spacing : -0.09em;
}
.ie #skin-name strong {
padding-right : 0.083em;
}
nav {
height : 69px;
padding-top : 1.25em;
background : #3399cc url(../images/old-browsers-bg/main-nav-bg.png) repeat-x bottom;
}
nav > ul {
padding-top : 4px;
position : relative;
z-index : 100;
}
nav > ul > li {
width : 64px;
height : 69px;
float : left;
background-position : center -54px;
background-repeat : no-repeat;
}
nav > ul > li > a {
display : block;
height : 69px;
background-repeat : no-repeat;
background-position : 8px 14px;
overflow : hidden;
text-indent : 200px;
}
nav > ul > li.home, nav > ul > li.home > a {
background-image : url(../images/icons/home_2states.png);
}
nav > ul > li.write, nav > ul > li.write > a {
background-image : url(../images/icons/write_2states.png);
}
nav > ul > li.comments, nav > ul > li.comments > a {
background-image : url(../images/icons/comments_2states.png);
}
nav > ul > li.medias, nav > ul > li.medias > a {
background-image : url(../images/icons/medias_2states.png);
}
nav > ul > li.users, nav > ul > li.users > a {
background-image : url(../images/icons/users_2states.png);
}
nav > ul > li.stats, nav > ul > li.stats > a {
background-image : url(../images/icons/stats_2states.png);
}
nav > ul > li.settings, nav > ul > li.settings > a {
background-image : url(../images/icons/settings_2states.png);
}
nav > ul > li.backup, nav > ul > li.backup > a {
background-image : url(../images/icons/backup_2states.png);
}
nav > ul > li.current {
padding : 0 8px 13px 8px;
margin : 0 -8px -13px -8px;
background : url(../images/tab-bg.png) no-repeat;
}
nav > ul > li > ul {
position : absolute;
left : 0;
top : 70px;
display : none;
padding-top : 0.333em;
background : none;
}
nav > ul > li.current > ul {
display : block;
}
nav > ul > li > ul > li, #sub-nav a.nav-button {
display : block;
float : left;
height : 2.2em;
font-size : 0.833em;
line-height : 2.2em;
padding : 0.1em;
width : auto;
background : #465a6e url(../images/old-browsers-bg/subnav-bt-border-bg.png) repeat-x;
margin-right : 0.5em;
color : white;
text-transform : uppercase;
text-decoration : none;
}
nav > ul > li > ul > li.current {
height : 3.1em;
line-height : 3.1em;
color : #333;
padding : 0;
background : #dadada url(../images/old-browsers-bg/subnav-current-bt-border-bg.png) repeat-x;
}
nav > ul > li > ul > li > a, #sub-nav a.nav-button > b {
display : block;
height : 2.2em;
line-height : 2.2em;
width : auto;
padding : 0 1em;
color : white;
text-indent : 0;
text-decoration : none;
font-weight : normal;
}
nav > ul > li > ul > li > a, #sub-nav a.nav-button > b, nav > ul > li > ul > li .menu {
background : #1d2a36 url(../images/old-browsers-bg/subnav-bt-bg.png) repeat-x !important ;
}
nav > ul > li > ul > li.current > a {
background : none !important ;
height : 2.8em;
line-height : 2.8em;
color : #333;
}
nav > ul > li > ul > li:hover, #sub-nav a.nav-button:hover {
background : #6dc0e5 url(../images/old-browsers-bg/subnav-bt-hover-border-bg.png) repeat-x;
}
nav > ul > li > ul > li.current:hover {
background : #dadada url(../images/old-browsers-bg/subnav-current-bt-border-bg.png) repeat-x;
}
nav > ul > li > ul > li > a:hover, #sub-nav a.nav-button:hover > b, nav > ul > li > ul > li .menu:hover {
background : #305d79 url(../images/old-browsers-bg/subnav-bt-hover-bg.png) repeat-x !important ;
}
nav > ul > li > ul > li.current > a:hover {
background : none !important ;
color : #666;
}
#sub-nav {
border-top : 1px solid #ff6500;
height : 2.667em;
line-height : 2.667em;
background : black url(../images/old-browsers-bg/subnav-bg.png) repeat-x;
text-align : right;
color : white;
}
#sub-nav a.nav-button {
float : right;
margin : 0.417em 0 0 1em;
}
.ie7 #sub-nav a.nav-button {
margin-top : 0.333em;
}
#status-bar {
height : 3.25em;
line-height : 3.167em;
background : white url(../images/old-browsers-bg/status-bar-bg.png) repeat-x;
border-bottom : 1px solid #969696;
text-align : right;
color : #7b7b7b;
}
#status-infos {
float : right;
margin-bottom : 0;
}
#status-infos > li {
float : left;
margin-left : 0.5em;
position : relative;
z-index : 88;
}
#status-infos > li.spaced {
padding-right : 0.5em;
}
#breadcrumb {
float : left;
border : 1px solid;
border-color : #0099cc #006699 #003366;
height : 1.75em;
line-height : 1.5em;
margin : 0.667em 1em 0 0;
background : #0c5fa5 url(../images/old-browsers-bg/breadcrumb-bg.png) repeat-x;
}
#breadcrumb li {
float : left;
color : white;
height : 1.75em;
padding : 0.083em 1em 0 0;
background : url(../images/breadcrumb-sep.png) no-repeat right center;
}
#breadcrumb li.last-child {
padding-right : 0;
background : none;
}
#breadcrumb li a, #breadcrumb li span {
display : block;
height : 1.667em;
color : white;
text-decoration : none;
padding : 0 0.75em 0 0.667em;
}
#breadcrumb li img {
margin-bottom : -4px;
}
#header-shadow {
background : url(../images/old-browsers-bg/status-bar-shadow.png) repeat-x;
height : 0.75em;
position : absolute;
z-index : 87;
left : 0;
width : 100%;
}
.result-block {
position : absolute;
z-index : 89;
top : 1.667em;
right : -0.25em;
min-width : 20em;
background : white;
padding : 1em;
line-height : 1em;
text-align : left;
color : #333333;
}
.ie .result-block {
border : 1px solid #ccc;
}
#status-infos .result-block {
top : 2.667em;
display : none;
}
#status-infos > li:hover .result-block {
display : block;
}
.result-block h2 {
float : left;
color : black;
}
.result-block div {
margin-bottom : 1.667em;
}
.result-block div.last-child {
margin-bottom : 0;
}
.result-block .arrow {
font-size : 0;
line-height : 0;
width : 0;
position : absolute;
z-index : 89;
right : 20px;
top : -5px;
border-bottom : 5px solid #666666;
border-left : 3px solid transparent;
border-right : 3px solid transparent;
}
.result-block .arrow span {
width : 0;
position : absolute;
z-index : 89;
left : -2px;
bottom : -5px;
border-bottom : 4px solid white;
border-left : 2px solid transparent;
border-right : 2px solid transparent;
}
.result-block .results-count {
float : right;
text-transform : uppercase;
color : #b0b0b0;
font-size : 0.75em;
white-space : nowrap;
margin-left : 1em;
}
.result-block .results-count strong {
color : #999999;
}
.result-block ul {
clear : both;
}
.result-block ul li {
white-space : nowrap;
}

.result-block hr {
height : 1px;
line-height : 1px;
border : 0;
margin-top : 0;
clear : both;
background : #ffffff url(../images/old-browsers-bg/search-sep-bg.png) repeat-y left;
}
.result-block .result-info {
background : #333333;
color : white;
padding : 0.417em 0.75em 0.583em;
margin : 0 -1em -1em -1em;
white-space : nowrap;
}
.result-block .result-info a {
color : #77ccff;
}
.result-block .result-info.first-last-child {
margin-top : -1em;
border-top : 1px solid #999999;
}
.result-block div + .result-info, .result-block p + .result-info, .result-block ul + .result-info {
margin-top : -0.5em;
}
.result-block .result-info.loading {
padding-left : 2.667em;
background : #333333 url(../images/table-loader.gif) no-repeat 0.75em center;
}
#search-form {
display : inline;
position : relative;
z-index : 89;
}
#control-bar {
padding : 1em 0;
text-align : center;
}
#control-bar.grey-bg {
border-bottom : 1px solid #efefef;
background : url(../images/old-browsers-bg/control-bar-bg.png) repeat-x;
}
#cb-place-holder {
display : none;
}
#control-bar.fixed {
position : fixed;
top : 0;
left : 0;
right : 0;
margin : 0;
z-index : 999950;
background : url(../images/old-browsers-bg/black50.png);
}
#control-bar.fixed.grey-bg {
border : 0;
}
article {
margin-top : 3em;
}
#control-bar + article, #cb-place-holder + article {
margin-top : 2em;
}
.block-content h1, .block-content .h1 {
position : absolute;
left : 0.5em;
top : -0.444em;
margin : 0;
z-index : 100;
}
.ie .block-content h1, .ie .block-content .h1 {
padding : 0.333em 0.444em;
}
.block-content .h1 h1 {
position : relative;
left : 0;
top : 0;
z-index : 1;
padding : 0;
}
.block-content h1 > a, .block-content .h1 > a {
display : block;
position : absolute;
top : -1px;
left : 100%;
margin-left : 0.5em;
font-size : 0.778em;
text-transform : uppercase;
color : #cccccc;
border : 1px solid;
border-color : #7e9098 #61727b #2b373d;
background : #40535c url(../images/old-browsers-bg/title-link-bg.png) repeat-x top;
line-height : 1.143em;
padding : 0.5em 0.571em;
white-space : nowrap;
}
.ie7 .block-content h1 > a, .ie7 .block-content .h1 > a {
padding : 0.429em 0.571em;
}
.block-content h1 > a:hover, .block-content .h1 > a:hover {
color : white;
border-color : #1eafdc #1193d5 #035592;
background : #057fdb url(../images/old-browsers-bg/title-link-hover-bg.png) repeat-x top;
}
.block-content h1 > a img, .block-content .h1 > a img {
margin-bottom : -3px;
}
.red .block-content h1 > a:hover, .red .block-content .h1 > a:hover, .block-content.red h1 > a:hover, .block-content.red .h1 > a:hover, .block-content .red h1 > a:hover, .block-content .red .h1 > a:hover, .block-content h1.red > a:hover, .block-content .h1.red > a:hover {
border-color : #c24949 #9d3d3d #590909;
background : #9d0404 url(../images/old-browsers-bg/button-element-red-hover-bg.png) repeat-x top;
}
.block-content {
padding-top : 2.833em;
}
.block-content.no-title {
padding-top : 1.667em;
}
.block-content.no-padding.no-title {
padding-top : 0;
}
.block-header {
font-family : "Helvetica", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}
.block-content .block-header:first-child, .block-content h1:first-child + .block-header, .block-content .h1:first-child + .block-header {
margin-top : -1.417em;
}
.block-content .block-header.first-child, .block-content .block-header.after-h1 {
margin-top : -1.417em;
}
.block-content.no-title .block-header:first-child {
margin-top : -0.833em;
}
.block-content.no-title .block-header.first-child {
margin-top : -0.833em;
}
.block-content.no-padding .block-header:first-child {
margin-top : 0;
}
.block-content.no-padding .block-header.first-child {
margin-top : 0;
}
.block-content .wizard-steps:first-child, .block-content h1:first-child + .wizard-steps, .block-content .h1:first-child + .wizard-steps {
margin-top : -2.833em;
}
.block-content .wizard-steps.first-child, .block-content .wizard-steps.after-h1 {
margin-top : -2.833em;
}
.block-content.no-title .wizard-steps:first-child {
margin-top : -1.667em;
}
.block-content.no-title .wizard-steps.first-child {
margin-top : -1.667em;
}
.block-content.no-padding .wizard-steps:first-child {
margin-top : 0;
}
.block-content.no-padding .wizard-steps.first-child {
margin-top : 0;
}
.block-content .block-controls:first-child, .block-content h1:first-child + .block-controls, .block-content .h1:first-child + .block-controls {
margin-top : -2.833em;
}
.block-content .block-controls.first-child, .block-content .block-controls.after-h1 {
margin-top : -2.833em;
}
.block-content.no-title .block-controls:first-child {
margin-top : -1.667em;
}
.block-content.no-title .block-controls.first-child {
margin-top : -1.667em;
}
.block-content.no-padding .block-controls:first-child {
margin-top : 0;
}
.block-content.no-padding .block-controls.first-child {
margin-top : 0;
}

.message {
margin-bottom : 2.5em;
}
section .message {
margin-bottom : 1.667em;
}
.content-columns {
position : relative;
z-index : 89;
margin : 0 -1.417em;
}
.content-columns.last-child {
margin-bottom : -1.667em;
}
.block-controls + .content-columns {
margin-top : -1.667em;
}
.block-content.no-title .content-columns:first-child {
margin-top : -1.667em;
}
.block-content.no-title .content-columns.first-child {
margin-top : -1.667em;
}
.block-content.no-padding .content-columns:first-child {
margin-top : 0;
}
.block-content.no-padding .content-columns.first-child {
margin-top : 0;
}
.content-left {
float : left;
width : 50%;
margin-left : -0.25em;
}
.content-right {
float : right;
width : 50%;
margin-right : -0.25em;
}

.ie .block-content .with-menu, .ie .block-content .menu-opener {
padding-right : 1.75em;
}
.with-menu:hover, .menu-opener:hover {
z-index : 99;
}
.button.with-menu, .button.menu-opener, .form legend.with-menu, .form legend.menu-opener, .mini-menu.with-menu, .mini-menu.menu-opener {
padding-right : 2.25em;
}
.ie .block-content .button.with-menu, .ie .block-content .button.menu-opener, .ie .block-content .mini-menu.with-menu, .ie .block-content .mini-menu.menu-opener {
padding-right : 2.25em;
}

.ie7 .menu > ul > li, .ie7 .menu ul li:hover > ul > li {
display : inline-block;
padding-left : 0;
padding-right : 0;
text-indent : 35px;
}
.menu ul li.sep {
height : 0;
font-size : 0;
line-height : 0;
padding : 0;
margin : 2px 0;
border-top : 1px solid #adadad;
border-bottom : 1px solid white;
}
.ie7 .menu ul li.sep {
z-index : 999910;
}
.menu ul li a {
display : block;
margin : -0.333em -0.833em -0.417em -9px;
padding : 0.333em 0.833em 0.417em 9px;
color : #1e343f;
}
.ie7 .menu ul li a {
margin-right : 0;
margin-left : 26px;
text-indent : 0;
}


section h1.with-menu, section .h1.with-menu, section h1.menu-opener, section .h1.menu-opener {
padding-right : 1.667em;
}
section h1 .menu, section .h1 .menu {
font-size : 0.667em;
}
section h1 .menu > ul, section h1 .menu ul li:hover > ul, section .h1 .menu > ul, section .h1 .menu ul li:hover > ul {
background-image : url(../images/h1-menu-bg.png);
background-color : #006699;
border-color : #99ccff;
}
section h1 .menu ul li, section .h1 .menu ul li {
color : #3399cc;
}
section h1 .menu ul li a, section .h1 .menu ul li a {
color : white;
}
section h1 .menu ul li:hover, section .h1 .menu ul li:hover {
background-color : #70b7db;
}
section h1 .menu ul li:hover > a, section .h1 .menu ul li:hover > a {
background-color : #004a6f;
}
section h1 .menu ul li.sep, section .h1 .menu ul li.sep {
border-top-color : #004a6f;
border-bottom-color : #84c8e1;
}
section h1 .menu ul li ul, section .h1 .menu ul li ul {
background-image : url(../images/menu-arrow-white.png);
}
#contextMenu.menu {
top : 0;
left : 0;
bottom : auto;
width : 0;
display : none;
padding : 1em;
margin : -1em 0 0 -1em;
}
#contextMenu.menu > ul {
display : block;
top : 50%;
left : 50%;
}
#notifications {
position : fixed;
z-index : 999990;
top : 1em;
right : 1em;
width : 20em;
}
#notifications li {
position : relative;
background : url(../images/old-browsers-bg/black80.png);
padding : 1.25em;
color : white;
margin-bottom : 1em;
}

#control-bar:after, .columns:after, .content-columns:after, article:after {
clear : both;
content : ' ';
display : block;
font-size : 0;
line-height : 0;
visibility : hidden;
width : 0;
height : 0;
}
#control-bar, .columns, .content-columns, article {
display : inline-block;
}
* html #control-bar, * html .columns, * html .content-columns, * html article {
height : 1%;
}
#control-bar, .columns, .content-columns, article {
display : block;
}
html {
height : 100%;
}
.login-bg, .wizard-bg {
background : url(../images/bg.png) no-repeat center -200px;
min-height : 100%;
}
.error-bg, .code-page {
background : url(../images/old-browsers-bg/login-radial-bg.png) no-repeat center center;
min-height : 100%;
}
.login-bg section, .wizard-bg section, .error-bg section, .code-page section {
position : absolute;
z-index : 89;
left : 50%;
top : 50%;
}
.login-bg section, .error-bg section {
width : 34em;
margin-left : -17em;
margin-top : -15em;
}
.login-bg section#message {
margin-top : -23.5em;
}
.error-bg section#error-log {
z-index : 88;
}
.error-bg.with-log section {
margin-top : -19em;
}
.error-bg.with-log section#error-desc {
margin-left : -36em;
}
.error-bg.with-log section#error-log {
margin-left : 2em;
}
.wizard-bg section {
width : 64em;
margin-left : -32em;
margin-top : -23em;
}
.error-bg #send-report p {
padding-left : 10em;
}
.error-bg #send-report p .float-left {
margin-left : -10em;
width : 8em;
}
.code-page {
text-align : center;
}
.code-page h1 {
position : absolute;
left : 0;
right : 0;
top : 50%;
margin-top : -1em;
text-align : center;
font-size : 16em;
color : #a1a8ab;
}
.code-page p {
position : absolute;
left : 0;
right : 0;
top : 50%;
text-align : center;
font-size : 3em;
font-weight : bold;
text-transform : uppercase;
}
.code-page section {
margin-top : 5em;
width : 28em;
margin-left : -14em;
}
.code-page section .action-tabs {
padding-top : 1em;
}
.code-page section .action-tabs.on-form {
padding-top : 1.75em;
}
.code-page section form.block-content {
padding-left : 0;
padding-right : 0;
}
.code-page section form.block-content #s {
width : 15em;
}

.message.loading li,p.message.loading {background-image: url(../images/ajax-loader.gif);color: #1e5774;}
.message.loading li {background-position: 0em 0em;}p.message.loading {background-position: 0.5em 0.5em;}
.message.loading li strong,p.message.loading strong {color: #1e5774;}

.message.loading li,p.message.error {background-image: url(../images/cross-circle.png);}


.message.loading li,p.message.warning {background-image: url(../images/balloon.png);}