body
, body div
, body p
, body span
, body ul
, body ol
, body li
, body h3
, body h2
, body h1
, body td {
	padding:0;
	margin:0;
	background:none;
	text-decoration:none;
    list-style-position: outside;
	text-align: left;
	border:none;
}
	body {
		background-color: #fffaee;
	}
	a {
		text-decoration: none;
		color: #00abeb;
	}
		a:hover {
			text-decoration: underline;
		}
	select {
		cursor: pointer;
	}
		select:disabled {
			cursor: default;	
		}

/****************************************
                HEADER
*****************************************/ 
.header {
	background-color: #303640;
	width: 100%;
    min-width: 770px;
	height: 30px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10000; /* IE 7 */
}

.header h1 {
	position: absolute;
	top: 0;
	left: 35px;
}

/****************************************
                HEADER
*****************************************/

	/****************************************
                HEADER NOT CONNECTED
	*****************************************/ 
.header .choose-lang {
    position: absolute;
    top: 0px;
    right: 33px;
    height: 30px;
    line-height: 32px;
    color: #f1f2f2;
}

.header a.lnk-lang {
    display: block;
    height: 100%;
    width: 100%;
    margin-right: 25px;
    color: #fff;
}

	.header a.lnk-lang:hover  {
		color: #ffcc85;
		text-decoration: none;
	}

div.header a.lnk-lang span.icon-hme {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url("../../pictures/homeMap.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    right: 2px;
}

	div.header a.lnk-lang:hover span.icon-hme {
	    background-position: 50% 0;
	}

	/****************************************
                HEADER MENU CONNECTED
	*****************************************/

.header .menu {
	position: absolute;
	top: 0;
	left: 290px;
	font-size: 14px;
	color: #FFF;
}
	
.header .menu ul li {
    list-style: none;
    position: relative;
    height: 30px;
    float: left;
}

.header .menu ul li a {
		display: block;
		width: 87px;
		padding: 0 0px 0 40px;
		line-height: 30px;
		color: #FFF;
		border-left: 1px solid #FFF;
	}

	.header .menu ul li.last-li-menu a {
		border-right: 1px solid #fffaee;
	}

	.header .menu ul li.active a {
		border-left-color: #303640;
	}

	.header .menu a:hover {
		border-left-color: #303640;
		border-right-color: #303640;
	}

	.header .menu a:hover,
	.header .menu li.active a {
		background-color: #fffaee;
	    color: #303640;
	    text-decoration: none;
	}
.header .menu a span.openedChat {
    border-radius: 32px;
    display: inline-block;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin-left: 6px;
    padding: 0 7px;
    text-align: center;
 	background: #fffaeb;
 	color: #303640;
}
.header .menu a:hover span.openedChat,
.header .menu li.active a span.openedChat {
	background: #303640;
    color: #fffaeb;
}

@media screen and (max-width: 1100px) {
	.header .menu ul li a {
		width: 0;
	}
	.header .menu ul li span.text {
		visibility: hidden;
	}
  	.header .menu a span.openedChat {
		position: absolute;
		top: 20px;
		left: -14px;
		line-height: 11px;
		height: 11px;
		font-size: 11px;
		padding: 2px 4px;
		background: #6a778c !important;
		color: #fffaeb;
		display: block;
		border: 1px solid #000;
  	}
  	.header .menu li a span.img {
  		left: 8px;
  	}
}
.header .menu a span.img {
	width: 28px;
	height: 28px;
	position: absolute;
	bottom: 0;
	left: 10px;
}

	.header .menu li a span.img {
	    background: url('../../pictures/icon_menu.png') no-repeat 0% 0%;
	}

		.header .menu li.inactive a span.dialog-img {
		    background-position:-22px -8px;
		}
			.header .menu li.inactive a:HOVER span.dialog-img
			,.header .menu li.active a span.dialog-img {
				background-position:-22px -40px;
			}

		.header .menu li.inactive a span.supervise-img {
		    background-position:-154px -8px;
		}
			.header .menu li.inactive a:HOVER span.supervise-img
			,.header .menu li.active a span.supervise-img {
				background-position:-154px -40px;
			}

		.header .menu li.inactive a span.analytics-img {
		    background-position:-300px -8px;
		}
			.header .menu li.inactive a:HOVER span.analytics-img
			,.header .menu li.active a span.analytics-img {
				background-position:-300px -40px;
			}

		.header .menu li.inactive a span.admin-img {
		    background-position:-432px -6px;
		}

			.header .menu li.inactive a:HOVER span.admin-img
			,.header .menu li.active a span.admin-img {
				background-position:-432px -38px;
			}

#toggle-account .dropdown {
    display: inline-block;
    width: 12px;
    height: 8px;
    margin-left: 5px;
    background-image: url("../../pictures/select-arrow02.png");
    background-position: 95% 55%;
    background-repeat: no-repeat;
    background-color: #303640;
}

	#toggle-account .dropdown.active {
		background-image: url("../../pictures/select-arrow01.png");
	}

	/****************************************
                	FOOTER
	*****************************************/

