/*
 * Here starts the new style sheet with only necessary images...
 * HERE !!!
 */

table, th, td {
  border : none;
}

.app h3, .app h4 {
  padding : 5px;
  margin-right : 0px;
  margin-left : 0px;
  color : #555;
  background-color : #fff;
  clear : both;
}

.app h4 {
  background-color : #888;
}

.app td, .app th {
  padding: 2px 3px;
}

.alert {
  background-color : #ff9;
}

.confirm {
  color : #090;
}

.hCalendarDayData1, .hCalendarDayData2, .hCalendarDayData3, .hCalendarDayData4 {
  text-align : right;
}

.infoData1, .infoData2, .infoData3, .infoData4, .hCalendarDayData1, .hCalendarDayData2, .hCalendarDayData3, .hCalendarDayData4 {
  font-weight : bold;
}

.infoData1, .hCalendarDayData1 {
  color : #DA0001;
}

.infoData2, .hCalendarDayData2 {
  color : #555555;
}

.infoData3, .hCalendarDayData3 {
  color : #FF6600;
}

.infoData4, .hCalendarDayData4 {
  color : #999999;
}

.helplink {
  cursor: help;
}
.bighelplink {
    font-size : 15px;
    font-weight : bold;
    cursor: help;
}

.tabs td, .tabs th {
  font-weight : bold;
}

p, ul, ol, dl {
  margin-top: .67em;
  margin-bottom: .67em;
}

h3, h4 {
  margin-bottom: 0;
}

form {
  margin: 0;
}

.functnbar {
  padding: 5px;
  margin: .67em 2px;
}

.functnbar3 {
  margin-top: 0;
}

th, td {
	text-align: left;
	vertical-align: top;
	margin-top : 10px;
}

.axial th {
  background-color: #fff;
  color: black;
  border-left: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  padding-left : 7px;
  padding-top : 10px;
  padding-bottom : 10px;
  text-align : left;
}

.axial td {
  background-color: #fff;
  color: black;
  border-top: 1px solid #DDDDDD;
  padding-top : 10px;
  padding-bottom : 10px;
  text-align : left;
}


.hCalendarTable {
  text-align : center;
}

.hCalendarDayNameRow {
  text-align : center;
  font-weight : bolder;
  background-color: #bbb;
}

.hCalendarDay {
  text-align : right;
  width : 75px;
}

.hCalendarCell {
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

.hCalendarDayNotInMonth {
  background-color: white;
  color: gray;
}

div.box {
  border-left: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 7px;
}

/* setting all default values */
* {
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-size : 12px;
}

body {
  background : #FFFFFF;
  color : #000000;
  margin : 0 10px;
  padding : 0;
}

body {
  padding: 0px 5px;
  margin : 0;
}

h3 {
  font-size : 18px; /* need to change h3 to h1 */
}

img {
  border : 0; /* in order to have no border on linked images */
}

a, a:hover, a:visited {
  color : #FF6600;
  text-decoration : none;
}

a:hover {
  text-decoration : underline;
}

.tabs th, .tabs td {
  background-image: url(images/nw_maj.gif);
  background-repeat: no-repeat;
  border-right: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
}

.tabs th {
	background-color: #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.tabs td {
	background-color: #999999;
	border-bottom: 1px solid #FFFFFF;

}

.tabs th, .tabs th a, .tabs th a:visited, .tabs th a:hover {
	color: #555555;
}

.tabs td, .tabs td a, .tabs td a:visited, .tabs td a:hover {
	color : #FFFFFF;
}

table.phone input {
  min-width : 150px;
}

table.phone tr, table.phone td {
  border : 0px solid #FF0000;
  background-color : #EFEFEF;
  padding : 2px;
}

table.phone p.phoneKey {
  margin : 2px;
  padding-left : 27px;
  height : 27px;
}

table.phone p#phoneKeyDtmf1 {
  background: url(images/key_1.png) no-repeat;
}

table.phone p#phoneKeyDtmf2 {
  background: url(images/key_2.png) no-repeat;
}

table.phone p#phoneKeyDtmf3 {
  background: url(images/key_3.png) no-repeat;
}

