
/* Body. Draws a horizontal background that fades to black. Below the background image black color is shown. */
body
{
	padding: 0;
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	/*font-weight: bold;*/
	color: #CCC;
	background: #000 url(../images/background/BodyFinal.jpg) repeat-x center top;
	margin:0;
}
/* Body. Draws a horizontal background that fades to black. Below the background image black color is shown. */
#shadow
{
	padding: 0;
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	/*font-weight: bold;*/
	color: #CCC;
	background: url(../images/background/shadow.png) repeat-x left top;
	height: 10px;
}


/* Top row. Draws a background horizontally of 68px height. */
#top 
{
	background-image:url(../images/background/top.png); 
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	height: 68px;
}
/* Container for tabs */
#tabcontainer
{
	position:relative;
	top:36px;
	left:0px;
}
/* Container for branding logo */
#topcontainer
{
	
	width: 800px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	height: 68px;
}

/* Bar. Draws a background horizontally of 36px height  */
#bar 
{
	background-image:url(../images/background/bar.png);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	height: 36px;
}
#barattendant
{
	background-image:url(../images/background/bar_attendant.png);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	height: 5px;
}
/* Container for bar elements; search/call boxes, logout, flags, ... */
#barcontainer
{
	width: 800px;  
	margin: 0 auto; 
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	text-align: left; 
	height: 36px;
}

/* Content of the page. contentouter contains both contentinner and footer. */
#contentouter
{
	padding:0px;
	padding-top:10px;
	margin: 0 auto;
	background: url(none) repeat-x;	
}
#contentinner
{
	background-color:Transparent;
	width: 800px;
	margin: 0 auto; 
	text-align: left;
	padding-left: 0;
}


.contentinner submit  {
	color:#ffffff;
	font-family: helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	background: #09F;
} 

/* Main content of the page. Draws a border left/top/right that fits nicely with footer image below. 
   Also contains an image that fades to #141416*/
#contentinnerhome
{
	background-repeat:repeat-x;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	padding-left: 0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}


#contentinnerAttendant
{
	background-color:Transparent;
	width: 1060px;
	margin: 0 auto; 
	text-align: left;
	padding-left: 0;
}

.contentinnerAttendant submit  {
	color:#ffffff;
	font-family: helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	background: #09F;
}

/* Footer container. A bit higher than the image to make the browser some*/
#footer
{
	width: 802px;
	margin: 0 auto;
	text-align: left;
	height: 52px;
	background: url(../images/branding/PoweredbyFINALFINAL.png) no-repeat top;
}
/* Cell formatting of table within contentinner */
.contentcell
{
	padding:0px 0px 0px 0px;
	vertical-align:top;
}

/* Input box with nice rounded corners. */
/* Based on: http://blog.reindel.com/2007/08/13/howto-spruce-up-your-search-box-with-css-and-a-background-image/ */
.input_box {
	width: 180px;	/* image width 152px + icon width 26px + margin 2px */
	height: 22px;	/* image height 22px */
	background-image:url(../images/ui/inputbox.png);
	background-repeat:no-repeat;
	vertical-align: bottom;
}
.input_box .box {
	float: left;
	padding: 0;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 4px;
	margin-bottom: 0px;
	border: 0px;
	width: 140px;
	height: 16px;
	background: none;
	font-size: 11px;
	vertical-align: text-bottom;
}
.input_box .go {
	float: left;
	margin: 0px 0px 0 0;
	margin-left:9px;
	margin-top: 1px;
	font-size: 11px;
	vertical-align: text-bottom;
}



