/* common */

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

body {
	color: #555;
	background-color: white;
    margin: 8px;
}

body * {
	font-family: Verdana;
	font-size: 11px;
}

h1 {
	font-size: 14px !important;
}

input, select:not(:disabled) {
	color: #555;
}

input.embedded_button {
	margin: 5px 5px 5px 5px;
}

input.save_button_outside{margin-top: 10px;}

/* Helper class used to set a consistent spacing between elements (and replace "<br /><br />"s spacing) */
.standardSpacer {
    line-height: 1rem;
}

/*
Standard elements padding/margin settings in IE9
Used to keep main layout settings when ExtJs css file is loaded and padding/margin values are set to 0.
*/

.main form input{
    padding: 1px; 
}

/* separate select fields by 1px*/
.main form select{
    margin:1px;
}

/*don't add  margin to select inside tables, td already has padding*/
.main form table select{
    margin:0px;
}

.main form input[type="button"], .main form input[type="submit"]{
    padding: 1px 8px 1px 8px; 
}

.main input[type="button"]{
    padding: 1px 8px 1px 8px;
}

.main input[type="text"]{
    padding: 1px;
}

.main table{
     border-spacing: 0;
}

.main table td, .main table th {
    padding: 1px;
}

.enhaced-reporting{
    border-spacing: 3px;
}

table.standard_spacing tr td,
table.standard_spacing tr th,
table.service_table.standard_spacing tr td,
table.service_table.standard_spacing tr th{
    padding: 2px !important;
}

div.standard_spacing{
    margin: 10px 0;
}

div.standard_spacing_bottom{
    margin: 0 0 4px 0;
}

table.fullWidth{
    width: 100%;
}

.routing-policies td, .service_table td, .auth_table td, .filters td, .search-wildcard td, .trunk-group td, .unrechable-destination td,
.routing-policies th, .service_table th, .auth_table th, .filters th, .search-wildcard th, .trunk-group th, .unrechable-destination th{
    padding: 2px;
}

.services_available_users_search td, .services_available_users_search th{
    padding: 4px;
}

.auth-codes-users td, .service_users_select_boxes td, .directory-hunting td, .call-center-supervisors td,
.auth-codes-users th, .service_users_select_boxes th, .directory-hunting th, .call-center-supervisors th{
    padding: 3px;
}

.auth-new-code, .auth-bulk-update{
    border-spacing: 4px;
}

.service_table.embedded td, .auth-new-code td, .auth-bulk-update td, .supernav_search td, .password-reset td, .voice-portal-pass td,
.service_table.embedded th, .auth-new-code th, .auth-bulk-update th, .supernav_search th, .password-reset th, .voice-portal-pass th{
    padding:0px;
}

/*extJS element inherit the style from extJs css file*/
.main #grid table td, #unavailable-codes table td, #disposition-codes table td, #accountCodesManagement table td, #time-schedules table td,
.main #grid table td, #unavailable-codes table th, #disposition-codes table th, #accountCodesManagement table th, #time-schedules table th,
.main #grid h3, #unavailable-codes h3, #disposition-codes h3, #accountCodesManagement h3, #time-schedules h3
{
    padding: inherit;
    margin: inherit;
}

.payment-method, .credit-card-container, .ach-container{
    border-spacing: 10px;
}

.payment-method td, .credit-card-container td, .ach-container td,
.payment-method th, .credit-card-container th, .ach-container th{
    padding: 10px;
}

.criterias_holder table{
    width:460px;
}

.table_gridlines th, .table_gridlines td{
    border: 1px solid #ccc !important;
}

/*IE9 default style for <h1>*/
h1{
    margin: 9.38px 0px 9.38px 0px;
}

/*IE9 default style for <h2>*/
h2{
    margin: 9.13px 0px 9.13px 0px;
}

/*IE9 default style for <h3>*/
h3, p{
    margin: 11px 0px 11px 0px;
}

/*IE9 default style for <h4>*/
h4{
    margin: 14.62px 0px 14.62px 0px;
}

/*IE9 default style for <h5>*/
h5{
    margin: 18.36px 0px 18.36px 0px;
}

/*IE9 default style for <h6>*/
h6{
    margin: 25.62px 0px 25.62px 0px;
}

/*IE9 default style for <fieldset>*/
fieldset{
    padding: 2px 2px 3px 2px;
    margin: 0px 2px 2px 2px;
}

.main {
	width:	100%;
	margin:	0px auto;
}

.right {
	text-align: right;
}

.top {
	vertical-align: top;
}

.center {
	text-align: center !important;
}

.centerBlock {
    margin-left:auto;
    margin-right: auto;
}
.moveright {
	float: right;
}

.error,
.error ul,
.error ul li{
	color: red;
	margin: 0px 0px 0px 0px;
	font-weight: bold;   
}

.success {
	color: #35b;
	margin: 3px 0 3px 0;
	font-weight: bold;
}

form {
	padding: 0px;
	margin: 0px;
}

fieldset {
	padding: 5px;
    margin: 0px 2px 2px 2px;
}

.text_highlighed {
	background-color: #ECF9FF !important;
}

.hidden, .hiddenPopup {
	display: none;
}

.inline {
	display: inline;
}

/* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link 
	and set widthheight/*/
a.callingFeaturesIcon img { 
	border: none;
	width: 35px;
	height: 35px;
	padding-right:5px;
}

/* indent calling features */
a.callingFeaturesIconIndent{ 
	margin-left:40px;
}

/* supernav */

#supernav {
	margin: 0 0 8px 5px;
	font-size: 11px !important;
	font-weight: bold;
}

