/*
############################################################################################
####  Name:             goiframe2.css                                                   ####
####  Version:          2.0                                                             ####
############################################################################################
*/

@charset "UTF-8";
body{
margin:0px;
padding:0px;
}

a  {
   text-decoration: none;
   color: #000000;
}

a ins  {
   text-decoration: none;
}

textarea {
    resize: none;
}
fieldset{
border-color:#FCFCFC;
}
legend{
font: bold 12px "helvetica neue", "myriad pro", helvetica, arial, sans-serif;
}
hr 
{ 
	display: block; height: 1px;
    	border: 0; border-top: 1px solid #ccc;
    	margin: 1em 0; padding: 0; 
}

#supportbutton a,
#adminbutton a,
#adminbuttons a,
#goadminbutton a,
#forcelogout a,
#phpmyadminbutton a,
#systembutton a,
#supportbutton2 a,
#vtigerbutton a,
#mainbutton a,
#mainbutton2 a,
#getstartedbutton a,
#getstartedbutton2 a,
#termsofusebutton a,
#agentbutton a,
#pubadminbutton a,
#combutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 36px;
   background-position: 0% 0px;
   font: bold 14px/24px "helvetica neue", "myriad pro", helvetica, arial, sans-serif;
   color: #808080;
   text-transform: uppercase;
   text-align: center;
   line-height: 36px;
}

#gologo a,
#gologo2 a {
   display: block;
   height: 76px;
   width: 252px;
   line-height: 76px;
}

#forcelogout a:hover,
#adminbutton a:hover,
#adminbuttons a:hover,
#goadminbutton a:hover,
#systembutton a:hover,
#phpmyadminbutton a:hover,
#supportbutton a:hover,
#agentbutton a:hover,
#pubadminbutton a:hover,
#combutton a:hover,
#supportbutton2 a:hover,
#vtigerbutton a:hover,
#getstartedbutton a:hover,
#getstartedbutton2 a:hover,
#termsofusebutton a:hover,
#mainbutton2 a:hover,
#mainbutton a:hover  {
   background-position: -130px 0%;
   color: #008000;
}

#welcometitletext p,
#getstartedtitletext p,
#helptitletext p  {
   font: bold 24px/29px "helvetica neue", "myriad pro", helvetica, arial, sans-serif;
   margin: 0px;
   color: #626262;
   text-align: justify;
}

#helpbodytext p,
#getstartedbodytext p,
#welcomebodytext p  {
   font: bold 14px/24px "helvetica neue", "myriad pro", helvetica, arial, sans-serif;
   margin: 0px;
   text-align: left;
}

#helpbodytext,
#welcomebodytext,
#getstartedbodytext  {
   visibility: visible;
   position: absolute;
   top: 476px;
   z-index: 3;
   width: 200px;
}

#welcomebutton a:hover,
#getstartedbutton a:hover  {
   background-position: -45px 0%;
}

#systembutton a:hover,
#phpmyadminbutton a:hover,
#combutton a:hover,
#pubadminbutton a:hover  {
   background-position: -131px 0%;
}

#getstartedbox,
#welcomebox,
#helpbox  {
   background: url(../images/welcomebox.png) no-repeat;
   visibility: visible;
   position: absolute;
   top: 470px;
   z-index: 2;
   width: 232px;
   height: 215px;
}

#footertext p,
#bodytext p  {
   font: 12px/14px "helvetica neue", "myriad pro", helvetica, arial, sans-serif;
   margin: 0px;
   padding-bottom: 11px;
   color: #303030;
}
#welcomebodytext p a:hover  {
   font-style: italic;
}

#getstartedbodytext p  {
   color: #808080;
}

#welcomebodytext p a  {
   font-style: Normal;
   color: #78A407;
   text-decoration: none;
   font-weight: bold;
}

#getstartedtitletext  {
   visibility: visible;
   position: absolute;
   left: 386px;
   top: 426px;
   z-index: 2;
   width: 235px;
}

#getstartedbodytext  {
   left: 393px;
}

#forcelogout a  {
   width: 0px;
/*   background-image: url(../images/getsupportbutton.png);*/
}

#supportbutton2 a  {
   width: 160px;
}

#vtigerbutton a  {
   width: 150px;
}

#mainbutton a  {
   width: 110px;
}

#termsofusebutton a  {
   width: 150px;
}

#mainbutton2 a  {
   width: 110px;
}

#getstartedbutton a  {
   width: 130px;
}

