@font-face {
    font-family: 'Marvel';
    src: url('fonts/marvel-bold-webfont.eot');
    src: url('fonts/marvel-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/marvel-bold-webfont.woff') format('woff'),
         url('fonts/marvel-bold-webfont.ttf') format('truetype'),
         url('fonts/marvel-bold-webfont.svg#MarvelBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* global */
.button {background: #000; color: #FFF; border: solid 1px #000;} /* small button */
.buttons {padding-top: 25px;}
#sessionContent input[type=text], #sessionContent input[type=file], #sessionContent textarea, .sessionContent input[type=text], .sessionContent input[type=file], .sessionContent textarea {font-family : Arial;}
#sessionContent p {margin: 6px 0;}
ol,ul {
	list-style: none;
}

/* buttons */

.buttonRight, #sessionContent p.buttonRight {float: right; margin-left: 15px;}
.buttonLeft, #sessionContent p.buttonLeft {float: left; margin-right: 15px;}
.bluebutton { position:relative; font-size: 27px; display: block; text-align:center; height:45px; line-height:38px; color: #49C7E7; margin-bottom: 10px; border: none; text-transform: uppercase; }

.bluebutton:hover, .bluebutton input:hover { color: #FFFFFF; }
.bluebutton_bluebg { position: absolute; top: 0px; display:block; width: 100%; height: 100%; background:#49C7E7; }
.bluebutton_darkbg { display:block; height:45px; line-height: 45px; float:left; background:#000000; padding-right: 14px; padding-left: 10px; position: relative; top: -5px; left:-5px; /* Mozilla */ -moz-transition: all 0.10s ease;/* WebKit */-webkit-transition: all 0.10s ease;/* Opera */-o-transition: all 0.10s ease;/* Standard */transition: all 0.10s ease; }
#sessionLink .bluebutton_darkbg { font-size:30px; }
.bluebutton:active .bluebutton_bluebg 	{  }
.bluebutton:active .bluebutton_darkbg 	{ top:-2px; left:-2px; }
.hiddensubmit { display:none; }

.bluebutton  input{ color: #FFF; border: none; text-transform: uppercase; }
.bluebutton.small  input{ text-transform: none; font-family: 'Marvel', Arial, sans-serif; font-size: 20px;}

.bluebutton.small {height: 35px;}
.small .bluebutton_darkbg {height: 35px; line-height: 35px; top: -2px; left: -2px;}

/* sessions */

#sessionContent, .sessionContent { background:white; border:1px solid #c9c9c9; padding:15px; position: relative; margin:  0; z-index: 100; }
#sessionContent.sessionContentBottom { margin-bottom: 60px; }
#sessionContentBottom { clear:both; padding-bottom:40px; }

/* dashboard */
#newSession {float: right;}
.subtitle {margin: 25px 0 0 0;}
.innerBox {background-color: #EEE; padding: 10px;}
.twpTable {width: 100%;}
.twpTable td {padding: 8px 2px;}
.twpTable_0 {background-color: #DDD;}
.settingsSuccess { font-size: 21px; padding: 30px 0px; }
#sessionLink { font-size: 21px; }
#sessionLink .bigTitle { font-size:25px; }
.settings-action { padding-bottom: 20px; }
.archiveLink {text-align: right;}
.sessionNav {position: relative; margin-top: 50px; }

/* settings warning */
.settingsError, .settingsWarning, .settingsSuccess { background-color: #C95A6A; -moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em; width: 75%; margin: 20px auto; color: #FFF; text-align: center; font-weight: bold; padding: 10px; font-size: 20px; }
.settingsWarning { background-color: #DBF3F4; color: #000; }
.settingsSuccess { background-color:#FFFFFF; border:1px solid #1D6F7C; color:#97BE27; } 

/* new session wizard */
#loadLayout {display: none; background:url(../files/design/loading.gif) no-repeat center left; color:#1D6F7C; font-size:18px; width:400px; height:32px; padding-top:9px; text-indent:40px; text-align:center; margin:50px auto; color: #FFF;}
#new-breadcrumb{ height:32px; margin:20px 0px; padding: 0px; list-style: none;font-size: 20px; }
#new-breadcrumb li{ background:url(../files/design/back_arriane2_session.png) right center no-repeat #000; padding:5px 22px 5px 15px; float:left; color:#fff; text-decoration:none;}
#new-breadcrumb li.breadcrumb-selected{ background:url(../files/design/back_arriane2_session_select.png) right center no-repeat #49C7E7;}
#new-breadcrumb .last{ background:url(../files/design/back_arriane2_session_last.jpg) right center no-repeat #000;}
#new-breadcrumb li.breadcrumb-selected.last{ background:url(../files/design/back_arriane2_session_select.jpg) right center no-repeat #49C7E7;}
#new-breadcrumb li.breadcrumb-prev-selected{ background:url(../files/design/back_arriane2_session_prev_select.jpg) right center no-repeat #000;}
#new-breadcrumb li a{ color:#fff; text-decoration:none;}

#menuLayout, #paramLayout, #paramLayout ul { list-style:none; }

/* layout modale */
.layoutPagination { position: relative;	text-align: right; padding: 5px 10px; font-family:'Marvel',Arial,sans-serif; color: #333;}
.layoutDisplayMode { position: absolute;	top: 5px; left: 10px; color: #FFF; }
.tableLayout{ border-spacing:0px; color:#333; width:100%; font-family:'Marvel',Arial,sans-serif; }
.tableLayout .button, .pageButton{ border:0px; padding:2px; cursor:pointer; background:#000; color:#fff; }
.pageButton{ font-family:'Marvel', Arial, sans-serif; text-decoration: none; padding: 0 5px; }
.pageButton img { margin-right: 5px; vertical-align: baseline; }
.currentPage { text-decoration: underline; font-weight: bold;}
.tableLayout img{ border:1px solid #333; padding:2px; }
.tableLayout h2{ margin:0;font-size:16px; color: #FFF; }
.tableLayout h2 a{color: #FFF; }
.tableLayout a{ text-decoration:none; color:#333; }
.tableLayout a:hover{ text-decoration:underline; }
.tableLayout p{ font-size:14px; color: #FFF; }
/*.tableLayout tr{ border-bottom:2px solid #FFF; margin:5px 0px; }*/
.tableLayout td{ border-bottom:1px solid #FFF; padding:15px 20px; }
.tableLayout .imgLayout{ width:120px; }
.tableLayout .otherColone{ width:20%; text-align:center;color: white;}

#askForReset {display: none; color: #E2E2E2; padding-left: 100px; font-family:'Marvel',Arial,sans-serif;}
#askForResetChoices {padding-top: 20px;}
#askForResetLeft, #askForResetRight { float: left; width: 170px; }
#askForResetRight {margin-left: 75px;}
.resetButton {padding-top: 25px; height: 40px;}

/* form */

.error { color: #F00; }
.sessionLabel { font-size: 23px; }
.sessionInput { padding: 5px 20px; float: left; }
.sessionInput#address { height: 70px; }
.slideExplication .sessionInput { float:none; }
.formLine { padding: 3px 0; clear: both; }
.sessionFormDiv .sessionInput{ -moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em; border:1px solid #07B2DB; margin:10px 4px; vertical-align:middle; width:200px;outline:none;}
.sessionFormDiv .sessionInput.sessionSelect { width: 242px; }
.sessionForm .sessionFormDiv .sessionLabel{ width:170px; margin:10px 0px;}
.sessionForm .sessionFormDivResume .sessionLabel{ width:170px;}
.sessionForm{ clear:both; font-size:18px; color:#333; padding:0 7px;}
.sessionForm h2 { color:#68CCE4; }
.sessionFormDiv { float:left; }
.sessionForm .sessionLabel, #captchaDiv label{ display:block; float:left; margin:3px 0px; text-align:right; width:175px; clear:left;}
.sessionForm .twpLevel .sessionLabel { width: 281px;}
.sessionForm .sessionMinLabel{ display:block; float:left; margin:3px 0px; text-align:right; width:110px; clear:left;}
#session-duration{ width:27px; text-align:center;}
/*.sessionForm .formLine input{ color:#1d6f7c;}*/
.sortable {list-style: none;}
.sortable li{ height:35px; background-color: #F6F6F6; margin-bottom: 10px; clear:both; }
.sortable li.twpSponsor { height: 56px; }

/* settings - moderation */
.moderationLevel { margin-top: 20px; }
.moderationLevelSource {	text-align: center; }
.moderationLevelList { padding: 20px 0 120px 100px; list-style: none; background: transparent url(../files/design/moderationArrow.png) center bottom no-repeat;}
.moderationLevelDestination { text-align: center; font-size: 30px;}

/* settings - foursquare */
#foursquare-search {width: 600px; margin: 20px 0 20px 130px; background: #F0F4F5; border-top: solid 1px #DAE4E6; border-bottom: solid 1px #DAE4E6; padding: 20px 15px 30px 15px;}
#foursquare-options {width: 600px; margin: 20px 0 20px 130px; background: #F0F4F5; border-top: solid 1px #DAE4E6; border-bottom: solid 1px #DAE4E6; padding: 20px 15px 30px 15px;}
.foursquare-input {float: left; width: 240px;}
.sessionForm .foursquare-input label { display: block; margin: 0 0 10px 0; font-size: 21px; font-weight: bold; color: #4D4D4D;}
.sessionForm .foursquare-input-options label { font-size: 21px; font-weight: bold; color: #4D4D4D;}
.sessionForm .foursquare-input input[type=text] { color: #000;	border: solid 1px #D9D9D9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 17px; height: 40px; line-height: 40px; padding: 0 5px 0 5px; width: 215px;}
.sessionForm .foursquare-search-button {margin-top: 50px;}
.foursquare-input-options { padding: 1em; }
.foursquare-dropdown { margin-left: 50px; }
.foursquare-checkbox { margin-left: 166px; }
#foursquareVenues {margin-top: 20px;}
#foursquareVenues ul li, #searchFoursquareVenues ul li {display: block; position: relative; margin-bottom: 3px; padding: 10px 10px 10px 52px; background: #DDD url(https://foursquare.com/img/categories/building/default_32.png) 10px 10px no-repeat;}
#searchFoursquareVenues ul li  { cursor: pointer; }
#searchFoursquareVenues ul li span.ok {display: none; position: absolute; right: 10px; top: 10px; height: 32px; width: 32px; background: url(/files/design/green-tick.png);}
#searchFoursquareVenues ul li a.remove {display: none;}
#searchFoursquareVenues ul li.selected span.ok { display: block; }
#foursquareVenues ul li a.remove {display: block; position: absolute; right: 10px; top: 10px; height: 32px; width: 32px; background: url(/files/design/red-cross.png); }
#foursquareVenues ul li input, #searchFoursquareVenues ul li input { display: none;}
#foursquareVenues ul li#noVenues {background: transparent; background-image: none; padding-left: 50px;}
#searchFoursquareLoading  { display: none; height: 30px; background:url(../files/design/loading.gif) no-repeat center center; }
#noVenuesFound {display: none; background: transparent; background-image: none; padding-left: 130px;}

/* twp2-play */
fieldset.fieldsetPlay { border: 1px solid #F1F1F1; margin-bottom: 10px; }
fieldset.fieldsetPlay legend { font-size: 24px;color: #68CCE4;}
.fieldsetLayoutLeft, .fieldsetLayoutRight {width:50%;}
.fieldsetLayoutLeft {float: left;}
.fieldsetLayoutRight {float: right;}
.sessionForm #textDescription, .sessionForm #textInfo, .sessionForm #textTitleDescription {display: none;}
.sessionForm #textTitleDescription .sessionTextarea {margin: 10px 0px;width: 900px;}
.sessionForm #textTitleDescription .button {float: right;font-size: 20px;}
/* Tweet Widget state css */
#waitTweet {display: none;}
#sessionExpired {display: none;}
/* Tweet Widget wrapping div */
#widgetLatestTweets {list-style: none;padding: 0px;margin: 0px;}
/* Tweet Widget one tweet css */
.tweetWidgetTweet {clear: both;margin: 10px 0px;width: 380px;}
.tweetWidgetTweet p {font-size: 15px;color: #333;}
.tweetWidgetTweet div img{	float:left;	width:48px;	height:48px;	margin:0px 5px 10px 0px;}
.tweetWidgetTweet div h3 { margin:0px; }
.tweetWidgetTweet div h3 a{	color:#68CCE4;	text-decoration:none;	font-size:17px;}
.tweetWidgetTweet div h3 a:hover{	text-decoration:underline;}

#chpSendTweet {-moz-border-radius: 0.4em;-webkit-border-radius: 0.4em;border-radius: 0.4em;border: 1px solid #6B6B6B;margin: 0 2px 10px 2px;width: 410px;padding-left: 3px;color: #6B6B6B;}
#sendTweetOK {display: none;float: right;}
#sendTweet {float: right;}

.sessionForm .sessionTextarea { -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; border-radius: 0.4em; border: 1px solid #6B6B6B; margin: 0px 2px; width: 300px; vertical-align: middle; padding-left: 3px; }
.sessionForm #textDescription .sessionTextarea { margin: 10px 0px; width: 410px; } 
#sessionNext { margin-top: 60px; }
.reviewSettings h2 { border-bottom: 1px solid #68CCE4;border-lefts: 10px solid #68CCE4;padding-left: 10px;padding-bottom: 3px;border-left: 10px solid #68CCE4; }
.reviewSettings .sessionLabel { clear:both; }
#logoPosition {display: none;}
.chpInfo {width: 100px; margin-right: 10px;}
#playHTML { display: block; background-color: #000; color: #FFF; width: 400px; height: 150px; margin: 10px 0; padding: 50px 0; text-align: center; text-decoration: none; font-size: 20px; font-variant: small-caps;}
.sessionEditSetting{ background:url(../files/design/btn_edit_setting.png) no-repeat center right ; color: #49C7E7; float:right;	height:14px; font-size:14px; text-decoration:none; display:block; padding:0px 20px 0px 0px; margin-left:25px;}	

/*COMBOX*/
.combox_select_form_design{ -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; border-radius:0.4em; border:1px solid #07B2DB; margin:-2px 2px; font-size:14px; /* float:left; */ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#fff;float: left; } 
.combox_headerC{ position:relative; } 
.combox_elmSelectC{ position:relative; } 
.combox_elmSelect{ display:block; overflow:hidden; padding-left:7px; clear:left; float:left; } 
.combox_li_span{ clear:both; float:left; overflow:hidden; } 
.combox_point_span{ font-size:12px; } 
.combox_inputSearch{ border:0px; background-color:transparent; display:block; height:1px; padding:0px 0px 0px 7px; outline:0px; } 
*+html .combox_inputSearch{ margin-top:-3px; }
.combox_curseur{ float:right; width:14px; position:absolute; } 
.combox_listeC{ -moz-border-radius: 0em 0em 0.4em 0.4em; border-radius: 0em 0em 0.4em 0.4em; -webkit-border-radius: 0em 0em 0.4em 0.4em; border-bottom:1px solid #07B2DB; border-left:1px solid #07B2DB; border-right:1px solid #07B2DB; list-style:none; position:absolute; background-color:#FFF; color:#569ca6; cursor:default; margin-left:-1px; } 
.combox_elm{ padding:0px 0px 0px 7px; display:block; margin:0px; border:0px; clear:both; overflow:hidden; overflow:visible\9; } 
.combox_elmA{ color:#07B2DB; text-decoration:none; display:block; padding:0px; margin:0px; border:0px; float:left; } 

.combox_play{background:url(../files/design/combox_play.png) no-repeat 4px center;}
.combox_play_disabled{background:url(../files/design/combox_play_disabled.png) no-repeat 4px center;}
.combox_free{background:url(../files/design/combox_free.png) no-repeat 4px center;}
.combox_free_disabled{background:url(../files/design/combox_free_disabled.png) no-repeat 4px center;}
.combox_test{background:url(../files/design/combox_test.png) no-repeat 4px center;}
.combox_test_disabled{background:url(../files/design/combox_test_disabled.png) no-repeat 4px center;}
.combox_settings{background:url(../files/design/combox_settings.png) no-repeat 4px center;}
.combox_settings_disabled{background:url(../files/design/combox_settings_disabled.png) no-repeat 4px center;}
.combox_stop{background:url(../files/design/combox_stop.png) no-repeat 4px center;}
.combox_stop_disabled{background:url(../files/design/combox_stop_disabled.png) no-repeat 4px center;}
.combox_delete{background:url(../files/design/combox_delete.png) no-repeat 4px center;}
.combox_report{background:url(../files/design/ico_session_report.gif) no-repeat 4px center;}
.combox_report_disabled{background:url(../files/design/ico_session_report_grey.gif) no-repeat 4px center;}
.disabled, .disabled  .combox_elmA { color: #CCC; }

/* TOOLTIP */
#tooltip { font-family : verdana; color:#606060; position: absolute; z-index: 4000; border: 1px solid #0E79A5; background-color: #fff; padding: 5px; font-size:12px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; /*opacity: 0.85;*/ }
#tooltip h3, #tooltip div { margin: 0; }

/* REPORTING */
.tweet.rejected {color: #EEE;}

/* COLOR PICKER */

.colorpicker {width: 356px; height: 176px; overflow: hidden; position: absolute;	background: url(../files/design/admin/colorpicker/custom_background.png); font-family: Arial, Helvetica, sans-serif; display: none;z-index: 20000;}
.colorpicker_color {width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair;}
.colorpicker_color div {position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(../files/design/admin/colorpicker/custom_overlay.png);}
.colorpicker_color div div {position: absolute; top: 0; left: 0; width: 11px;	height: 11px; overflow: hidden; background: url(../files/design/admin/colorpicker/custom_select.gif); margin: -5px 0 0 -5px;}
.colorpicker_hue {position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize;}
.colorpicker_hue div {position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(../files/design/admin/colorpicker/custom_indic.gif) left top; margin: -4px 0 0 0; left: 0px;}
.colorpicker_new_color {position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00;}
.colorpicker_current_color {position: absolute;	width: 60px; height: 30px; left: 283px; top: 13px; background: #f00;}
.colorpicker input {background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px;}
.colorpicker_hex {position: absolute; width: 72px; height: 22px; background: url(../files/design/admin/colorpicker/custom_hex.png) top; left: 212px; top: 142px;}
.colorpicker_hex input {right: 6px;}
.colorpicker_field {height: 22px; width: 62px; background-position: top; position: absolute;}
.colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize;}
.colorpicker_rgb_r {background-image: url(../files/design/admin/colorpicker/custom_rgb_r.png); top: 52px; left: 212px;}
.colorpicker_rgb_g {background-image: url(../files/design/admin/colorpicker/custom_rgb_g.png); top: 82px;	left: 212px;}
.colorpicker_rgb_b {background-image: url(../files/design/admin/colorpicker/custom_rgb_b.png); top: 112px; left: 212px;}
.colorpicker_hsb_h {background-image: url(../files/design/admin/colorpicker/custom_hsb_h.png); top: 52px; left: 282px;}
.colorpicker_hsb_s {background-image: url(../files/design/admin/colorpicker/custom_hsb_s.png); top: 82px;	left: 282px;}
.colorpicker_hsb_b {background-image: url(../files/design/admin/colorpicker/custom_hsb_b.png); top: 112px; left: 282px;}
.colorpicker_submit {position: absolute; width: 22px; height: 22px; background: url(../files/design/admin/colorpicker/custom_submit.png) top; left: 322px; top: 142px; overflow: hidden;}
.colorpicker_focus {background-position: center;}
.colorpicker_hex.colorpicker_focus {background-position: bottom;}
.colorpicker_submit.colorpicker_focus {background-position: bottom;}
.colorpicker_slider {background-position: bottom;}

/* settings parameters */
#layoutDescription { text-align:center; }
.listColorsPickers { margin: 0px;padding: 0px;list-style: none;}
.twpColorpickers { outline:none; }
.layoutDetails { list-style: none;padding: 10px 20px;margin: 0px;}

/* settings play */
#session_tweetContent { margin-left: 37px;width: 450px;margin-bottom: 20px;}
.linkSponsor{	float:left;	text-decoration:none;color:#97BE27;}
.texteSponsors{	display:block;	text-align:center;	width:115px;	color:#97BE27;	text-decoration:none;	margin:0px 5px 10px;}	
.sponsorsImg{	margin:5px auto ;	display:block;}
#sliderSponsor{	float:left;}
#hrefmoins, #hrefplus { margin-top:78px; height:14px; width:14px; float:left; }
#hrefmoins{	background:url(../files/design/btn_previous.png) no-repeat center ;	clear:left;}
#hrefplus{	background:url(../files/design/btn_next.png) no-repeat center;}

/*////////////////////////
/////// REPORTING ///////
//////////////////////*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
#tabs.ui-widget-content {border: none;}

#tabs{overflow: hidden; width: 920px;}
#tabs-1, #tabs-2, #tabs-3{overflow: hidden; width: 900px; float: left; font-size: 12px;}
#tweet-report table, #tweetos-report table{width: 900px; margin-bottom: 20px;}

/*/// LES TITRES ///*/
h2.title-top{font-size: 26px; color: #97BE26; margin-bottom: 15px;}
h3.title-top2{color: #19717F; margin-bottom: 15px; font-size: 16px;}
h4.title-resume, h4.title-resume2, h4.title-search{margin: 20px 0; color: #19717F; border-bottom: 1px solid #999; font-size: 18px;}
h4.title-resume2{float: left; width: 900px;}

.report-empty-tab {text-align: center; padding: 30px 0 130px 0;}
#tweet-report .nav, #tweetos-report .nav {text-align: center; margin-bottom: 15px;}
#tweetLoader, #tweetosLoader {display: none; position: absolute; background: url(../files/design/loader.gif); height: 48px; width: 48px; top: 250px; left: 420px;}
#preloadingTweets, #preloadingTweetos {background: url(../files/design/loader.gif) center center no-repeat; height: 200px;}

/*////////////////////
//// SHARE MODALE ////
////////////////////*/ 

#share_report {padding: 10px; color: #FFF; font-family: 'Marvel', Arial, sans-serif;}
#share_report .email {margin-top: 10px; padding: 7px 20px 0 20px; border-top: solid 1px #569ca6;}
#share_report .email img {vertical-align: baseline}
#share_report .email .link {float: right; color: #569ca6;}
#share_form {padding-top: 10px; text-align: right;}
#share_report label {font-size: 15px;}
#share_report input.text {width: 200px;}
#share_report .rep-desc {font-size: 15px; color: #49C7E7; padding-left: 20px;}
#share_report .switchShare {margin: 4px 0 0 20px; text-align: right;}
#share_form .error {font-size: 11px; color: #F00; font-weight: bold; text-align: center; padding-bottom: 10px;}

/*//////////////////////////
/////// RESUME PAGE ///////
////////////////////////*/

/*/// DOWNLOAD LIST ///*/
.report-dl{float:right; margin: 10px 0;}
.report-dl li{float: left; padding: 0 30px 0 17px;}
.report-dl li:last-child{padding-right: 0;}
.report-dl li a{color: #19717F; text-decoration: none; font-size: 12px;}
.report-dl li.link-1{background: url(../files/design/link-1-bg.png) no-repeat left center;}
.report-dl li.link-2{background: url(../files/design/link-2-bg.png) no-repeat left center; padding-left: 21px;}
.report-dl li.link-3{background: url(../files/design/link-3-bg.png) no-repeat left center; padding-left: 18px;}
.report-dl li.link-2-2{background: url(../files/design/ico_share.gif) no-repeat left center; padding-left: 21px;}
.report-dl li a:hover{text-decoration: underline; color: #97BE26;}

.most-user{border: 1px solid #19717F; font-size: 12px; float: left; width: 883px; padding: 10px 0 10px 15px; margin: 15px 0 20px 0; background: url(../files/design/most-user-bg.png) no-repeat center;}
.user-resume{width: 230px; height: 55px; float: left; margin: 10px 30px 10px 25px;}
#sessionContent fieldset .user-resume p {margin: 0;}
.user-resume p{float: left; padding: 1px 8px 3px 10px; color: #999;}
.user-resume a{font-weight: bold; color: #000; text-decoration: none; padding: 7px 0 4px 9px;}
.user-resume a:hover{text-decoration: underline;}
.user-resume p img{float: left; padding: 0;}
.user-resume p.nbr-most-tweet{color: #97BE26; font-size: 32px; padding: 10px 5px 0 0;}

.tweet-rt-resume{  margin: 10px 30px 10px 25px;}
#sessionContent fieldset .tweet-rt-resume p {margin: 0;}
.tweet-rt-resume p{float: left; padding: 1px 8px 3px 10px; color: #999;}
.tweet-rt-resume a{ display: inline-block; font-weight: bold; color: #000; text-decoration: none; padding: 7px 0 4px 9px;}
.tweet-rt-resume a:hover{text-decoration: underline;}
.tweet-rt-resume p img{float: left; padding: 0;}
.tweet-rt-resume p.nbr-most-tweet{color: #97BE26; font-size: 32px; padding: 10px 5px 0 0;}

/*///// SORT BY 10 - 20 - 30 /////*/
.class-by-nbr{margin-top: 15px; margin-left: 15px; text-align: right;}
.class-by-nbr a{text-decoration: none;}
.class-by-moderation {float:left;}
.class-by-moderation label {padding-right: 20px;}
.class-by-moderation .tweet-reject {color: red;}
/*
.class-by-nbr li{float: left; padding-right: 10px;}
.class-by-nbr li:last-child{padding-right: 0;}
.class-by-nbr li a{background: url(../files/design/class-by-nbr-bg.png) no-repeat; display: block; height: 20px; text-indent: -9999px; }
.class-by-nbr li a.by-ten{width: 19px; background-position: 0 0;}
.class-by-nbr li a.by-twenty{width: 19px; background-position: -20px 0;}
.class-by-nbr li a.by-thirty{width: 19px; background-position: -40px 0;}
.class-by-nbr li a.by-fourty{width: 19px; background-position: -60px 0;}
.class-by-nbr li a.by-ten:hover{background-position: 0 -21px;}
.class-by-nbr li a.by-twenty:hover{background-position: -20px -21px;}
.class-by-nbr li a.by-thirty:hover{background-position: -40px -21px;}
.class-by-nbr li a.by-fourty:hover{background-position: -61px -21px;}
*/
/*////// MENU ///////*/
#tabs li .ui-icon-close { float: right; margin: 0 0 0 0; cursor: pointer; }
 
.ui-tabs ul.report-menu{width: 100%; margin: 20px 0; padding-left: 20px; border:0; border-bottom: 1px solid #666; border-radius: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.ui-tabs ul.report-menu li{float: left;  margin-right: 5px;  border: 1px solid #666; border-bottom: none; padding: 2px;
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(160,196,209,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(160,196,209,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(160,196,209,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(160,196,209,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(160,196,209,1) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(160,196,209,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a0c4d1',GradientType=0 ); /* IE6-9 */
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		-webkit-border-radius: 8px 8px 0px 0px;
		border-radius: 8px 8px 0px 0px;}	
.ui-tabs  ul.report-menu li:last-child{margin-right: 0;}
.ui-tabs  ul.report-menu li a{color: #19717F; font-size: 12px; text-decoration: none; padding: 5px 10px;}
.div-email, .div-share, .div-export{display: none; float: right; clear: right; margin: 10px 0;}
#sessionContent .div-email fieldset{border: none; margin: 0 52px 0 0;}
.div-export ul li{float: left; font-size: 12px; margin-left: 15px;}
.div-export ul li a{color: #19717F; text-decoration: none;}
.div-export ul li a:hover{text-decoration: underline;}
.div-share ul.share li{float: left; padding-right: 15px;}
.div-share ul.share li a{font-size: 12px; color: #19717F; text-decoration: none;}
.div-share ul.share li a:hover{text-decoration: underline;}

#sessionContent fieldset p.msg-send{font-size: 12px; color: green; float: left; margin:  0 180px 0 0;}

.resume-tweet, .resume-tag{float: left; margin: 10px 0 25px 0; font-size: 13px;}
.resume-tweet{ width: 250px; }
.resume-tag {width: 550px; }
.resume-tag{float: right;}

#tabs-2{color: #666;}
#tabs-2 input{color: red;}
#tabs-2 p{margin-left: 20px;}
#sessionContent fieldset #tabs-2 p.tweet-reject{color: red; padding-right: 15px;}
#sessionContent .resume-tag table{width: 550px;}
#sessionContent .resume-tag table td{padding: 5px 15px 7px 15px; border-right: 1px dashed #19717F; color: #333; }
#sessionContent .resume-tag thead td{border-bottom: 1px solid #19717F; margin-bottom: 10px; color: #19717F; text-align: center;}
#sessionContent .resume-tag table td.last-dashed{border-right: none;}
#email, #btn-submit{margin-left: 5px;}
#btn-submit{background: #19717F; padding: 2px 5px; border: none; color: #fff; cursor: pointer;}
.datatable{margin-bottom: 15px;}	
/*////////////////////////
/////// USER LIST ///////
//////////////////////*/
#tabs-3 table{margin-top: 20px;}
#tabs-3 thead{color: #19717F; font-size: 13px; } 
#tabs-3 thead td{text-align: center; height: 35px; border: 0px; border-collapse: collapse;}
#tabs-3 thead td a {color: #19717F; text-decoration: none;}
#tabs-3 thead td a:hover {text-decoration: underline;}
.user-top-ten{}
.user-top-ten td a{text-decoration: none; color: #4a4a4a;}
.user-top-ten td.user_nbr{font-size: 28px; color: #97BE26; font-weight: bold; width: 45px;}
.user-top-ten td.user_name{text-align: left; border-left: none;} 
.user-top-ten td.user_pict{border-right: none; width: 55px;}	

tr.user-report td, .user-report-odd td, .user-top-ten td {color: #4a4a4a; font-size: 12px; font-weight: bold; padding: 0 5px; text-align: center; border-top: 1px solid #E3E3E3;  border-left: 1px solid #959595; height: 65px;}
tr.user-report td.noborder , tr.user-report-odd td.noborder {border-left: 0px;}
tr.user-report.noborder td{border-top: 0px;}
.user-report-odd{background-color: #E3E3E3;}		
tr.user-report td a, .user-report-odd a{text-decoration: none; color: #4a4a4a;}
tr.user-report td.user_nbr, .user-report-odd td.user_nbr{font-size: 28px; color: #97BE26; font-weight: bold; width: 45px;}
tr.user-report td a:hover, #tweet-report td a:hover{text-decoration: underline;}
tr.user-report td.user_name, .user-report-odd td.user_name{text-align: left; border-left: none; width: 300px;}
tr.user-report td.user_pict, tr.user-report-odd td.user_pict{border-right: none; text-align: center; width: 55px;}

#sessionContent fieldset .user_name p {margin: 0 0 10px 0; wisth: 300px;}

/*///////////////////////////////
//////// TWEET LIST //////////
/////////////////////////////*/
#tweet-report{margin-top: 10px;}
#tweet-report .tweet.rejected p.show-tweet{color: red;}
#tweet-report tr{margin-bottom: 20px; padding-top: 10px;}
#tweet-report td{border-collapse: collapse; color: #4a4a4a; font-size: 12px; border-bottom: 1px solid #959595; vertical-align: top;}
#tweet-report table{margin: 20px 0 10px 0;}
#tweet-report img{margin: 0 15px 10px 0; padding-top: 7px;}
#tweet-report td a{font-weight: bold; margin-bottom: 5px; text-decoration: none; color: #000;}
#tweet-report td.img-report{vertical-align: top; width: 20px;}
#tweet-report td.img-report img{width: 50px; height: 50px;}
.user_pict img{width: 50px; height: 50px;}
#tabs-2 #search-tweet{background: url(../files/design/search-bg.png) no-repeat left 3px; float: right;  width: 180px; height: 20px; padding-left: 18px; color: #333; margin-bottom: 5px;}
#tabs-2 #btn-search{float: right; color: #fff; margin-left: 5px; cursor: pointer; background: #19717F; padding: 5px 5px; border: none;}

/*///////////////////////////////
/////////// PICTURE ////////////
/////////////////////////////*/
#tabs-4 img{margin: 10px 15px;}
#tabs-4 ul{width: 100%; text-align: center; margin: 10px 0;}
#tabs-4 ul li{display: inline; font-size: 12px; margin-left: 10px;}
#tabs-4 ul li.day {display: block; text-align: center;}
#tabs-4 ul li a{color: #19717F; text-decoration: none;}
#tabs-4 ul li a:hover{text-decoration: underline;}
.picto-horloge{display: block; width: 28px; height: 27px; background: url(../files/design/horloge-pict.png) no-repeat; margin: 0 auto;}
h3.pict-time{color: #19717F; margin:  0 0 15px 0; border-bottom: 1px solid #ccc; width: 900px; float: left;}
#tweet-report .tweet.rejected, #tweet-report .tweet.approved{margin-bottom: 15px;}
.user-top-ten td a:hover{text-decoration: underline;}
#galery-photo {font-size: 12px;}
#galery-photo .pict-info{float: left; width: 225px; margin-bottom: 20px; position: relative;}
#galery-photo .pict-info a.pict-user-name{margin-left: 15px; color: #666; text-decoration: none;}
#galery-photo .pict-info a.pict-user-name:hover{text-decoration: underline;}
#galery-photo .pict-info p.pict-hour{float: right; color: #277987;}
#galery-photo .rejected a.pict-user-name, #galery-photo .rejected p.pict-hour a{color: red;}
#galery-photo .rejected p.pict-hour a:hover{text-decoration: none;}
#galery-photo .pict-tweet{width: 189px; height: 152px; position: absolute; top: 10px; left: 15px; opacity: 0; 
			-webkit-transition: all .2s linear;
		  	-moz-transition: all .2s linear;
			transition: all .2s linear;
			background: rgb(206,223,155); /* Old browsers */
			background: -moz-radial-gradient(center, ellipse cover, rgba(206,223,155,1) 0%, rgba(174,221,45,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(206,223,155,1)), color-stop(100%,rgba(174,221,45,1))); /* Chrome,Safari4+ */
			background: -webkit-radial-gradient(center, ellipse cover, rgba(206,223,155,1) 0%,rgba(174,221,45,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-radial-gradient(center, ellipse cover, rgba(206,223,155,1) 0%,rgba(174,221,45,1) 100%); /* Opera 12+ */
			background: -ms-radial-gradient(center, ellipse cover, rgba(206,223,155,1) 0%,rgba(174,221,45,1) 100%); /* IE10+ */
			background: radial-gradient(center, ellipse cover, rgba(206,223,155,1) 0%,rgba(174,221,45,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedf9b', endColorstr='#aedd2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
/* #galery-photo .pict-tweet:hover{opacity: .9} */
#galery-photo .rejected .pict-tweet{
			background: rgb(255,137,137); /* Old browsers */
			background: -moz-radial-gradient(center, ellipse cover, rgba(255,137,137,1) 0%, rgba(255,79,79,1) 98%); /* FF3.6+ */
			background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,137,137,1)), color-stop(98%,rgba(255,79,79,1))); /* Chrome,Safari4+ */
			background: -webkit-radial-gradient(center, ellipse cover, rgba(255,137,137,1) 0%,rgba(255,79,79,1) 98%); /* Chrome10+,Safari5.1+ */
			background: -o-radial-gradient(center, ellipse cover, rgba(255,137,137,1) 0%,rgba(255,79,79,1) 98%); /* Opera 12+ */
			background: -ms-radial-gradient(center, ellipse cover, rgba(255,137,137,1) 0%,rgba(255,79,79,1) 98%); /* IE10+ */
			background: radial-gradient(center, ellipse cover, rgba(255,137,137,1) 0%,rgba(255,79,79,1) 98%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8989', endColorstr='#ff4f4f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
#galery-photo .galery-link{display: block; width: 170px; height: 124px; position: absolute; top: 0; left: 0; padding: 10px; line-height: 18px;}
#sessionContent fieldset #galery-photo .pict-tweet p a{text-decoration: none; color: #000;}

fieldset #tweet-report .tweet.rejected p, #tweet-report .tweet.approved p{float: left; clear: both;}
.user-resume img{width: 50px; height: 50px;}		
#sessionContent fieldset p.pict-hour{margin: 0 20px 0 0;}

.clear {clear: both;}