body{
	font: 8.5pt Arial;
	color: #7E7E7E;	 
}

td{
	font: 8.5pt Arial;
	color: #7E7E7E;	 
}

p{
	margin: 2px;
	
}

label{
    font-weight: normal;
    color: #7E7E7E;
}

img{
	border: 0px;
}

.spacer{
    width: 1;
	height: 300;
	float: left;
}

.buttonBar{
	text-align: right;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}


a:link,
a:active,
a:visited{
	color : #307AA9;
	font-weight : normal;
	text-decoration : none;
	font-size: 8.5pt;
}

a:hover{
	color : #058FBC;
	text-decoration : underline;
	font-size: 8.5pt;
}

a.white{
    color : #FFFFFF;
    font-size: 8.5pt;
}

a.whiteBold{
    color : #FFFFFF;
    font-weight: bold;
    font-size: 8.5pt;
}

a.red,
a:visited.red,
a:active.red{
    color : #990000;
    font-weight: bold;
    text-decoration : none;
    font-size: 8.5pt;
}

a.blue{
    color : #646464;
    font-weight: bold;
    text-decoration : none;
    font-size: 8.5pt;
}

.superToolContainer{
}

.mainWraper{
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    background-color: #ffffff;
    padding: 0px 0px 0px 0px;
}

.title{
	color : #3a91c9;
	text-decoration : none;
	font-weight: bold;
	font-size: 8.5pt;
	padding: 2px 0px 1px 5px;
	border-bottom: 1px solid #cfecff;
	border-top: 1px solid #cfecff;
	background-color: #f5f5f5;
} 


.titleLight{
	color : #3a91c9;
	text-decoration : none;
	font-weight: bold;
	font-size: 8.5pt;
	padding: 2px 0px 1px 2px;
	border-bottom: 1px solid #cfecff;
	border-top: 1px solid #cfecff;
	background-color: #f5f5f5;
}

.lowTitle{
    color : #646464;
	text-decoration : none;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	border-top: 1px solid #E7E7E7;
	background-image: url(/images/maingraphics/green-bg.gif);
	background-repeat: repeat-x;
}


.menuContainer{
	background-image: url(/images/maingraphics/topMenu.gif);
	background-repeat: repeat-x;
}

.moduleBg{
	/*background: url(/images/maingraphics/menuTop_bg.jpg);*/
} 

.moduleBgLower{
	background-color: #FFFFFF;	
	font-size: 9px;
} 

