/* IMPORT ADDITIONAL CSS */


/* BARRE DE NAVIGATION */
.bt_nav_background
{
	background-image:url(/img/theme/violet/bt_fond.png);
	background-repeat:no-repeat;	
	width:298px;
	height:43px;
	position:relative;
}
.bt_nav_home
{
	background-image:url(/img/theme/violet/bt_fond_home.png);
	background-repeat:no-repeat;	
	width:80px;
	height:43px;
	position:absolute;
	top:0px;
	left:0px;
}
.bt_nav_deco
{
	background-image:url(/img/theme/violet/bt_fond_deco.png);
	background-repeat:no-repeat;	
	width:134px;
	height:43px;
	position:absolute;
	top:0px;
	left:164px;
}
.bt_nav_account
{
	background-image:url(/img/theme/violet/bt_fond_account.png);
	background-repeat:no-repeat;	
	width:84px;
	height:43px;
	position:absolute;
	top:0px;
	left:80px;
}
/* - PAYEMENT - */



.payerr{
	color:#ff0000;
	padding-bottom:3px;
	}

/* - CONVO LIST - */
#chat-list a {
	display:block;
}
.current_convos a {
	font-size:16px;
}

.new {
	margin:5px 0px 5px 0px;
	padding:2px 5px 2px 5px;
	font-weight:bold;
	border:1px solid #ABE195;
	font-size:14px;
	-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	border-radius: 5px;
	background: #dff3a8;
	background: -moz-linear-gradient(top,#dff3a8,#c4fb92);
	background: -webkit-gradient(linear, left top, left bottom, from(#dff3a8), to(#c4fb92));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dff3a8, endColorstr=#c4fb92);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dff3a8, endColorstr=#c4fb92)";
}
.new a {
	/*background-image:url(/img/theme/new.png);
        background-repeat:no-repeat;
        background-position:0px -1px;*/
	padding:2px 0px 7px 3px;
}
.updated {
	margin:5px 0px 5px 0px;
	padding:2px 10px 2px 10px;
	border:1px solid #ebec6e;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	border-radius: 5px;
	background: #feffc8;
	background: -moz-linear-gradient(top,#f3f498,#feffc8);
	background: -webkit-gradient(linear, left top, left bottom, from(#feffb1), to(#f0f17f));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#feffb1, endColorstr=#f0f17f);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#feffb1, endColorstr=#f0f17f)";
}
.updated a {
        background-image:url(../images/icons/update.png);
        background-repeat:no-repeat;
        background-position:0px -1px;
        padding:2px 0px 7px 35px;
}
.neutre {
	margin:5px 0px 5px 0px;
	padding:2px 5px 2px 5px;
	border:1px solid #cfcfcf;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	border-radius: 5px;
	background: #f1f1f1;
	background: -moz-linear-gradient(top,#e4e1e0,#f1f1f1);
}
.neutre a {
        background-image:url(../images/icons/update.png);
        background-repeat:no-repeat;
        background-position:0px -1px;
        padding:2px 0px 7px 35px;
}

.current {
	 margin:5px 0px 5px 0px;
        padding:0px 5px 0px 5px;
        border:1px solid #c2dbe9;
        width:210px;
        font-size:14px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
	background: #eff7ff;
	background: -moz-linear-gradient(top,#eff7ff,#c8e2f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#eff7ff), to(#c8e2f0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eff7ff, endColorstr=#c8e2f0);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eff7ff, endColorstr=#c8e2f0)";
}
.current a {
	 background-image:url(../images/icons/current.png);
        background-repeat:no-repeat;
        background-position:0px -1px;
        padding:2px 0px 7px 35px;
}
.ended {
	margin:5px 0px 5px 0px;
	padding:10px 10px 10px 10px;
        border:1px solid #db6868;
	text-align:center;
	font-weight:bold;        
        font-size:14px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
	background: #f4d4d4;
	background: -moz-linear-gradient(top,#f4d4d4,#e18383);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3c7c7), to(#eea2a2));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3c7c7, endColorstr=#eea2a2);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3c7c7, endColorstr=#eea2a2)";
}
.ended a {
	 background-image:url(../images/icons/ended.png);
        background-repeat:no-repeat;
        background-position:0px -1px;
        padding:2px 0px 7px 35px;
}

.info {
	margin:5px 0px 5px 0px;
	padding:10px 10px 10px 10px;
        border:1px solid #9c81f5;
	text-align:left;
	font-weight:normal;        
        font-size:14px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
	background: #e3dff0;
	background: -moz-linear-gradient(top,#e3dff0,#d3c6fd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3dff0, endColorstr=#d3c6fd);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3dff0, endColorstr=#d3c6fd)";
}


/* ------ CLIENT CHAT WINDOW ------ */
#status_box {
	margin:10px auto;
        padding:3px 10px 10px 10px;
        background-color:#fff;
	-moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
	border:1px solid #222;
}
.ls_available {
	border:1px solid #000;
	padding:5px;
	-moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
	text-align:center;
	font-size:18px;
	background: #dff3a8;
        background: -moz-linear-gradient(top,#dff3a8,#c4fb92);
        background: -webkit-gradient(linear, left top, left bottom, from(#dff3a8), to(#c4fb92));
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dff3a8, endColorstr=#c4fb92);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dff3a8, endColorstr=#c4fb92)";

	border:1px solid #ABE195;
}
.ls_available a { color:#222;}
.ls_unavailable {
        border:1px solid #000;
        padding:5px;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
        text-align:center;
        font-size:18px;
	background: #f4d4d4;
        background: -moz-linear-gradient(top,#f4d4d4,#e18383);
        background: -webkit-gradient(linear, left top, left bottom, from(#f3c7c7), to(#eea2a2));
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3c7c7, endColorstr=#eea2a2);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3c7c7, endColorstr=#eea2a2)";
        border:1px solid #db6868;
}
.ls_unavailable a { color:#222;}

#chat_window {
	position:relative;
	margin:10px auto;
	padding-top:5px;
	width:490px;
	height:415px;
	background-color:#fff;
	color:#222;
	-moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;

}
.container {
	position:relative;
	margin:10px;
}
.centered_container {
	margin:10px auto;
	border:1px solid red;
	padding:10px;
	-moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
}

#chatOutput {
	margin:10px;
	border:1px solid #A8B9CB;
	height:310px;
	overflow:auto;
	font-family: Verdana, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: normal;
        line-height: 1.5em;
}
#chatOutput a {color:#1252A2; text-decoration:underline;}

#chatOutput .chat_disabled {background-color:#f8f8f8;}

#chatOutput_disabled  {
	margin:10px;
	border:1px solid #A8B9CB;
	height:310px;
	background-color:#f8f8f8;
	overflow:hidden ;
	z-index:2000px;
	font-family: Verdana, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: normal;
        line-height: 1.5em;
}
#chatOutput_disabled  a {color:#1252A2; text-decoration:underline;}


/* ------ GLOBALS ------- */
.error {
        background-color:#fdc3c3;
        border:1px solid #b10000;
        padding:5px 1px 5px 50px;
        margin: 10px 0px 10px 0px;
        background-image:url(../images/icons/stop.png);
        background-repeat:no-repeat;
        background-position:10px 7px;
        color:#000;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        min-height:40px;
}
.success {
        background-color:#dff3a8;
        border:1px solid #ABE195;
        padding:5px 1px 5px 50px;
        margin: 10px 0px 10px 0px;
        background-image:url(../images/icons/ok.png);
        background-repeat:no-repeat;
        background-position:10px 7px;
        color:#000;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        min-height:40px;
}

.inline {display:inline;}
.small_text {font-size:14px;}
.red { color:red;}
.bblue {
	background-color:#a6c9e4;
	border-radius:inherit;
}
.pale_blue {
	background-color:#E4F0F5;
	border:1px solid #D6EFF8;
}
.response_sum {	
	font-size:10px;
	color:#555;
}
.admin {
	background-color:#effcff;
	padding:5px 5px 10px 5px;
	border-bottom:1px solid #c4dde1;
}
.user {
	background-color:#f4fdf1;
	padding:5px 5px 10px 5px;
	border-bottom:1px solid #c4dde1;
}


.admin_disabled {
	background-color:#f3f3f3;
	padding:5px 5px 10px 5px;
	border-bottom:1px solid #c4dde1;
}
.user_disabled {
	background-color:#fdfdfd;
	padding:5px 5px 10px 5px;
	border-bottom:1px solid #c4dde1;
}


.download {
        padding:10px 5px 10px 5px;
        background-color:#d0e5f9;
        background-image:url(../images/icons/download.png);
        background-position:98% 50%;
        background-repeat:no-repeat;
        border-bottom:1px solid #c4dde1;
}

.notice {
        padding:10px 5px 10px 5px;
        background-color:#d0e5f9;
        background-image:url(../images/icons/notice.png);
        background-position:98% 50%;
        background-repeat:no-repeat;
	border-bottom:1px solid #c4dde1;
}
.text_block {
	padding:10px 5px 5px 10px;
}	
.error {
        background-color:#fdc3c3;
        border:1px solid #b10000;
        padding:1px 1px 1px 45px;
        margin: 10px 0px 10px 0px;
        background-image:url(../images/icons/stop.png);
        background-repeat:no-repeat;
        background-position:10px 7px;
        color:#000;
	-moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
}

/* ------ FORMS ------- */
.thin { width:250px; }
.wide { width:500px; }
label {
	font-size:15px;
	margin:0px 0px 0px 10px;
}
.input_field {
	margin:5px 0px 8px 10px;
	background-color: #fff;
	font-size: 14px;
	color: #444;
	padding: 6px;
	border:1px solid #A8B9CB;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.5em;
}
.input_field:focus {
	-moz-box-shadow: 0px 1px 3px #a6c9e4;
        -webkit-box-shadow: 0px 1px 3px #a6c9e4;
        box-shadow: 0px 1px 3px #a6c9e4;
	border:1px solid #6cb0e4;
}
.submit {
	height:auto;
	padding:5px;
	border:1px solid #5ab9dc;
	cursor:pointer; 
	background: #76aec3;
	background: -webkit-gradient(linear, left top, left bottom, from(#edf6fb), to(#5ab9dc));
	background: -moz-linear-gradient(top, #edf6fb, #5ab9dc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#edf6fb, endColorstr=#5ab9dc);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#edf6fb, endColorstr=#5ab9dc)";
	
	font-weight:600;
	color:#2a4f64;

}
/* ------ TYPE ------ */

p,h1,h2,h3,h4 {
	margin:10px 0px 10px 0px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.5em;
}

h1 {font-size:36px;}
h2 {font-size:30px;}
h3 {font-size:22px;}
h4 {font-size:18px;}