div.page-footer span.copy a {
	margin: 10px 22px;
	color: #fffaee;
	font-size: 9px;
    float: right;
}

	div.page-footer span.copy a:hover {
		text-decoration: none;
	}

	.user div.page-footer .copy {
	  display: none; /*Hide on Homepage */
	}

	/****************************************
                RIGHT HEADER
	*****************************************/ 
.header .header-right {
	cursor: pointer;
	position: relative;
	right: 15px;
	top: 0;
	line-height: 30px;
    float: right;
}

	.header .header-right .welcome {
	    color: #e4e4e4;
	    float: left;
	    margin-right: 15px;
   		padding-right: 60px;
	}
	
	.header .header-right .online-status-img,
	.header .header-right .away-status-img,
	.header .header-right .private-status-img,
	.header .header-right .disconnected-status-img {
		position: relative;
		float: left;
		overflow: auto; /* IE 7 */
		top: 6px;
		right: 5px;
	}
	
	.header .header-right .online-status-text {
	    color: #0bf711;
	}
	.header .header-right .private-status-text {
	    color: #f0c716;
	}
	.header .header-right .away-status-text {
	    color: #CCC;
	}
	.header .header-right .disconnected-status-text {
	    color: #ce2d19;
	}

		/****************************************
	            	   CHANGE PROJECT
		*****************************************/

.selectpicker .btn:hover {
    color: #000;
    background-color: #fffaee;
    border-color: #303640;
}

		/****************************************
	            	   LOGIN BOX
		*****************************************/
#info-box-status {
	padding: 4px 8px 45px 4px;
	margin: 0 3px;
    border-bottom: 1px solid #bfbfbf;
}

	#info-box-status .online {
		position: absolute;
		left: 10px;
		cursor: default;
		padding: 10px 0;
	}
	
	#info-box-status .private {
		position: absolute;
		left: 112px;
		cursor: default;
		padding: 10px 0;
	}
	
	#info-box-status .away {
		position: absolute;
		left: 152px;
		cursor: default;
		padding: 10px 0;
	}

		#info-box-status span.online-status-text,
		#info-box-status span.private-status-text,
		#info-box-status span.away-status-text  {
		    left: 2px;
			position: relative;
  			top: -5px;
		}

		#info-box-status span.private-status-text {
		    color: #f0c716;
		}
		#info-box-status span.away-status-text {
		    color: #ccc;
		}
		
		#info-box-status .status-active span {
		    cursor: default;
		    font-weight: bold;
		}
		


.private-status-img
,.away-status-img 
,.online-status-img
,.disconnected-status-img
 {
    background: url('./../../pictures/status2.png') no-repeat 100% 0%;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.private-status-imgmini
,.away-status-imgmini 
,.online-status-imgmini
,.disconnected-status-imgmini {
    background: url('./../../pictures/status_mini.png') no-repeat 100% 0%;
    width: 13px;
    height: 13px;
    display: inline-block;
}
	.online-status-img,
	.online-status-imgmini {
		background-position: 0 0;
	}
	.private-status-img,
	.private-status-imgmini {
		background-position: 50% 0;
	}
	
.disconnected-status-img{
	background: url('./../../pictures/disconnected.png') no-repeat 0 0;
	position: relative;
}	
.disconnected-status-imgmini {
	background: url('./../../pictures/disconnected_mini.png') no-repeat 0 0;
	position: relative;
}	
	

/****************************************
               SUB HEADER
*****************************************/

#sub-header {
	position: relative;
	height: 40px;
	background-color: #6a778c;
}

	#sub-header div.availableops {
	    position: absolute;
	    right: 60px;
	    top: 0;
	    line-height: 40px;
		z-index: 1;
	}
		#sub-header div.availableops p.show-ops {
	    	cursor: pointer;
	    	color: #fffaee;
		}

	#sub-header div.operator-projects {
		position: absolute;
		left: 270px;
		top: -7px;
		line-height: 40px;
		z-index: 1;
	}