#supernav td {
	font-size: 11px !important;
}

#supernav form {
	font-size: 11px !important;
	font-weight: bold;
}

.supernav_close_button {
	line-height: 10px;
	font-size: 9px;
	padding: 1px;
}

.supernav_level {
	display: block;
	color: #bbb;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	margin: 0 0 3px 0; 
}

a.supernav_level:Hover {
	color: #55b;
	text-decoration: underline;
}

span.supernav_level {

}

/* login page */
.login {
	background-color: #f4f4f4;
	margin: 0px auto;
}

.login td {
	padding: 3px;
}

/* header */

.header {
	clear: both;
	padding-bottom: 10px;
}

.logout {
	float:	right;
	/*padding-top: 30px;*/
}

/* user services */

.user_service {
	
}

/* tooltips */

#tooltip {
	position: absolute;
	z-index: 3000;
	font-family: Arial;
	font-size: 11px;
	background-color: #FFF;
	color: #333;
	padding: 5px;
	opacity: 0.9;
	border: 1px solid #ccc;
	max-width: 300px;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
	filter: alpha(opacity=90);
}

#tooltip h3, #tooltip div { margin: 0; }


#tooltip.tooltip_menu {
	display: none;
}

#tooltip.tooltip_service {
	display: block;
}

#tooltip.tooltip_service_wildcards {
    max-width: 600px;
}

/* menu */
.menu-wrapper .menu-items {
    width:100%;
    min-width: 1100px;
}


.menu-wrapper .menu-items, .menu-wrapper .sub-items {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu-wrapper .sub-items {
	margin-left: 9px;
	padding-top: 10px;
}

.menu-wrapper .menu-items li, .menu-wrapper .sub-items li {
	list-style: none;
	float: left;
	margin-left: 1px;	
}


.menu-wrapper .menu-items li a {
	background: transparent url(/base/images/menu/mm-tab.png) no-repeat left top; 
	display: block;
	float: left;
	text-decoration: none;
	padding-left: 12px;
}

.menu-wrapper .menu-items li a span {
	display: block;
	line-height: 37px;
	height: 37px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	background: transparent url(/base/images/menu/mm-tab.png) no-repeat right top;
	padding-right: 12px;
	cursor: pointer;
	cursor: hand;
	color: #535353;
}

.menu-wrapper .menu-items li a span {
	/* width: 90px; */
}

.menu-wrapper .sub-items li a {
	background: transparent url(/base/images/menu/sm-tab.png) no-repeat left top; 
	display: block;
	float: left;
	text-decoration: none;
	padding-left: 8px;
}

.menu-wrapper .sub-items li a span {
	display: block;
	line-height: 26px;
	height: 26px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(/base/images/menu/sm-tab.png) no-repeat right top;
	padding-right: 8px;
	cursor: pointer;
	cursor: hand;
	color: #666 !important;
}



.menu-wrapper .menu-items li a:Hover {
	background-position: left -37px;
}
.menu-wrapper .menu-items li a:Hover span {
	background-position: right -37px;
}

.menu-wrapper .sub-items li a:Hover {
	background-position: left -26px;
}
.menu-wrapper .sub-items li a:Hover span {
	background-position: right -26px;
}

.menu-wrapper .menu-items li.selected {
	margin-left: 0px;
}

.menu-wrapper .menu-items li.selected a {
	background-image: url(/base/images/menu/mm-tab-sel.png);
}

.menu-wrapper .menu-items li.selected a span {
	background-image: url(/base/images/menu/mm-tab-sel.png);
	color: #000 !important;
}

.menu-wrapper .sub-items li.selected a {
	background-image: url(/base/images/menu/sm-tab-sel.png);
}

.menu-wrapper .sub-items li.selected a span {
	background-image: url(/base/images/menu/sm-tab-sel.png);
	color: #333 !important;
}

.menu-wrapper .menu {
	background: transparent url(/base/images/menu/mm-bar.png) no-repeat left bottom;
	height: 88px;
    box-shadow: none;
}

.menu-wrapper {
	background: transparent url(/base/images/menu/mm-bar.png) no-repeat right bottom;
	padding-right: 10px;
}



.menu-wrapper .sub-sub-items {
	margin: 0;
	padding: 0;
	margin-top: 36px;
	display: block;
	float: none !important;
	position: absolute;
	width: 280px !important;
	height: auto !important;
	text-align: left;
	border: 1px solid #ccc;
	opacity: 0.90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	z-index: 1000;
	background: #fff;
}

.menu-wrapper .sub-sub-items li, .menu-wrapper .sub-sub-items li.selected, .menu-wrapper .sub-sub-items li a, .menu-wrapper .sub-sub-items li.selected a {
	float: none !important;
	background: transparent !important;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	width: 280px !important;
	height: auto !important;
	line-height: 100% !important;
	overflow: hidden;
}

.menu-wrapper .sub-sub-items li a, .menu-wrapper .sub-sub-items li.selected a {
	float: none !important;
	font-size: 11px;
	color: #333;
	padding: 4px !important;
	background: transparent !important;
}

.menu-wrapper .sub-sub-items li.selected a {
	font-weight: bold;
	color: #111;
}

.menu-wrapper .sub-sub-items li a:hover,
.menu-wrapper .sub-sub-items li a:focus {
	color: #000;
	padding: 4px !important;
	background: #ddd !important;
}

.sub-items .dropdown {
	padding-right: 12px;
	background: transparent url('/base/images/menu/sm-tab-drop.png') no-repeat right center;
}




.explanation {
	clear: both;
	background-color: #ffe;
	padding: 5px 5px 5px 10px;
	font-size: 14px
}

.service_table_hover, .service_table_hover td {
	background: #f2fbff !important;
}

/* footer */
.footer {
    clear: both;
    line-height:    25px;
    text-align:		center;
	padding-top:	10px;
	border-top:		1px solid #ddd;
}

/* content */
.content {
	clear: both;
	padding: 10px;
}

.location td {
	padding: 0px 3px;
}

#businessHoursTable td {
	padding: 3px;
}

