html {
   	background: url("/custom/level3/images/background_right.png") no-repeat right top / 50% 412px, 
    			url("/custom/level3/images/background_left.png") repeat-x left top / 50% 412px #ededed;

	}

/* Text selection */
::-moz-selection { background: #FCE0D7; color: #000; text-shadow: none; }
::selection { background: #FCE0D7; color: #000; text-shadow: none; }

/* For hiding menutop at login level*/

.login_container .main_layout #menu-top{display:none;}
.login_container .main_layout{top:0;}

* {color: black; font-family: Arial; font-size: 11px}

td {vertical-align: middle;padding-bottom:19px;padding-top: 10px;}
form#mohInstanceForm td, form#_callCenterRoutingPoliciesForm td, form#ccAnnouncementsEditForm td, form#level3Form td ,.customMS, #entrance_FileList td, #comfort_FileList td, #mediaOnHoldSource_FileList td, #callWhisper_FileList td{vertical-align: top;padding-left:10px;}
#mediaOnHoldSource_FileList td, 
#callWhisper_FileList td, 
#comfort_FileList td, 
#entrance_FileList td,
#forcedForwarding_FileList td, 
#holidayService_FileList td, 
#nightService_FileList td, 
#nightService_manualFileList td, 
#comfortMessageBypass_FileList td, 
#overflow_FileList td, 
#strandedCalls_FileList td
{padding-bottom:0px;}
table.criteriaSelectiveEdit {
    width: 550px;
}

/* ExtJS collapsible panels */
.x-panel.x-panel-collapsed .x-panel-header {background: #e0e0e0 url('/custom/level3/images/expand.jpg') 4px 7px no-repeat; padding-left: 18px;}
.x-panel .x-panel-header {background: #e0e0e0 url('/custom/level3/images/collapse.jpg') 4px 7px no-repeat; padding-left: 18px;}
.x-panel td, .single-column td, #group_calling_plan td, #accountCodesAdministration td, #userPassword td {padding: 2px 2px 19px 9px;}
.checkboxTd{padding-bottom:10px;}
.x-panel-body {border-color: #e0e0e0}

a, a:hover, a:visited , .ui-widget-content a{color: #0063be; text-decoration: none;font-size: 11.5px;}
a:hover {text-decoration: underline;}

#container {}

#logo {
    float: left;
    width: 310px;
    height: 103px;
    line-height: 60px;
    font-size: 20pt;
    /* border: 1px dashed #000; */
    background-image: url('/custom/level3/images/logo.png');
    background-repeat: no-repeat;
    margin: 0px 0px 0px -22px;
    background-position: 0 0px;
}

header {
	padding: 0;
	background: url("/custom/level3/images/ml3-header-background.jpg") center top no-repeat;
	/* border-bottom: 2px solid #d2cecb;*/
	min-width: 950px;
}
	
	header .inner_header {margin: 0 auto; width: 950px;}

	header .voice_feature_management {font-size: 30px; color: white; float: left; margin: 22px 0 0 10px}

	header .logout * {color: white !important;padding-top:5px;}

	header .logout p {text-align: right; margin: 0;padding-bottom:0px;}

	header #search-button input {color: black !important;}

	header .logout #context_help_container {text-align: right}
		header .logout #context_help_container > a {font-weight: bold; text-decoration: none; text-align: right}



.main_gradient_container {
		background: #9a9a9a; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhOWE5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #9a9a9a 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a9a9a), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #9a9a9a 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #9a9a9a 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #9a9a9a 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom, #9a9a9a 0%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a9a', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

		padding-bottom: 25px;
	}

.small_gradient_container {
	
	background: #dcdedd; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZGVkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #dcdedd 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdedd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dcdedd 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dcdedd 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dcdedd 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dcdedd 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdedd', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

	border-top: 1px solid #9e9c9f;
    height: 25px;
}

.ie9 .small_gradient_container, .ie9 .main_gradient_container {filter: none;}

.main_layout { margin: 0 auto; width: 1024px; position: relative; top: -35px; background: white}
.main_layout.inside_popup {width: 100%}

nav#menu-top {
	height:35px;
        width: 100%;
        background: #012d74;
        /*border-top: 4px solid;
        border-bottom: 1px solid #F1582A;*/
        margin: 0 0 0;
    }
    /*nav#menu-top ul {text-transform: uppercase}
     nav#menu-top ul li.selected {color:white;opacity:1} */
	nav#menu-top ul li.selected {color:white;opacity:0.8;background-color:#1f488a}


        nav#menu-top ul li {
	        float: left;
        }

	        nav#menu-top li a {
		        display: block;
		        padding: 9px 15px;
		        font-weight: bold;
		        font-size: 13.5px;
		        text-decoration: none;
		        color: white;
		        text-decoration: bold;	
				opacity:0.8;
	        }

            nav#menu-top ul li a:hover, #menu-top li a:visited {color: white; opacity:1;background-color:#3ea1da}
            nav#menu-top ul li a:hover {color:white;opacity:1;background-color:#2b589d}

			nav#menu-top ul li a:active {background-color:#1d498c}
.content-wrapper {
    background: #e0e0e0 none repeat scroll 0 0;
    float: left;
    width: 100%;
}

	/*.content-wrapper h1 {
		font: bold 15px Arial;
		color: #333;
		/*border-bottom: 1px solid #ec192a;
		margin: 0 0 25px; 
	} */

	.content-wrapper #main {
	    width: auto;

	    padding-left: 25px;
	    margin-left: 150px;
	    padding-right: 25px;
	    padding-bottom: 25px;
	    padding-top:10px; 
	    background-color: white;
	}
	.content-wrapper #main.single-column {
	    margin-left: 0 !important;
	}
        .content-wrapper #main.single-column h1{
		color:#333333;
		font-size:15px;
		padding-top:20px;
		padding-bottom:20px;
	}


	