.box{
    background-color: #FDFDFD;
	padding-bottom: 2px;
	border-right: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

.box td,
.box th{
    padding-left: 2px;
}

.errorBox{
	width: 97%;
	padding: 5px;
	background-color: #990000;
	margin: 5px;
	color: #FFFFFF;
}
.errorBox H3,
.errorBox a{
    color: #FFFFFF;
}


.errorWrapper{  
}
 
.errorBoxContainer{
    background-color: #F6F8FB;	
	background-image: url(/images/maingraphics/error-bg.gif);
	background-repeat: repeat-x;
	text-align: left;
	color: #990000;
	border: 1px solid #990000;
    width: 250px;
    padding: 20px;
    top: 150px;
    left: 38%;
    z-index: 999;
    position: absolute;
}

.indexLetter{
	padding: 1px;
	background: #cfecff;
	width: 300px;
	color : #3a91c9;
	font-weight: bold;
	border-bottom: 1px solid #cfecff;
}


.tabBox{
	padding: 5px;
	background-color: #cfecff;
}

.memoBoard{
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-color: #F6F8FB;	
	background-image: url(/images/maingraphics/gray-bg.gif);
	background-repeat: repeat-x;
	margin: 5px;
}


.note{
    cursor: move; 
	padding: 5px;
	background-color: #FFDE1C;
	background-image: url(/images/maingraphics/yellow-bg.gif);
	background-repeat: repeat-x;
	margin: 5px 10px 5px 0px;
	width: 230px;
	float: left;
	border: 1px solid #FFEFAA; 
	position: relative;
}

.newNote{
    cursor: move; 
	padding: 5px;
	color: #5e6f7f;
	background-color: #FFDE1C;
	background-image: url(/images/maingraphics/yellow-bg.gif);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 5px;
	border: 1px solid #FFEFAA;
}

.newFeed{
    cursor: move; 
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-image: url(/images/maingraphics/blue-bg.gif);
	background-repeat: repeat-x;
	background-color: #CCE5F6;
	margin: 0px 0px 0px 0px;
}

.feed{
    cursor: move; 
    width: 100%;
	border-right: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	background-color: #CCE5F6;
	background-image: url(/images/maingraphics/blue-bg.gif);
	background-repeat: repeat-x;
	float: left;
}

.feedBoard{
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-color: #F6F8FB;	
	background-image: url(/images/maingraphics/gray-bg.gif);
	background-repeat: repeat-x;
	margin: 5px 5px 0px 0px;
}

.msgBox{
	padding: 5px;
	background-color: #cfecff;
	margin: 5px;
	width: 300;
	color: #3a91c9;
}

.whiteBox{
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-color: #ffffff;
	margin: 5px;
}

h1,h2,h3,h4{
	color : #7E7E7E;
	text-decoration : none;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	margin: 0px;
	padding:0px;
}

h3{
	font-size: 15px;
	text-align: center;
}

th{
	text-decoration : none;
	font-weight: bold;
	font-size: 8.5pt;
	text-align: left;
	padding: 0px 0px 0px 0px;
	color: #7E7E7E;
}

thead th{	
	background-color: #ffffff;
	border-bottom: 1px solid #cfecff;
	padding-bottom: 2px;	
}

thead th a,
thead th a:link,	
thead th a:hover,	
thead th a:visited,	
thead th a:active{	
	color: #7E7E7E;
	font-weight: bold;
}

thead th a:hover{
    color: #3a91c9;
}

.sortBox{
    padding: 0px;
}

.sortable {
	cursor: move;
	list-style-type: none;
	margin: 2px;
	background: #f5f5f5;
	color: #3a91c9;
	border: 1px solid #cfecff;
}

th a{
    font-weight: normal;
    text-decoration : none;
}

input,textarea,select,option{
	border: 1px solid #E7E7E7;
	background-color: #FBFBFB;
	font: 8.5pt Arial;
	color : #7E7E7E;
	vertical-align: middle;
}

option{
    border: 0px;
}

.cleancheckbox{
	border: 0px solid #FFFFFF;
	background-color: #FFFFFF;
}

.alert{
    background-color: #FFEAEA;
}

.mark{
    background-color: #E7E7E7;
}

.markDark{
    background-image: url(/images/maingraphics/orange-bg.gif);
	background-repeat: repeat-x;
	background-color: #FF9900;
	color: #ffffff;
}



#dhtmltooltip{
    z-index: 999;
    position: absolute;
    border: 1px dotted #E7E7E7;
    padding: 2px;
    background-color: #e9f2f7;
    visibility: hidden;
}

.hilite{
	background-color: #F0F0F0;
}

img.bordered{	
	border: 1px solid #E7E7E7;
	margin:0px 5px 0px 5px;
}

.handle{
	background-color:#f57b1e;
	color:#FFFFFF;
	cursor: pointer;
}

.pathBar{
    padding: 5px;
    background: #f5f5f5;
	color: #3a91c9;
	width: 350px;
	margin-bottom: 10px;
	font-weight: bold;
}

.pathBar a,
.pathBar a:link,
.pathBar a:visited,
.pathBar a:active{
	color: #3a91c9;	
	font-weight: bold;
}


/********** Contacts  **********/

.contactBoard{
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-color: #F6F8FB;	
	background-image: url(/images/maingraphics/gray-bg.gif);
	background-repeat: repeat-x;
	margin: 5px 5px 0px 2px;
}

.contact{
    cursor: move;	
	border-right: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	background-color: #ffffff;
	margin: 5px;
	width: 165px;
	float: left;
}

.contactSmall{
	background-color: #FDFDFD;
	border-right: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	margin: 0px;
}