#businessHoursTable .spacer {
	width: 15px;
}

#businessHoursTable input {
	width: 30px;
}

#businessHoursTable .timeHour {
	text-align: right;
}

#holidayScheduleTable td {
	padding: 2px;
}


/* calendar stuff */
.calendarImage {
	vertical-align: text-bottom;
	padding-left: 3px;
	cursor: pointer;
}

#ui-datepicker-div {
	z-index: 3500;
    (-bracket-:hack;
	display: none; /* chrome only */
    );
}
.ui-datepicker-trigger {
	vertical-align: text-bottom;
	padding-left: 3px;
	cursor: pointer;
}

button.ui-datepicker-trigger {
    background: none;
    padding: 0 0 0 3px;
    box-shadow: none;
    border: none;
    vertical-align: middle;
}

.disabled td,
.disabled label {
	color: #bbb;
}

#userCallFeaturesTable td,
#userPassTable td, #vpPassCodeTable td{
	padding: 5px;
}
#userPassTable .userTableLtd, #vpPassCodeTable .userTableLtd{
	width: 200px;
}

#userPassTable td.indicator {
	padding: 0px 5px;
}

#userCallFeaturesTable .odd td {
	background-color: #f5f5f5;
}

#userCallFeaturesTable .even td {
	background-color: #ffffff;
}

.addUserForm {
	border: 1px solid #ccc;
	margin: 10px;
	padding: 10px;
}

.tabSmall {
	padding-left: 5px; 
	padding-right: 5px; 
	list-style-type: none;
	background-color: #dedede;
}

.tabSmall span {
	background-color: #dedede;
	padding-right: 10px;
	margin-left: 5px;
	display: inline;
}

#AutoAttendantTabs {
	clear: both;
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#AutoAttendantTabs li {
	display: inline;
	margin-left: 2px;
}

#AutoAttendantTabs li a {
	color: #444;	
	text-decoration: none;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 2px;
}

#AutoAttendantTabs li {

}

#AutoAttendantTabs .active {
	background-color: #33517A;
	color: #fff;
}

#AutoAttendantTabs .active span {
	background-color: #33517A;
	color: #fff;
}

#AutoAttendantContainer {
	clear: both;
	padding: 10px;
	border: 1px solid #ccc;
}

.notavailable {
	color: #aaaaaa;
}

.logTable {
	border: 1px solid #ccc;
	border-top: 0;
	empty-cells: show;
}

.logTable td {
	border-top: 1px solid #ccc;
	font-size: 80%;
	padding: 2px;
}

.logTable th {
	border-top: 1px solid #ccc;
	text-align: center;
}

.logTable .odd {
	background-color: #fff;
}

.logTable .even {
	background-color: #ddd;
}

.selectBox {
	width: 320px;
}

.width90 {
	width: 100px;
}

.export {
	width: 300px;
	text-align: right;
}

#exportDataResult {
	text-align: center;
}



.user_service_container {
	margin: 5px 0 5px 0;
	border: 1px solid #eee;
	padding: 1px;
	text-align:left;
}

.user_service_container a {
	text-decoration: none;
	color: #000;
}

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

.user_service_container h2 {
	margin: 0 0 3px 0;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	background-color: #eee;
}

.user_service_container .level2_div table.customRadio{
    float:left;
}

.level2 {
	margin-top: 5px;
}

.service_table caption, .service_table tr.caption {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
}