.content-wrapper #main h1 {
    font-size: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#menu-left {
    float: left;
    width: 150px;
  /*  background: url("/custom/level3/images/bg_menu_left.png") repeat-x #E0E0E0; */
    margin-left: -100%;
    padding-top: 15px;
}

#menu-left a, #menu-left a:hover, #menu-left a:visited {color: #0063BE; text-transform: uppercase; font: 12px Arial; text-decoration: none; margin: 10px; padding-bottom: 5px; display: block; border-bottom: 1px solid #bbbbbb}
#menu-left a:hover, #menu-left li.selected a {text-decoration: underline;}

/* --- INPUTS --- */

   /* input[type=file], input[type=text], input[type=password], textarea {height: 24px; font-size: 11px; color: black; border: 1px solid #999999; line-height: 24px; margin-right:13px; } */
     input[type=file], input[type=text], input[type=password], textarea {height: 24px; font-size: 11px; color: black; line-height: 24px; margin-right:13px;}	

    /* fix margin for ExtJS inputs */
    input.x-form-text {
        margin-right: 0;
    }

   /* input[type=text]:hover, input[type=text]:focus, 
    input[type=file]:hover, input[type=file]:focus,
    input[type=password]:hover, input[type=password]:focus, 
    textarea:hover, textarea:focus {
        border: 1px solid #EC192A;} */

    textarea {height: 112px; }

    /* disabled inputs 
    input[type="text"].disabled, input[type="password"].disabled, input[type="file"].disabled, textarea.disabled {background-color:white !important;}*/
    
    /* disabled hover inputs 
     input[type="text"].disabled:hover, input[type="password"].disabled:hover, input[type="file"].disabled:hover, textarea.disabled {border: 1px solid #999999;}*/ 

    #searchBoxDiv td {vertical-align: middle;}


    /* User select boxes */
    .selectBox{width:310px;}
    .inside_popup .selectBox  {width: 295px}
    
    .services_available_users_search input[type='text'], .services_available_users_search select {width: 200px}
    
    /*  audio recording table */
    #file_upload_form{width:425px;}
    input[type="button"], input[type="submit"] {

	color: #ffffff;
	background-color: #3EA1DA;
	font-size: 1.08em;
	font-weight: bold;
	padding: 0.5em 1em;
	border: 0px solid #E0E0E0;	
	cursor: pointer;
    }

    /* Full-sized bright buttons + general buttons rules */
  /*  input[type="button"], input[type="submit"] {
        
        color: white;
        border-radius: 6px;
        border: 1px solid #F1582A;
        height: 28px;
        padding: 0 17px;
        min-width: 92px;
        font: bold 15px Arial;
        
        text-shadow: black 0 -1px 2px;
        /*filter: Shadow(Color=#000000, Direction=0, Strength=1);  
        
        background: url(/custom/level3/images/bright_button.jpg) repeat-x 0 -14px;  
        background: -moz-linear-gradient(top, #b85919 50%, #943421 50%);  
        background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#b85919), color-stop(50%,#943421));  
        background: -webkit-linear-gradient(top, #b85919 50%,#943421 50%);  
        background: -o-linear-gradient(top, #b85919 50%,#943421 50%);  
        background: -ms-linear-gradient(top, #b85919 50%,#943421 50%);  
        background: linear-gradient(to bottom, #b85919 50%,#943421 50%);  
        position: relative;
    }  */
    /* Full-sized bright buttons buttons - hover*/
	input[type="button"]:hover, input[type="submit"]:hover, input[type="button"]:focus, input[type="submit"]:focus {

		background-color: #2277A8;
		text-decoration: none;
	}
    /*input[type="button"]:hover, input[type="submit"]:hover, input[type="button"]:focus, input[type="submit"]:focus {
        background-position: 0 0;   
        background: -moz-linear-gradient(top, #f1582a 50%, #b85919 50%); 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#f1582a), color-stop(50%,#b85919));  
        background: -webkit-linear-gradient(top, #f1582a 50%,#b85919 50%);  
        background: -o-linear-gradient(top, #f1582a 50%,#b85919 50%); 
        background: -ms-linear-gradient(top, #f1582a 50%,#b85919 50%); 
        background: linear-gradient(to bottom, #f1582a 50%,#b85919 50%);  
    }*/
	
    
    /* Mid-sized bright buttons 
    .service_users_select_boxes input[type='button'], #file_upload_form input[type="submit"], fieldset input[type="button"], fieldset input[type="submit"], .x-panel-bwrap input[type="button"], .x-panel-bwrap  input[type="submit"]{
        height: 22px;
        padding: 0 13px;
        min-width: 0;
        border-radius: 4px;
        font: bold 13px Arial;
        background: url(/custom/level3/images/bright_button.jpg) repeat-x 0 -17px;  
        background: -moz-linear-gradient(top, #b85919 50%, #943421 50%);  
        background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#b85919), color-stop(50%,#943421));  
        background: -webkit-linear-gradient(top, #b85919 50%,#943421 50%);  
        background: -o-linear-gradient(top, #b85919 50%,#943421 50%);  
        background: -ms-linear-gradient(top, #b85919 50%,#943421 50%);  
        background: linear-gradient(to bottom, #b85919 50%,#943421 50%);  
    }
.service_users_select_boxes input[type='button'], #file_upload_form input[type="submit"], fieldset input[type="button"], fieldset input[type="submit"], .x-panel-bwrap input[type="button"], .x-panel-bwrap  input[type="submit"]{
	color: #ffffff;
	background-color: #AAAAAA;
	font-size: 1.08em;
	font-weight: normal;
	padding: 0px 16px;
	border: 0px solid #E0E0E0;	
	cursor: pointer;
	height:21px;
}*/