/*----------------------------*/
.multiselect {
	width: 225px;
	float: left;
}

.selectBox {
	position: relative;
}

.selectBox select {
	width: 80%;
	font-size: 12px;
}

.overSelect {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: none !important;
}

#operatorProjectBox {
	display: none;
	background: #ffffff !important;
	border: 1px solid rgba(0,0,0,.15);
	height: auto;
	min-width: 225px;
	padding: 5px;
	margin-left: 25px;
}

#operatorProjectBox label {
	display: block;
}

.groupOperatorProject {
	text-align: left;
	font-weight: normal;
	background: none !important;
	padding: 0px 5px;
}

.groupOperatorProject:hover {
	background-color: #FF7F00;
}

.groupOperatorProjectButton {
	background: transparent  !important;
	border-top: 1px solid #cccccc;
	padding: 5px 5px 2px;
}

	/****************************************
              POPUP AVAILABLE OPERATORS
	*****************************************/
#list-operators.ui-dialog-content {
    margin: 0;
    padding: 0;
    border-radius: 0;
}
	#list-operators table {
    	border-top: 1px solid #cecac0;
	}
	#list-operators table thead {
		background-color: #6a778c;
		color: #fff;
	    -moz-box-shadow: 0px 0px 2px 0px #656565;
		-webkit-box-shadow: 0px 0px 2px 0px #656565;
		-o-box-shadow: 0px 0px 2px 0px #656565;
		box-shadow: 0px 0px 2px 0px #656565;
	}
	#list-operators table tr:hover {
		cursor: default;
		background-color: inherit;
	}
		#list-operators table tr.odd:hover {
	    	background-color: #f1ede2;
		}
	#list-operators table tr td {
	    max-width: 100px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	#list-operators p.no-op {
		padding: 10px;
	}


/****************************************
           	  INTERNAL CHAT
*****************************************/

.call-irc-chat {
	display: none;
    position: fixed;
    z-index: 1;
    right: 0px;
    top: 225px;
    cursor: pointer;
}

	.call-irc-chat.notice {
	    animation-duration: 1s;
	    animation-iteration-count: infinite;
	    animation-name: ircNewConv;
	}
	@keyframes ircNewConv {
	    from {width: 50px;}
	    to {width: 60px;}
	}

.call-irc-chat span.openedChat-irc,
.irc-panel div.panel-header span.openedChat-irc {
	display: none;
	position: absolute;
    top: 7px;
    left: 2px;
	color: #303640;
	border-radius: 36px;
	background-color: #fffaee;
	padding: 0px 5px;
	font-size: 11px;
	height: 16px;
	line-height: 16px;
    font-weight: 800;
}

/****************************************
       	  		IRC PANEL
*****************************************/