.service_table, .service_table th, .service_table td {
	border-collapse: collapse;
	border-color: #ccc;
	empty-cells: show;
}
.service_table th {
	background: #ccc;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}
.service_table th, .service_table td {
	padding: 3px;
}

.service_table .odd {}
.service_table .even {
	background-color: #eee;
}

.service_table {
	width: auto;
}

table.tbl_device_info {
    table-layout: fixed;
    white-space: normal;
}

table.tbl_device_info {
    width: 100%
}

table.tbl_device_info td.tt_device_info { 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.tbl_device_info td {
    padding: 10px 1px !important;
}

.service_table.embedded {
		width: auto !important;
		margin : 5px;
}

/* Visual VoiceMail */
.service_table.vvm td.deleted {
	color: grey;
	text-decoration: line-through;
}

#messagesTable td {
    vertical-align: middle;
}

#messagesTable input {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* disabled rows for meet me conferencing */
.service_table.conf td.expired {
    color:#999999;
}

.service_table.paging_table {
	width: auto;
}


.criteria_name{width: 200px}
table.service_table.level2_table tr td{padding:1px 10px}
td.auth_service_name{padding: 1px 10px;}

.service_table tr.caption {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.service_table tr.caption td{border: 0 none;}

.auth_table th, .auth_table td {
	border-collapse: collapse;
	border: 1px solid #ccc;
	empty-cells: show;
}
table.service_table.auth_table{border-collapse: collapse;}
.service_table tr td.break{border: 0 none;height: 50px;}
.service_table tr td.department{text-align: center}
table.right tr td{text-align: left;}
td.empty{width: 25px;}

table.voice_messaging tr td{padding-top: 5px;}
table.voice_messaging tr td input{margin-left: 5px;}

.service_3rd_level, .service_3rd_level body {
	padding: 0;
	margin: 0;
	width: 400px;
	height: 400px;
}

.service_left {
	width: 120px;
	display: block;
	float: left;
}

.service_left_recording {
    width: auto;
}

.disabled {
	color: #ccc;
	background: #eee;
}

.phone_icon {
	background: transparent url(/base/images/icons/phone.gif) no-repeat left center;
	padding: 2px 0px 2px 21px;
}

.checkmark_icon {
	background: transparent url(/base/images/icons/checkMark.gif) no-repeat left center;
	padding: 2px 0px 2px 21px;
}

.notSelected_icon {
	background: transparent url(/base/images/icons/notSelected.png) no-repeat left center;
	padding: 2px 0px 2px 21px;
    margin-left: 6px;
}

.email_icon {
	background: transparent url(/base/images/icons/email.gif) no-repeat left center;
	padding: 2px 0px 2px 21px;
}

.required_mark {
    color: red;
    font-weight: bold;
    margin-top: -3px;
}

table.common_phone_list {border: 1px solid #C8C8C8; border-collapse:collapse}
table.common_phone_list thead tr{background:#C8C8C8}
table.policies, table.common_phone_list {text-align: left}
table.common_phone_list tr td, table.common_phone_list tr th {width: 80% !important; padding-left: 10px}
table.policies tr td, table.policies tr th {padding-left: 10px}
div.policies{padding-left: 10px;}

.checklist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.checklist li {
	padding: 3px;
	padding-left: 20px;
	background: transparent url(/base/images/icons/cross.gif) no-repeat left center;
}

.checklist li.checked {
	background: transparent url(/base/images/icons/check.gif) no-repeat left center;
}

.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;
}


.time_schedule_table td {
	padding: 3px;
}

.time_schedule_table .spacer {
	width: 15px;
}

.time_schedule_table input {
	width: 30px;
}

.time_schedule_table .timeHour {
	text-align: right;
}


label.error{display:block}
form#GroupVoicePortalForm label.error{display: inline; margin-left: 15px;}
form#level3Form{text-align: left} 

.width200{
	width: 200px;
}
.width150{
	width: 150px;
}
select.width200{
	width: 204px;
}


#context_help_container {
    padding: 10px 0 0 0;
}

#context_help_message {
	font-size: 10px;
	font-weight: bold;
	clear: all;
	padding: 5px 0;
	text-align: right;
	background: #FFF;
}
#context_help_message span.message{background: #66B1E5; color: #FFF; padding:1px 5px; font-weight: normal;}

#context_help_list {
	position: absolute;
	right: 0px;
	padding: 5px 15px 10px 20px;
	_padding-left: 10px;
	margin-top: 2px;
	border: 1px solid #eee; 
	line-height: 16px;
	background-color: #fff;	
	text-align: left;
	white-space: nowrap;
}


#context_help_list a {
	font-size: 10px
}

table.password_reset tr td {width: 200px; text-align: left}
table.password_reset tr td.submit {width:250px;}
table.password_reset tr td.userTableRtd input {width:200px;}
table.password_reset tr td.user_id input {width:200px;}
table.password_reset td label.error,
table.password_reset td label.validate_error {
    display: block;
}

.name_value td {
	padding: 0px 3px;
}

.name_value {
	margin: 5px;	
}


/* help menu */

#help_contents {
	margin-top: 20px;
    min-height: 860px;
}

.menu_pane {
    width: 20%;
    position: fixed;
    height: 100%;
}

#content_pane {
    padding-left: 24%;
    min-height: 820px;
}

#menu_pane_container {
    height: 80%;
    overflow-y: scroll;
}

.menu_pane, .menu_pane * {
	text-align: left;
	font-size: 11px;
}

.menu_pane a {
	line-height: 180%;
	color: #555;
	text-decoration: none;
	border-bottom: 1px solid #888;
}

.menu_pane a:hover {
	color: #000;
	border-color: #000;
}

.menu_pane a.clicked {
	color: #000;
	border-bottom: 0;
	font-weight: bold;
}

.menu_pane ul {
	padding:0;
	margin-left: 25px;
	list-style: none;
}

.menu_pane ul li {
	font-weight: bold;
}

.menu_pane ul ul li {
	font-weight: normal;
	padding-left: 9px;
	background: transparent url('/base/images/icons/list_arrow.gif') no-repeat left 8px;
}

.menu_pane li.folder {
	font-weight: bold;
	list-style: none;
}

.menu_pane a.folder_link {
	border-bottom: 0;
}

.menu_pane ul ul ul li {
	background-position: left 8px;
}

.menu_pane li {
    padding-top: 4pt;
}

select.group_name{min-width: 140px;}
input.group_name{width: 200px;}
div#add form input, form#GroupNameForm input{margin-left:2px;}
div#user_greeting{font-size: 12px; font-weight: bold;}
.cpcm_button_div{ margin: 0 10px 0 0; float: right}
a.simple_link, a.simple_link:hover{text-decoration: underline; font-weight: normal; color: blue;}

.services_available_users_search {
    border: 1px solid #ccc;
    background: #eee;
    font-size: 9px !important;
}
.services_available_users_search * {
    font-size: 9px !important;
}

.services_available_users_search input[type='text'], .services_available_users_search select {width: 200px}

