/* common */

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

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

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

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

input, select {
	color: #555;
}

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

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

/*
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%;
}

.target{
    margin-left: 2px;
}

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

.trunk-group tr {
    line-height: 18px;
}

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

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

.error {
	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 {
	display: none;
}

/* 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 0px;
	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: #00659f;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	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;
}

.logo {
	float:	left;
	width:	252px;
	height:	108px;
	margin: 10px 24px;
	background: url('/custom/shaw/images/logo.png') no-repeat;
}

.logout {
	float:	right;
	text-align: right;
	margin-top: 2px;
	/*padding-top: 30px;*/
}

.whatsnew {
	position: absolute;
	right: 7px;
	margin-top: 26px;
}

.whatsnew button {
	background: #0082ba;
	background-repeat: no-repeat;
	border: none;
	color: #ffffff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 4px 8px 4px 8px;
}

.whatsnewcontent {
	margin-bottom: 25px;
}

.whatsnewcontent h1 {
	font-size: 20px !important;
	color: #0082ba;
}

.whatsnew_logo {
	width: 446px;
	height: 175px;
	background: url('/custom/shaw/images/new_features.png') no-repeat;
	margin: 0 auto;
}

.whatsnewcontent h2 {
	color: #0082ba;
	font-size: 12px;
	font-weight: bold;
	margin-top: 13px;
}

.whatsnewcontent .learnmore {
	font-weight: bold;
}

.whatsnewcontent a:link {
	color: #0082ba;
}

.whatsnew_VDM {
	width: 418px;
	height: 203px;
	background: url('/custom/shaw/images/user_level_VDM.png') no-repeat;
}

.whatsnewcontent li {
	padding-bottom: 20px;
}

.ui-dialog-content iframe {
	width: 100%;
}

/* 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;
	filter: alpha(opacity=90);
}

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


#tooltip.tooltip_menu {
	display: none;
}

#tooltip.tooltip_service {
	display: block;
}

/* 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:first-child {
	margin-left: 0px;	
}


.menu-wrapper .menu-items li a {
	display: block;
	float: left;
	text-decoration: none;
	padding-left: 12px;
	background: #0082ba;
	color: #fff;
	border-radius: 3px 3px 0 0;
}

.menu-wrapper .menu-items li a span {
	display: block;
	line-height: 37px;
	height: 37px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-right: 12px;
	cursor: pointer;
	cursor: hand;
}

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

.menu-wrapper .nosubmenu {
	width: 100%;
	background: #006f9f;
	height: 10px;
}

.menu-wrapper .submenu {
	width: 100%;
	background: #006f9f;
	height: 48px;
}

.menu-wrapper .sub-items li a {
	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;
	padding-right: 8px;
	cursor: pointer;
	cursor: hand;
	color: #FFF !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 {
	
}

.menu-wrapper .menu-items li.selected a {
	background-color: #006f9f;	
}

.menu-wrapper .menu-items li.selected a span {
	

}

.menu-wrapper .sub-items li.selected a {

}

.menu-wrapper .sub-items li.selected a.sub_selected {
	background: #0082ba;
}

.menu-wrapper .sub-items li.selected a span {
	
	color: #FFF !important;
}

.menu-wrapper {

}



.menu-wrapper .sub-sub-items {
	margin: 0;
	padding: 0;
	margin-top: -1px;
	display: block;
	float: none !important;
	position: absolute;
	width: 280px !important;
	height: auto !important;
	text-align: left;
	border: 1px solid #ccc;
	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 {
	color: #000;
	padding: 4px !important;
	background: #ddd !important;
}

.sub-items .dropdown {
	padding-right: 12px;
	
}




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

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

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

/* content */
.content {
	clear: both;
}

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

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

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

#toppadding {
	padding-top: 5px;
}

fieldset div {
	margin-top: 5px;
}

#spacer {
	margin-top: 5px;
}

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

.service_table, .service_table td {
	border-collapse: collapse;
	border-color: #d2d2d2;
	empty-cells: show;
}
.service_table th {
	background: #4c4c4f;
	border-color: #4c4c4c;
	border-collapse: collapse;
	font-weight: bold;
	font-size: 13px;
	align: center;
	color: #fff;
	border-bottom: none;
}
.service_table th, .service_table td {
	padding: 14px;
}