/**** PRIMARY BUTTONS AND FIELDSET BUTTONS ***/

fieldset input[type="button"],fieldset input[type="submit"],fieldset .x-panel-bwrap input[type="button"],fieldset .x-panel-bwrap  input[type="submit"],#file_upload_form input[type="submit"]{
        color: #ffffff;
        background-color: #AAAAAA;
        font-size: 12px !important;
        font-weight: normal;
        padding: 0px 16px;
        border: 0px solid #E0E0E0;
        cursor: pointer;
        height:21px !important;
}

fieldset input[type="button"]:hover,fieldset input[type="submit"]:hover,fieldset .x-panel-bwrap input[type="button"]:hover,fieldset .x-panel-bwrap  input[type="submit"]:hover, #file_upload_form input[type="submit"]:hover,fieldset input[type="button"]:focus,fieldset input[type="submit"]:focus {
        color: #ffffff;
        background-color: #818080;
        font-size: 12px  !important;
        font-weight: normal;
        padding: 0px 16px;
        border: 0px solid #E0E0E0;
        cursor: pointer;
        height:21px !important;
}
.service_users_select_boxes input[type='button']{
	color: #ffffff;
        background-color: #3ea1da;
        font-size: 13px;
        font-weight: normal;
        padding: 0px 16px;
        border: 0px solid #E0E0E0;
        cursor: pointer;
        height:28px;
}
.service_users_select_boxes input[type='button']:hover{ 
	color: #ffffff;
        background-color: #2277a8;
        font-size: 13px;
        font-weight: normal;
        padding: 0px 16px;
        border: 0px solid #E0E0E0;
        cursor: pointer;
        height:28px;
}

/***** END: PRIMARY BUTTONS AND FIELDSET BUTTONS *****/

#user_services_form .user_service_container table td > a {
    font-weight: bold;
    margin-left:10px;
    color: #000 !important;
}
    
    /* Mid-sized bright buttons - hover 
    .service_users_select_boxes input[type='button']:hover, #file_upload_form input[type="submit"]:hover, fieldset input[type="button"]:hover, fieldset input[type="submit"]:hover, .x-panel-bwrap input[type="button"]:hover, .x-panel-bwrap  input[type="submit"]:hover, 
    .service_users_select_boxes input[type='button']:focus, #file_upload_form input[type="submit"]:focus, fieldset input[type="button"]:focus, fieldset input[type="submit"]:focus, .x-panel-bwrap input[type="button"]:focus, .x-panel-bwrap  input[type="submit"]:focus
    {
       /* background-position: 0 -3px;
        background: -moz-linear-gradient(top, #f1582a 50%, #b85919 50%);  
        background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#f1582a), color-stop(50%,#b85919));  
        background: -webkit-linear-gradient(top, #f1582a 50%,#b85919 50%);  
        background: -o-linear-gradient(top, #f1582a 50%,#b85919 50%);  
        background: -ms-linear-gradient(top, #f1582a 50%,#b85919 50%); 
        background: linear-gradient(to bottom, #f1582a 50%,#b85919 50%);  

	background-color: #2277A8;
	text-decoration: none;
	
    }   */ 

   /* .service_users_select_boxes input[type='button']:hover, #file_upload_form input[type="submit"]:hover, fieldset input[type="button"]:hover, fieldset input[type="submit"]:hover, .x-panel-bwrap input[type="button"]:hover, .x-panel-bwrap  input[type="submit"]:hover, 
    .service_users_select_boxes input[type='button']:focus, #file_upload_form input[type="submit"]:focus, fieldset input[type="button"]:focus, fieldset input[type="submit"]:focus, .x-panel-bwrap input[type="button"]:focus, .x-panel-bwrap  input[type="submit"]:focus
    {
	background-color: #818080;
	text-decoration: none;
    } */
       
    /* Full-sized disabled buttons 
    input[type="button"][disabled=disabled], input[type="button"][disabled=disabled]:hover, input[type="submit"][disabled=disabled], input[type="submit"][disabled=disabled]:hover {
        border: 1px solid #cccccc;
        color: #cccccc;
        background: url(/custom/level3/images/gray_button.jpg) repeat-x 0 -28px;  
        background: -moz-linear-gradient(top, #9d9d9d 50%, #747474 50%);  
        background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#9d9d9d), color-stop(50%,#747474));  
        background: -webkit-linear-gradient(top, #9d9d9d 50%,#747474 50%);  
        background: -o-linear-gradient(top, #9d9d9d 50%,#747474 50%);  
        background: -ms-linear-gradient(top, #9d9d9d 50%,#747474 50%);  
        background: linear-gradient(to bottom, #9d9d9d 50%,#747474 50%);  
    } */
    
    /* Mid-sized disabled buttons 
    fieldset input[type="button"][disabled=disabled], fieldset input[type="button"][disabled=disabled]:hover, fieldset input[type="submit"][disabled=disabled], fieldset input[type="submit"][disabled=disabled]:hover {
        background: url(/custom/level3/images/gray_button.jpg) repeat-x 0 -31px !important;
        background: -moz-linear-gradient(top, #9d9d9d 50%, #747474 50%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#9d9d9d), color-stop(50%,#747474)); 
        background: -webkit-linear-gradient(top, #9d9d9d 50%,#747474 50%); 
        background: -o-linear-gradient(top, #9d9d9d 50%,#747474 50%); 
        background: -ms-linear-gradient(top, #9d9d9d 50%,#747474 50%);
        background: linear-gradient(to bottom, #9d9d9d 50%,#747474 50%);
    } */
	
    input[type="button"][disabled=disabled],input[type="submit"][disabled=disabled]{
	background-color: #e4e4e4;
	color: #aeaeae;
	font-weight:normal;
    }
	
	
    fieldset input[type="button"][disabled=disabled],fieldset input[type="submit"][disabled="disabled"]{
	background-color: #e4e4e4;
	color: #aeaeae;
        font-weight:normal;
    }
		