div.irc-panel {
	display: none;
	position: fixed;
    top: 30px;
    right: 0;
    width: 335px;
    height: 560px;
    max-height: 560px;
    background: #fffaee;
	box-shadow: -3px 3px 12px rgba(0,0,0,.3);
    border: 1px solid #cecac0;
    z-index: 100;
}

	/****************************************
     	  		IRC PANEL HEADER
	*****************************************/

	div.irc-panel div.panel-header {
		position: relative;
		height: 40px;
		background-color: #303640;
		border-bottom: 1px solid #cecac0;
	}

		div.irc-panel div.panel-header span.chatirc-icon {
			position: relative;
		    left: 26px;
			top: 6px;
		}

		div.irc-panel div.panel-header span.text {
			position: absolute;
			left: 85px;
			top: 15px;
			color: #fffaee;
		}

		div.irc-panel div.panel-header span.close-panel {
		    position: absolute;
		    right: 0;
		    top: 0px;
		    cursor: pointer;
		    color: #fff;
		    font-size: 31px;
		    border-left: 1px solid #606c7f;
		    padding-left: 10px;
		    padding-right: 10px;
		}

	/****************************************
     	  		IRC PANEL CONTENT
	*****************************************/

	div.irc-panel div.panel-content {
		position: relative;
		height: 391px;
		max-height: 391px;
		overflow-y: auto;
		padding-top: 20px;
	}

		div.irc-panel div.panel-content div.topic-line {
			position: relative;
			width: 97%;
    		margin: 5px auto;
   		    padding: 5px 0;
		}

			div.irc-panel div.panel-content div.topic-line:hover {
				background-color: #eae5da;
				cursor: pointer;
			}

				div.irc-panel div.panel-content div.topic-line:hover span.close-topicLine {
					display: inline-block;
				}

			div.irc-panel div.panel-content div.topic-line span.close-topicLine {
				display: none;
				background: url("../../pictures/close-cross.png") 100%;
				width: 15px;
    			height: 15px;
				position: absolute;
				top: 5px;
				left: 5px;
				cursor: pointer;
			}

			div.irc-panel div.panel-content div.topic-line span.new-conv-symbol {
				display: none;
			    position: absolute;
			    left: 62px;
			    top: 10px;
			    z-index: 1;
			}

				div.irc-panel div.panel-content div.topic-line span.new-conv-symbol.newLine-notice {
					display: inline;
				}

			div.irc-panel div.panel-content div.topic-line span.chatirc-topic-icon {
				left: 25px;
			    top: 2px;
			}

			div.irc-panel div.panel-content div.topic-line span.text {
			    position: absolute;
			    width: 200px;
		        left: 95px;
    			top: 15px;
			}

			div.irc-panel div.panel-content div.topic-line span.desc-dir-right {
				position: absolute;
		        border-left-color: #000;
			    top: 24px;
			    right: 14px;
			}

	/****************************************
     	  		IRC PANEL BOTTOM
	*****************************************/

	div.irc-panel div.irc-panel-bottom {
		position: relative;
	    height: 110px;
	}

	div.irc-panel div.filters  {
		height: 25px;
	    line-height: 25px;
		background: #6a778c;
		border-top: 1px solid #cecac0;
		border-bottom: 1px solid #cecac0;
		padding: 0 25px;
	}
	html[lang='fr'] .call-irc-chat div.irc-panel div.filters {
		padding: 0 20px;
	}

		div.irc-panel div.filters div.teams {
			position: relative;
			float: left;
			color: #fffaee;
			cursor: pointer;
		}

		div.irc-panel div.filters div.skills {
			position: relative;
			float: right;
			color: #fffaee;
			cursor: pointer;
		}

		div.irc-panel div.filters span.desc {
			top: -1px;
		}

		div.irc-panel div.filters span.list ul {
		    display: none;
		    position: absolute;
    		top: 21px;
		    z-index: 10000;
		    padding: 3px 0;
		    margin: 4px 0 0 0;
		    list-style: none;
		    background-color: #fff;
		    color: #000;
		    -webkit-background-clip: padding-box;
		    background-clip: padding-box;
		    border: 1px solid #ccc;
		    border: 1px solid rgba(0,0,0,.15);
		    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
		    box-shadow: 0 6px 12px rgba(0,0,0,.175);
		    min-width: 250px;
	        height: 72px;
  	    	right: 0;
		  	max-height: 150px;
		    overflow-x: hidden;
		    overflow-y: auto;
		}
		
		div.irc-panel div.filters div.teams span.list ul {
		  	left: -26px;
		}

		div.irc-panel div.filters div.skills span.list ul {
		  	right: -26px;
		}

			div.irc-panel div.filters span.list ul li {
				color: #000;
				display: block;
				padding: 3px 12px;
				margin: 0 2px;
				line-height: 1.5;
				white-space: nowrap;
			}

				div.irc-panel div.filters span.list ul li:hover {
					background-color: #eae5da;
					cursor: pointer;
				}

		div.irc-panel div.input-area {
			height: 80px;
  			background: #fff;
			color: #a2a2a2;
  			padding-right: 65px;
		}

			div.irc-panel div.input-area p {
		    	padding: 10px;
	    	    width: 270px;
	    	    height: 60px;
	    	    cursor: text;
			}

			div.irc-panel div.input-area textarea {
			    display: none;
			    width: 100%;
			    height: 60px;
			    border: 0 none;
			    resize: none;
			    outline: 0 none;
		        padding: 10px 55px 10px 10px;
			}

			div.irc-panel div.input-area span.submit-icon {
			    position: absolute;
			    right: 15px;
			    bottom: 18px;
			}

				div.irc-panel div.input-area span.submit-icon:hover {
				    opacity: 0.4;
				}

				div.irc-panel div.input-area span.submit-icon.disabled {
				    opacity: 0.4;
				    cursor: default;
				}

	/****************************************
 	  			IRC PANEL OPEN DIALOG
	*****************************************/

	div.irc-panel div.open-dialog {
		display: none;
	    position: absolute;
	    top: 40px;
        z-index: 2;
	    background-color: #fff;
	    width: 100%;
        height: 520px;
	}

		div.irc-panel div.open-dialog div.openDialog-header {
		    height: 66px;
		    line-height: 66px;
		    background: #dadde0;	
		    color: #606060;
         	border-bottom: 1px solid #cecac0;
		    font-weight: 600;
		    cursor: pointer;		
		}

			div.irc-panel div.open-dialog div.openDialog-header span.text {
			    display: inline-block;
	    	    width: 275px;
 				margin-left: 20px;
			    line-height: normal;
 				vertical-align: middle;
			}

			div.irc-panel div.open-dialog div.openDialog-header span.desc {
			    position: absolute;
			    right: 15px;
			    top: 30px;
			    border-top-color: #000;
			    border-bottom: 1px solid #cecac0;
			}

			div.irc-panel div.open-dialog div.openDialog-header span.createdBy {
			    position: absolute;
			    right: 16px;
			    top: 22px;
			    color: #2f3640;
			    font-style: italic;
			    font-weight: normal;
			}
	/****************************************
	            	IRC IFRAME
	*****************************************/

	iframe.ircframe {
	    width: 100%;
	    height: 454px;
	    min-height: 454px;
	    padding: 0;
	    border: none 0;
	    background-color: #fff;
	}

	/****************************************
              	   IRC DIALOGS
	*****************************************/

	#confirm-topic-creation,
	#confirm-topic-deletion,
	#info-topicClosed {
		margin-top: 15px;
	}

	#confirm-topic-creation p,
	#confirm-topic-deletion p,
	#info-topicClosed p {
	    text-align: center;
    }