body.call_screening {
	margin: 0px;
}

th.call_screening, td.call_screening {
	padding-top: 1px;
	padding-bottom: 1px;
}

td.call_screening {
	padding-left: 1px;
	padding-right: 1px;
	position: relative;
}

table.service_table tr {
	height: 18px;
}

.call_screening_spinner {
	content: url(/images/gray-extend/grid/loading.gif);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

input[type="checkbox"].cscheckbox {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.invisible {
	display: none;
}

.service_table {
	width: auto;
}

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

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

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

.service_table.paging_table {
	width: auto;
}


.criteria_name{width: 200px}

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;}
.voiceportal_row_padding {padding-left: 7px; }
.voiceportal_row_position { position:relative; top:-10px; }

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

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

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

.bwa_phone_description { margin-left:1px; }

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

.important_notice {
	color: red;	
}

table.password_reset tr td {width: 200px; text-align: left}
table.password_reset tr td.submit {width:250px;}
table.password_reset tr td.user_id input {width:200px;}

table.password-reset tr td.rules_title {
	font-weight: bold;
}
table.password-reset tr td.rules_entry {
	font-weight: bold;
}
table.password_rules {
	margin-top: 6px;
}
table ul.password_description {
	margin-top:10px;
}
table.passcode_rules {
	margin-top: 36px;
}

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

.name_value {
	margin: 5px;	
}


/* help menu */

#help_contents {
	margin-top: 20px;
}

.menu_pane {
	padding-right: 20px;
}

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


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 { color: #333; }

/*Validation*/

label.validate_error {color: red; font-weight: bold; margin-left: 10px; line-height: 17px}
label.validate_error_right {color: red; font-weight: bold; float: right; 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 291c;
} 

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

/* TESTING - Add in banner */
.banner{
    text-align:  center;
    padding: 10px;
	background-image: url('/custom/shaw/images/rogers_example.png');
	background-color: #FFF;
	background-position-y: center;
	background-repeat: no-repeat no-repeat;
	background-size: cover;

}

.banner img{
	object-fit: cover;
	width: 100%;
	height: 100%;

}

.banner-grid{
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-template-rows: repeat(3,minmax( 5px, 7px));
	grid-gap: 2em 2em;
	border: 1px solid grey;
}

.banner-left{
	grid-column: 1 / 3;
	grid-row: 1 / 6;
	display: flex;
	justify-content: Left;
	align-items: Left;
	font-size: 2em;
}

.banner-middle-header{
	grid-column: 4 / 8;
	grid-row: 2 / 2;
	color: #DA291c;
	text-align: Left;
	display: flex;
	justify-content: Left;
	align-items: Left;
	font-size: 2em;
}

.banner-middle-text{
	grid-column: 3 / 8;
	grid-row: 3 / 3;
	color: #000;
	text-align: left;
	display: flex;
	justify-content: left;
	align-items: left;
	font-size: 1.5em;
}

.banner-right-button{
	grid-column: 7 / 8;
	grid-row: 2 / 4;
	color: #ffffff;
	background-color: #DA291c;
	border-style: none;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-size: 1.5em;
}


.banner-right-button:hover{
	background-color: rgba(218, 41, 28, 0.7);
}

.rounded-corners-button{
	border-radius: 3px 3px 3px 3px;
}

/* Remove the whitespace at the end of the page while a jQuery UI dialog is opened */
.ui-dialog{ position:absolute !important; }

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

#navigation h1
{
	font-size: 16px !important;
	color: #333;
}

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

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

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

/*
.ui-front {
    z-index:50000 !important;
}
*/

/* Limit <td> width to radiobox dimension. 
Otherwise is stretched by a wider <td> with colspan property. */
.mediaSelectionRadiobox{
    width: 15px;
}

/* 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 ;
}

/* 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;
}

.dialing_menu td select {
    width: 156px;
}

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

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

.submenu_container a {
    color: blue;
}


#std_loading_indicator {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: auto;
}


.call_details_export_actions {
	margin-left:-3px;
}

iframe#e911_frame {
	width: 90%;
	height: 210px;
	height: 230px\9;	/* IE8 and below hack */
	border-width: 0;
}


.data_table tr td, .data_table tr th {
    border: 1px solid #4c4c4c;
    white-space: nowrap;
}

#announcementRepoAddFile {
    display:none;
}