.width90 {margin-bottom: 3px}
.services_available_users_search input[type='button'] {font: bold 13px Arial !important;} /* overriding BASE !important*/    

/*Remove All button fix for IE*/
input[type='button'].remove_all_button {
	padding-left: 0;
	padding-right: 0;
}
/* --- / INPUTS --- */

.x-tool-toggle {display: none}

.x-panel {margin-bottom: 1px;}

footer {height: 50px; text-align: center; line-height: 50px; color: white}

.supernav-bit {
    float: left;
    margin: 0 1em 0 0;
}

.gray_table {width: 100%; border: 1px solid gray; border-collapse: collapse;}
.gray_talbe th, .gray_talbe td {border: 1px solid gray;}

.ui-dialog {
	border: 10px solid black;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.level3_dialog_inside_dialog {
    margin-top: 15px;
}

.ui-dialog-buttonpane {
	border: 0;
}

.ui-widget-header {background: none #fff; border: 0; }
.ui-dialog .ui-dialog-title {text-transform: uppercase;}

.ui-widget-content .ui-icon-closethick {position: relative;  top: -33px; background: url("/js/fancybox/fancy_close.png"); height: 30px; width: 30px;}

.ui-widget-content .ui-state-focus .ui-icon-closethick {background: url("/js/fancybox/fancy_close.png");}

a.ui-dialog-titlebar-close {width: 0 !important ; height: 0 !important ; }

.ui-dialog-titlebar-close.ui-state-hover {border: 0 !important; background: none !important; padding: 1px !important;}

/* Fix horizontal scrollbar in IE8 */
.ui-widget-overlay { width:100% !important;}

#search-button {float: right;}

fieldset {
	border: 1px solid #dddcdc; 
	padding: 5px; margin-bottom: 1em;
    	margin-left: 5px; /*bg-width*/
	margin-top:10px;
    	padding: 0 0 9px 0;
    	color:gray;
    	font-size: 1.08em;  
    <!--	font-weight: bold;-->
    	line-height: 1.25;
	border-top:0;
	border-right:0;
	background-color: #f3f3f3;
}
fieldset legend {
	padding: 0 5px;
	/*background: #002d73 none repeat scroll 0 0; */
	box-sizing: border-box;
	display: inline-block;
	height: 100%;
	/*padding: 3px 37px 3px 18px;*/
	padding: 6px 0px 0px 17px;
	margin: 0px 0px 0px -10px;
	width: 50%;
	color:white;
        font-weight:bold;
	font-size: 13px;
	font-family: arial;
	background:url("/custom/level3/images/fieldbackground1.png") no-repeat;
	height: 36px;
	/*background-image: url("/custom/level3/images/contentDividerCornerBlue.png") no-repeat left bottom transparent;  
	background: url("/custom/level3/images/contentDividerCornerBlue.png") no-repeat right bottom / 10% 465px, 
    			 repeat scroll 0 0 #002d73 ;
				 <!-- for to check the functionality --> 
	background: #e8e8e8 url("/custom/level3/images/contentDividerCornerBlue.png") no-repeat scroll 0 124%;	*/
}
fieldset fieldset{
         margin-left: 30px;
}
.fieldset legend {
    margin-bottom: 1em;
    margin-left: -9px; /*bg-width*/
    padding: 0 0 9px 0;
    background: url("/custom/level3/images/contentDividerCornerGray.png") no-repeat left bottom transparent;   
    color:#FFF;
    font-size: 1.08em;  
    font-weight: bold;
    line-height: 1.25;
}

#simultaneousAddTablenew > legend {
    padding: 7px 0 0 6px;
    font-size:11px;	
}

#holiday_schedules > legend {
    font-size: 12.5px;	
    padding-right:10px;
}

.fieldset .contentBlockHeaders span {
    display: inline-block;
    box-sizing: border-box;
    height: 100%;   
    width: 100%;
    padding: 3px 37px 3px 18px;
    background:#a5b2b9;
}