#getstartedbutton2 a  {
   width: 130px;
}

#agentbutton a  {
   width: 130px;
}

#pubadminbutton a  {
   width: 131px;
}

#helpbutton a:hover  {
   background-position: -42px 0%;
}

#combutton a  {
   width: 131px;
}

#getstartedbutton a  {
   background: url(../images/getstartedbutton.png) no-repeat 0% 0px;
   display: block;
   height: 45px;
   width: 45px;
   font-size: 45px;
   line-height: 45px;
}

#welcomebodytext p  {
   color: #78A407;
}

#supportbutton2  {
   visibility: visible;
   position: absolute;
   left: 720px;
   top: 0px;
   z-index: 3;
   height: 36px;
}

#getstartedbutton  {
   visibility: visible;
   position: absolute;
   left: 680px;
   top: 0px;
   z-index: 3;
   width: 130px;
   height: 36px;
}

#getstartedbutton2  {
   visibility: visible;
   position: absolute;
   left: 750px;
   top: 0px;
   z-index: 3;
   height: 36px;
}

#vtigerbutton  {
   visibility: visible;
   position: absolute;
   left: 740px;
   top: 0px;
   z-index: 3;
   height: 36px;
}

#mainbutton  {
   visibility: visible;
   position: absolute;
   left: 855px;
   top: 0px;
   z-index: 5;
   height: 36px;
}

#termsofusebutton  {
   visibility: visible;
   position: absolute;
   left: 740px;
   top: 0px;
   z-index: 3;
   height: 36px;
}

#mainbutton2  {
   visibility: visible;
   position: absolute;
   left: 855px;
   top: 0px;
   z-index: 5;
   height: 36px;
}

#pubadminbutton  {
   visibility: visible;
   position: absolute;
   left: 540px;
   top: 0px;
   z-index: 2;
   width: 131px;
   height: 36px;
}

#combutton  {
   visibility: visible;
   position: absolute;
   left: 801px;
   top: 0px;
   z-index: 5;
   width: 131px;
   height: 36px;
}

#agentbutton  {
   visibility: visible;
   position: absolute;
   left: 410px;
   top: 0px;
   z-index: 1;
   width: 130px;
   height: 36px;
}

#forcelogout {
   visibility: visible;
   position: absolute;
   left: 620px;
   top: 0px;
   z-index: 5;
   width: 0px;
   height:25px;
  color:#0000FF;

}

#welcometitletext  {
   visibility: visible;
   position: absolute;
   left: 90px;
   top: 426px;
   z-index: 2;
   width: 144px;
}

#getstartedbutton  {
   visibility: visible;
   position: absolute;
   left: 333px;
   top: 422px;
   z-index: 2;
   width: 45px;
   height: 45px;
}

#welcomebutton a  {
   background: url(../images/welcomebutton.png) no-repeat 0% 0px;
   display: block;
   height: 44px;
   width: 45px;
   font-size: 44px;
   line-height: 44px;
}

#welcomebodytext  {
   left: 97px;
}

#supportbutton a  {
   width: 150px;
/*   background-image: url(../images/vtigerbutton.png);*/
}

#helpbodytext p  {
   color: #808080;
}

#adminbutton a  {
   width: 150px;
/*   background-image: url(../images/agentbutton.png);*/
}

#adminbuttons a  {
   width: 150px;
/*   background-image: url(../images/agentbutton.png);*/
}

#phpmyadminbutton a  {
   width: 130px;
/*   background-image: url(../images/adminbutton.png);*/
}

#helptitletext  {
   visibility: visible;
   position: absolute;
   left: 686px;
   top: 426px;
   z-index: 2;
   width: 165px;
}

#welcomebutton  {
   visibility: visible;
   position: absolute;
   left: 38px;
   top: 423px;
   z-index: 2;
   width: 45px;
   height: 44px;
}

#getstartedbox  {
   left: 378px;
}

#helpbutton a  {
   background: url(../images/helpbutton.png) no-repeat 0% 0px;
   display: block;
   height: 41px;
   width: 42px;
   font-size: 41px;
   line-height: 41px;
}

#bannertext p  {
   font: bold 28px/40px "helvetica neue", "myriad pro", helvetica, arial, sans-serif;
   margin: 0px;
   text-align: left;
   color: #FEFEFD;
}

#footertext p  {
   text-align: center;
}

#helpbodytext  {
   left: 693px;
}

#systembutton a  {
   width: 131px;
/*   background-image: url(../images/combutton.png);*/
}