table.phone p#phoneKeyDtmf4 {
  background: url(images/key_4.png) no-repeat;
}

table.phone p#phoneKeyDtmf5 {
  background: url(images/key_5.png) no-repeat;
}

table.phone p#phoneKeyDtmf6 {
  background: url(images/key_6.png) no-repeat;
}

table.phone p#phoneKeyDtmf7 {
  background: url(images/key_7.png) no-repeat;
}

table.phone p#phoneKeyDtmf8 {
  background: url(images/key_8.png) no-repeat;
}

table.phone p#phoneKeyDtmf9 {
  background: url(images/key_9.png) no-repeat;
}

table.phone p#phoneKeyDtmf0 {
  background: url(images/key_0.png) no-repeat;
}

table.phone p#phoneKeyDtmfSharp {
  background: url(images/key_sharp.png) no-repeat;
}

table.phone p#phoneKeyDtmfStar {
  background: url(images/key_star.png) no-repeat;
}

.functnbar, .functnbar2 /*, .functnbar3*/ {
  background-color: #DDDDDD;
}

#footer
{
  border-top : 1px solid #FF0000;
  padding-top : 5px;
  margin-top : 10px ;
}

#footer img {
  vertical-align : middle;
}

#copyright
{
  font-size : 9px;
  vertical-align : middle;
}

/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landr                |
|--------------------------------------------------*/

.dtree {
	font-family	: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	white-space: nowrap;
	margin-top : 20px;
}

.dtree img {
	border: 0;
	margin : 0;
	padding : 0;
	vertical-align: middle;
}

.dtree a {
	font-size : 12px;
	color: #000000;
	text-decoration: none;
}

.dtree a.node, .dtree a.nodeSel {
	color : #000000;
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}

.dtree a.node:hover, .dtree a.nodeSel:hover {
	text-decoration: underline;
}
.dtree a.nodeSel {
    color : #FF6803;
	font-weight : bold;
}

.dtree .clip {
	overflow: visible;
}

#noborder-form {
  border: 0;
  vertical-align: middle;
}

#leftcol {
  width: 165px;
  padding:0;
}

#main {
  border-top: 7px solid #fff;
  border-left: 8px solid #fff;
  margin-left:0;
  margin:0;
  padding :0;
}

#breadcrumbs {
  background-color: #DDDDDD;
  padding: 5px;
  margin-top: 0px;
  padding-left: 175px;
  font-size : 15px;
}

#breadcrumbs strong {
  font-size : 15px;
}

#breadcrumbs .comp {
  font-size : 15px;
}

#breadcrumbs .comp .node {
  color :  #FF6600;
  font-size : 15px;
  font-weight: bold;
}

#breadcrumbs a {
  font-size : 15px;
}

.toolgroup {
  background: #FFFFFF;
  border : 1px solid #DDDDDD;
  text-align:left;
  margin-top: 7px;
  margin-bottom: 0px;
}

#first {
  margin-bottom: 0px;
  margin-top:0;
}

.toolgroup .label {
   padding: 4px;
}

.toolgroup .body {
	padding: 4px 4px 4px 0;
}

.toolgroup .body div {
  padding-bottom: .3em;
  padding-left: 5px;
}

.toolgroup .body div div {
  margin-top: .3em;
  padding-bottom: 0;
}

.tabs {
  margin-left : 14.5em;
  margin-right: 0px;
  padding:0px;
}

.tabs td, .tabs th {
  padding: 6px 9px;
}

#banner {
  color: #F96400;
  margin-top : 5px;
  margin-left : 14px;
}

.tip {
  font-size : 11px;
}

.tip .title {
  font-size : 11px;
  font-weight : bolder;
}

.info {
  cursor : default;
  color  : #FF6600;
  font-weight: bold;
}

#prodwarning {
  background : url(images/warning.png) 20% 90% no-repeat;
}

#workwarning {
	background : url(images/warning.png) 20% 70% no-repeat;
}

#noborder {
  border-left:0;
  border-bottom : 0;
  background-color: white;
}
#noborderatall {
  border:0;
  background-color: white;
}