.login {background: none; margin: 10px auto;}
	.login td {vertical-align: middle;}

/*search*/

.paging_pages {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

.paging_pages li {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
	border-bottom: 1px solid #333;
	cursor: pointer;
	cursor: hand;	
}

.paging_pages li.selected {
	border: 0;
	font-weight: bold;
	cursor: auto;
}
/*end search*/

/*table.service_table td, table.service_table tbody tr.odd td, table.service_table tbody tr.even td {
    background-color: #FFFFFF;
    padding:0;
    padding-left:9px;
    padding-right:9px;
    line-height:24px;
    border:1px solid #E0E0E0;
    color:#8D8D8D;
	vertical-align: top;
    white-space: nowrap;
}*/

table.service_table th{
	background-color:#b4cae4;
	font-size: 11.5px;
	padding-left: 9px;
	height: 33px;
}

table.service_table tbody tr.odd td{
    background-color: #F0F3F7;
    line-height:24px;
    border:1px solid #dce4eb;
    color:#8D8D8D;
    vertical-align: top;
    white-space: nowrap;
}
table.service_table tbody tr.even td {
    background-color: #FFFFFF;
    line-height:24px;
    border:1px solid #dce4eb;
    color:#8D8D8D;
    vertical-align: top;
    white-space: nowrap;
}

.service_table_hover, .service_table_hover td, table.service_table tbody tr.odd , table.service_table tbody tr.even {
 <!--   background: #A7C0DD !important;-->
        background-color: #E3F1FA;
} 
   
.overflowDiv{
    height:500px;
    width:100%;
    overflow:auto; 
    border: 1px solid gray;
}
.overflowDiv  table.tablesorter{margin: 0 0 0 0;}
#CallParkTimerForm .groupCallPark{
    margin-left:5px;
    margin-right:5px;
}
    


/* --- DYNAMIC COMPONENT'S CSS --- */

    /* Min width for panels holding time scheduler component */
    .ts-collapsible-panel {
        min-width: 710px;
    }

    /* To avoid double horiz scroll bar in IE8 */
    .iframe-window-wrapper {
        overflow: hidden !important;
    }

    .grid-tbar-search-toggle {
	    background-image: none !important;
    }

    .x-grid3 td, .x-grid3 th,
    .x-toolbar td, .x-toolbar th,
    .extjs-control td,
    .extjs-control th,
    .x-tab-panel td,
    .x-tab-panel th,
    .x-window th,
    .x-window td {
        padding: 0;
    }

    .extjs-control ul,
    .extjs-control ol,
    .x-tab-panel ul,
    .x-tab-panel ol {
        padding: 0;
        margin: 0;
    }

    .x-grid3-row .x-grid3-cell {
        height: auto !important;
    }

    .sch-schedulerpanel .x-grid3-row .x-grid3-cell {
        height: 28px !important;
    }

    .sch-schedulerpanel .x-grid3-hd-inner {
        font-size: 8px;
        padding: 5px 0;
    }



    #export_pdf, #export_csv{
	    background-color: #FFFFFF;
	    background-image: url(/custom/level3/images/light_export.png);
		background-position:left top;
	    background-repeat:no-repeat;
	    width:19px;
	    height:17px;	
	    border:none;
	    margin-top:3px
    }
	
	#export_pdf:hover, #export_csv:hover{
	    background-color: #FFFFFF;
	    background-image: url(/custom/level3/images/light_export_hover_orange.png);
		background-position:left top;
	    background-repeat:no-repeat;
	    width:19px;
	    height:17px;	
	    border:none;
	    margin-top:3px
    }

#help_contents #content_pane { vertical-align:top;}
/* --- / DYNAMIC COMPONENT'S CSS --- */

/* --- CUSTOM ORANGE CHECKBOXES AND RADIO BUTTONS --- */
/*M32777: commented until BASE is prepared for custom radios/checkboxes(add label etc)
.customRadio input[type='radio']{opacity:0;position:absolute;filter:alpha(opacity=0);margin:0 0 0 0}
.customRadio input[type='radio']:focus+label{color:#333333}
.customRadio input[type="radio"]+label{background:url('/custom/level3/images/radios_orange.png') left top no-repeat;position:relative;margin:0;padding:1px 0 0 22px;cursor:pointer;line-height:16px;min-height:16px;display:inline-block;z-index:0;font-size:13px;font-weight:normal;font-family:Arial;}
.customRadio input[type="radio"]+label{background-position:0 0;margin:0 15px 0 0;}
.customRadio input[type='radio']:checked+label{background-position:0 -28px}
.customRadio input[type='radio']:disabled+label{background-position:0 -112px;color:#999}
.customRadio input[type='radio']:disabled:checked+label{background-position:0 -140px;color:#999}
.customRadio input[type="radio"]+label:hover{background-position:0 -56px}
.customRadio input[type='radio']:checked+label:hover{background-position:0 -84px}
.customRadio input[type='radio']:disabled+label:hover{background-position:0 -112px;color:#999}
.customRadio input[type='radio']:disabled:checked+label:hover{background-position:0 -140px;color:#999}


.customCheckbox td{padding:0 0 10px 0;}
.customCheckbox input[type='checkbox']{opacity:0;position:absolute;filter:alpha(opacity=0);margin:0 0 0 0}
.customCheckbox input[type="checkbox"]:focus+label{color:#000000}
.customCheckbox input[type="checkbox"]+label{background:url('/custom/level3/images/checkboxes_orange.png') left top no-repeat;position:relative;margin:0;padding:1px 0 0 23px;cursor:pointer;line-height:13px;min-height:13px;display:inline-block;z-index:0;font-size:11px;font-weight:normal;font-family:Arial;}
.customCheckbox input[type="checkbox"]+label{background-position:0 0}
.customCheckbox input[type='checkbox']:checked+label{background-position:0 -25px}
.customCheckbox input[type='checkbox']:disabled+label{background-position:0 -150px;color:#999}
.customCheckbox input[type='checkbox']:disabled:checked+label{background-position:0 -175px;color:#999}
.customCheckbox input[type="checkbox"]+label:hover{background-position:0 -75px}
.customCheckbox input[type='checkbox']:checked+label:hover{background-position:0 -100px}
.customCheckbox input[type="checkbox"]:disabled+label:hover{background-position:0 -150px;color:#999}
.customCheckbox input[type='checkbox']:disabled:checked+label:hover{background-position:0 -175px;color:#999}
/* ---/ CUSTOM ORANGE CHECKBOXES AND RADIO BUTTONS --- */


