/* common */


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

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

.right {
    text-align: right;
}

.top {
    vertical-align: top;
}

.center {
    text-align: center;
}

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

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

.hidden {
    display: none;
}


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

.login td {
    padding: 3px;
}

/* header */


/* user services */

.user_service {

}

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

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


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


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

#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 .userTableRtd, #vpPassCodeTable .userTableRtd{
    width: 420px;
}

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


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

.level2 {
    margin-top: 5px;
}

.service_table 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;
    align: center;
}
.service_table th, .service_table td {
    padding: 3px;
}

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

.criterias_holder table{
    width:460px;
}

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

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

.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 {
    font-size: 13px;
    font-weight: bold;
    text-align:left;
}
.service_table tr.caption td{border: 0 none;padding-bottom:10px;}

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

.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 {
    position: absolute;
    right: 17px;
    top: 50px;
    z-index: 100;
}

#context_help_message {
    font-size: 10px;
    font-weight: bold;
    clear: all;
    padding: 5px;
    text-align: left;
    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:275px;}
table.password_reset tr td.user_id input {width:200px;}

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

.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 input[type='text'], .services_available_users_search select {width: 200px}

.services_available_users_search * {
    font-size: 9px !important;
}

.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; width:100% !important;}

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

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

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

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

.logout {
	float:	right;
}

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