.services_available_users_search_indicator {
    width: 100px;
    height: 30px;
    border: 1px solid #ccc;
    background: #fff;
    position: relative;
    margin-top: -32px;
    line-height: 30px !important;
    /* IE 7,8 will use this */
    _margin-top: -30px !important;
    /* IE 6 will use this */
    _margin-top: -32px;
}

.services_available_users_search_indicator .progress_indicator_text {
    line-height: 30px;
}

/* Fix horizontal scrollbar in IE8 */
.ui-widget-overlay { position: fixed; }
.ui-widget-overlay { _position: absolute; } 

.clear {clear: both}

.icon-unsaved {
	background-image: url(/base/images/icons/warning.gif);
}

/* DateTime picker jQuery widget styles */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

/* fix for level3 pop-up z-index */
#pickerplug {
    z-index: 500000 !important;
}

.oci_descriptions .error {color: red; font-weight: bold; margin-bottom: 10px}
.oci_descriptions .success {color: green; font-weight: bold; margin-bottom: 10px}
.oci_descriptions fieldset {margin-bottom: 10px}
.oci_descriptions fieldset legend {padding: 0 5px}
.oci_descriptions fieldset div {margin-bottom: 5px}

[align=left] { text-align: left; }
[align=center] { text-align: center; }
[align=right] { text-align: right; }

td { vertical-align: top; }
.audit_filters td { vertical-align: middle; }

/*Validation*/

label.validate_error {color: red; font-weight: bold; margin-left: 10px; line-height: 17px}
label.validate_error_right {color: red; font-weight: bold; margin-left: 10px; line-height: 17px}
label.validate_error_left {color: red; font-weight: bold; float: left; margin-left: 5px}

form#_callCenterInstanceForm label.error{display: inline; margin-left: 15px;}

/*gridrow readonly text */
.lighten_grey_out_enterprise_level{color: #999;}

.listHeader{font-weight: bold;color: black;background-color: #C8C8C8;}

.required_sign{color: red;}

/*embeded java plugin*/
#deployJavaPlugin{
    display:none;
}

.flash-popup {
position: absolute;
display: none;
width: 125px;
padding: 5px;
height: 40px;
border: 1px solid #ccc;
background: #fff;
margin-top: 10px;
}

.flash-popup button {
width: 20px;
height: 20px;
background: #fff url(../images/icons/buttons.gif) no-repeat;
border: 0;
float: left;
margin: 0 2px;
}

.flash-popup .flash-popup-close {
position: absolute;
top: 0px;
left: 136px;
width: 14px;
height: 14px;
background: transparent url(../images/icons/buttons.gif) no-repeat -149px -5px;
} 

.flash-popup .no-flash-error {
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 40px;
background: #fff;
font-family: sans-serif;
font-size: 9px;
padding: 5px;
display: none;
} 

.fileDescriptionContainer{
    display: block; 
    margin: 10px 0 0 10px;
}

/* Styles for the None-ForwardoReroute block */
.none-forward-reroute-left {
	float: left;
	height: 60px;
	margin-right: 10px;
}

.none-forward-reroute-right {
	float: left;
}

.none-forward-reroute-right div {
	margin-bottom: 7px;
}
/* / Styles for the None-ForwardoReroute block */

/* "Search pattern may contain wildcard" text */
.search_wildcard_help {
    float: right;
    color: #cccccc;
    font-weight:normal ;
}

/* "Search pattern may contain wildcard" link */
.search_wildcard_link, .search_wildcard_link:hover, .search_wildcard_link:visited {
    color: #000000;
}

/* "Search pattern may contain wildcard" tooltip */
.search_wildcard_tooltip {
    color: #000000;
    text-align: left; 
    right: 10px; 
    display: none; 
    position: absolute; 
    width: 380px; 
    margin-top: 20px; 
    border: 1px solid #ccc; 
    background: #fff; 
    padding: 5px;
    font-weight:normal ;
}

/* Remove the whitespace at the end of the page while a jQuery UI dialog is opened */
.ui-dialog{ position:absolute !important; }
.ui-dialog .ui-dialog-buttonpane {
    margin-top: 0px;
}
#skip_links a, #skip_links a:hover, #skip_links a:visited
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#skip_links a:active, #skip_links a:focus
{
	position:static;
	width:auto;
	height:auto;
} 

#content_pane, #help_contents, #navigation, #content_holder, #skip_links {outline: none}

.required_fields_notice {color:red; font-weight: bold; margin: 10px 0;}

.warning{
    font-weight: bold;
    color: orange;
}

.selectors {
    text-align: right;
    padding: 5px;
}

.selectors-left {
    padding-left: 0px;
}

.selectors span {
    color: #35b;
    cursor: pointer;
}

.selectors span:hover {
    text-decoration: underline;
}

/* make fields appear disabled*/
.read_only{
   color: #555 !important;
   background-color: #EBEBE4 !important;
   border: 1px solid #aaa !important;
   padding: 2px !important;
}

/* von add popup table */

.von_add {
    width: 95%;
    margin: 0 auto;   
}

.von_add td {
    white-space: nowrap;
    padding-top: 8px; 
}

/* Scheduler drag buttons */
.sch-event-hover .x-resizable-handle
{
	background: transparent url(../../ext-3.4.1/resources/images/default/sizer/e-handle.gif) no-repeat center center !important;
    width: 6px !important;
}

/* Keep a column to the minimum width */
.td_min_width
{
    width:1px;
    white-space:nowrap;
}

/*dash sso alignment*/
.dash_sso {
    text-align: right;
    padding-top: 5px; 
}

/* Header change password link for SAML authentication */
.header .SAMLSSOChangePasswordLink {
    text-align: right;
    padding-top: 5px;
}

.enterpriseDirectoryTopLinks td{
    text-align: left;
    padding-right: 19px !important;
    padding-bottom: 0px !important;
}

.topAlign td, .topAlign th{
    vertical-align: top;
}

/* Limit <td> width to radiobox dimension. 
Otherwise is stretched by a wider <td> with colspan property. */
.mediaSelectionRadiobox{
    width: 15px;
}
.mohCustom {
    padding-left: 2px;
}
/* Customized Scheduler styles from Scheduler 1.6 sch.event.css */
.sch-event
{
    cursor: pointer;
    text-align : center;
    -moz-box-shadow:1px 1px 1px rgba(100, 100, 100, 0.2);
    -webkit-box-shadow:1px 1px 1px rgba(100, 100, 100, 0.2);
	top:1px;
    
    /* Customized styles from Scheduler 1.6 editor.eventstyle.css */
    border:1px solid #99BBE8;
    color: #1C3E7D;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    background-color: #999999 !important;
    cursor: pointer;
    height:28px;
}

.evt-Robots
{
    background-image:url(images/bg.png);
    background-position:0 -4px;
    border-color:LightSteelBlue;
}

.sch-event-inner
{
    white-space:nowrap;
    margin-left:5px;
    margin-right:5px;
    margin-top:3px;
}

div.sch-event:hover
{
    border-color:#333;
}

a.x-resizable-handle
{
	-moz-border-radius:10px;
    -webkit-border-radius: 10px;
}

.sch-event-selected
{
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.sch-dirty .sch-eventtools
{
	display:block;
}

.sch-eventtools {
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:5px;
	-webkit-border-bottom-left-radius:2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:5px;
	background:transparent url(images/transp.png) repeat scroll 0 0;
	border:1px solid #DDDDDD;
/*	display:none;*/
	padding:1px 2px 1px 0;
	position:absolute;
	right:0;
	top:0;
	width:14px;
	z-index:1001;
}

.sch-eventtools img
{
	margin-left:3px;
	float:left;
}

.x-dd-drag-proxy .sch-dirty .sch-eventtools
{
	display:none;
}

.sch-dirty .sch-event-inner
{
	background:transparent url(../../images/dirtyindicator.png) no-repeat;
}

/* end of customized Scheduler styles from Scheduler 1.6 sch.event.css */

.middle td, .middle th{
    vertical-align: middle;
}

#searchBoxDiv select, #searchBoxDiv input[type="text"]{
    margin-left: 2px;
    width: 142px;
}

.suggested_addresses td, .suggested_addresses th{
    text-align: center;
}

.suggested_addresses td:hover{
    cursor: pointer;
}

.suggested_addresses tr:hover{
    background-color: #72bfff;
}

.validation_success{
    color: #047f38;
    font-weight: bold;
}

/* 
Align file upload iframe and its label 
.fileUploadIframeContainer - container element of the file upload iframe
.fileUploadLabelTd - container element of the file upload label
*/
.fileUploadIframeContainer > *, .fileUploadLabelTd {
    vertical-align: top !important;
}

/* Vertical align of file upload iframe inside Greetings pop-up */
.loadAlternateGreetingIframeContainer > * {
    padding-top: 3px ;
}
.loadAlternateGreetingIframeContainer.greetingAnnDropdown {
    padding-top: 10px ;
}
#busyGreetingFileUploadLabelContainer.greetingAnnDropdownLabel,
#noAnswerGreetingFileUploadLabelContainer.greetingAnnDropdownLabel {
    padding-top: 1px !important;
}