.ruler thead #nothing {
  border:0;
}

.myfoot #nothingfirst, .myfoot  #nothing{
  border:0;
  padding-top : 15px;
}

.myfoot #nothingfirst {
  width: 37px;
}

.ruler thead th {
  padding : 7px;
  background-color : #999999;
  color : white;
  border : 1px solid #DDDDDD;
  border-spacing: 10px;
}

.ruler tbody td {
  padding : 7px;
  border : 1px solid #DDDDDD;
}

#statapplicat {  
  margin-left : 7px;
}

tr.ruled {
  background : #fff8ed;
}

#customername, #reselleraccountname {
  min-width : 25px;
}

#noboitevoc {
  min-width : 150px;
}

#nbmessages, #nbcustomeraccounts {
  width : 100px;
}

#check {
  min-width:10px;
  vertical-align : middle;
}

#creationdate {
  min-width:50px;
}

#templatename {
  min-width:50px;
}

#param {
  min-width : 20px;
}

#appliname {
  min-width : 20px;
}

#applinumber {
  min-width : 20px;
}

#appliuri {
  min-width : 20px;
}

#total {
  text-align: right;
  background-color: #ffefd6
}

.app #tosmall tr, .app #tosmall td {
  padding-bottom :   27px;
}

.app #numvoicemail td {
  padding-bottom : 14px;
}

.app #clip th, .app #clip td {
  padding-bottom :   14px;
}

.app  #uriwork th, .app  #uriwork td {
  padding-bottom :   35px;
}

.app #voicemailwork th, .app #voicemailwork td {
  padding-bottom : 13px;
}

.app #createfromatemplate td {
  padding-bottom : 16px;
}

.app  #uriwork1 th, .app  #uriwork1 td {
  padding-bottom : 29px;
}
.app #selc th, .app  #selc td {
  padding-bottom : 7px;
}

#choosedate {
  margin-left : 4px;
  padding : 0px;
}

/*
 * these are the tags for information, error ...
 */ 
.errormessage, .warningmessage, .donemessage, .infomessage {
	margin : .67em 0;
	padding : .33em 0 .67em 42px;
	min-height: 32px;
	border-top : 5px solid #900;
	border-left : 1px solid #900;
	background-image : url(images/messages/error.png);
	background-repeat : no-repeat;
	background-position : 5px 1.33em;
}

.warningmessage {
	background-image : url(images/messages/warning.png);
	border-color : #c60;
}

.donemessage {
	background-image : url(images/messages/success.png);
	border-color : #090;
}

.infomessage {
	background-image : url(images/messages/info.png);
	border-color : #069;
}

.strongcomment {
    font-weight : bold;
}
.noworktable {
    text-align : left;
}
.biglink {
    font-size : 15px;
    font-weight : bold;
}

 

/* Style pour le composant Menu à commande vocale - PSN: 25/8/05 */

table.vocalMenuChoicesTable th {
  border : 0px;
  background-color : #EFEFEF;
  padding-top : 10px;
  padding-bottom : 10px;
  padding-left : 10px;
  padding-right : 10px;
}


table.vocalMenuChoicesTable td {
  border : 0px solid #FF0000;
  border-bottom : 0px solid #dddddd;
  background-color : #ffffff;
  padding-top : 8px;
  padding-bottom : 8px;
  padding-left : 10px;
  padding-right : 10px;
}


table.addVocalMenuChoicesTable th {
  border : 0px;
  padding-top : 10px;
  padding-bottom : 1px;
  padding-left : 10px;
  padding-right : 10px;
}

table.addVocalMenuChoicesTable td {
  border : 0px solid #FF0000;
  border-bottom : 0px;
  background-color : #ffffff;
  padding-top : 5px;
  padding-bottom : 10px;
  padding-left : 10px;
  padding-right : 10px;
}

.checkboxVocalMenuChoicesTable{
width:25px;
}

.titleVocalMenu {
  font-size : 12px;
  font-weight : bolder;
}

/* Fin Style pour le composant Menu à commande vocale - PSN: 25/8/05 */