/**
* LOGIN PAGE CSS 
*/

/*** Header ***/
/* .login_body{background: url("/custom/level3/images/bg_body.png") repeat-x scroll 0 0 #EDEDED;} */

.login_container .content-wrapper{background-color: #FFFFFF;}
 
.login_container .main_layout .content-wrapper #main {
    background-color: white;
    margin: 0;
    padding: 0;
    width: auto;
}
/* .login_container {background:url('/custom/level3/images/bg_body.png') repeat-x;} */

/* .login_container .main_layout #menu-top{border-bottom: none;} */

.login_container #header_right {
	/*background:url('/custom/level3/images/bg_header_right.png') no-repeat; float: left; width:377px; height: 27px;margin: 15px 0 0 33px;*/
	background: url("/custom/level3/images/background_right.png") no-repeat right top / 50% 465px, 
    			url("/custom/level3/images/background_left.png") repeat-x left top #ededed;
}
.login_container #logo {margin-left: -37px;width:50%;}
.login_container #login-box .login-forgot { font-weight: bold; width: 130px; float: left; margin: 5px 0 0 0; padding: 0 0 0 0; font-size: 11px;}
.login_container #big-image
{
    height: 266px;
    width: 714px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #FFF;
    /*background-image: url('/custom/level3/images/main.jpg');*/
    
    /*-moz-box-shadow: -2px 2px 16px #333;
    -webkit-box-shadow: -2px 2px 16px #333;
    box-shadow: -2px 2px 16px #333;*/
}
/*** END Header ***/


