/* ------------------------ */
/* Widgets                  */
/* ------------------------ */
body{font-family: Segoe UI, sans-serif;}
a {font-family: Segoe UI, sans-serif;}
div.ui-helper-reset {font-size: 8pt!important;}
ul.ui-helper-reset { font-size: 7.5pt!important; }

.ui-widget-overlay { background: #5c5c5c url(../javascript/jquery/images/ui-bg_flat_80_5c5c5c_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #cccccc url(../javascript/jquery/images/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.ui-widget-content { border: 1px solid #666666; background: #ffffff url(../javascript/jquery/images/ui-bg_inset-soft_25_ffffff_1x100.png) 50% bottom repeat-x; color: #000000; }
.ui-widget-content a { color: #000000; }
.ui-widget-header { border: 1px solid #333333; background: #333333 url(../javascript/jquery/images/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states ----------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #666666; background: #555555 url(../javascript/jquery/images/ui-bg_glass_25_555555_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eeeeee; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #eeeeee; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #036ab5; background: #86b6db url(../javascript/jquery/images/ui-bg_glass_40_86b6db_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #3483c1; background: #0483c1 url(../javascript/jquery/images/ui-bg_inset-soft_50_0483c1_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #cccccc; background: #eeeeee url(../javascript/jquery/images/ui-bg_highlight-soft_80_eeeeee_1x100.png) 50% top repeat-x; color: #2e7db2; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #2e7db2; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #c00303; background: #d23838 url(../javascript/jquery/images/ui-bg_glass_30_d23838_1x400.png) 50% 50% repeat-x; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* ------------------------ */
/* Accordion                */
/* ------------------------ */
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-content
{
	background-color: #ffffff!important;
	background-image:none!important;
    padding: 0.2em!important;
    min-height:76px;
    height:100px;
}

.ui-accordion-content-active
{
	overflow: hidden auto!important;
	overflow-x: hidden!important;
	overflow-y: auto!important;
}
/* ------------------------ */
/* Tabs                     */
/* ------------------------ */
#tabs 
{ 
	height: 300px; 
} 
.tabs-bottom { position: relative;padding:0px!important; } 
.tabs-bottom .ui-tabs-panel { height: 300px; overflow: auto; padding:0px!important;} 
.tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em 0; } 
.tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px;max-width:100px;}
.ui-tabs-selected { margin-top: -3px !important; }


#toolsbar.sommairetitle
{
    height:20px;
    padding-top:5px;
}

/* ------------------------ */
/* Compteurs des accordéons */
/* ------------------------ */
div[id^="group_"] {zoom: 1;}

div[id^="group_"] a[id^="lblgroup_"]
{
    padding-left: 2.8em!important;
    display:inline-block;
}

div[id^="group_"] div[class*="ui-accordion-content-active"]
{
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}

.ui-tracker 
{
    background-image: url(../Images/PNG/ui-tracker.png);
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    text-align: center;
	border-style: none;
	display:inline-block;
   
}
.ui-tracker-groupcontent { float:right;margin-top:4px;margin-right:4px; }

.ui-tracker-cpterror { background-position:  -0px -0px; height: 25px; width: 25px; }
.ui-tracker-cptna { background-position:  -0px -25px; height: 25px; width: 25px; }
.ui-tracker-cptnone { background-position:  -25px -0px; height: 25px; width: 25px; }
.ui-tracker-cptpending { background-position:  -25px -25px; height: 25px; width: 25px; }
.ui-tracker-cptprogress { background-position:  -50px -0px; height: 25px; width: 25px; }
.ui-tracker-cptsuccess { background-position:  -50px -25px; height: 25px; width: 25px; }
.ui-tracker-cptwarning { background-position:  -75px -0px; height: 25px; width: 25px; }
.ui-tracker-detail { background-position:  -75px -25px; height: 15px; width: 16px; }
.ui-tracker-float { background-position:  -100px -0px; height: 16px; width: 16px; }
.ui-tracker-groupcontent { background-position:  -100px -16px; height: 16px; width: 16px; }
.ui-tracker-helpgroup { background-position:  -116px -0px; height: 24px; width: 24px; }
.ui-tracker-helpreadystate { background-position:  -116px -24px; height: 24px; width: 24px; }
.ui-tracker-helpstatus { background-position:  -140px -0px; height: 24px; width: 24px; }
.ui-tracker-ledactive { background-position:  -100px -32px; height: 16px; width: 16px; }
.ui-tracker-lederror { background-position:  -140px -24px; height: 16px; width: 16px; }
.ui-tracker-ledna { background-position:  -164px -0px; height: 16px; width: 16px; }
.ui-tracker-lednone { background-position:  -164px -16px; height: 16px; width: 16px; }
.ui-tracker-ledpending { background-position:  -164px -32px; height: 16px; width: 16px; }
.ui-tracker-ledprogress { background-position:  -180px -0px; height: 16px; width: 16px; }
.ui-tracker-ledrequested { background-position:  -180px -16px; height: 16px; width: 16px; }
.ui-tracker-ledsuccess { background-position:  -180px -32px; height: 16px; width: 16px; }
.ui-tracker-ledterminated { background-position:  -196px -0px; height: 16px; width: 16px; }
.ui-tracker-ledwarning { background-position:  -196px -16px; height: 16px; width: 16px; }
.ui-tracker-monitoring { background-position:  -196px -32px; height: 16px; width: 16px; }
.ui-tracker-noscroll { background-position:  -212px -0px; height: 16px; width: 16px; }
.ui-tracker-parameters { background-position:  -212px -16px; height: 16px; width: 16px; }
.ui-tracker-refresh { background-position:  -212px -32px; height: 16px; width: 16px; }
.ui-tracker-scroll { background-position:  -228px -0px; height: 16px; width: 16px; }
.ui-tracker-serviceobserver { background-position:  -228px -16px; height: 16px; width: 16px; }
.ui-tracker-squareactive { background-position:  -228px -32px; height: 16px; width: 16px; }
.ui-tracker-squareerror { background-position:  -244px -0px; height: 16px; width: 16px; }
.ui-tracker-squarena { background-position:  -244px -16px; height: 16px; width: 16px; }
.ui-tracker-squarenone { background-position:  -244px -32px; height: 16px; width: 16px; }
.ui-tracker-squarepending { background-position:  -260px -0px; height: 16px; width: 16px; }
.ui-tracker-squareprogress { background-position:  -260px -16px; height: 16px; width: 16px; }
.ui-tracker-squarequested { background-position:  -260px -32px; height: 16px; width: 16px; }
.ui-tracker-squaresuccess { background-position:  -276px -0px; height: 16px; width: 16px; }
.ui-tracker-squareterminated { background-position:  -292px -0px; height: 16px; width: 16px; }
.ui-tracker-squarewarning { background-position:  -276px -16px; height: 16px; width: 16px; }
.ui-tracker-starttimer { background-position:  -276px -32px; height: 16px; width: 16px; }
.ui-tracker-stoptimer { background-position:  -292px -16px; height: 16px; width: 16px; }


span[id^="cpt_"]
{
    position: absolute;
    text-align:center;
    width:22px;
    height:22px;
    vertical-align:text-bottom;
    font-weight:bold;
    line-height:2.4;
    color: #fff; 

    border-radius: 15px;
    font-size: 7pt;
    margin-top: 1px;
    
}

/* ------------------------ */
/* Compteurs des onglets    */
/* ------------------------ */
.tabs-bottom .ui-tabs-nav li a[id^="readystate_"],
.tabs-bottom .ui-tabs-nav li a[id^="tracker_"]
{
	font-family: Segoe UI, sans-serif!important;
	font-weight:bold;
	padding: 0.25em;
}
span[id^="readystate_"]
{
    text-align:center;
    vertical-align:text-bottom;
    font-weight:bold;
    color: #FFFFFF!important;
    padding-left:0px;
    padding-right:0px;
    float:right;
    min-width:15px;
    max-height:15px;
    /*font-size:larger;*/
    font-size:7pt;
    border-bottom-left-radius: 10px;
}

/* ------------------------ */
/* Boutons                  */
/* ------------------------ */
#trackerContainer 
{
	overflow:hidden;
	/*overflow-x:hidden;
	overflow-y:hidden;*/
}
#trackerContainer input[type=image]
{
    width: 16px; 
    height: 16px; 
    cursor: pointer;
}

/* ------------------------ */
/* Tooltip                  */
/* ------------------------ */
.qtip-content 
{
	font-family: Segoe UI, sans-serif;
	font-size: 8pt!important;
    font-variant:normal;
    font-weight:normal;
    overflow:hidden auto!important;
    overflow-x:hidden;
    overflow-y:auto!important;
    max-height:150px;
}

.qtip-content b
{
    font-weight:bold!important;
}

.qtip-content span.cpt
{
    font-size:8pt!important;
    overflow:hidden;
	line-height:1;
	cursor:pointer!important;
	background-image:none;
}
.qtip-content span.subtitle
{
    font-weight:bolder;
	color:#000000;
}
span.ERROR {color: #c00303;}
span.NA {color: #848484;}
span.NONE {color: #036ab5;}
span.PENDING{color: #673406;}
span.PROGRESS {color: #8B569F;}
span.SUCCESS {color: #51ad26;}
span.WARNING{color: #ea5a00;}

/* ------------------------ */
/* Scroller des totaux      */
/* ------------------------ */

#cptall
{
	background-color:#fff;
	height:13px;
	border-left:solid 1px #545454;
	border-right:solid 1px #545454;
	border-top:solid 1px #545454;
	border-bottom:solid 3px #545454;
}


ul.newsticker span {white-space: nowrap;padding: 0;font-weight:bold;font-size:10px;} 

ul.newsticker span[id^="all-"]{color:#000;cursor:pointer;vertical-align:top;display:inline-block;}
ul.newsticker span[id^="all-"][class$="REQUESTED"]{color: #000;}
ul.newsticker span[id^="all-"][class$="ACTIVE"]{color: #8B569F;}
ul.newsticker span[id^="all-"][class$="TERMINATED"]{color: #036AB5;}
ul.newsticker span[id^="all-"][class$="NA"]{color: #848484;}
ul.newsticker span[id^="all-"][class$="NONE"]{color: #036AB5;}
ul.newsticker span[id^="all-"][class$="ERROR"]{color: #c00303;}
ul.newsticker span[id^="all-"][class$="SUCCESS"]{color: #51ad26;}
ul.newsticker span[id^="all-"][class$="PROGRESS"]{color: #8B569F;}
ul.newsticker span[id^="all-"][class$="PENDING"]{color: #673406;}
ul.newsticker span[id^="all-"][class$="WARNING"]{color: #ea5a00;}

ul.newsticker li span.counter_SPACE
{
	padding-right:15px;
}

ul.newsticker span.REQUESTED,
ul.newsticker span.ACTIVE,
ul.newsticker span.TERMINATED
{
    margin: 0px;
    padding-left:10px;
    padding-right:10px;
    text-decoration:underline;
    cursor:pointer;
} 


ul.groupcontent
{
    background-color:#ffffff;
    display:inline;
}

ul.TrackerRed {color: #c00303;}
ul.TrackerOrange {color: #ea5a00;}
ul.TrackerGreen {color: #51ad26;}
ul.TrackerBlue {color: #036ab5;}
ul.TrackerMarron {color: #673406;}
ul.TrackerBlack {color: #000000;}
ul.TrackerGray {color: #848484;}
ul.TrackerViolet {color: #8B569F;}

ul li.statuserror {color: #c00303;}
ul li.statuswarning {color: #ea5a00;}
ul li.statussuccess {color: #51ad26;}
ul li.statusnone {color: #036ab5;}
ul li.statuspending {color: #673406;}
ul li.statusna {color: #000000;}
ul li.statusprogress {color: #8B569F;}

ul.content 
{
    padding-left:0px;
    margin-top:0px;
}
ul.content li 
{
	float: left; 
	margin: 0;
	padding: 0;
	position: relative;
	font-family: Segoe UI, sans-serif;
	font-weight:bold;
	font-size:8pt!important;
	list-style-type: none;
	width:100%;
}

ul li.light 
{
	font-weight:normal;
	font-size:8pt!important;
}


ul.content li span
{
	margin-right:3px;
	display:inline;
}
ul.content li span.message
{
	cursor:pointer;
	width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
ul.content li span.iddata 
{
	float:right;
	cursor:pointer;
	width:88px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:right;
}
ul.content li span.message:hover, ul.content li span.iddata:hover{text-decoration:underline;cursor:pointer;}


#menuFrame.ui-layout-pane,
#viewTrackerFrame.ui-layout-pane
{
	padding:0px;
	background-color:#8c8c8c;
}

#bannerFrame.ui-layout-pane
{
	padding:0px;
	background-color:#ffffff;
}


.tickercontainer 
{ 
    height: 27px;
    margin: 0;
    padding: 0;
    overflow: hidden; 
}
.tickercontainer .mask 
{ 
    position: relative;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

.tickercontainer .masktop
{
    position: relative;
    left: 0px;
    -ms-top: 10px;
    top:0px;
    overflow: hidden;
}

ul.newsticker  
{
    position: relative;
    left: 450px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newsticker li 
{
    float: left; 
    margin: 0;
    padding: 0;
}
ul.newsticker a 
{
    white-space: nowrap;
    padding: 0;
    margin: 0 10px 0 0;
} 

h3.blockUI
{
	font-size:smaller;
	padding-left:10px;
}

#toolsbar input
{
	cursor: pointer;
	color: #4169e1;
	background-color: transparent;
	text-align: center;
	border-style: none;
}	

span[id^="imggroup_"]
{
    position: absolute;
	background-repeat:no-repeat;
	background-position:left center;
    text-align:center;
    width:25px;
    height:25px;
    vertical-align:text-bottom;
    font-weight:bold;
    line-height:2.4;     
    color: #FFFFFF!important;
}

/* ------------------------ */
/* Aide en ligne            */
/* ------------------------ */

#detgroup_HELP_GROUP,
#detgroup_HELP_READYSTATE,
#detgroup_HELP_STATUS
{
    min-height:186px;
    height:186px;
}

div[id^=detgroup] .preamble
{
	font: bold 12px Segoe UI, sans-serif;
	padding-left:5px;
	text-align:justify;
	hyphens:auto;
	word-wrap:break-word;
}

div[id^=detgroup] .title,
div[id^=detgroup] .REQUESTED, div[id^=detgroup] .ACTIVE, div[id^=detgroup] .TERMINATED,
div[id^=detgroup] .ERROR, div[id^=detgroup] .NA, div[id^=detgroup] .NONE,
div[id^=detgroup] .PENDING, div[id^=detgroup] .PROGRESS, div[id^=detgroup] .SUCCESS, div[id^=detgroup] .WARNING
{
	vertical-align:text-top;
	font: bold 12px Segoe UI, sans-serif;
	text-align:justify;
	font-variant:small-caps;
	padding-left:4px;
}

div[id^=detgroup] .title {color: #000;}
div[id^=detgroup] .REQUESTED {color: #545454;}
div[id^=detgroup] .ACTIVE {color: #8B569F;}
div[id^=detgroup] .TERMINATED {color: #036ab5;}
div[id^=detgroup] .ERROR {color: #c00303;}
div[id^=detgroup] .NA {color: #000;}
div[id^=detgroup] .NONE {color: #036ab5;}
div[id^=detgroup] .PENDING {color: #673406;}
div[id^=detgroup] .PROGRESS {color: #8B569F;}
div[id^=detgroup] .SUCCESS {color: #51ad26;}
div[id^=detgroup] .WARNING {color: #ea5a00;}

div[id^=detgroup] .body
{
	color: #505050;
	font: normal 12px Segoe UI, sans-serif;
	text-align:justify;
	padding:0px 5px 5px 5px;
	hyphens:auto;
	word-wrap:break-word;
}