#supportbutton  {
   visibility: visible;
   position: absolute;
   left: 700px;
   top: 0px;
   z-index: 3;
   width: 150px;
   height: 36px;
}

#phpmyadminbutton  {
   visibility: visible;
   position: absolute;
   left: 570px;
   top: 0px;
   z-index: 2;
   width: 131px;
   height: 36px;
}

#adminbutton  {
   visibility: visible;
   position: absolute;
   left: 320px;
   top: 0px;
   z-index: 1;
   width: 150px;
   height: 36px;
}

#adminbuttons {
   visibility: visible;
   position: absolute;
   left: 420px;
   top: 0px;
   z-index: 1;
   width: 150px;
   height: 36px;
}

#goadminbutton  {
   visibility: visible;
   position: absolute;
   left: 470px;
   top: 0px;
   z-index: 1;
   width: 100px;
   height: 36px;
}

#welcomebox  {
   left: 82px;
}

#footertext  {
   visibility: visible;
   z-index: 1;
   width: 890px;
   background-color: #E5EDCE;
   padding-top: 10px;
}

#bannertext  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 112px;
   z-index: 1;
   width: 498px;
}

#bodytext p  {
   text-align: left;
   font-style: italic;
}

#helpbutton  {
   visibility: visible;
   position: absolute;
   left: 633px;
   top: 422px;
   z-index: 2;
   width: 42px;
   height: 41px;
}

#systembutton  {
   visibility: visible;
   position: absolute;
   left: 725px;
   top: 0px;
   z-index: 5;
   width: 131px;
   height: 36px;
}

#webtemp18  {
   margin: 0px 0px 0px auto;
   width: 100%;
   position: relative;
}

#contents  {
/*   background: url(../images/contents.png) no-repeat;*/
   visibility: visible;
   position: absolute;
   left:0px;
   top: 0px;
    /* z-index: 1;
   */width: 100%;
}

#bodytext  {
   visibility: visible;
   position: absolute;
   left: 26px;
   top: 725px;
   z-index: 2;
   width: 891px;
}

#helpbox  {
   left: 678px;
}

#header {
   visibility: visible;
   position: absolute;
   left: 0%;
   top: 0px;
   z-index: 1;
   width: 100%;
   margin-left: 0px;
background-color: #005197;
}

#gologo2  {
   background: url(../images/gologo.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 5px;
   z-index: 1;
   width: 272px;
   height: 116px;
}

#gomenu {
   visibility: visible;
   position: absolute;
   top: 0px;
	left:0px;
   z-index: 0;
   width: 0px;
}

html, body  {
/* padding: 0px;
   margin: 0px 0px 0px 0px;
   background-color: #FFFF00;
   background: #000000 url(../images/bg212.png) right top repeat-x;
*/

}

/*Class Made for Top-menu */
.admin_topmenu {
   font: 18px  arial, sans-serif;
   color: #FFFFFF;
}
.admin_topmenu:hover {
	font: 18px arial, sans-serif;
	color: #8B8378;
	text-decoration: underline;
}

/*Class for topmenu ends here*/

/* class for main menu table you can change width of the page from here*/
.main_table_border {
 	
	width: 100%;
    border:2px solid #005197;  
     
}

/*Class for main-table border ends here*/

/* class for search-form table you can change width of the innner white table here*/
.search_form_border {

        width: 98%;
	/*height: 10%;
	*/padding: 0px;
    border:1px solid #CCCCCC;

}

.seprater {

        width: 100%;
    border-bottom:1px solid #000000;

}
.tblrows_even {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    line-height: 19px;
    padding: 0 0 0 3px;
}

.tblrows_even_sort {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    line-height: 19px;
    padding: 0 0 0 3px;
    text-decoration:underline;
}

/* CSS for first column in listing */
.tblfirstcol {
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #CCCCCC;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    line-height: 19px;
    text-decoration: underline;
}

.tblfirstcol_n {
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #CCCCCC;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    line-height: 19px;
 }
/* css for first column in listing ends here*/

