﻿/* loader */
.app-loader
{ 
 
    width                   : 32px;
    height                  : 32px; 
    text-align              : center;
    background-image		: url('images/loader.gif');
	background-repeat		: no-repeat;
}

.app-loader-1
{ 
 
    width                   : 16px;
    height                  : 16px; 
    text-align              : center;
    background-image		: url('images/loader-1.gif');
	background-repeat		: no-repeat;
}

.app-loader-2
{ 
 
    width                   : 16px;
    height                  : 16px; 
    text-align              : center;
    background-image		: url('images/loader-2.gif');
	background-repeat		: no-repeat;
}

.app-refresh
{ 
 
    width                   : 32px;
    height                  : 32px; 
    text-align              : center;
    background-image		    : url('images/refresh.png');
	background-repeat		: no-repeat;
    cursor					: pointer;
}

.app-refresh-disabled
{ 
 
    width                   : 32px;
    height                  : 32px; 
    text-align              : center;
    background-image		: url('images/refresh-disabled.png');
	background-repeat		: no-repeat;
    cursor					: pointer;
}

.app-hand
{
    cursor					: pointer;
}

.app-logo
{
    width                   : 100px;
    height                  : 43px; 
	background-image	    : url('images/logo.png');
	background-repeat	    : no-repeat;}	

.app-widget-container
{
	background-color	    : White;}
    
.app-widget-bg-middle-right
{
	background-image	    : url('images/widget-bg-middle-right.png');
	background-repeat	    : repeat-y;}

.app-widget-bg-middle-left
{
	background-image	    : url('images/widget-bg-middle-left.png');
	background-repeat	    : repeat-y;}

.app-widget-bg-bottom-right
{
	background-image	    : url('images/widget-bg-bottom-right.png');
	background-repeat	    : no-repeat;}
	
.app-widget-bg-bottom-middle
{
	background-image	    : url('images/widget-bg-bottom-middle.png');
	background-repeat	    : repeat-x;}
	
.app-widget-bg-bottom-left
{
	background-image	    : url('images/widget-bg-bottom-left.png');
	background-repeat	    : no-repeat;}	

.app-widget-bg-top-right
{
	background-image	    : url('images/widget-bg-top-right.png');
	background-repeat	    : no-repeat;}
	
.app-widget-bg-top-middle
{
	background-image	    : url('images/widget-bg-top-middle.png');
	background-repeat	    : repeat-x;}
	
.app-widget-bg-top-left
{
	background-image	    : url('images/widget-bg-top-left.png');
	background-repeat	    : no-repeat;}	

/* Style du titre */
.app-widget-title
{
	color				    : White;}

.app-widget-title span
{
	font-size			    : 22px;}

/* Style du placeholder */
.app-widget-placeholder 
{ 
	border				    : 2px dashed #999;
	margin-top			    : 10px;
	margin-bottom		    : 35px}

/* Style du conteneur */
.app-widgets-container-layout
{
	width				    : 300px;
	float				    : left;
	min-height			    : 300px;}
	
.app-widgets-separator
{
	width				    : 60px;
	float				    : left;
	min-height			    : 400px;
	height				    : 400px;
	height				    : auto !important; }
	
.app-widget-content
{
	margin-left			    : 10px;
	margin-right		    : 7px;}
	
.app-widget-style-4
{
	color				    : #ca4872; 
	font-size			    : 12px;
	font-style			    : italic;}

.app-add
{
    width                   : 32px;
    height                  : 36px; 
	background-image	    : url('images/add.png');
	background-repeat	    : no-repeat;}	

.app-delete
{
    width                   : 32px;
    height                  : 34px;
	background-image	    : url('images/delete.png');
	background-repeat	    : no-repeat;}	

.app-next-enabled
{
    width                   : 12px;
    height                  :20px;
	background-image	    : url('images/next-enabled.png');
	background-repeat	    : no-repeat;}	

.app-previous-enabled
{
    width                   : 12px;
    height                  : 20px;
	background-image	    : url('images/previous-enabled.png');
	background-repeat	    : no-repeat;}	

.app-border
{
    border                  :solid;
    border-width            :1px; 
    border-color            :#0072ab !important;
}

.app-button-enabled
{
    color                   : white;
    background-color        : #0088cc;
}

.app-button-disabled
{
    color                   : #0072ab;
    background-color        : white;
}

.app-button-disabled:hover
{
    color                   : white;
    background-color        : #0088cc;
}

.app-appareil-count
{
    color                   : #0072ab;
    font-size               :x-large;
    Font-Weight             :bolder;
}

.app-screen-data
{
    color                   : #0072ab;
    font-size               :large;
    Font-Weight             :bolder;
}

.app-screen-time
{
    color                   : #7eb670;
    font-size               :large;
    Font-Weight             :bolder;
}

.app-screen-label
{
    font-size               :medium;
}