.filterButton{
	background: #cfecff;
	color: #3a91c9;
	font-size: 10px;	
	text-align:center;
	font-weight: bold;
	padding: 4px;
	margin:1px;
	width: 20px;
}

.filterButton a{
    text-decoration: none;
    font-weight: bold;
}

/********** Help *************/
.helpBox{
    background-image: url(/images/maingraphics/gray-bg.gif);
	background-repeat: repeat-x;
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-color: #F6F8FB;
	margin: 5px;
	width: 170px;
	float: left;
}

.helpBox.a:link,
.helpBox.a:active,
.helpBox.a:visited{
	color : #646464;
	font-weight : normal;
	text-decoration : none;
}
/********** Mail *************/ 

.toBoard{
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-image: url(/images/maingraphics/dropzone-bg.gif);
	background-repeat: repeat;
    color: #9B9B9B;
	font-size: 10px;
	font-style: italic;
}

.attachmentBoard{
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-image: url(/images/maingraphics/dropzone-bg.gif);
	background-repeat: repeat;
	color: #9B9B9B;
	font-size: 10px;
	font-style: italic;
}

/********** Buttons *************/ 

.defaultButton{
	border: 1px solid #f5f5f5;
	font: 10px Arial;
	color : #3a91c9;
	text-align:center;
	padding: 4px 5px 5px 5px;
	text-decoration: none;
	background-image: url(/images/maingraphics/button-bg.gif);
	background-repeat: repeat-x;
	background-color: #DFE5E7;	
	margin-left:2px;
}

.defaultButton a,
.defaultButton a:link,
.defaultButton a:hover,
.defaultButton a:visited,
.defaultButton a:active{
    font: 10px Arial;
	color : #3a91c9;	
	font-weight : bold;
	text-decoration: none;
}

.defaultButton a:hover{
    color : #058FBC;
}


a.defaultButton,
a.defaultButton:link,
a.defaultButton:hover,
a.defaultButton:visited,
a.defaultButton:active{
    font: 10px Arial;
	color : #3a91c9;	
	font-weight : bold;
	text-decoration: none;
}

a.defaultButton a:hover{
    color : #058FBC;
}


input.defaultButtonSubmit{
	border: 1px solid #f5f5f5;
	font: 10px Arial;
	color : #3a91c9;
	text-align:center;
	font-weight: bold;
	height:22px;	
	text-decoration: none;
	background-image: url(/images/maingraphics/button-bg.gif);
	background-repeat: repeat-x;
	background-color: #DFE5E7;
	margin: 3px 0px 5px 2px;
}

/***PBX Cards***/


.actionBoard{
    padding: 5px;
	border: 1px solid #E7E7E7;
	background-color: #F6F8FB;	
	background-image: url(/images/maingraphics/dropzone-bg.gif);
	background-repeat: repeat;
}


.iconBar{
    right: -30px; 
    top:6px; 
    position:absolute;
    text-align: left;
}

.timeoutCard,
.incomingCard,
.filterCard,
.ivrCard,
.ivrKeyCard,
.destinationCard{
    positon: relative;
    z-index: 1;
}


.floatBox{
    cursor: move; 
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-color: #ffffff;
	margin: 1px;
}


.floatBoxIncoming,
.dropZoneIncoming{
    background-image: url(/images/maingraphics/yellow-bg.gif);
	background-repeat: repeat-x;
	cursor: move; 
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-color: #FFDE1C;
	margin: 1px;
}

.floatBoxTimeout,
.dropZoneTimeout{
    background-image: url(/images/maingraphics/pink-bg.gif);
	background-repeat: repeat-x;
	cursor: move; 
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-color: #CC99FF;
	margin: 1px;
}

.floatBoxFilter,
.dropZoneFilter{
    background-image: url(/images/maingraphics/gray-bg.gif);
	background-repeat: repeat-x;
	cursor: move; 
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-color: #F6F8FB;
	margin: 1px;
}

.floatBoxDestination,
.dropZoneDestination{
    background-image: url(/images/maingraphics/green-bg.gif);
	background-repeat: repeat-x;
	cursor: move; 
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-color: #D0FF45;
	margin: 1px;
}