/****************************************
            GENERAL CONTENT
*****************************************/
.content {
	position: relative;
	background-color: #fffaee;
    text-align: left;
    width: 100%;	
}

	.content .sub-inner {
		margin: 0 15px;
		padding-top: 25px;
	}

	.content #flash-message {
		position: absolute;
		width: 500px;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 2px;
	}

	div.cpGraph-title 
	,.content .h2-title
	,.content .h3-title {
		width: auto;
		height: 30px;
		line-height: 30px;
		color: #fff;
		background-color: #6b778d;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
		margin-bottom: 5px;
	}

		div.cpGraph-title span
		,.content .h2-title h2 {
			font-size: 14px;
			margin-left: 25px;
			font-weight: bold;
			float: left;
		}

		div.cpGraph-title a {
			margin-left: 15px;
			background: url("../../pictures/export-btn.png") no-repeat 0 0;
			height: 30px;
			width: 34px;
			display: block;
			float: left;
		}
			div.cpGraph-title a:hover {
				background-position: -35px 0;
			}

	.content .h3-title {
		display: inline-block;
		margin-bottom: 10px;
	}

		.content .h3-title h3 {
			font-size: 12px;
			margin-left: 25px;
			margin-right: 25px;
			font-weight: bold;
		}
/****************************************
            ROUNDED <HR>
*****************************************/

