/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       Mediameg C-CSS 1.3
 * CSS Author:    Optimeasy
 * Copyright:     Mediameg
 * Browser:       Webkit 537.3
 * Browser group: cssA
 */

@charset "UTF-8"; a { color:#000; text-decoration:none; }
a:hover {color:#000; text-decoration:underline; }
h2 {font-size: 18px; font-weight:bold; color:#1e1e1e; text-transform:uppercase;}
h2 a{font-size: 18px; font-weight:bold; color:#1e1e1e; }
h2 a:hover {font-size: 18px; font-weight:bold; color:#1e1e1e; }
body {font-family: 'Source Sans Pro', sans-serif;, sans-serif; font-size:12px; color:#1e1e1e; background: url('site/diagonal_waves.png'); }
#optiLoginInfo {position:fixed; top:5px; right:5px; background:rgba(245,245,245,0.7); padding:10px;}
#optiLoginInfo #memberWelcome {display:block;}
#optiLoginInfo #memberLogoff, #optiLoginInfo #memberLogoff:hover {display:block; color:#0000BB}
#wrapper {width:940px; margin:0 auto -100px auto; }
.content{padding: 5px 0 0 5px;}
#header { width: 940px; height: auto; position:relative; background: none;}
#header_elements {width:940px; height:auto; display:block;}
#header #logo {max-width:220px; max-height:123px;}
#header #logo img{max-width:220px; max-height:123px;}
#top_head {display:block; clear:both; background:white; height:80px; font-weight:bold; box-shadow:0px 1px 1px rgba(0,0,0,0.35);}
#top_head #tel {font-size:1.4em; line-height: 30px; text-align:right; padding:24px 24px 24px 40px; display:block}
#top_head img {vertical-align:middle; margin-right: 4px;}
#mid_head {box-shadow:0px 1px 1px rgba(0,0,0,0.35); margin-bottom:20px; height:320px}
#low_head {margin-top:40px;}
#mid_head h1 {color:white; background:#1e1e1e; height: 26px; line-height: 26px; padding:2px 24px 2px 18px; width:615px; text-align: right; text-transform:uppercase;}
#mid_head #page_cite {position:absolute; right:60px}
#side_rot {position:relative; right:0; float:left; width:280px }
#side_rot .side_rot_infos{background:rgba(255,255,255,1); height:300px; display:inline-block; margin-top:20px; width:280px}
#side_rot #logo {margin-top:30px; margin-bottom:62px;}
.home_block {background:white; box-shadow:0px 1px 1px rgba(0,0,0,0.35); width:300px; height:176px; float:left; margin-right: 20px;}
#home_block_2 {margin-right: 0}
.home_block h3 {text-transform:uppercase; font-size: 18px; line-height: 18px; margin: 22px 0 16px 0; padding:0 20px; height:36px}
.home_block h3 strong {display:block; color:#c6161d;}
.home_block .bl_ctn {display:block; padding:0 20px; height:72px }
.home_block .plus {display:block; float:left; width:180px; background:#c6161d; height:30px;}
.home_block .plus img {margin:5px 10px;}
.home_block .det {display:inline-block; width:120px; background:#1e1e1e; color:white; height:30px; line-height:30px; text-transform:uppercase; text-align:center;}
.head_more {}
.rot_ctn img { max-width: 660px; max-height: 300px;}
.rotator {float:left; margin:20px 0 0 0; width:660px; height:300px}
#mask_rotator_rotator_js_9 {background:url(site/rot_effect.png); margin-top:-300px; position: relative; width: 660px; height: 300px;}
.news_box {display: none;}
#page_1_4_6_6 .news_box {width:300px; display:inline-block; margin-top:16px}
.news_box .content {padding: 5px 0 0;}
.news_box h2 a{color:#464646; text-decoration:underline; font-size:14px;}
.news_box .date, .news_box .foot {display:none}
.news_box .news_plus a {color:#c6161d; text-decoration:underline;}
.news_box .elem {background:#FFF; box-shadow:0px 1px 1px rgba(0,0,0,0.35); padding:5px 15px; margin-bottom:10px;}
.drop_menu_horizontal, .drop_menu_vertical { width:700px; height: 30px; background: none; font-size:1.16em; text-align:left; float:left}
.drop_menu_horizontal ul.top_itm, .drop_menu_vertical ul.top_itm {margin-left:35px}
.drop_menu_horizontal a.top_itm, .drop_menu_vertical a.top_itm { width: auto; color: #FFF; font-weight:bold; background:#1e1e1e; padding: 2px 20px; text-align:center; text-decoration: none; line-height: 26px; text-transform:uppercase; margin:24px 5px; }
.drop_menu_horizontal a.top_itm span, .drop_menu_vertical a.top_itm span { width:100%; padding: 0 0px; display: block; }
.drop_menu_horizontal li.top_itm, .drop_menu_vertical li.top_itm {width: auto; height: auto; background: none;}
.drop_menu_horizontal li.top_itm.tactive, .drop_menu_horizontal li.top_itm:hover { background:none}
.drop_menu_horizontal li.tactive a.top_itm, .drop_menu_horizontal li.top_itm a.MenuBarItemSubmenuHover, .drop_menu_horizontal li.top_itm a.top_itm:hover, .drop_menu_vertical li.tactive a.top_itm, .drop_menu_vertical li.top_itm a.MenuBarItemSubmenuHover, .drop_menu_vertical li.top_itm a.top_itm:hover { line-height: 26px; background:#c6161d}
.drop_menu_horizontal ul.sub_itm, .drop_menu_vertical ul.sub_itm { text-transform:uppercase; margin-top:-15px; margin-left:6px; width: 200px; background:#FFF; box-shadow:0px 1px 1px rgba(0,0,0,0.35); font-size:1em; }
.drop_menu_horizontal ul.MenuBarSubmenuVisible, .drop_menu_vertical ul.MenuBarSubmenuVisible { width: auto; background:#FFF; box-shadow:0px 1px 1px rgba(0,0,0,0.35);}
.drop_menu_horizontal li.sub_itm, .drop_menu_vertical li.sub_itm { width: 200px; background:none; padding: 4px; text-align:left;}
.drop_menu_horizontal li.sub_itm a, .drop_menu_horizontal li a, .drop_menu_vertical li.sub_itm a, .drop_menu_vertical li a { height: auto; background:none; color:#1e1e1e; text-decoration: none; }
.drop_menu_horizontal li.sub_itm a:hover, .drop_menu_horizontal li.sub_itm.active a:hover, .drop_menu_horizontal li.sub_itm.active a .drop_menu_vertical li.sub_itm a:hover, .drop_menu_vertical li.sub_itm.active a:hover, .drop_menu_vertical li.sub_itm.active a { background:none; color:#1e1e1e;}
.drop_menu_horizontal li.sub_itm a span, .drop_menu_vertical li.sub_itm a span {background:none; padding:4px; margin:0;}
.CollapsiblePanel {margin: 0px; padding: 0px; border-left: solid 1px #CCC; border: solid 1px #CCC;}
.CollapsiblePanelTab {background-color: #DDD; border-bottom: solid 1px #CCC; margin: 0px; padding: 2px;}
.CollapsiblePanelContent {margin: 0px; padding: 0px;}
.CollapsiblePanelTab a {color: black; text-decoration: none;}
.CollapsiblePanelOpen .CollapsiblePanelTab {background-color: #EEE;}
.CollapsiblePanelClosed .CollapsiblePanelTab {}
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {background-color: #CCC;}
.CollapsiblePanelFocused .CollapsiblePanelTab {background-color: #3399FF;}
.Accordion { display:block; border:solid 1px gray; float:left; min-width:200px;}
.AccordionPanelContent .Accordion { border:none;}
.AccordionPanel {margin: 0px; padding: 0px;}
.AccordionPanelTab {background-color: #CCCCCC; margin: 0px; padding: 2px;}
.AccordionPanelTab a{color:#000; text-decoration:none;}
.AccordionPanelTabHover { background:#fff;}
.AccordionPanelContent {margin: 0px; padding: 2px;}
.AccordionPanelContent a{color:#000; text-decoration:none;}
.AccordionPanelContent .AccordionPanelOpen div.sub_itm:hover, .AccordionPanelContent .sub_itm:hover{ background:#999; width:316px;}
.AccordionPanelOpen .AccordionPanelTab {background: #777;}
.AccordionPanelOpen .AccordionPanelTabHover {background: #777;}
.AccordionPanelOpen .AccordionPanelContent .AccordionPanelTab { background:#EEEEEE;}
.AccordionPanelOpen .AccordionPanelContent .AccordionPanelTabHover { background:#777;}
.AccordionPanelContent .AccordionPanelOpen .AccordionPanelTab {background-color: #777;}
.AccordionFocused .AccordionPanelTab {background-color: #3399FF;}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {background-color: #33CCFF;}
#side_page{width: 201px; height: 705px; margin-top:10px; float: left;}
#calendrier{width:201px;height:129px;font-family: 'Source Sans Pro', sans-serif;font-weight:bold;font-size:0.92em;margin-top:14px; color:#FFFFFF}
#prev,#next{font-size:1.33em;}
.cal_holder { width: 100%;padding-top: 15px;}
#calendrier .today {background-color:#abe5f1; color:#FFFFFF; }
#calendrier .date:hover {background-color:#089ebe; color:#FFFFFF; }
#calendrier .event {background-color:#05677c; }
#calendrier .event a {color:#FFFFFF; font-weight:bold;}
#calendrier .cal_drop {width: 750px; color:#FFFFFF; background: #05677c; border: 2px solid #000000; margin-left: 30px; padding: 20px; }
#calendrier .cal_drop h1.post_title a {color:#FFFFFF;}
form.vlf { margin:0px; padding:0px;}
form.vlf fieldset { margin:0px; padding:0px; width:180px; border:0px;}
form.vlf fieldset div { padding:3px 0px; height:24px;}
form.vlf fieldset div.state { display:none;}
form.vlf fieldset div.warning { display:none;}
form.vlf fieldset label { float:left; display:block; width:145px; background:none; border:none;}
form.vlf fieldset .error input, form.vlf fieldset .error textarea { border:none;}
form.vlf fieldset label span, form.vlf fieldset legend span { color:#FF0000; display:inline-block; width:10px; text-align:center; font-size:1em;}
form.vlf fieldset input { width:145px; border:none;}
form.vlf button { width:26px; height:25px; display:block; clear:both; float:right; background:url(site/bouton_send.jpg) top center no-repeat; border:none; margin-top:-22px; margin-right:18px;}
#calendar {display:none;}
#section_7 #calendar{background:url(site/bkg_content.png) no-repeat; width:940px;min-height:664px;font-family: 'Source Sans Pro', sans-serif; font-weight:bold;font-size:32px; color:#000000; display:block; clear: both;padding-top:37px;}
#calendar p {margin:0px;}
#section_7 #prev,#next{font-size:32px;}
#section_7 .cal_holder {background:url(site/calendar.png) no-repeat 0 -38px; width:672px; height:586px; margin:20px auto;}
#section_7 #calendar .today {background-color:#abe5f1; height:71px; color:#000000; }
#section_7 #calendar a.date {color:#000000;}
#section_7 .cal_holder span.date:hover {color:#FFFFFF;}
#section_7 #calendar a.date:hover {background-color:#089ebe; color:#000000;}
#section_7 .cal_holder span.date {color:#FFFFFF; background:none;}
#section_7 #calendar .event {background-color:#05677c; }
#section_7 #calendar .event a {color:#000000; font-weight:bold;}
#section_7 #calendar .cal_drop {width: 380px; min-height:200px; max-height:800px; color:#000000; background: #FFFFFF; line-height:18px; border: 2px solid #000000; margin-top:0px; margin-left: -163px; padding:3px 20px 3px 20px }
#section_7 #calendar .cal_drop h1.post_title a {color:#000000;}
#section_7 #calendar .cal_drop { font-size:16px;color:#000000;}
.calen { width: 100%; min-height: 586px; margin: 20px auto; }
.cell_calendar { background-color: white; height: 100px; width: 139px; display: inline-block; float: left; border: 1px solid black; border-left: none; }
.calendar_day{ font-size: 12px; text-align: right; color: gray; }
.calendar_day span{ text-transform: lowercase; margin-right: 10px; color: gray; }
.day_before{ color: lightgray; }
.go_back, .go_forward{ color: white; display: inline-block; float: left; cursor: pointer; }
.go_back{ margin-left: 233px; }
.title_calendar{ clear: both; }
.start_calendar{ clear: left; }
.month_week{ width: 500px; display: inline-block; float: left; color: white; }
.title_day{ clear:both; clear: both; width: 98%; text-align: left; margin: 0 auto; background-color: white; color: gray; font-size: 22px; }
.time_div{ clear: both; width: 98%; background-color: white; font-size: 14px; text-align: left; margin: 0 auto; border-bottom: 1px solid black; min-height: 16px; }
.time{ color: gray; width: 50px; display: inline-block; text-align: center; }
.week_time{ width:100%; }
.container_hours{ width: 139px; float: left; display: inline-block; border-right: 1px solid black; }
.desc_event{ margin: 0; position: absolute; z-index: 1020; cursor: default; left: -1000em; min-width: 450px; min-height: 150px; border: 1px solid black; }
.title_event{ font-size: 12px; text-align: right; line-height: 16px; margin-right: 2px; }
.span_time{ float:left; clear: left; width: 37%; }
.time_div .span_time{ width: 5%; border-right: 1px solid black; }
.span_events{ float:left; clear: right; width: 95%; min-height: 16px; }
.span_evts_0{ width:63%; border-left: 1px solid black; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.calen table{ width: 980px; clear: both; margin-left: 5px; }
.calendar_table td{ clear: both; width: 139px; background-color: white; font-size: 14px; text-align: left; margin: 0 auto; border-bottom: 1px solid black; border-left: 1px solid black; min-height: 16px; vertical-align: top; }
.header_week span{ text-transform: lowercase; margin-right: 10px; color: gray; }
td.header_week{ font-size: 12px; text-align: right; color: gray; }
.clearfix {display: inline-block;}
.blog_container{ width: 1024px; padding-left:20px; }
.blog_post_container{ min-height : 400px; display: inline-block; float:left; width: 679px; }
.blog_post{ width: 100%; background : url("site/point.png") repeat-x scroll left bottom transparent; padding-top: 15px; padding-bottom: 10px; }
.blog_paging{ width: 100%; }
.blog_categorie{ width:280px; display: inline-block; background : url("site/point.png") repeat-x scroll left top transparent; padding-left: 43px; margin-top : -58px; }
.blog_archive{ width:280px; display: inline-block; background : url("site/point.png") repeat-x scroll left top transparent; padding-left: 43px; }
.blog_comments{ width: 640px; }
.blog_show_commments{ display: none; }
.blog_show_commments p{ clear: both; display: block; }
.blog_do_commment{ display: none; }
a{ cursor: pointer; }
.blog_comment_name{ float: left; }
.blog_comment_order{ float: right; margin-left: 5px; }
.blog_comment_date{ float: right; }
.blog_do_comment_form p span{ width:100px; display: inline-block; }
.state, .warning{ display: inline-block; }
.blog_do_comment_form p.msgholder{ color: red; }
.act_ctn {width:860px; font-size:14px; height: auto; padding:20px 39px; text-align: left; display:block; float:left; box-shadow:0px 1px 1px rgba(0,0,0,0.35); }
#page_1_4_6_6 .act_ctn {width:542px; font-size:14px; height: auto; padding:20px 39px; text-align: left; display:block; float:left; box-shadow:0px 1px 1px rgba(0,0,0,0.35); }
#act_ctn_8 {margin:20px 20px 0 0; background:#FFF;}
.video {padding:10px 10px 10px 0;}
#googlemap {display:none; width:950px ; height:410px; background:#333333 no-repeat; float:left;}
#result_pane {width:340px; height:310px; overflow-y:auto; overflow-x:hidden; background-color:#333333; color:#CCCCCC; }
#result_pane div.result_block { padding-left:26px; padding-top:5px;}
#mapborder { display:none;}
#map_canvas {width:580px; height:381px; overflow:hidden;}
#search_box {}
#googlemap h2 { margin:0; padding:0; text-transform:uppercase; font-size:1.16em; }
#result_pane h2 {color:#fff;}
#address {margin:0; padding:0;}
#telephone {margin:0; padding:0px;}
#map_canvas #address, #map_canvas #telephone {color:#000000;}
.push {height:140px; clear:both;}
#footer { width:940px; height: 100px; margin: 0 auto; background: none; }
#footer_elements {}
#QuickResponse {float:right;}
#QuickResponse #home_qrc{display:none;}
#QuickResponse #page_qrc{display:block;}
.copyright_logo {max-height:53px; vertical-align:middle; margin-right:10px}
.conceptLogo img {max-height:18px; margin-left:13px; margin-top:3px; vertical-align:middle;}
#site_map { width: 940px; height:66px; font-size: 0.83em; text-align: left; }
#site_map a { font-weight:bold; text-decoration:none;}
#site_map a:hover {}
#site_map span { padding:0px 6px 0px 6px; margin:0; display:inline-block; line-height:22px; }
#site_map span.links { color:#1e1e1e; background:#FFF; display:block; float:left; width:auto; height:20px; padding:2px 5px; margin-right:4px; text-transform:uppercase;}
#site_map span.links:hover {color:#FFF; background:#c6161d;}
#site_map span.links:hover a {color:#FFF;}
#site_map .endlink { display:block; margin: 0; padding: 0; height: 0; line-height: 0; }
#site_map .optimised { display:none; line-height:10px; padding: 0px 0px; }
#site_map .optimised .optimised_span {vertical-align: middle;}
#site_map .optimised a span, #site_map .optimised a{ padding:0; margin:0; line-height:10px;}
#site_map .copyright { display:block; clear:both; color: #787878; float: right; font-size: 12px; line-height: 14px; margin-top: -38px; padding:3px 6px 3px 6px; width:200px}
#site_map .design { display:none; }
#site_map span.sitemap_6 {display:none}
.scroll-track-top { margin-left: 1px;height:10px; width:10px; background-image: url('scroller/up.png'); }
.scroll-track-bot { margin-left: 1px;height:10px; width:10px; background-image: url('scroller/down.png'); }
.scroll-track { margin-left: 1px;height:10px; width:10px; background-color: #1a1613; }
.scroll-handle { margin-left: 1px;height:60px; width:10px; background-color: #5b534e; cursor:pointer; }
.scroll-handle-top { height:8px; width:10px; background-color: #5b534e; background-repeat: repeat; cursor:pointer; }
.scroll-handle-bot { height:8px; width:10px; background-color: #5b534e; background-repeat: repeat; cursor:pointer; }
html, body {margin:0; padding:0; height:100%; width:100%; text-align:center;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; text-align:left; position:relative; padding:0;}
.push {clear:both;}
.footer {position:relative; padding:0;}
.supportedBrowser { max-height:20px; margin-bottom:0.5em; vertical-align:middle; margin-right:0.1em;}
img {border:none; }
div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }
.gal img {padding:5px;}
.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}
.thumbRF{ margin:0px 0px 3px 10px;float:right; }
.thumbLF { margin:0px 10px 3px 0px; float:left; }
.clear {clear:both;}
ul.menu{margin:0;padding:0;list-style-type:none;cursor:default;display:block;float:left;}
ul.menu li{margin:0;padding:0;display:block;list-style-type:none;position:relative;float:left;}
ul.MenuBarVertical li.top_itm{clear:both;}
ul.menu li a {display:block;cursor:pointer;}
ul.menu ul{padding: 0; list-style:none;z-index:1020;cursor:default;position:absolute;left:-1000em;}
ul.MenuBarHorizontal ul {margin:0;}
ul.MenuBarVertical ul{margin:0 0 0 100%;top:0;}
ul.MenuBarActive {z-index:1000;}
ul.menu ul.MenuBarSubmenuVisible{left:auto;}
ul.menu ul ul{position: absolute; margin: -5% 0 0 95%;}
ul.MenuBarHorizontal iframe{position:absolute;z-index:1010;background:none;border:none; filter:alpha(opacity:0.1);}
ul.menu iframe{position:absolute;z-index: 1010; filter:alpha(opacity:0.1);}
@media screen, projection { li.MenuBarItemIE{display:inline;f\loat:left;}
}
.TabbedPanels {overflow: hidden; margin: 0px; padding: 0px; clear: none;}
.TabbedPanelsTab {position: relative; list-style: none; top: 1px; float: left; cursor: pointer;}
.TabbedPanelsTabGroup {margin: 0px; padding: 0px;}
.V.VTabbedPanels .TabbedPanelsTabGroup {float: left; position:relative;}
.tab_ctn ul{ float:left;}
.TabbedPanelsContentGroup {clear: both;}
.tab_ctn {overflow: hidden;}
.TabbedPanelsContentVisible {}
.VTabbedPanels {overflow: hidden; zoom: 1;}
.VTabbedPanels .TabbedPanelsTab {float: none;}
.VTabbedPanels .TabbedPanelsContentGroup {clear: none;}
@media print { .TabbedPanels {overflow: visible !important;}
.TabbedPanelsContentGroup {display: block !important; overflow: visible !important; height: auto !important;}
.TabbedPanelsContent {overflow: visible !important; display: block !important; clear:both !important;}
.TabbedPanelsTab {overflow: visible !important; display: block !important; clear:both !important;}
}
.CollapsiblePanelTab {cursor: pointer;}
.Accordion {overflow:hidden;}
.AccordionPanelTab{cursor:pointer;}
.AccordionPanelContent {overflow: auto;}
@media print { .Accordion {overflow: visible !important;}
.AccordionPanelContent {display: block !important; overflow: visible !important; height: auto !important;}
}
table.table {width:100%; clear:both; border-collapse:collapse;}
tr.tblrow {text-align:left; vertical-align:top; }
td.cell { border:none; text-align:left; vertical-align:top;}
div.cellctn {padding:3px;}
a.pdf {line-height:3em; font-weight:bold; font-size:1.2em; background: url(admin/a_pdf.jpg) center left no-repeat; padding-left:20px; }
.calendar {text-align:center;}
.cal_holder {width:100%; }
.cal_holder .ccell {width:14%; display:block; float:left;}
.cal_holder span.date {width:70%; display:block; float:left;}
.cal_holder a.nav, .cal_holder a.cal { cursor:pointer;}
.cal_holder ul.cal, .cal_holder ul.cal_sub, .cal_holder li.cal, .cal_holder li.cal_sub {display:block; margin:0; padding:0; list-style:none;}
.cal_holder ul.cal, .cal_holder li.cal { float:left;}
.cal_holder ul.cal {width:100%;}
.cal_holder li.ccell {height:1.2em; position:relative;}
.cal_holder a.cal {display:block;}
.cal_holder ul.cal_drop{text-align:left;}
.cal_holder ul.cal_drop{margin: 0; position: absolute; z-index: 1020; cursor: default; left: -1000em;}
.cal_holder ul.right{left:auto; right:0;}
.cal_holder ul.left{left:0;}
.mobile-only{display:none;}
.table.mobile-only{display:none;}
.qq-uploader { position:relative; width: 100%;}
.qq-upload-button { height:22px; border : 1px solid #c3c3c3; border-bottom-color: #969696; background: #ebebeb; background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#ebebeb)); background: -moz-linear-gradient(top, #f0f0f0, #ebebeb); padding: 3px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #646464; font-size: 12px; font-family: 'Source Sans Pro', sans-serif; text-decoration: none; vertical-align: middle; line-height:22px; }
.qq-upload-button-hover { border : 1px solid #787878; background: #ebebeb; background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#ebebeb)); background: -moz-linear-gradient(top, #f0f0f0, #ebebeb); color: #464646; -webkit-box-shadow: rgba(0,0,0,0.25) 0 2px 3px; -moz-box-shadow: rgba(0,0,0,0.25) 0 2px 3px; box-shadow: rgba(0,0,0,0.25) 0 2px 3px; }
.swfupload:active, input[type=button]:active, button:active { border : 1px solid #969696; background: #ebebeb; background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#FAFAFA)); background: -moz-linear-gradient(top, #ebebeb, #f0f0f0); color: #787878; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.75); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.75); box-shadow: inset 0 1px 1px rgba(0,0,0,0.75); }
.qq-upload-drop-area { position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2; background:#FF9797; text-align:center; }
.qq-upload-drop-area span { display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; }
.qq-upload-drop-area-active {background:#FF7171;}
.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; }
.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}
.leftAlign{ float: right;}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(admin/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(admin/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; font-family: Arial, Helvetica, sans-serif;font-size: 10px; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; font-size:medium;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#colorpicker { position: absolute; width: 145px; height: 135px; overflow: hidden; background: #F9F9F9; border: 2px #C0C0C0 outset; z-index: 10000; }
#colorpicker-hue-container { position: absolute; top: 4px; left: 120px; width: 18px; height: 110px; }
#colorpicker-hue-bg-img { width: 100%; height: 100%; }
#colorpicker-hue-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#colorpicker-hue-thumb { position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 10009; cursor: default; }
#colorpicker-bar { text-align: right; padding-right: 10px; }
#colorpicker-close { cursor: pointer; color: blue; font-size: 10px; font-family: Tahoma, Helvetica, Sans-Serif; font-weight: bold; }
#colorpicker-div { position: absolute; top: 8px; left: 8px; width: 100px; height: 100px; border: 1px solid #666; }
#colorpicker-bg, #colorpicker-bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; overflow: hidden; }
#colorpicker-selector { position: absolute; top: 0px; left: 0px; width: 11px; height: 11px; z-index: 10009; margin-top: -6px; margin-left: -6px; cursor: default; }
#colorpicker-selector img { position: absolute; left: 0; top: 0; }
#colorpicker-footer { position: absolute; top: 114px; left: 10px; width: 127px; }
#colorpicker-value { float: left; }
#colorpicker-value, #colorpicker-value-input { font-size: 9px !important; font-family: Helvetica, Verdana, Sans-Serif; height: 10px; }
#colorpicker-value-input { width: 40px; }
#colorpicker-okbutton { float: right; padding: 0 10px; background: #3366FF; font-size: 10px; font-family: Tahoma, Helvetica, Sans-Serif; border: 1px solid #666666; color: #ffffff; height: 16px; }