/* Join a conference phone number style */
#joinConferenceForm #phoneNumber{
    margin-left: 2px;
    margin-right: 2px;
    width: 150px;
}

.no_border {
    border: 0 !important;
}

/*fix disabled style for chrome*/
input[type=submit]:disabled,
input[type=button]:disabled,
button:disabled{
    opacity: 0.7;
    color: graytext;
}

/* display dashboard debug info below existing content */
#dashboardDebug{
    clear:both;
}

.bold{
    font-weight: bold;
}

.checkAllColumn{
    width: 69px;
}

.checkAllColumnHeader {
    position:relative;
    top:-2px;
    left: 2px;
}

.hiddenImportant {
    display:none !important;
}

.displayBlockImportant {
    display: block !important;
}

/*
Add the 3px margin automatically added by modern browsers to checkboxes
Fix for ie9
*/
input[type="checkbox"] { 
    margin-right: 3px;
}

/*Dialing menu/Submenu Popup*/
.dialing_menu td input[type=text] {
    width: 150px;
    border: 1px solid #d3d3d3;
}

.dialing_menu td select {
    width: 156px;
    border: 1px solid #d3d3d3;
}

.dialing_menu td input[type=button] {
    padding: 1px 8px 1px 8px;
}

.dialing_menu th.dialing_menu_details_header {
    width: 156px;
}

.submenu_container .dialing_menu td {
    vertical-align:top;
}

.submenu_container a {
    color: blue;
}

/*
Display inline the loading spinner in index/audit page when a end/group is changed
*/
#user_id_loading_indicator, #group_id_loading_indicator{
    margin-left: 3px;
    display: inline;
}

/********** Activation Dashboard page styles **********/

.horizontalSeparator{
    display: none;
}

.faxMessagingError,
.ucOneS4BAddinError {
    color: red;
	margin: 0px 0px 0px 0px;
}

.ucOneS4BAddinError {
    font-weight: bold;
    padding: 2px;
}