div.custom-hr {
	position: relative;
	height: 20px;
	*height: 25px; /* IE 7 */
}

	div.custom-hr hr {
		width: 100%;
		border-color: #A0A7B2;
		margin: 10px 0 0 0;
		*margin: 0; /* IE 7 */
		padding: 0;
	}

	div.custom-hr span.hr-round-img {
		background: url('../../pictures/rounded.png') no-repeat #fffaee;
		width: 16px;
		height: 13px;
		display: inline-block;
		position: absolute;
		top: 0px;
		left: 0px;
		*top: 7px; /* IE 7 */
	}

/****************************************
         ROUNDED <HR> SWITCH BTN
*****************************************/

span.switch-tab {
	border-radius: 8px;
	padding: 3px 14px;
	font-weight: 600;
	color: #303640;
	cursor: pointer;
	text-align: center;
	width: 90px;
}

span.switch-tab.selected, 
span.switch-tab:hover {
	color: #FFF;
	background-color: #303640;
}
/****************************************
            SETTINGS MENU
*****************************************/
body.errors .settings-menu {
	height: inherit;
}

.settings-menu {
	height: 100%;
	width: 210px;
	position: absolute;
	top: 0;
	left: 0;
	background: #303640;
}

	.settings-menu a {
		display: block;
		line-height: 14px;
		font-size: 14px;
  		padding: 10px 22px;
		text-align: right;
		color: #fffaee;
	}

		.settings-menu a:hover {
			background-color: #fffaee;
			color: #303640;
			text-decoration: none;
		}

	.settings-menu a.selected {
		background-color: #fffaee;
		color: #303640;
		text-decoration: none;
	}


.settings-menu .settings-menu-header {
	border-bottom: 1px solid #6a778c;
	padding: 20px 22px;
	font-size: 18px;
}

.settings-menu .menu-group-separation {
	border-bottom: 0px solid #6a778c;
	margin: 0;
}
.settings-menu .advancedMenuHidden {
	display: none;
}

.settings-menu .menu-group-advanced {
	background: url("../../pictures/select-arrow02.png") no-repeat scroll 89% 15px;
    padding-right: 38px;
}
	.settings-menu .menu-group-advanced:HOVER {
		background-image: url("../../pictures/select-arrow03.png");
	}

/****************************************
            SETTINGS COMMON
*****************************************/

.settings-content {
	position: relative;
	min-height: 600px;
	padding-top: 35px;
	margin-left: 260px;
	margin-right: 40px;
	padding-bottom: 50px;
}

	.settings-content table span.edit-icon {
	    background: url("../../pictures/edit-2.png") 100% no-repeat;
	    display: inline-block;
		width: 17px;
	  	height: 17px;
	    position: relative;
	    cursor: pointer;
	    top: 3px;
	}

	.settings-content a.add-link {
	    display: inline-block;
	    margin: 10px 0 20px 40px;
	}
	
		.settings-content a.add-link .add-icon {
			top: 5px;
			left: 0;
		}
.operator .cp_forms table,
.administrator .cp_forms table,
.assistant .cp_forms table {
	width: 365px;
}

.operator .cp_forms,
.administrator .cp_forms,
.assistant .cp_forms {
	padding: 0.8em 1em 0 1em;
}