.floatBoxIvr,
.dropZoneIvr{
    background-image: url(/images/maingraphics/blue-bg.gif);
	background-repeat: repeat-x;
	cursor: move; 
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-color: #CCE5F6;
	margin: 1px;
}

.dropZoneText{
	color:#999999;
	font-size:10px;
}

.dropZoneWrap{
    z-index: 1;
}

.dropZone{
	border:0px dotted #E7E7E7; 
	text-align: left;
	padding: 5px;
}

/***File Board***/
.fileBoard{
	padding: 5px;
	border: 1px solid #E7E7E7;
	background-color: #F6F8FB;	
	background-image: url(/images/maingraphics/gray-bg.gif);
	background-repeat: repeat-x;
	margin: 5px 5px 0px 0px;
	position: relative;
	z-index: 1;
}

.folder{
	padding: 0px 5px 5px 5px;
	margin: 5px;
	width: 100px;
	float: left;
	height: 100px;
}

.file{
	padding: 0px 5px 5px 5px;
	margin: 5px;
	width: 110px;
	float: left;
	height: 120px;
	position: relative;
}

.folderBack{
	padding: 5px 5px 5px 5px;
	margin: 5px;
	width: 70px;
	float: left;
	height: 100px;	
}

.classType1{
    background-color: #FFFFFF;
}

.classType2{
    background-color: #F6F2FF;
}


/******** Chat *********/
.chatName{
	color : #646464;
	font-style: italic;
} 

.dateString{
	color : #CCCCCC;
	font-style: italic;
	font-size: 9px;
} 


/******** Categories **********/
.maincat1{
	background-image: url(/images/maingraphics/blue-bg.gif);
	background-repeat: repeat-x;
	background-color: #CCE5F6;
}

.maincat2{
	background-color: #D0FF45;
	background-image: url(/images/maingraphics/green-bg.gif);
	background-repeat: repeat-x;
}

.maincat3,
.unbekannt{
	background-color: #F6F8FB;	
	background-image: url(/images/maingraphics/gray-bg.gif);
	background-repeat: repeat-x;
}


/******** Drag & Drop Hoover **********/

.ddHover{
    background-image: url(/images/maingraphics/hover-bg.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
}

/******** Phonebook **********/

.phoneBoxWrap{
    width:200px;
    position:absolute;
    z-index: 100;
    left:10px;
    top:7px;  
    padding:2px;
}

.phoneBoxWin{
    filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.phoneBoxBg{
    background: #333333;
}

.phoneBoxEntry,
.phoneBoxEntry table td,
.phoneBoxEntry a{
    filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;	
	color: #ffffff;
}

.phoneBoxActions{
    filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;	
	background-color: #ffffff;
}



/******** Drag & Drop Hoover **********/


div#wrap{
    position: relative;
    background-color: #ffffff;
    z-index: 0;
}

div#niftyMenu{
    width: 100%;    
    position: absolute;
    z-index:1;
}

ul#niftyNav,ul#niftyNav li{
    list-style-type:none;margin:0;padding:0
}

ul#niftyNav{}

ul#niftyNav li{
    float:left;margin-right: 3px;text-align: center
}

ul#niftyNav a{
    float:left;
    width: 7em;
    padding: 5px 0;
    background: #cfecff;
    text-decoration:none;
    color: #666
}

ul#nav a:hover{
    background: #f5f5f5;
}

ul#nav li.activelink a,ul#nav li.activelink a:hover{
    background: #FFF;
    color: #003
}

div#context{
    border: 1px solid #E8E8E8;
	position: relative;
	z-index:80;
	top:20px;
	background-color: #ffffff;
	margin-bottom:20px;
}

div#msgBox,
div.msgBox{
	padding: 5px;
    background: #cfecff;
	width: 300px;
	color: #3a91c9;
}

div#msgBoxGray,
div.msgBoxGray{
	padding: 5px;
    background: #f5f5f5;
	width: 300px;
	color: #3a91c9;
}

div#msgBox table th{
	color: #3a91c9;
}