/*** Footer ***/
.login_container footer {
    line-height: 10px;
    text-align: left;
    padding: 15px 25px;
    font-size: 12px;
    color: #383D45;
    background: none;
    margin: -8px auto;
    width: 1020px;
}
.login_container footer p{color:#383D45; margin-top:5px;margin-bottom:5px;}
.login_container footer a{    color: #0063be;}
.login_container footer a:hover{ text-decoration: underline;}
.login_container ul.footer-links-login{    margin: 5px 0 0 0px;    padding: 0;    background: 0; list-style: none;}
.login_container ul.footer-links-login li{    float: left;    margin: 0 10px 0 0;    padding: 0 10px 2px 0;
    font-size: 11px;
/*    font-weight: bold; */
    border-right: 1px solid #bdbdbc;
    background: 0;
}
.login_container ul.footer-links-login li.last{    border-right: 0;}
.login_container ul.footer-links-login li:last-child{    border-right: 0;}


/*** END Footer ***/

/*** BOXES ***/

.login_container #login-box input.text { width: 260px;}
.login_container #login-box .error{font-size: 11px; padding: 2px; margin: 2px 0 2px 0; border: 1px solid #999999;}
.login_container #Submit { display: block; float: right; width: 82px; height: 30px; padding: 0; }
.login_container #login-box h3 {font-size: 13px;font-weight: bold;margin-bottom: 2px;margin-top:20px;}
.login_container #login-box input[type="submit"]{min-width: 82px;}
.login_container #login-box input.text, 
.login_container #login-box input[type="text"], 
.login_container #login-box input.password, 
.login_container #login-box input[type="password"] {
    border: 1px solid #aeaeae;
    display: block;
    height: 18px;
    padding: 2px;
    margin-bottom: 10px;
}
.login_container #login-box p { margin-top:1px;}
.login_container #login-box .text.text_highlighed{background-color:white !important}

.text_highlighed{background-color:white !important}

.login_container #login-box .placeholder {
    color: #aeaeae;
}
.login_container .boxes-row{   padding: 1px 13px 0 22px;background-color:#cbd7e1; width:275px;height:577px;}

/** BigImage and boxes of portal support and about */

.login_container .big_boxes-row{
    float: left;
    height: 100%;
    vertical-align: top;
    background-color: #FFF;
    position: relative;
    box-sizing: border-box;

}
/** End **/

.login_container .boxes
{
    width: 250px;
    height: 162px;
    margin: 25px 25px 0 0;
    padding: 10px 20px 20px 20px;
    float: left;
/*    background: #F3F3F3 url('/custom/level3/images/bg_boxes.png') repeat-x 0 -220px; */
}
.login_container .boxes.short { height: 160px;}
 /* .login_container .boxes.dark { background: #A6A6A6 url('/custom/level3/images/bg_boxes_dark.png') repeat-x 0 0; } */
.login_container .boxes.top-bottom { background-position: 0 0; }
.login_container .boxes h3{    font-size: 1.05em;    text-transform: uppercase;
}

/* .login_container h1,.login_container h2,.login_container h3,.login_container h4,.login_container h5,.login_container h6 {font-weight: bold; line-height: 1.3em; color: #333333; margin-bottom: .3em;} */
.login_container h1 {font-size: 3em;}
.login_container h2 {font-size: 1.6em; color: #F1582A;}
.login_container h3 {font-size: 1.5em; }

.login_container label {font-weight:bold; margin-bottom:3px; font-size: 11.5px; color: #333333; display: block;}
.login_container #boxes
{
    overflow: hidden;
    padding-left: 0;
    width: 250px;    
}
.login_container #login-box{
    width: 263px;
    /*margin-top: 10px;*/
    margin-bottom: 5px;
}
.login_container #boxes h2
{
    font-size: 1.35em;
    font-weight: bold;
    letter-spacing: 1px;
}
.login_container #boxes h3
{
    font-size: 1.05em;
    font-weight: normal;    
    text-transform: none;
}
.login_container #portal-support h3, .login_container #about-portal h3{margin-bottom: 15px;font-size: 15px; font-weight: bold;  font-family: Arial;}
.login_container  .boxes-img {
    background: #F3F3F3 url('/custom/level3/images/voice_feature_login_screen.jpg') no-repeat;
    height: 134px;
    width: 102px;
    float: left;
    margin: 5px 15px 0 0;
    border-bottom: 5px solid #F1582A;
    -moz-box-shadow: -2px 5px 10px #999;
    -webkit-box-shadow: -2px 5px 10px #999;
    box-shadow: -2px 5px 10px #999;
}

/* .login_container #about-portal ul{ margin: 0 0 0 0; padding: 0 5px 0 5px; list-style-type: none;}*/
/*.login_container #about-portal ul{ list-style-type: none;}
.login_container #about-portal ul li{ background: url('/custom/level3/images/li_style.png') no-repeat scroll 0 2px transparent; padding: 0 0 0 15px; margin: 0 0 15px 0;}*/
.login_container #about-portal ul li{ padding: 0; margin: 0 0 12px;font-size:11.5px;}
.login_container #portal-support .styled-select { width: 240px; height: 24px; overflow: hidden; border: 1px solid #999;}
.login_container #portal-support .styled-select select { width: 240px; border: 0; font-size: 11px; height: 24px; padding: 3px;}
.login_container #portal-support .styled-select select:focus,.login_container #portal-support .styled-select select:active { outline: none; -moz-outline: none;}
.login_container #portal-support option{}
.lighter{ color: #999;}
.login_container #portal-support table { font-size: 13px; margin-top: 14px; border-collapse: collapse; border-spacing: 0; }
.login_container #portal-support td{vertical-align: top;padding: 0 0 10px;}
.login_container #portal-support td.left{width: 45px;font-weight: bold; padding:0 }
/*.login_container #portal-support a{font-weight: bold; }*/
/*** END BOXES ***/


/*** PLAY VIDEO BUTTON ***/
.login_container #play-video
{
    display: block;
    height: 16px;
    float: left;
    padding: 3px 0 4px 45px;
    margin-top: 20px;
    font-size: 15.5px;
    font-weight: bold;
}

.login_container #play-video:hover
{
    text-decoration: none;
}

.login_container a.PlayVideo
{
    background-color: transparent;
    background-image: url('/custom/level3/images/play_button_s1.png');
    background-repeat: no-repeat;
    text-decoration:none;        
    cursor: pointer;    
}

.login_container a.PlayVideo:link, a.PlayVideo:visited 
{
    text-decoration:none;        
    cursor: pointer;   
}

.login_container a.PlayVideo:hover, a.PlayVideo:active 
{
    color: #F1582A;
    background-image: url('/custom/level3/images/play_button_hover.png');
    cursor: pointer;   
}
/*** END PLAY VIDEO BUTTON ***/

/**** Banner MyLevel 3 ****/



.bannerOverlay {
  background: #585858; /*IE8*/
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  padding: 18px;
  position: absolute;
  right: 0;
  top: 130px;
  width: 315px;
  z-index: 10;
}

.bannerOverlay#mylevel3-banner {
	font-size: 15px;
	top: 100px;
	width: 356px;
}

.bannerOverlay a {
	color: #FFF !important; 
	font-size:14px; 
}

#main.single-column .bannerOverlay h1 {
	font-size: 25px;
	font-weight: normal;
	margin: 0;
	color:#FFF;
	padding:0;
}

.bannerOverlay h1 .PlayDemo {
	display: inline-block;
	font-size: 0.56em;
	margin-left: 30px;
	vertical-align: middle;
}

.PlayDemo .primaryBtn {
	background-image: url('/custom/level3/images/arrowPlay.png');
	background-position: center;
	background-repeat: no-repeat;
	padding: 0.2em 0.9em;	
	margin-right: 0.25em;
}

.bannerOverlay span{
	color:#FFF;
	font-size:15px;
}

.primaryBtn {
	color: #ffffff;
	background-color: #3EA1DA;
	font-size: 1.08em;
	font-weight: bold;
	padding: 0.5em 1em;
	border: 0px solid #E0E0E0;	
	cursor: pointerr
}

.primaryBtn:hover {
	background-color: #2277A8;
	text-decoration: none;
}

/**** End of Banner ****/


.portalsupportbox
{
    float: left;
    margin: 20px 30px;
    padding: 20px 0 20px 20px;
    width: 255px;
}


#portal-support .spanInnerHeader, #about-portal .spanInnerHeader{
    display: inline-block;
    box-sizing: border-box;
    height: 100%;   
    width: 114%;
    padding: 3px 37px 3px 18px;
    background:#a5b2b9;
    color:#FFF;
    font-family: arial;
    font-size: 13px;
}