.operator .cp_forms .label h3,
.administrator .cp_forms .label h3,
.assistant .cp_forms .label h3 {
	margin-top: 5px;
	border: 1px solid #000;
	padding: 5px 12px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 15px;
}

	.operator .cp_forms table,
	.administrator .cp_forms table,
	.assistant .cp_forms table {
 		margin-top: 10px;
  		margin-left: 35px;
	}

		.operator .cp_forms table tr,
		.administrator .cp_forms table tr,
		.assistant .cp_forms table tr {
		    clear: both;
		}

			.operator .cp_forms table tr td,
			.administrator .cp_forms table tr td,
			.assistant .cp_forms table tr td {
				border: none;
				display: inline-block;
				white-space: nowrap;
			    padding: 0;
			}

				.operator .cp_forms table tr td input[type=text],
				.administrator .cp_forms table tr td input[type=text],
				.assistant .cp_forms table tr td input[type=text] {
					width: 258px;
				}
				
				html[lang='fr'] .operator .cp_forms table tr td input[type=text],
				html[lang='fr'] .administrator .cp_forms table tr td input[type=text],
				html[lang='fr'] .assistant .cp_forms table tr td input[type=text] {
					width: 233px;
				}

	.operator .cp_forms select,
	.administrator .cp_forms select,
	.assistant .cp_forms select{
		vertical-align: sub;
	}

	.operator .cp_forms select[name='type'],
	.administrator .cp_forms select[name='type'],
	.assistant .cp_forms select[name='type'] {
		width: 215px;
	}
	
	.operator .cp_forms p,
	.administrator .cp_forms p,
	.assistant .cp_forms p {
	    display: inline-block;
	}
	
	.operator .cp_forms .fieldset,
	.administrator .cp_forms .fieldset,
	.assistant .cp_forms .fieldset {
		width: 400px;
	}

	.operator .cp_forms table td select[name='gender'],
	.administrator .cp_forms table td select[name='gender'],
	.assistant .cp_forms table td select[name='gender'] {
		width: auto;
	}

	.operator .cp_forms table td span.label,
	.administrator .cp_forms table td span.label,
	.assistant .cp_forms table td span.label {
		width: 100px;
		line-height: 21px;
	    float: left;
	}
	
	html[lang='fr'] .operator .cp_forms table td span.label,
	html[lang='fr'] .administrator .cp_forms table td span.label,
	html[lang='fr'] .assistant .cp_forms table td span.label {
		width: 125px;
	}
	
	.operator .cp_forms table td span.label,
	.administrator .cp_forms table td span.label,
	.assistant .cp_forms table td span.label,
	.operator .cp_forms table td span.error ,
	.administrator .cp_forms table td span.error ,
	.assistant .cp_forms table td span.error {
	    font-weight: 200;
	    text-align: left;
	}
	
	.operator .cp_forms table td span.tips,
	.administrator .cp_forms table td span.tips,
	.assistant .cp_forms table td span.tips,
	.operator .cp_forms table td span.error ,
	.administrator .cp_forms table td span.error ,
	.assistant .cp_forms table td span.error {
		margin-left: 100px;
	    text-align: left;
	}
	
	html[lang='fr'] .operator .cp_forms table td span.tips,
	html[lang='fr'] .administrator .cp_forms table td span.tips,
	html[lang='fr'] .assistant .cp_forms table td span.tips,
	html[lang='fr'] .operator .cp_forms table td span.error,
	html[lang='fr'] .administrator .cp_forms table td span.error,
	html[lang='fr'] .assistant .cp_forms table td span.error {
		margin-left: 125px;
	}

	.operator .ui-dialog .btn-del,
	.administrator .ui-dialog .btn-del,
	.assistant .ui-dialog .btn-del {
		position: absolute;
		bottom: 14px;
		margin-left: 25px;
	}

.operator .ui-dialog #confirmDel p,
.administrator .ui-dialog #dialDelAdmin p,
.assistant .ui-dialog #dialDelAssistant p {
	margin-top: 15px;
	text-align: center;
}

/****************************************
       		  ERRORS PAGE
*****************************************/

.errors .content p {
	font-size: 18px;
	margin-left: 250px;
	padding-top: 35px;
}

.errors .content .page-not-found p {
	margin-left: 0;
	padding-top: 0;
}

/****************************************
       CHAT PAGINATION OVERRIDE
*****************************************/

.analytics .pagination .btn-pagin {
	border: none;
	background-color: #fffaee;
}

.analytics .pagination .btn-pagin.pagin-current {
	text-decoration: underline;
	font-size: 16px;
	color: #303640;
}
	.analytics .pagination .btn-pagin.pagin-current:hover {
		background: none;
	}
	
	.analytics .pagination .btn-pagin:hover {
		background: none;
		font-weight: bold;
	}

.analytics .pagination .pagin-group-prev .btn-pagin,
.analytics .pagination .pagin-group-next .btn-pagin {
	border: none;
	font-size: 20px;
	line-height: 14px;
}

/****************************************
            GENERAL  TABLE
*****************************************/