.tblheader {
    background-color: #D9E6F6;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    line-height: 19px;
    padding-left: 3px;
}
.dashboard_element {
    background-color:#F3F4EB;
    border-color: #87CEFA;
    border-style: solid;
    border-width: 1px;
    color: #021B6E;
    font-family: Arial;
    font-size: 12px;
}
.dashboard_filter {
    background-color: #D9E6F6;
    border-color: #87CEFA;
    border-style: solid;
    border-width: 2px;
}
.dashboard_filter_text {
    color: #021B6E;
    font-family: Arial;
    font-size: 12px;
}
.dashboard_filter_text_small {
    color: #021B6E;
    font-family: Arial;
    font-size: 8px;
}
.dashboard_row_even {
    background-color:#FFFFFF;
}
.dashboard_row_odd {
    background-color:#E8E8E8;
}
.dashboard_form_border {
    border:1px solid #CCCCCC;
}
.dashboard_green_label {
	color:#009900;
	font-size:20px;
	font-family:Arial;
}
.dashboard_green_digit {
	color:#009900;
	font-size:70px;
	font-family:Arial;
	font-weight:bold;
}
.dashboard_green_text {
	color:#009900; 
	font-size:12px;
	font-family:Arial;
}
.dashboard_green_text_bold {
	color:#009900;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
}
.dashboard_red_label {
        color:#FF0000;  
        font-size:20px;
        font-family:Arial;
}
.dashboard_red_digit {
        color:#FF0000; 
        font-size:70px;
        font-family:Arial;
        font-weight:bold;
}
.dashboard_red_text {
        color:#FF0000; 
        font-size:12px;
        font-family:Arial;
}
.dashboard_red_text_bold {
        color:#FF0000;
        font-size:14px;
        font-family:Arial;
        font-weight:bold;
}
.dashboard_blue_label {
        color:#155884;
        font-size:20px;
        font-family:Arial;
}
.dashboard_blue_digit {
        color:#155884;
        font-size:70px;
        font-family:Arial;
        font-weight:bold;
}
.dashboard_yellow_label {
        color:#DCDB41;
        font-size:20px;
        font-family:Arial;
}   
.dashboard_yellow_digit {
        color:#DCDB41;
        font-size:70px;
        font-family:Arial;
        font-weight:bold;
}
.dashboard_black_label {
        color:#000000;
        font-size:20px;
        font-family:Arial;
}   
.dashboard_black_digit {
        color:#000000;
        font-size:70px;
        font-family:Arial;
        font-weight:bold;
}
.dashboard_pink_label {
        color:#FF00FF;
        font-size:20px;
        font-family:Arial;
}   
.dashboard_pink_digit {
        color:#FF00FF;
        font-size:70px;
        font-family:Arial;
        font-weight:bold;
}
.dashboard_msg {
    color: #000000;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}
.dashboard_sub_header {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    color: #545454;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 29px;
    padding: 0 0 0 9px;
    vertical-align: middle;
}

.dashboard_green_label_outbound {
        color:#009900;
        font-size:16px;
        font-family:Arial;
}
.dashboard_green_digit_outbound {
        color:#009900;
        font-size:50px;
        font-family:Arial;
        font-weight:bold;
}
.dashboard_green_text_outbound {
        color:#009900;
        font-size:12px;
        font-family:Arial;
}
.dashboard_green_text_bold_outbound {
        color:#009900;
        font-size:12px;
        font-family:Arial;
        font-weight:bold;
}

.dashboard_green_label_inbound {
        color:#009900;
        font-size:16px;
        font-family:Arial;
}
.dashboard_green_digit_inbound {
        color:#009900;
        font-size:50px;
        font-family:Arial;
        font-weight:bold;
}
.dashboard_green_text_inbound {
        color:#009900;
        font-size:12px;
        font-family:Arial;
}
.dashboard_green_text_bold_inbound {
        color:#009900;
        font-size:12px;
        font-family:Arial;
        font-weight:bold;
}
.dashboard_red_label_outbound {
        color:#FF0000;
        font-size:16px;
        font-family:Arial;
}
.dashboard_red_digit_outbound {
        color:#FF0000;
        font-size:50px;
        font-family:Arial;
        font-weight:bold;
}
.dashboard_red_text_outbound {
        color:#FF0000;
        font-size:12px;
        font-family:Arial;
}
.dashboard_red_text_bold_outbound {
        color:#FF0000;
        font-size:12px;
        font-family:Arial;
        font-weight:bold;
}
.dashboard_red_label_inbound {
        color:#FF0000;
        font-size:16px;
        font-family:Arial;
}
.dashboard_red_digit_inbound {
        color:#FF0000;
        font-size:50px;
        font-family:Arial;
        font-weight:bold;
}
.dashboard_red_text_inbound {
        color:#FF0000;
        font-size:12px;
        font-family:Arial;
}
.dashboard_red_text_bold_inbound {
        color:#FF0000;
        font-size:12px;
        font-family:Arial;
        font-weight:bold;
}
.dashboard_title_bg {
	background-color:#F3F4EB;
}



.reportheader {
    border-color: #000000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    line-height: 19px;
    padding-left: 3px;
}
/* code for table border ends here*/

/*CSS for top-menu*/
.top_menu {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
    padding-left: 10px;
  

}

/*Css for top-menu ends here*/

.whole_box {
    
	border-style: solid;
	border-width:1px 1px 1px 1px;
	border-color: #CCCCCC;
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
    font-family: Arial;
    font-size: 12px;
}

/* CSS for multiple Check Box */
.multiple_checkbox_css {
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    line-height: 20px;
}

/*Css for formlable */
.form_lable {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
}
.form_lable_1 {
    color: #000000;
    font-family: Arial;
    font-size: 10px;
}
/* CSS for dark shade used in report */
/*Css for formlable */
.dark_shade {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    font-weight:bold;
    line-height: 19px;
    padding: 0 0 0 3px;
}
.dark_shade_n {
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #CCCCCC;
    font-family: Arial;
    font-size: 12px;
    font-weight:bold;
    color: #000000;
    line-height: 19px;
 }
.dark_shade_even {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: #000000;
    font-weight:bold;
    font-family: Arial;
    font-size: 12px;
    line-height: 19px;
    padding: 0 0 0 3px;
}


/* CSS for dark shade ends here */

/* CSS for page title with underline */
.all_sub_header {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 29px;
    padding: 0 0 0 9px;
    vertical-align: middle;
}
/* CSS for page title with underline*/

/*CSS for our main blue color */
.main_color {
background:#005197;
}
/*CSS for our main blue color ends here  */

/*CSS for LOGO */
/*CSS for LOGO changed to contact center-NEOX-1197*/
/*.neox_logo{ background:url(../images/neox_ems.jpg) no-repeat; width:172px; height: 78px;}*/
.neox_logo{ background:url(../images/neox_contactcenter.jpg) no-repeat; width:172px; height: 78px;}
/* CSS for logo ends here */

/*CSS edit image start here */
.edit_image{ background:url(../images/edit.jpg) no-repeat; width:16px; height: 13px;}
a .edit_image
{
        opacity:0.7;
	background:url(../images/edit.jpg) no-repeat;	
	width:16px;
  	height:13px;  
}
a:hover .edit_image
{	
	opacity:1.0;
}
/* CSS for edit image ends here */

/*CSS for red/green image */
.red_image{ background:url(../images/red_dot.jpg) no-repeat; width:22px; height: 22px;}
.green_image{ background:url(../images/green_dot.jpg) no-repeat; width:22px; height: 22px;}

/* CSS for red/green ends here */

/*CSS for delete image 15px 15px */
.delete_img{ background:url(../images/cross.jpg) no-repeat; width:15px; height: 15px;display: inline;}
.delete_image{ background:url(../images/cross.jpg) no-repeat; width:15px; height: 12px;}
a .delete_image
{
        opacity:0.7;
	background:url(../images/cross.jpg) no-repeat;  width:15px; height:12px;
	/*position:inline;
	margin-top:0px;
        margin-left:0px;
	*/
}
a:hover .delete_image
{
	opacity:1.0;
}
/* CSS for delete image ends here */

/*CSS for active/inactive image 15px 15px */
.right_image{ background:url(../images/active.jpg) no-repeat; width:17px; height: 14px;}
a .right_image
{
	opacity:0.7;
        background:url(../images/active.jpg) no-repeat;  width:17px; height:14px;
	/*position:absolute;
        margin-top:0px;
        margin-left:0px;*/
}

a:hover .right_image
{
	opacity:1.0;
}
.wrong_image{ background:url(../images/deactive.jpg) no-repeat; width:17px; height: 14px;}
a .wrong_image
{	
	opacity:0.7;
        background:url(../images/deactive.jpg) no-repeat;  width:17px; height:14px;
	/*position:inline;
        margin-top:0px;
        margin-left:0px;*/
}
a:hover .wrong_image
{
	opacity:1.0;
}
/* CSS for active/inactive image ends here */

/*CSS for home button start here */
.home_image{ background:url(../images/home.jpg) no-repeat; width:25px; height: 24px;}
a .home_image
{    
        background:url(../images/home.jpg) no-repeat;  width:25px; height:24px;
}
a:hover .home_image
{
	background:url(../images/home-hover.jpg) no-repeat;  width:25px; height:24px;
}
/*CSS for home button ends here */

/*CSS for dashboard button start here */
.dashboard_image{ background:url(../images/stop.jpg) no-repeat; width:24px; height: 24px;}
a .dashboard_image
{       
        background:url(../images/stop.jpg) no-repeat;  width:24px; height:24px;
}
a:hover .dashboard_image
{       
        background:url(../images/stop-hover.jpg) no-repeat;  width:24px; height:24px;
}
/*CSS for dashboard button ends here */

/*CSS for about buton start here */
.about_image{ background:url(../images/aboutus.jpg) no-repeat; width:24px; height: 24px;}
a .about_image
{       
        background:url(../images/aboutus.jpg) no-repeat;  width:24px; height:24px;
}
a:hover .about_image
{       
        background:url(../images/aboutus-hover.jpg) no-repeat;  width:24px; height:24px;
}


/*CSS for help  button start here */
.help_image{ background:url(../images/help.jpg) no-repeat; width:24px; height: 24px;}
a .help_image
{       
        background:url(../images/help.jpg) no-repeat;  width:24px; height:24px;
}
a:hover .help_image
{
        background:url(../images/help-hover.jpg) no-repeat;  width:24px; height:24px;
}
/*CSS for help button ends here */

/*CSS for logout button start here */
.logout_image{ background:url(../images/stop.jpg) no-repeat; width:24px; height: 24px;}
a .logout_image
{
        background:url(../images/logout.jpg) no-repeat;  width:24px; height:24px;
}
a:hover .logout_image
{
        background:url(../images/logout-hover.jpg) no-repeat;  width:24px; height:24px;
}
/*CSS for logout button ends here */

/* CSS for submit button */
.submit {
padding-right: 580px;
}
/* Css for submit ends here */

/*css for create button */
.create_image{ background:url(../images/create.png) no-repeat; width:65px; height: 16px;
cursor: pointer;
}
/* css for create button end here
*/

/*css for botom of page links
*/
.bottom{
text-decoration:underline;
font-size: 11px;
font-weight: bold;
color:#000000;
padding-left:250px;
}

/*css for bottom of page ends here*/


/*css for delete button */
.delete_all_image{ background:url(../images/delete.png) no-repeat; width:65px; height: 16px;
cursor: pointer;
}
/* css for delete button end here
  */
/*CSS for delete success message*/
.del_msg {
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
}
/*CSS for delete msg ends*/

/* CSS for lead searh option*/
/*Css for formlable */
.lead_search {
    color: #000000;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
}
/* CSS for lead search ends here*/

/* CSS for report heading*/
.report_head {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    color: #000000;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 35px;
    padding: 0 0 0 0px;
    vertical-align: middle;
}
/* CSS for report heading endsh*/

/*CSS for submneu  color */
.submenu_color {
background:#c6c6c6;
font-size:12px;
font-family: Arial;
color:black;
padding-top: 4px;
padding-bottom: 4px;
padding-left:4px;
padding-right:4px;
}
/*CSS for submenu ends here  */

/* CSS to hide lable , drop-down and unwanted fields in ADD/MODIFY form*/
.ec_hide
{
	display:none;
}
/* CSS to hide lable ends here*/
/*CSS for black color before LOGO */
.black_color{ background: #000000 url(../images/Final00.jpg) no-repeat; width:163px; height: 10px;}
/* CSS for black color before logo ends here */

/* CSS for welcome admin */
.blue-text-bold {
    border: 0 solid #CCCCCC;
    color: #00477F;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
}
/* CSS for welcome admin ends */
.print_csv_underline {
	text-decoration:underline;
}
/* CSS for underline*/

/* CSS for paging */
.page{
color:#005197; 
font-family:Arial, Helvetica, sans-serif; 
font-size:14px
}
.page_number {
color:#005197; font-family:Arial, Helvetica, sans-serif; font-size:14px; display:block; border:#CCCCCC solid 1px; width:15px; text-align:center;
}
.current_page {
color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px; display:block; text-align:center;
}
/* CSS for paging ends here */

/*CSS for blue buton and white text */
.light-btn {
    background-image: url("../images/blue_bg.jpg");
    border: medium none;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}
.labeltext {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
}
/* CSS for blue button ends here */

/*CSS for table in report */
.report_table
{
border: 1px solid #CCCCCC;
}
/* CSS for table ends here */

/* CSS for realtime report agent status */
/*Css for formlable */
.agent_status {
    color: #8B3E2F;
    font-family: Arial;
    font-size: 12px;
    text-decoration:none;
    font-weight:normal;
}

.agent_status:hover {
    color: #8B5742;
    font-family: Arial;
    font-size: 12px;
    text-decoration:none;
    font-weight:normal;
}

/* CSS for realtime report agent staus ends here */

/* CSS for welcome board */
.welcome_board {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}
/* CSS for welcome board ends here */

/*CSS for copyright start here */
.small-text-grey a {
    color: #949494;
    text-decoration: underline;
}
.small-text-grey a:hover {
    color: #949494;
    text-decoration: none;
}
.small-text-grey {
    color: #949494;
    font-family: Arial;
    font-size: 11px;
}
/*CSS for copyright ends here */

/* CSS for chart and reports start here */
.chart_even {
    background-color: #87CEFA;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    line-height: 19px;
    padding-left: 3px;
}

.chart_odd {
    background-color: #B0E2FF;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    line-height: 19px;
    padding-left: 3px;
}
.chart_total {
    background-color: #1E90FF;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    line-height: 19px;
    padding-left: 3px;
}
/* CSS for chart and reports ends here*/

/* CSS for star */
.neox_star 
{ 
   font-family: Arial; font-size: 14px; color: #FF0000 ; text-align: center;
}
.acl_table_bg_border
{
	background-color:#E0E0E0;
	border:0px solid #726969;
} 
/*CSS for star ends here */

/*CSS for some hide-show options start here */
.ec_show_hide
{
	background-color:#EDEEF6;
	border:1px solid #CCCCCC;
} 
/*CSS for some hide-show options ends here */

/*CSS for No-Data in plot */
.no_data_title
{
	color:#404245;
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
}
.no_data_div
{
	background-color:#fffdf6;
	border:2px solid #999999;
}
.no_data_text
{
	color:#550209;
	font-size:24px;
	font-weight:bold;
	font-family:Arial;
}
/* CSS for login page username image and password image start here */
.textboxusername {
    background-image: url("../images/user.png");
    background-repeat: no-repeat;
    padding-left: 29px;
    background-position: 8px center;
    border: 1px solid rgb(50, 50, 50);
    border-radius: 5px 5px 5px 5px;
    padding-bottom: 2px;
}

.textboxpassword {
    background-image: url("../images/key.png");
    background-repeat: no-repeat;
    padding-left: 29px;
    background-position: 8px center;
    border: 1px solid rgb(50, 50, 50);
    border-radius: 5px 5px 5px 5px;
    padding-bottom: 2px;
}
/* CSS for login page username image and password image ends here */

/* CSS for text inside message box start here*/
.ec_success_error_msg
{
	color:#000000;
	font-size:12px;
	font-weight:normal;
	font-family:Arial;
}
/* CSS for text inside message box start here*/

/* CSS for title of success or error message box start here*/
.ec_success_error_msg_title
{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
}
/* CSS for title of sucess or error message box start here*/

/* CSS for list custom field - add, edit title row bgcolor start here*/
.custom_title_row_bg
{
	background-color:#1E90FF;
}
/* CSS for list custom field - add, edit title row bgcolor ends here here*/

/* CSS for agent pop-up border and bgcolor start here*/
.popup_border_bg
{	
	border: 1px solid #000000;
	background-color:#FFFFFF;
}
/* CSS for agent pop-up border and bgcolor ends here*/

/* CSS for tab in admin and agent start here */
.tab_td
{
border:0px solid #000000;
background-color:#D1D1D1;
height:35px;
}
.tab_a
{
color: #000000;
font-family: Arial;
font-size: 12px;
font-weight:bold;
}

/* CSS for yab in admin and agent ends here*/

/*code for the table th group title*/
.tblheader-bold
{
	/*font-size: 12px;
	background-color:#99D6FF;*/
	text-align: left;
	-moz-border-bottom-colors: none;
    	-moz-border-left-colors: none;
    	-moz-border-right-colors: none;
    	-moz-border-top-colors: none;
    	background-color: #D9E6F6;
    	border-color: #FFFFFF;
    	border-image: none;
    	border-style: solid;
    	border-width: 1px 1px 1px 0;
    	color: #000000;
    	font-family: Arial;
    	font-size: 12px;
    	font-weight: bold;
    	line-height: 19px;
    	padding-left: 3px;
}

/* CSS for td spacing of fields */
.td_left_padding
{
	padding-left: 20px;
}

/* CSS for small size dropdown box  */
.small_select
{
	width:120px;
}

/* CSS for large size dropdown box  */
.large_select
{
        width:200px;
}

/*CSS for high light active page link*/
#active_menu a.active
{
	background-color:#666666;
	padding:4px 15px 4px 15px;
  	color:#FFF;
  	font-family:Arial;
	/*font-weight: bold;*/
  	/*font-size:13px;*/
}

/* CSS for agent screen : update dispo dull button */
.update_cdr_dull_btn
{
	background-color:#999999; 
	text-decoration:none; 
	color:#000000; 
	font-sixe:12px; 
	font-family:Arial;
}

/* CSS for agent screen : update dispo red buton */
.update_cdr_red_btn
{
        background-color:#FF0000; 
        text-decoration:none; 
        color:#000000; 
        font-sixe:12px; 
        font-family:Arial;
	pointer:cursor;
}

/* CSS for Recommendation note */
.recommendation_msg
{
	font-size:12px;
	font-family:arial;
	color:#FF0000;
}
/* CSS for disposition timer */
.dispotimer_text
{
	font-size:18px;
        font-family:arial;
	font-weight: bold;
        color:#015198;
}
.dispotimer_counter
{
	font-size:22px;
        font-family:arial;
        font-weight: bold;
        color:#191970;
}

/*TODO EC css for Active Callback List link start here - NEOX-273*/
.ec_active_callback_link
{
	color:#F7FE2E;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
.ec_active_callback_bgcolor
{
	background-color:#F7FE2E;
}

/* CSS for to note */
.small_text_grey
{
        font-family: Arial;
        font-size: 11px;
        color: #949494;
}
/* TODO EC CSS for CRM element -NEOX-280*/
.crm_element {
    /*background-color:#F3F4EB;*/
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    /*color: #021B6E;*/
    font-family: Arial;
    font-size: 12px;
}
/* TODO EC CSS for the readonly gray checkbox */
.gray_readonly_chekbox{
	display: inline;
	width: 49px;
  	height: 45px;
}

/* CSS class for conference start here - NEOX-474 */
.conf_css
{
        opacity:1.0;
}
.conf_css:hover
{
        opacity:0.7;
}
/* CSS class for conference ends here - NEOX-474*/

/*CSS for parking rooms - NEOX-648 */
.parking_number_drop_down
{
	background-color:#B8B8B8;
	color:#000000;
}

/*CSS for parking rooms - NEOX-647 */
.parking_number_drop_down
{
        background-color:#B8B8B8;
        color:#000000;
}

/* NEOX-672 */
.mutliSelect 
{
	width: 200px;
        position: relative;
        background-color: #E0E0E0;
        border: 1px #989898 solid;
        height: 100px;
        overflow: auto;
        padding: 0;
}
.readonly_textbox 
{
	background-color: #E0E0E0;
        border: 1px #989898 solid;
        font-size: 12px;
}
/*NEOX-839*/
.download_image{ background:url(../images/download.jpeg) no-repeat; width:23px; height: 19px;}
 label.tooltip {outline:none; }

        label.tooltip:hover {text-decoration:none;}

        label.tooltip div{
        z-index:10;
        display:none;
        padding:20px 10px;
        margin-top:25px;
        margin-left:-100px;
        width:250px;
        line-height:30px;
        font-size:11px;
        border-radius:15px 50px 30px:
        }
 label.tooltip:hover div{

        display:inline-block;
        word-wrap: break-word;
        position:absolute;
        color:#000;
        border:1px solid #000;
        background:#99b3ff;
        border-radius:15px 50px 30px:
        }
        label.tooltip div { border-radius:15px 50px 30px;}

/*TODO EC here,NEOX-1470*/
.dropdown {
    float: left;
    //background-color: #333;
    background-image: url("../images/blue_bg.jpg");
    overflow: hidden;
   // margin-top:10px;
}

.dropdown .dropbtn {
    cursor: pointer;
    font-size: 12px;
    font-weight : bold;
    border: none;
    outline: none;
    color: white;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

/*End here,NEOX-1470*/

/*TODO EC class for multiSelect in report filter START, NEOX-1616*/
.dashboardMutliSelect
{
	width: 200px;
	position: relative;
	background-color: #F3F4EB;
	border: 1px #87CEFA solid;
	height: 50px;
	overflow: auto;
	padding: 0;
	color: #021B6E;
	font-family: Arial;
	font-size: 12px;
}
/*TODO EC class for multiSelect in report filter STOP, NEOX-1616*/