/* Tab links*/
/* Head tabs in master page */
.htab {font-size: 12px;}
.htab A {
	text-decoration: none;
	color:#FFF;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}
.htab A:hover {
 /*font-weight: bold;*/
 color:Silver;
}

.htabselected {font-size: 12px;}
.htabselected A {
	text-decoration: none;
	color:#333;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}
.htabselected A:hover {
 /*font-weight: bold;*/
 color:Silver;
}

.htab A:active {
	/*font-weight: bold;*/
	color:#333;
}

A:active {
	/*font-weight: bold;*/
	color:#333;
}

/* Sub tabs inside pages */
.tab {font-size: 12px;}
.tab A {
	text-decoration: none;
	color:White;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}

.tab A:hover {
	/*font-weight: bold;*/
 color:#CCC;
}
.tab A:active {
 /*font-weight: bold;*/
 color:Black;
}

A:active {
 /*font-weight: bold;*/
 color:Black;
}

.tab A.tabselected
{
	color:Black;	
}


.tab-frameXX {
	BORDER-RIGHT: #666657 1px solid; BORDER-TOP: #666657 1px; BORDER-LEFT: #666657 1px solid; BORDER-BOTTOM: #666657 1px solid
}

.tab-borderXX {
	BORDER-RIGHT: #666657 1px solid; BORDER-TOP: #666657 1px solid; BORDER-LEFT: #666657 1px solid; BORDER-BOTTOM: #666657 1px solid
}

.tab-frame {
	BORDER-TOP: #000000 1px; 
}

.tab-border {
	BORDER-TOP: #000000 1px solid;
}

.whitetab 
{
	 background-color:White; 
	 color:Black;
	 padding-left:7px;
}
.whitearea 
{
	 background-color:White; 
	 color:Black;
}

.control-text {
	FONT-SIZE: 11px;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
	color: #000;
}
.control-text {
	FONT-SIZE: 11px;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
	color: #000;
}
.helpbutton {
    float: right;
    padding-right:12px;
    padding-top: 5px;

}

.button {
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana, sans-serif;
	color: #333;
	font-weight: normal;
}

A{
	color:#06F;
}

.A-White {
	color:#CCC
}

.Normal-L{ FONT-SIZE: 12px; FONT-FAMILY: Helvetica, Arial, Verdana, 'MS Sans Serif', Geneva, Sans-serif; color:#FFFFFF}
.Normal-D{ FONT-SIZE: 12px; FONT-FAMILY: Helvetica, Arial, Verdana, 'MS Sans Serif', Geneva, Sans-serif; color:#000000}
.Big-D	 { FONT-SIZE: 18px; FONT-FAMILY: Helvetica, Arial, Helvetica, sans-serif; color:#000000}
.Small-L { FONT-SIZE: 11px; FONT-FAMILY: Helvetica, Arial, Verdana, 'MS Sans Serif', Geneva, Sans-serif; color:#FFFFFF}
.Small-D { FONT-SIZE: 11px; FONT-FAMILY: Helvetica, Arial, Verdana, 'MS Sans Serif', Geneva, Sans-serif; color:#000000}

/* */
.MainHeading {
	font-family: Verdana, sans-serif, Geneva;
	font-size:23px;
	color:#cccccc;
	margin-top:10px;
	padding-left:19px;
	margin-bottom: 40px;
}

/* headerstyle in datagrid */
.HeaderStyle { font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight:bold; font-size:12px; color:Black}
.ItemStyle { background-color:#E6E6E6; font-family: Helvetica, Arial, Verdana, Sans-Serif; color:Black; font-size:11px;  }
.Itemcalls {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	color:#FFF;
	font-size:11px;
	background: url(../images/background/light_gray_calls.gif) repeat;
	height: 35px;
}
.Itemcallsborder {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	color:#CCC;
	font-size:12px;
	background: url(../images/background/dark_gray_calls.gif) repeat;
	height: 30px;
	padding-left: 15px;
}
.Itemcallsborder A{
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	color:#CCC;
	font-size:12px;
	background: url(../images/background/dark_gray_calls.gif) repeat;
	height: 30px;
}
.Itemcalls A{
	color:#CCC;
	
}
.ItemStyleHome { background-color:Transparent; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-size:11px;}
.AlternatingStyle { background-color:#FFFFFF; font-family: Helvetica, Arial, Verdana, Sans-Serif; color:Black; font-size:11px;}
.UserName {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	color:#CCC;
	font-size:11px;
	vertical-align: 30%;
	text-align: right;
}
.FooterStyle { font-family: Helvetica, Arial, Verdana, Sans-Serif;font-size:12px; }
.AlternatingStyleHome{
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	color:White;
	font-size:11px;
	background: url(../images/background/darkbackgroundhome.png) repeat;
}
.ItemStyleGroupHome {font-family: Helvetica, Arial, Verdana, Sans-Serif; font-size:11px;}
.RepeaterTable { background-color:White}

/* Padding to the left in the datagrid */
.LeftPadding { padding-left:7px;}

.input_box {
    width: 180px;	/* image width 152px + icon width 26px + margin 2px */
    height: 22px;	/* image height 22px */
	background-image:url(../images/ui/inputbox.png);
	background-repeat:no-repeat;
}

table#backgroundhome {
	background: url(../images/navhome.gif) no-repeat center center;
	height: 36px;
	width: 502px;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 0px;
	float:left;
	padding-right: 0px;
	margin-right: 0px;
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 0px;
	
}

table#backgroundhome2 {
	background: url(../images/navhome.gif) no-repeat center center;
	height: 36px;
	width: 502px;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 0px;
	float:left;
	padding-right: 0px;
	margin-right: 0px;
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 0px;
	
}

#list table th{
	color: #666;
	height: 20px;
	width: 802px;
}
th {
	text-align: center;
	font-size: 14px;
}
table#answeringpos
{
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	border-spacing:"0 4px"
}
.tablehomeborder {
	border-right: 1px solid #000;
	border-left: 1px solid #000;	
	
}

.pam {
	margin-top: 0px;
	margin-left: 5px;
}

#pam {
	width: 800px;
	
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom:4px;
	height: 40px;
	vertical-align:middle;
}

.answeringposheader
{
	background: url(../images/background/darkbackgroundhome.png);
	border-top: 1px solid #000;
	border-right: 0px none;
	border-bottom: 1px solid #000;
	border-left: 0px none;
	border-color: #000;
}
.answeringposheaderborder
{
	background: url(../images/background/dark_gray_calls.gif) repeat;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-color: #000;
}

.answeringposclass
{
	
}

.groupclass
{
	background-color:transparent;
	vertical-align:middle;
	
}

.groupclassalternating
{
	background-color:#555555;
	vertical-align:middle;
	

}

.groupheader
{
	background: url(../images/background/darkbackgroundhome.png) repeat center top;
	padding-left:7px;
	color: #999;
	padding-top:3px;
	float: left;
	height: 15px;
	width: 165px;
	margin-left: 413px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin-bottom: 4px;
	border: 1px solid #000;
}

.groupheaderbria
{
	background: url(../images/background/darkbackgroundhome.png) repeat center top;
	padding-left:7px;
	color: #999;
	padding-top:3px;
	float: left;
	height: 15px;
	width: 165px;
	margin-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin-bottom: 4px;
	border: 1px solid #000;
}
.grouplisttransparent
{
	background: no-repeat center top;
	color: #999;
	padding-left: 7px;
	float: left;
	height: 19px;
	width: 166px;
	margin-left: 414px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	padding-top: 2px;
	border: 1px none #000;
}

.grouplisttransparentbria
{
	background: no-repeat center top;
	color: #999;
	padding-left: 7px;
	float: left;
	height: 19px;
	width: 166px;
	margin-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	padding-top: 2px;
	border: 1px none #000;
}

.grouplistloggedintransparent
{
	background: no-repeat center top;
	color: #999;
	padding-left: 7px;
	float: right;
	height: 19px;
	width: 166px;
	margin-left: 414px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	padding-top: 2px;
	border: 1px none #000;
}

.grouplistloggedintransparentbria
{
	background: no-repeat center top;
	color: #999;
	padding-left: 7px;
	float: right;
	height: 19px;
	width: 166px;
	margin-left: 1px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	padding-top: 2px;
	border: 1px none #000;
}


.groupheadersmall
{
	background: url(../images/borderlist.png);
	padding-left:5px;
	
}

.loginbox
{
	background: url(../images/background/loginframe.png) no-repeat center bottom;
	padding-left:7px;
	color: #999;
	padding-top:10px;
	height: 200px;
	width: 640px;
	margin-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	margin-bottom: 4px;
	border-top: 0px none;
	border-right: 0px none #000;
	border-bottom: 0px none #000;
	border-left: 0px none #000;
	float: left;
}

.passwordbox
{
	background: url(../images/background/loginframe.png) no-repeat center bottom;
	padding-left:7px;
	color: #999;
	padding-top:10px;
	height: 200px;
	width: 640px;
	margin-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin-bottom: 4px;
	border-top: 0px none;
	border-right: 0px none #000;
	border-bottom: 0px none #000;
	border-left: 0px none #000;
	clip: rect(10px,auto,auto,0px);
	position: absolute;
	float: left;
}

.briabox
{
	background-repeat:repeat-x;
	background-color:Black;
	padding-left:0px;
	color: #999;
	padding-top:10px;
	width: 240px;
	height: 320px;
	margin-left: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	margin-bottom: 4px;
	border-top: 0px none;
	border-right: 0px none #000;
	border-bottom: 0px none #000;
	border-left: 0px none #000;
	clip: rect(10px,auto,auto,0px);
	position: absolute;
	float: left;
}

.briafloatbox
{
	background-repeat:repeat-x;
	background-color:Black;
	padding-left:0px;
	color: #999;
	padding-top:10px;
	width: 600px;
	height: 560px;
	margin-left: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	margin-bottom: 4px;
	border-top: 0px none;
	border-right: 0px none #000;
	border-bottom: 0px none #000;
	border-left: 0px none #000;
	clip: rect(10px,auto,auto,0px);
	position: absolute;
	float: left;
}

.password
{
	background: no-repeat;
	padding-left:0px;
	color: #999;
	padding-top:55px;
	width: 346px;
	margin-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	vertical-align: top;
	top: 5px;
	clip: rect(10px,auto,auto,0px);
	position: absolute;
	float: left;	
}

.languagelogin
{
	background: no-repeat center bottom;
	padding-left:14px;
	color: #999;
	padding-top:22px;
	float: left;
	height: 100px;
	width: 100px;
	margin-left: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin-bottom: 40px;
	border-top: 0px none;
	border-right: 0px none #000;
	border-bottom: 0px none #000;
	border-left: 0px none #000;
}
.linehome {
	border-top: 1px solid #000;
	height: 4px;
}

.presence
{
	vertical-align:middle;
	text-align:left;
	background: url(../images/background/darkbackgroundhome.png) repeat;
}

.precenseicon
{
	padding-left:4px;

}
.test123
{
	display:none;
}
	


/* Attendant (attg) */



.no_current_calls
{
   background-image: url(../images/attendant/ongoing_call/Ongoing_call_background.png);  
   height: 72px;
   width:453px;
   background-position: bottom; 
   background-repeat:no-repeat;
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:20px; 
   font-style: normal; 
}

  
    
/* Searched person */  

.searched_person_top_border
{
   background-image: url(../images/attendant/searched_person/searched_person_top_border.png); 
   background-position:bottom;
   background-repeat:no-repeat;   
   
   height:25px;
   width:894px;
   
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:11px; 
   font-style: normal;
   vertical-align:middle;
   color: #333333; 
   text-align:center;
} 
.searched_person_top_title
{ 
   height:10px;
   width:894px;
   padding-top:6px;
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:11px; 
   font-style: normal;
   color: #333333; 
   text-align:center;
   
}     


     /* User info */   
        
.headings_searched_person_first_col
{
   background-image: url(../images/attendant/searched_person/searched_person__heading_background.png); 
   background-repeat:repeat-x;
   background-position:top;
   margin:0px;
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:10px;
   padding-top:1px;
   padding-bottom:1px;   
   padding-left:12px;
   color:#666666;
   height:15px;
   width:285px;
   float:left;  
   border-right:1px;  
   border-right-style:solid;
   border-color:#ccc;   
}   
.headings_searched_person_middle_col
{
   background-image: url(../images/attendant/searched_person/searched_person__heading_background.png); 
   background-repeat:repeat-x;
   background-position:top;
   margin:0px;
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:10px;
   padding-top:1px;
   padding-bottom:1px;   
   padding-left:12px;
   color:#666666;
   height:15px;
   width:284px;
   float:left;  
  
   border-right:1px;  
   border-right-style:solid;
   border-color:#ccc; 
   
   border-left:1px;  
   border-left-style:solid;  
   border-left-color:#fff;      
}   

.headings_searched_person_last_col
{
   background-image: url(../images/attendant/searched_person/searched_person__heading_background.png); 
   background-repeat:repeat-x;
   background-position:top;
   margin:0px;
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:10px;
   padding-top:1px;
   padding-bottom:1px;   
   padding-left:12px;
   color:#666666;
   height:15px;
   width:285px;
   float:left; 
   
   border-left:1px;  
   border-left-style:solid;  
   border-color:#fff;    
}  
.state_searched_person     
{

	background-color: White;
   padding-top:6px;
   padding-left:2px;
   color:Black;
   height:28px;
   width:25px;
   float:left;   
}    
.name_searched_person
{
   background-color: White;
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:16px;
   padding-top:8px;
   
   padding-left:12px;
   color:Black;
   height:28px;
   width:259px;
   float:left;    
 } 
 
 .department_searched_person
{
   background-color: White;
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:11px;
   padding-top:9px;
   padding-left:13px;
   color:Black;
   height:28px;
   width:285px;
   float:left;    
 }
 .e-mail_searched_person
{
   background-color: White;
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:11px;
  padding-top:9px;
   padding-left:13px;
   color:#0066cc;
   height:28px;
   width:285px;
   float:left;    
 } 
  
     /* HVD */
     
 
  .searched_person_hvd_background
 {
   background-image: url(../images/attendant/searched_person/Searched_person_hvd_background.png);    
   background-position: center;
   background-repeat: no-repeat;
   margin:0px;
   
   height:44px;
   width:894px;
   
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:11px; 
   font-style: normal;
   text-align:center;
   color: #333333; 
   border-bottom:1px;  
   border-bottom-style:solid;  
   border-color:#ccc; 
   float:left;  
    
   
  } 
  .hvd_reason
 {
   height:50px;
   width:180px;
   padding-top:20px;
   padding-left:40px;
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:13px; 
   font-style: normal;
   text-align:left;
   color: #333333; 
   float:left;
   
  }   
  .hvd_message
  {
	
   height:20px;
   width:385px;
   padding-top:10px;
   padding-left:100px;
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:12px; 
   font-style: normal;
   text-align:left;
   color: #333333; 
   float:left;
  
  } 
  .hvd_time
   {
	background-color:Navy;
   height:10px;
   width:250px;
   padding-top:10px;
   padding-right:9px;  
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:10px; 
   font-style: normal;
   text-align:left;
   color: #666666; 
   float:left;
  } 


   
  
     /* NUMBERS */   
     
     
.headings_number_work_col
{
   background-image: url(../images/attendant/searched_person/searched_person__heading_background.png); 
   background-repeat:repeat-x;
   background-position:top;
   
   margin:0px;
   
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:10px;
   
   padding-top:1px;
   padding-bottom:1px;   
   padding-left:12px;
   
   color:#666666;
   
   height:15px;
   width:250px;
   float:left;  
   
   border-right:1px;  
   border-right-style:solid;
   border-color:#ccc;   
   margin:0px;
}   
    .headings_number_mobile_col
{
   background-image: url(../images/attendant/searched_person/searched_person__heading_background.png); 
   background-repeat:repeat-x;
   background-position:top;
   margin:0px;
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:10px;
   padding-top:1px;
   padding-bottom:1px;   
   padding-left:12px;
   color:#666666;
   height:15px;
   width:240px;
   float:left;  
  
   border-right:1px;  
   border-right-style:solid;
   border-color:#ccc; 
   
   border-left:1px;  
   border-left-style:solid;  
   border-left-color:#fff;   
   
   margin:0px;   
}   
    .headings_number_home_col
{
   background-image: url(../images/attendant/searched_person/searched_person__heading_background.png); 
   background-repeat:repeat-x;
   background-position:top;
   margin:0px;
   
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:10px;
   
   padding-top:1px;
   padding-bottom:1px;   
   padding-left:12px;
   color:#666666;
   height:15px;
   width:240px;
   float:left; 
   
   border-left:1px;  
   border-left-style:solid;  
   border-color:#fff;    
   margin:0px;
}   

.headings_number_voicemail_col
{
   background-image: url(../images/attendant/searched_person/searched_person__heading_background.png); 
   background-repeat:repeat-x;
   background-position:top;
   
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:10px;
   color:#666666;   
   
   padding-top:1px;
   padding-bottom:1px;   
   padding-left:12px;   
   margin:0px;
   
   height:15px;
   width:111px;
   float:left; 
   
   border-left:1px;  
   border-left-style:solid;  
   border-color:#fff;    
   margin:0px;
}  
    
.numbers_background
 {

   background-image: url(../images/attendant/searched_person/searched_person_bottom_border.png); 
   background-position:top,left;
   background-repeat:no-repeat;
   
   height:44px;
   width:894px;
   margin:0px;
   
   padding-left:0px;
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:11px; 
   font-style: normal;
   text-align:center;
   color: #333333;
   float:left; 
 
  } 
  .numbers_boxes
   {
   background-image: url(../images/attendant/searched_person/number_box.png);   
   background-position: left;
   background-repeat:no-repeat;
  
   width:93px;
	height:30px;
	margin-top:7px;
	 line-height:30px;
   
   padding-left:12px;
   float:left;
   
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:11px; 
   
   border: no-border;
   background-color: Transparent;
   border-bottom-style:none;
   border:none;
      
  } 
  .call_button
   {
   background-image: url(../images/attendant/searched_person/call_button.png);   
   background-position: center;
   background-position: left;
   background-repeat:no-repeat;
  
  
   width:54px;
   height:31px;
   margin-top:4px;	/* Top set the "button" in same hight as textbox */
   padding-bottom:8px;	/* To set the text in the middle, only works in ie 8 */
   float:left;
     
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:11px; 
   color:White;
   
     
   border: no-border;
   background-color: Transparent;
   border-bottom-style:none;
   border:none;
      
  } 
  
  .call_button_link
   {
	background-image: url(../images/attendant/searched_person/call_button.png);   
	background-repeat:no-repeat;
	width:54px;
	height:24px;
	padding-top:5px;
	margin-top:8px;
   
	float:left;
     
	font-family: Verdana, Sans-Serif, Helvetica;  
	font-size:11px; 
	color:White;
	text-align:center;
    
	border: no-border;
	background-color: Transparent;
	border-bottom-style:none;
	border:none;
      
  } 
  
  .call_button A
  {
  color:#FFF;
  text-decoration:none;
   
  }
  .call_button_other_call
   {
   background-image: url(../images/attendant/searched_person/call_button.png);   
   background-position: center;
   background-position: left;
   background-repeat:no-repeat;
  
   width:120px;
   height:31px;
   margin-top:4px;	/* Top set the "button" in same hight as textbox */
   padding-bottom:8px;	/* To set the text in the middle, only works in ie 8 */
   
   padding-left:14px;
   
   float:left;
     
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:11px; 
   text-align:left;
   
   color:White;
     
   border: no-border;
   background-color: Transparent;
   border-bottom-style:none;
   border:none;
   
      
  } 
  .call_button_other_call A
  {
  
  color:#FFF;
  text-decoration:none;
  }
  
  .transfer_button_link
  {
    background-image: url(../images/attendant/searched_person/transfer_button.png);   
   background-position: center;
   background-repeat:no-repeat;

   width:81px;
   height:31px;
   margin-top:2px;
   padding-top:11px;
   float:left;
   text-align:left;
   
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:11px; 
   color:White;
   text-indent:15px;
   border: no-border;
   background-color: Transparent;
   border-bottom-style:none;
   border:none;
  
  }
  
  .voicemail_button
  {
  
   width:53px;
   height:31px;
     
   padding-top:7px;
   margin-left:0px;
   padding-left:15px;
   

   float:left;
   
   border: no-border;
   background-color: Transparent;
   border-bottom-style:none;
   border:none;
  
   } 
  .expand_button
  {
  
   width:27px;
   height:28px;
     
   padding-top:8px;
   padding-right:4px;
   margin-left:20px;

   float:right;
   
   border: no-border;
   background-color: Transparent;
   border-bottom-style:none;
   border:none;
  


   /* Directory */
  }
.directory_top_frame_attg
{ 
    background-image: url(../images/attendant/directory_top_frame.png); 
    background-position: bottom; 
    background-repeat:no-repeat;
    width:894px; 
    height:65px;
    margin: 0 auto; 
    text-align:center; 
    padding-top: 0px;    

}
.directory_name__attg
{ 
    font-family: Verdana, Sans-Serif, Helvetica;  
    font-size:10px; 
    font-style: normal;
    color:#333333;
    text-decoration: none;	
    margin: 0px;
    padding-top:0px;
 }

.SearchTextBox_attg
{
    background-image: url(../images/attendant/SearchTextBox.png);
    background-position: right;
    background-repeat: no-repeat;
    background-color: Transparent; 
    float:left;
    width:158px; 
    height:32px;  
    border:0px;  
    padding-top:0px;
    margin-top:1px;
    padding-left:350px;
 }
    
.SearchText_attg 
 {  
    width:142px; 
    height:17px;
    background-color: Transparent;
    border:0px;  
    margin-top:7px;  
    margin-left:10px;         

}   
.Go_button_attg
{
    background-color: Transparent;
    float:left;
    margin: 0 auto;
    padding-top:0px;
    margin-top:1px;
    width:45px; 
    height:32px;  
    border:0px;
  
}  

.Go_select_dir
{
    float:left;
    margin: 0 auto;
    padding-top:0px;
    margin-top:0px;
    width:200px; 
    height:32px;  
    border:0px;
    margin-top:7px;
  
} 
   /* Directory Headings */
  
.directory_invisible_headers_attg 
{  
    background-image: url(../images/attendant/directory_col_background.png);
    background-repeat:repeat-x;
    background-position: top;  
    border-right: none;
    border-bottom: 1px solid #cccccc;  
    border-bottom-color: #cccccc;
    text-decoration: none;  
    margin:0px;
    padding:0px;         
}    
.directory_headers_attg 
{  
    background-image: url(../images/attendant/directory_col_background.png);
    background-repeat:repeat-x;
    background-position: top;  
    border-right: 1px solid #cccccc;
    border-bottom:1px solid #cccccc;  
    border-bottom-color: #cccccc;
    text-decoration: none;  
    margin:0px;
    padding:0px; 
}

   /* Text links Headings */

.directory_headers_attg A	
	{   
    font-family: Verdana, Sans-Serif, Helvetica;  
    font-weight:normal; 
    font-size:11px; 
    font-style: normal;
    color:#333333;
    text-decoration: none;	
    margin-left: 3px;   
}    	
.directory_headers_attg A:active	
	{  
	background-image: url(../images/attendant/active_directory_col_background.png);         
    font-family: Verdana, Sans-Serif, Helvetica;  
    font-weight:bold; 
    font-size:11px; 
    font-style: normal;
    color:#333333;
    text-decoration: none;
    margin-left: 3px;
    
} 
.arrows_headers_attg A:active
	{         


}

    /* List */
       
.directory_inner_frame_attg
{
    border: 1px solid #Black;
	font-style: normal;
}    
.directory_itemstyle_attg	
{	
    background-color:#f3f7fb; 
    font-family: Verdana, Sans-Serif, Helvetica;
    font-size: 11px;     
    font-weight: lighter; 
    font-style: normal;
    color:Black; 
    letter-spacing:0.02em;     
    
    border-bottom-color: Black;
    border-right: 1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    
    height:26px; 

    margin:0px;
    padding-left:12px;


 } 
 .AlternatingStyle_attg  
 {
    background-color:white; 
    font-family: Verdana, Sans-Serif, Helvetica;    
    font-weight: lighter; 
    font-style: normal;
    font-size: 11px; 
    color:Black; 
    letter-spacing:0.02em;
 
    border-bottom-color: Black;
    border-right: 1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    
    height:26px; 
    padding-bottom:2px;

    margin:0px;
    padding-left:12px;
     
  }   
  
  /* Bottom frame*/
  
.directory_bottom_frame_attg
{
 	background-image: url(../images/attendant/directory_bottom_frame.png); 
    background-position: top, center; 
    background-repeat:no-repeat;
    width:894px; 
    height:90px;
    margin: 0 auto; 
    text-align:left; 
    padding-top: 0px;    
}

.directory_bottom_frame_attg_text
{
 	width:894px; 
    height:90px;
    padding-top:15px;
    text-align:left; 
    text-indent:15px;
    color:Black;   
}


.there_are_no_users_to_show
{    
    background-color:white; 
    font-family: Verdana, Sans-Serif, Helvetica;
    font-size: 12px; 
    font-weight:lighter;
    font-style: oblique;
    color:Black; 
    padding:7px;

  }  


   

/***************/
/* Buttons
/***************/

  

.button_style_ongoing_call_attg
{ 
   width:127px;
   height:70px;
   float:left;  

   margin:0px;
   padding-left:15px;

}   


.answer_button_attg
{ 
   background-image: url(../images/attendant/ongoing_call/answer_button.png);  
   background-repeat:no-repeat;
   background-position: top;  

   
   width:127px;
   height:43px;
   position: absolute;
   top:50px;
   bottom:50px;
   
   border: no-border;
   background-color: Transparent;
   border-bottom-style:none;
   border:none;
   
}
.end_call_button_attg
{ 
   background-image:  url(../images/attendant/ongoing_call/end_call_up.png);  
   background-repeat:no-repeat;
   background-position: left;  

   
   width:127px;
   height:43px;
   
   border: no-border;
   background-color: Transparent;
   border-bottom-style:none;
   border:none;
  } 
  
  .transfer_button_attg
  {
   background-image:  url(../images/attendant/ongoing_call/transfer_up.png);  
   background-repeat:no-repeat;

   
   width:127px;
   height:43px;
   
   border: no-border;
   background-color: Transparent;
   border-bottom-style:none;
   border:none;
  }
  
    .hold_button_attg
  {
   background-image:  url(../images/attendant/ongoing_call/transfer_up.png);  
   background-repeat:no-repeat;

   
   width:127px;
   height:43px;
   
   border: no-border;
   background-color: Transparent;
   border-bottom-style:none;
   border:none;
  }
  
/***************/
/* Background and font-style
/***************/
 
  .leftside_style_ongoing_call_attg
{ 
   width:250px;
   height:40px;
   float:left; 
   margin:0px;

} 
  
  .number_ongoing_call_attg
  {  
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:12px; 
   color:#333333; 
   font-style: normal; 
   
   float: left;
   padding-top: 3px;
   padding-left:13px;
   width:249px;
     
  }  
   
  .name_ongoing_call_attg
  {  
   font-family: Verdana, Sans-Serif, Helvetica;  
   font-size:16px; 
   color:#333333; 
   font-style: normal; 
   float: left;
   padding-top: 3px; 
   padding-left:13px;    

   width:249px;
   }  
   
.call_duration_attg {
	
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana, Sans-Serif, Helvetica;
	color: #333333;
	padding-left:3px;
	padding-top:0px;
    height:10px;
	width:19px;
	position: inherit; 
	left:0; 
	bottom:0; 
	
   }
    	
.calls_background_attg {
    font-family: Verdana, Sans-Serif, Helvetica;  
	color:Black;
	font-size:16px;
	background: url(../images/attendant/ongoing_call/Ongoing_call_background.png);
    background-repeat: no-repeat;
	height:77px;
	width:453px;
	padding-left:15px;
	padding-top: 10px;
	margin:0px;
}




.call_state 
{
    font-family: Verdana, Sans-Serif, Helvetica;  
    background-position: center;
	height:29px;
	width:30px;
	padding-left:3px;
	padding-top:10px;
	margin:0px;
	float:left;
}


    
    

/*********************************************************************/
/* Attendant call page
/*********************************************************************/
#mainsearch {
	float:left;
	width:894px;
}
#directorydiv {
	float:left;
	width:894px;
}
#queuepulsesidebar {
	float:left;
	padding-left:5px;
	width:110px;
	margin-left:00px;

}


/*********************************************************************/
/* Queue pulse css
/*********************************************************************/

/* Backgrounds for AgentStatus bars*/

.group_background
{
    background-image: url(../images/agentstatus/queue_background.png);
    background-repeat:no-repeat;
    float: left;
    height:61px;
    width:109px;
    padding-left:0px;
    color: #FFFFFF;
    margin: 0px;
    margin-top:0px;

 }
 .text_group_name
 {
    font-family: Verdana, Sans-Serif, Helvetica;  
    background-position: center;
    font-weight: normal;
    font-size:12px; 
    text-align:center;
    color: black;
    
    height:6px;
    width:109px;
    
    margin:0px;
    padding-top:9px;
    padding-left:0px;
    padding-bottom:12px;
}   
 
 
.logged_in_users
{
    background-image: url(../images/agentstatus/users_logged_in.png);
    background-repeat:no-repeat;
    background-position:center;

    font-weight:lighter;
    color: black;
    height:26px;
    width:103px;
    margin: 0px;  
	padding-left:3px;
} 

.logged_in_users_user_logged_in
{
    background-image: url(../images/agentstatus/users_logged_in_user_logged_in.png);
    background-repeat:no-repeat;
    background-position:center;

    font-weight:lighter;
    color: black;
    height:26px;
    width:103px;
    margin: 0px;  
	padding-left:3px;
}

.logged_out_users
{
    background-image: url(../images/agentstatus/users_logged_out.png);
    background-repeat:no-repeat;
    background-position:center;

    font-weight:lighter;
    color: black;
    height:26px;
    width:103px;
    margin: 0px;  
	padding-left:3px;
}

.logged_in_users2
{
    background-image: url(../images/agentstatus/users_logged_in.png);
    background-repeat:no-repeat;
   

    font-weight:lighter;
    color: black;
    height:26px;
    width:109px;
    margin: 0px;  
    

     
} 

.text_logged_in_users
{
    font-family: Verdana, Sans-Serif, Helvetica;  
    
    font-weight: normal;
    font-size:11px; 
    text-align:center;
    color: black;
    
    height:6px;
    width:103px;
    
    margin:0px;
    padding-top:5px;
    padding-left:0px;
    padding-bottom:0px;   
}   


/* Backgrounds for QueueStatus bars*/


.postion_queue_pulse_sidebar
{
    float: left;  
    font-size: 13px;
    
    width:175px;
    color: #FFFFFF;
    margin: 0px;
    padding-top:0px;
    padding-bottom:15px;
    
}
.queuestatus_qlen
{
    background-image: url(../images/agentstatus/waitbar.png);
    background-repeat: no-repeat;

	padding-top:10px;
    text-align:center;
    font-size: 14px;
    font-weight:bold;   
    height: 45px;
    width:51px;
    color: #FFFFFF;
    margin: 0px;
}


/* används ej*/
    
.agentstatus_contact_this
{
    background-image: url(../images/agentstatus/contact_thisbar.gif); 
    float: left;
    text-align:center;
    font-size: 12px;
    height: 18px;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
}
.agentstatus_contact_other
{
    background-image: url(../images/agentstatus/contact_otherbar.gif); 
    float: left;
    text-align:center;
    font-size: 12px;
    height: 18px;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
}
.agentstatus_paus
{
    background-image: url(../images/agentstatus/pausbar.gif); 
    float: left;
    text-align:center;
    font-size: 12px;
    height: 18px;
    color: #000000;
    margin: 0px;
    padding: 0px;
}

.agentstatus_message
{
    background-image: url(../images/agentstatus/messagebar.gif); 
    float: left;
    text-align:center;
    font-size: 12px;
    height: 18px;
    color: #000000;
    margin: 0px;
    padding: 0px;
    width:100%;

}

.queuestatus_qlen_no_queue
{
    
    float: left;
    height: 0px;
    width: 100%;
}



/* Tooltip *
/* Styles */
.tticon
{
    background-image: url(../images/agentstatus/info.gif);  
    background-repeat:no-repeat;
    width: 20px;
    height: 15px;	
    float: left;
}
.tttitle
{
    float: left;
    font-size:12px;
    font-weight:bold;
    float:left;
    
}
 .tthdr {
    background:#F3F0E7;
    background-repeat:repeat-y;
    font-family:arial;
    border:1px solid #C8BA92;
    padding:5px;
    width:250px;
    color:Black;
    height: 15px;
    
   
 }
  .ttbdy {
    background:#FFFFFF;
    font-family:arial;
    font-size:12px;
    border-left:1px solid #C8BA92;
    border-right:1px solid #C8BA92;
    border-bottom:1px solid #C8BA92;
    padding:5px;
    width:250px;
    color:Black;
    float:left;
    
 }
/* Container */
.ttcontainer
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	visibility:hidden;
} 

.readybusy
{
    background-image: url(../images/notready.jpg); background-repeat: no-repeat;
    width: 436px;
    height: 80px;
}