table.dtable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	border-color: #dfdad0;
}

	table.dtable thead th {
	   text-align: center;
	   padding: 8px 0px;
	}

		table.dtable thead th.first-col {
			width: 50px;
		}

	table.dtable tr.even {
	    background-color: #fffaee;
	}

		table.dtable tr.even td { /* IE 7 */
		    *background-color: #fffaee;
		}

	 table.dtable tr.odd {
		background-color: #f1ede2;
	}

		table.dtable tr.odd td { /* IE 7 */
			*background-color: #f1ede2;
		}

	table.dtable tbody tr:hover {
		cursor: pointer;
		background-color: #dfdfdf;
	}

		table.dtable tr td {
			text-align: center;
			padding: 6px 2px;
		}

		table.dtable th.align-leftwpad,
		table.dtable tr td.align-leftwpad {
			text-align: left;
			padding-left: 25px;
		}

		table.dtable th.align-left,
		table.dtable tr td.align-left {
			text-align: left;
		}

		table.dtable th.align-right,
		table.dtable tr td.align-right {
			text-align: right;
		}

/****************************************
       CHAT JQUERY DIALOG OVERRIDE
*****************************************/

.ui-dialog {
    padding: 0;
    -webkit-box-shadow: 3px 3px 12px rgba(0,0,0,0.5);
    box-shadow: 3px 3px 12px rgba(0,0,0,0.5);
}

	.ui-dialog ul {
		margin-left: 10px;
	}

	.ui-dialog .ui-dialog-title {
		font-size: 14px;
		font-weight: 800;
	}

.ui-dialog-titlebar {
	padding: 0.5em 1em;
}

.ui-dialog-titlebar.ui-corner-all {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.ui-widget {
	font-family: Verdana, Arial;
    font-size: 12px;
}

.ui-widget-content {
	padding: 0.1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #000;
    background: #fffaee;
}

.ui-widget-content.ui-dialog-buttonpane {
	border-radius: 0px;
	border-color: #dfdfdf;
	border-top-width: 2px;
	padding: .3em 1em .5em .4em;
}

.ui-widget-header {
    background: #2f3640;
    border: none;
}

	.ui-widget-header .ui-state-default {
		border: none;
		background: none;
	    outline: none;
	}

.ui-dialog .ui-dialog-buttonset button.ui-button {
    background: #d4d4d4;
    border: 1px solid #d4d4d4;
    color: #3a4049;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    min-width: 70px;
    margin: .5em .4em .5em .7em;
    border: 0;
}

	.ui-dialog .ui-dialog-buttonset button.ui-button:hover {
	    color: #FFF;
	}

	.ui-dialog .ui-dialog-buttonset button.ui-button.ui-state-focus {
		outline: none;
		border: 0;
	}

.ui-dialog .ui-dialog-buttonset button.ui-button.active {
    background: #303640;
    color: #fff;
    font-weight: 200;
}

	.ui-dialog .ui-dialog-buttonset button.ui-button.active:hover {
	    background: #576375;
	    color: #fff;
	    font-weight: 200;
	}
	
	.ui-dialog .ui-dialog-buttonset button.ui-button.active[disabled]:hover {
	    background: #303640;
	}

.ui-button-icon-primary.ui-icon.ui-icon-closethick {
	background: url("../../pictures/close-cross.png") 0%;
	border: none;
}

.ui-dialog .ui-button-text-only .ui-button-text {
	font-size: 14px;
	font-weight: 200;
	text-align: center;
    padding: .5em 1em;
}

.ui-dialog-hr {
	margin-top: 30px;
	border: 0px solid #dfdfdf;
	border-top-width: 2px;
	padding: .6em .3em;
	height: 35px;
}

/****************************************
	  	 Media Queries - SETTINGS
*****************************************/

@media screen and (max-width: 1024px) {
	.settings-menu {
		width: 160px;
	}
		.settings-menu a {
		    padding: 10px 14px;
		}
	.settings-content {
	    margin-left: 200px;
	}
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable{
	height: auto;
	width: 910px;
	top: 87px;
	left: 495.5px;
	display: block;
	z-index: 101;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable{
	position: absolute;
	height: auto;
	width: 425px;
	top: 231.5px;
	left: 738px;
	display: block;
	z-index: 101;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{
	position: absolute;
	height: auto;
	width: 425px;
	top: 231.5px;
	left: 738px;
	display: block;
	z-index: 101;
}