.btbcS4BOptionContainer {
    display: none;
    margin-left: 25px;
}

.activationDashboard .statusBar{
    padding-bottom: 10px;
}

.activationDashboard .paginationSection{
    padding-top: 5px;
}

.activationDashboard .paginationSection .bottomListInfo {
    font-weight: bold;
}

.activationDashboard table.service_table .statusImage{
    width: 20px;
    height: 20px;
    margin: 0 auto;
}

.activationDashboard table.service_table td.statusColumn{
    text-align: center;
}

.activationDashboard table.service_table .statusImageActivated{
    background: transparent url(/base/images/icons/status_activated_normal.png) center no-repeat;
    background-size: 20px;
}

.activationDashboard table.service_table .statusImageFailed{
    background: transparent url(/base/images/icons/status_failed_normal.png) center no-repeat;
    background-size: 20px;
}

.activationDashboard table.service_table .statusImagePending{
    background: transparent url(/base/images/icons/status_pending_normal.png) center no-repeat;
    background-size: 20px;
}

#additionalServicesContainer .additionalServices .additionalService, 
.additionalServicesContainer .additionalServices .additionalService {
    display: inline-block; 
    width: 49%;
}

/*Fix for #0044529*/
#additionalServicesContainer .additionalServices .additionalService label.disabled,
.additionalServicesContainer .additionalServices .additionalService label.disabled{
    background-color: transparent !important;
}

/* Add form styles */
#addUserForm .fieldsContainer,
.adUserEditorForm .fieldsContainer{
    display:block;
}

#addUserForm .controlButtons, 
.adUserEditorForm .controlButtons{
    display:block;
}

#addUserForm .fieldRow > div,
.adUserEditorForm .fieldRow > div {
    display:inline-block;
    vertical-align:text-top;
}

#addUserForm .fieldRow div:first-child,
.adUserEditorForm .fieldRow div:first-child {
    width: 270px;
}

#addUserForm .fieldRow div:last-child > input[type="text"],
#addUserForm .fieldRow div:last-child > input[type="password"],
.adUserEditorForm .fieldRow div:last-child > input[type="text"],
.adUserEditorForm .fieldRow div:last-child > input[type="password"]{
    width: 195px;
}
#addUserForm .fieldRow div:last-child > input[type="button"],
.adUserEditorForm .fieldRow div:last-child > input[type="button"] {
    width: 201px;
}

.adUserEditorForm .fieldRow .phoneNumberWrapper.warning {
    border: 1px solid red;
}

#addUserForm .fieldRow div:last-child > select,
.adUserEditorForm .fieldRow div:last-child > select, 
.adUserEditorForm .fieldRow .phoneNumberWrapper select {
    width: 200px;
}

.adUserEditorForm .fieldRow div div.phoneNumberWrapper {
    display: inline-block;
    width: auto;
}

.adUserEditorForm .fieldRow #allocatedPortsBridge div:last-child > input[type="text"]{
    width: 50px;
}

.adUserEditorForm .fieldRow #maxParticipantsBridge div:last-child > input[type="text"]{
    width: 50px;
}

.editFormContainer .adUserEditorForm fieldset {
    border: 0px none;
    margin-top: 0px;
    padding-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

#addUserConfirmationContainer .deviceInfoCredentials div:nth-child(1){
    display: inline-block;
    width: 80px;
}
#addUserConfirmationContainer .deviceInfoCredentials div:nth-child(2){
    display: inline-block;
}

#addResult {
    margin-top: 10px;
    margin-bottom: 10px;
}

.editUser .controlButtons .deleteButton, 
.editUser .controlButtons .deactivateUserButton, 
.editUser .controlButtons .regenerateCredentialsButton {
    float: left;
    margin-right: 3px;
}

.editUser .controlButtons .regenerateCredentialsButton {
    margin-right: 3px;
}

.editUser .controlButtons .reSendUserInvitationButton {
    float: left;
    margin-right: 3px;
}

.controlButtons .linkButton {
    margin: 0 10px;
    border: none;
    background: transparent;
    text-decoration: underline;
    cursor: pointer;
}

.editUser .title {
    font-weight: bold;
}

.editUser .fieldsContainer {
    margin: 10px 0;
}

.editUser {
    padding: 10px;
}

.editUserMessages{
    padding-top: 5px;
	padding-bottom: 5px;
}

.editUserMessages .warning {
    color: red;
    display: none;
}

/* Delete user view styles */
.deleteUser {
    display: none;
    padding: 10px;
}

.deleteUser .confirmDelete {
    display: block;
}

.deleteUser .finishDelete {
    display: none;
    font-weight: bold;
}

.deleteUser .finishDelete .loadingIndicator {
    display: none;
}

.deleteUser .finishDelete .success {
    display: none;
}

.deleteUser .finishDelete .error {
    display: none;
}

.deleteUser .finishDelete .controlButtons{
    display: block;
    float: right;
    width: 240px;
    text-align: center;
    margin: 0px -10px 20px 40px;
}

.editUser .editUserMessages .controlButtons{
    display: none;
    float: right;
    width: 240px;
    text-align: center;
    margin: 0px -10px 20px 40px;
}

/* Database Configuration page */
.dbFailoverInput {
    margin-bottom: 5px;
    white-space: nowrap;
}

.dbFailoverErrorRow {
    margin-bottom: 5px;
    display: block;
    clear: both;
}

.dbFailoverLeftAligned {
    float: left;
}

.dbFailoverErrorContainer {
    width: 300px;
    margin-left: 2px;
}