#portal-support .contentBlockHeaders, #about-portal .contentBlockHeaders{
    margin-bottom: 1em;
    background: url("/custom/level3/images/contentDividerCornerGray.png") no-repeat left bottom transparent;   
    color:#FFF;
    font-size: 1.08em;  
    font-weight: bold;
    line-height: 1.25;
    padding: 0 0 9px 0;
    margin-left: -9px;
}


.boxcontent{
    border-left: 1px solid #dddcdc;
    height: 196px;
    margin-top: -20px;
    padding: 10px 0 10px 18px;
}

.boxcontent > ul {padding: 0 0 0 10px;}

/**
* END Login Page CSS
*/

/*Profile holiday schedule*/

.holiday-schedule-name-input {
    margin-bottom: 3px;
}

.holiday-schedule-date-input {
    margin-right: 2px !important;
}

#holidayScheduleTable td.holiday-schedule-td {
    padding-right: 13px;
}

.basic_version {color: #E5E5E5}
.default_version {color: #FFFFFF}

.fileDescriptionContainer{
    display: block; 
    margin: 10px 0 0 10px;
}
#fileID1, #fileID2, #fileID3, #fileID4{
    vertical-align:top;
    padding-top: 15px;
}

.scroll_auto{
    width: 725px;
    overflow: auto;
    padding: 1px;
}

.enterprise_user_report_table_scroll_auto{
    width: 899px;
    overflow: auto;
    padding: 1px;
}

/* Reset margins for checkboxes and radio buttons for all browsers */
input[type='checkbox'], input[type='radio'] { padding:0; margin:0;}

/* Set margins for checkboxes and radio buttons for all browsers */
input[type='checkbox'], input[type='radio'] { 
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 3px;
    margin-right: 3px;
}

blockquote {
    margin: 1em 35px;
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp{
	background-color:#b4cae4;
}

table.tablesorter thead tr .header:hover{
	background-color:#a7c0dd;
}
.user_service_container{
	border: 1px solid #dddcdc;
}

/* Dialog box related changes */
.ui-dialog {
	border:none;
	border-radius:0px !important;
	padding: 0px;
	background:#e1e0e0;
	box-shadow:12px 12px 10px 0px #000000;
	-webkit-box-shadow:12px 12px 10px 0px #000000;
	-moz-box-shadow:12px 12px 10px 0px #000000;
	-o-box-shadow:12px 12px 10px 0px #000000;
}
.ui-dialog-titlebar > .ui-dialog-title {
	text-transform:capitalize;
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
}

.ui-dialog-titlebar {
	padding: 5px 14px;
	background: #6b6b6b;
	-moz-border-radius: 0px;
        -webkit-border-radius: 0px;
}

.ui-dialog-titlebar > .ui-dialog-titlebar-close > .ui-icon-closethick {
        top:2px;
	right:14px;
	background:url("/custom/level3/images/xClose.png");
	height: 11px;
        width: 9px;
}

.ui-dialog-titlebar > .ui-dialog-titlebar-close > .ui-icon-closethick:hover {
        background:url("/custom/level3/images/xCloseOver.png");
}

.ui-dialog-buttonpane
{
	background: #e1e0e0;
}

.ui-dialog-buttonpane > .ui-dialog-buttonset > .ui-button, .ui-dialog-buttonpane > .ui-dialog-buttonset > .ui-button:hover
{
	float:none;
	color:#ffffff !important;
	background-color:#3EA1DA !important;
	margin-top:19px;
	margin-bottom:16px;
        font-size: 1.08em;
        font-weight: bold;
        padding: 0.5em 1em;
        border: 0px solid #E0E0E0;
        cursor: pointer;
	background:none;
	border-radius:0px;
}

.ui-dialog-buttonpane > .ui-dialog-buttonset
{
      text-align:center;
}

.ui-dialog-buttonpane > .ui-dialog-buttonset > .ui-button > .ui-button-text
{
	color:#ffffff !important;
	text-transform:capitalize;
}

.ui-dialog-content 
{
	padding: 5px 14px;
        margin-top:5px;	
}

.ui-widget-overlay
{
	background:#000000 !important;
	opacity: 0.7 !important;
}

.ui-dialog-content input[type="button"]
{
	color: #ffffff;
	background-color: #AAAAAA;
	font-size: 12px !important;
	font-weight: normal;
	padding: 0px 16px;
	border: 0px solid #E0E0E0;
	cursor: pointer;
	height: 21px !important;
}

.ui-dialog-content input[type="button"]:hover
{
	color: #ffffff;
	background-color: #818080;
	font-size: 12px  !important;
	font-weight: normal;
	padding: 0px 16px;
	border: 0px solid #E0E0E0;
	cursor: pointer;
	height:21px !important;
}