.dbFailoverStandardLabel {
    width: auto;
    display: inline;
    clear: none;
}

.dbFailoverClear {
    display: block;
    clear: both;
    overflow: hidden;
}

.dbFailoverEmails {
    margin: 5px 0px 0px;
    height: 50px;
    resize: none;
    width: 50%;
    clear: both;
    display: block;
}

.databaseFieldset .dbFailoverInput label {
    display: inline-block;
    width: auto;
    min-width: 120px;
    text-align:right;
}

#dbFailoverActiveDb {
    line-height: 22px;
}

#dbFailoverMissingNewConfiguration {
    color: red;
    margin: 0px 0px 10px;
}
/* End of Database Configuration page */

table.search_result_table {
    width: 100% !important;
    table-layout: fixed;
}

table.search_result_table tr td {
    width: auto;
    word-wrap: break-word;    
}


/* Deactivate user view styles */
.deactivateUser {
    display: none;
    padding: 10px;
}

.deactivateUser .deactivateFormContainer {
    display: block;
}

.deactivateUser .continueButtonContainer{
    float: right;
    width: 240px;
    text-align: center;
    margin: 0px -10px 20px 40px;
}

.regenerateCredentialsButton {
    display: block;
}

.ext1ColorActiveButton {
    background: transparent url("/images/visual_devices/polycom/ext1color_lamp.png") no-repeat scroll 50% 50% !important;
}

/* Polycom Flexible Line Key Assignment feature styles*/
#polycomFLKASelectModelContainer div{
    float: left;
}
#polycomFLKASelectModelContainer > #flexibleLineKeyAssignmentContainer {
    padding-left: 15px;
}

.scaDeviceControls {
    min-width:490px;
    margin-left: 5px;
}

.sharedDeviceEditContainer {
    margin-bottom: 10px;
}

.left {
    text-align: left;
}

table.change_password tr td {width: 200px; text-align: left;}

/* remove the margin on the reset device credentials button from ATA edit*/
.editUser [rel="fieldForATAUsers"] input.regenerateCredentialsButton {
    margin: 0px;
}

.error.digitStringEdit { 
    max-width: 550px;
}

 body.x-body-masked .x-window-plain .x-window-bwrap .x-window-mc {
    background-color: #f4f4f4;
}

#announcementRepoListTable {
    min-width: 400px;
}
#preAlertingAnnouncementsContainer .tooltip, .addAnnouncementTooltip {
    color: #222;
    cursor: default;
}

table.voice_messaging tr td#voicePortalFileUploadLabel.vpAnnLabel {
    vertical-align: middle !important;
}

#businessHoursTable .bhStartTime24h {
    width:auto;
}

#businessHoursTable .bhEndTime24h {
    width:auto;
}

.hidden-screen-reader-visible {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.polycom_ringer_select {
    width: 150px;
}

.enterprise_directory_center {
    margin-left: auto;
    margin-right: auto;
}

select[multiple] option,
.main form select[multiple] option,
.content table td select[multiple] option,
table.service_users_select_boxes td select[multiple] option {
    width: 100%;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow-x: hidden !important;
    padding-right: 4px;
}

table.service_users_select_boxes td select[multiple] {
    min-height: 72px;
}

.hiddenLabel {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.centerContainer {
    max-width: 400px;
    margin: 0 auto;
}

.footer-logos {
    padding-bottom: 10px;
}

.footer-logos img {
    display: inline-block;
    vertical-align: middle;
}

.footer-logos img + img {
    margin-left: 12px;
}


.ringBackTable .fileUploadIframeContainer {
    padding-top: 5px;
}

.ringBackTable .fileUploadIframeContainer > p {
    margin: 0 0 10px;
}

.tooltipWildcardsOuterContainer, .tooltipWildcardsContent{
    min-width:600px;
}

#time-schedules ul.x-tab-strip{
    width: 500000px;
}

.nowrap{
    white-space: nowrap;
}

.js-ccc-window .js-tabbed-checkbox:focus {
    outline: 1px dotted #212121 !important;
}

/*----MS Edge Browser CSS Start----*/
@supports (-ms-ime-align:auto) {
    select[multiple] option,
    .main form select[multiple] option,
    .content table td select[multiple] option,
    table.service_users_select_boxes td select[multiple] option {
        height: 20px;
        line-height: 20px;
    }
    
    select#availableUsers,
    select#restrictedUsers {
        height: 458px !important;
    }
    
    select#mandatoryUsageUsers {
        height: 195px !important;
    }
    
    select#optionalUsageUsers {
        height: 205px !important;
    }
}
/*----MS Edge Browser CSS End----*/

#saveAutoAttendantInstance #vpPassCodeTable .userTableLtd{
    width: 135px;
    vertical-align: middle;
}

#bhPersonal, #ahPersonal, #hhPersonal, .aaGDPersonalGreetings{
    display: inline-grid;
    grid-template-columns: auto auto;
}

#bhPersonal span, 
#ahPersonal span, 
#hhPersonal span,
.aaGDPersonalGreetings span{
    line-height: 1.6;
}

.videoAnncContainer{
    padding-top: 2px;
}

#user_password_form_new_voiceportal_passcode, #user_password_form_retype_voiceportal_passcode{
    width: 230px;
}

#group_numbers_tbl {
    padding-top: 30px;
}

@-moz-document url-prefix() {
    .menu .sub-items > li > a:focus {
        outline-style: dotted;
        outline-color: black;
    }
}

.content .sHeader h2,
.header3_section {
    font-size: 20px;
}

.header4_section{
    font-size: 18px;
}