@charset "utf-8";
/* CSS Document */

.audio-choice {
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
.audio-choice table {
    width: auto !important;
}
.audio-choice .audio-choice-selector {
    height: 100%;
    position: relative;
    width: 100%;
}
.audio-choice .audio-choice-close-button {
    margin: 0 !important;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2;
}
.audio-choice .audio-choice-selector .audio-choice-selector-item-wrapper {
    float: left;
    width: 50%;
}
.audio-choice .audio-choice-selector .audio-choice-selector-item-wrapper .padding-and-border {
    border-right: 1px solid #DDDDDD;
    padding: 4px;
}
.audio-choice .audio-choice-selector .audio-choice-selector-item-wrapper .padding-and-border.last {
    border-right-width: 0 !important;
}
.audio-choice .audio-choice-selector .audio-choice-selector-item {
    display: block;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    text-align: center;
    width: 100%;
}
.audio-choice .audio-choice-selector a {
    text-decoration: none;
}
.audio-choice .audio-choice-selector .audio-choice-selector-item:hover {
    background-color: #DDDDDD;
}
.audio-choice .audio-choice-selector .audio-choice-selector-item {
    text-decoration: none;
}
.audio-choice .title {
    color: #40A4D9;
    font-weight: bold;
}
.audio-choice .description {
    color: #777777;
    font-weight: normal;
}
.audio-choice .audio-choice-editor {
    height: 100%;
    position: relative;
}
.audio-choice .audio-choice-editor .title-bar {
    border-bottom: 1px solid #C8C8C8;
    margin: 0;
    padding-bottom: 8px;
}
.audio-choice .audio-choice-editor .title-bar .editor-label {
    font-weight: bold;
}
.audio-choice .audio-choice-editor .audio-choice-read-text {
}
.audio-choice .audio-choice-editor .audio-choice-read-text .voicemail-text {
    height: 60px;
    width: 95%;
}
.audio-choice .audio-choice-editor .audio-choice-read-text button {
    float: right;
}
.audio-choice .audio-choice-current-value {
    border-radius: 2px 2px 2px 2px;
    height: 100%;
    position: relative;
    width: 100%;
}
.audio-choice .audio-choice-current-value td.left-indicator {
    background-color: #C8C8C8;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    padding: 8px 12px;
    white-space: nowrap;
}
.audio-choice .audio-choice-current-value td.right-indicator {
    background-color: #C8C8C8;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    padding: 8px 10px 8px 8px;
}
.audio-choice .audio-choice-current-value td.middle {
    padding: 4px 12px;
    vertical-align: middle !important;
    width: 100%;
}
.audio-choice .audio-choice-current-value td.middle .read-text {
    font-style: italic;
}
.audio-choice table.player {
    width: 250px !important;
}
.audio-choice table.player td {
    vertical-align: middle !important;
}
.audio-choice table.player td.player-cell {
    width: 100%;
}
.audio-choice .audio-choice-editor .audio-choice-upload .upload-bar-container {
    padding: 10px;
    text-align: center;
}
.audio-choice .audio-choice-editor .audio-choice-upload .upload-bar {
    background: none repeat scroll 0 0 #C3C3C3;
    border: 1px solid #AAAAAA;
    border-radius: 4px 4px 4px 4px;
    display: block;
    float: left;
    height: 20px;
    margin-top: 5px;
    width: 100%;
}
.audio-choice .audio-choice-editor .audio-choice-upload .upload-progress-bar {
    background-color: #48C8E3;
    height: 20px;
    width: 0;
}
.audio-choice .audio-choice-editor .audio-choice-upload .swfupload-container {
    background-color: #EEEEEE;
    height: 68px;
    margin-top: 6px;
    width: 100%;
}
.audio-choice .audio-choice-editor .audio-choice-upload .swfupload-container.hover {
    background-color: #DDDDDD;
}
.audio-choice .audio-choice-editor .audio-choice-upload .swfupload-control {
    height: 68px;
    position: relative;
    top: -68px;
    width: 100%;
    z-index: 1000;
}
.audio-choice .audio-choice-editor .audio-choice-upload .swfupload-container .explanation {
    color: #40A4D9;
    font-weight: bold;
    height: 68px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.audio-choice .audio-choice-editor .audio-choice-library table.player {
    width: 100% !important;
}
.audio-choice .audio-choice-editor .audio-choice-library .empty-container {
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
    width: 100%;
}
.audio-choice .audio-choice-editor .audio-choice-library .chooser-container {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}
.audio-choice .audio-choice-editor .audio-choice-library .chooser-container button {
    float: right;
}
.audio-choice .audio-choice-editor .audio-choice-library select {
    width: 100%;
}
.audio-choice .audio-choice-editor .audio-choice-record {
    height: 100%;
}
.audio-choice .audio-choice-editor .audio-choice-record .error {
    border: 1px solid #999999;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 10px;
}
.audio-choice .audio-choice-editor .audio-choice-record .status table {
    margin-left: auto;
    margin-right: auto;
}
.audio-choice .audio-choice-editor .audio-choice-record td {
    padding: 4px;
    vertical-align: middle !important;
}


.ui-dialog {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #333333;
    border-radius: 8px 8px 8px 8px;
    position: relative;
    text-align: left;
}
.ui-dialog .ui-dialog-titlebar {
    background-color: #222222;
    border-bottom: 1px solid #1170A0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #FFFFFF;
    margin: 2px;
    padding: 10px 18px;
    position: relative;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: none;
}
.ui-dialog .error-message {
    background-color: #FFECE8;
    border: 1px solid #990000;
    border-radius: 4px 4px 4px 4px;
    color: #990000;
    margin: 10px 0 20px;
    padding: 10px;
}
.ui-dialog .ui-dialog-title {
    font-size: 22px;
}
.ui-dialog .ui-dialog-content {
    border: medium none !important;
    padding: 10px 20px;
}
.ui-dialog p, .ui-dialog ul {
    margin-bottom: 15px;
}
.ui-dialog *:last-child {
    margin-bottom: 0;
}
.ui-dialog .ui-dialog-buttonpane {
    overflow: auto;
    padding: 20px;
    text-align: left;
}
.ui-dialog .ui-dialog-buttonpane button {
    background-color: #444444;
    border: 1px solid #111111;
    border-radius: 4px 4px 4px 4px;
    color: #DDDDDD;
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    margin: 0 0 0 15px;
    overflow: visible;
    padding: 0 10px;
    width: auto;
}
.ui-dialog .ui-dialog-buttonpane .ui-state-hover {
    background-color: #000000;
    border: 1px solid #222222;
    color: #FFFFFF;
}
.ui-dialog .ui-resizable-se {
    bottom: 3px;
    height: 14px;
    position: absolute;
    right: 3px;
    width: 14px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-widget-overlay {
    background-image: url("../images/overlay.png");
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
}

.vbx-applet-fieldset input.text {
    background: url("../images/form-input-text-300.png") no-repeat scroll left top transparent;
    border: medium none;
    display: block;
    font-size: 14px;
    height: 30px;
    margin-top: 3px;
    padding: 0 5px;
    width: 290px;
}
.vbx-applet-fieldset select {
    background: url("../images/form-input-text-300.png") no-repeat scroll left top transparent;
    border: medium none;
    display: block;
    font-size: 14px;
    height: 30px;
    margin-top: 3px;
    padding: 6px 5px 5px;
    width: 300px;
}
.vbx-applet-fieldset select option {
    padding: 4px 5px;
}
.vbx-applet textarea.medium {
    height: 60px;
    width: 546px;
}
.vbx-applet textarea.large {
    height: 140px;
    width: 546px;
}

.settings-panel .flowline-item-remove {
    bottom: 7px;
    cursor: pointer;
    display: block;
    height: 16px;
    left: 7px;
    position: absolute;
    width: 16px;
}

.vbx-form .field-label.notice {
    background: none repeat scroll 0 0 #FAFAD2;
    border: 1px solid #FFD700;
    border-radius: 4px 4px 4px 4px;
    margin: 10px 0;
    padding: 10px;
}
.vbx-input-container input.tiny {
    background: url("../images/form-input-text-50.png") no-repeat scroll left top transparent;
    border: medium none;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 3px;
    padding: 0 5px;
    width: 40px;
}
.vbx-input-container input.small {
    background: url("../images/form-input-text-150.png") no-repeat scroll left top transparent;
    border: medium none;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 3px;
    padding: 0 5px;
    width: 140px;
}
.vbx-input-container input.smedium {
    background: url("../images/form-input-text-200.png") no-repeat scroll left top transparent;
    border: medium none;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 3px;
    padding: 0 5px;
    width: 190px;
}
.vbx-input-container input.medium {
    background: url("../images/form-input-text-300.png") no-repeat scroll left top transparent;
    border: medium none;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 3px;
    padding: 0 5px;
    width: 290px;
}
.vbx-input-container input.large {
    background: url("../images/form-input-text-600.png") no-repeat scroll left top transparent;
    border: medium none;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 3px;
    padding: 0 5px;
    width: 540px;
}
.vbx-input-container textarea {
    display: block;
    margin: 3px 0 10px;
    padding: 4px 6px;
}
.vbx-input-container textarea.small {
    height: 80px;
    width: 140px;
}
.vbx-input-container textarea.medium {
    height: 80px;
    width: 290px;
}
.vbx-input-container textarea.large {
    height: 80px;
    width: 540px;
}
.vbx-input-complex {
    clear: both;
    overflow: auto;
}
.vbx-input-complex .inline {
    display: inline !important;
}
.vbx-input-complex .full {
    clear: both;
    display: block;
}
.vbx-input-complex .left {
    float: left;
}
.vbx-input-complex .field-label-left {
    float: left;
    line-height: 30px;
    margin-left: 5px;
}
.vbx-input-complex .right {
    float: right;
}
.vbx-input-file {
    border: 1px solid #999999;
    float: left;
    margin-bottom: 12px;
    overflow: auto;
    padding: 10px;
}
.vbx-input-file label {
    margin: 0 !important;
}
.vbx-input-file input {
    float: left;
    margin: 1px 5px 0 0 !important;
}
.vbx-input-file button {
    float: left;
    margin: 0 !important;
}
.vbx-input-container select {
    border: medium none;
    display: block;
    font-size: 14px;
    height: 30px;
    margin-top: 3px;
    padding: 6px 5px 5px;
}
.vbx-input-container select.tiny {
    background: url("../images/form-input-text-50.png") no-repeat scroll left top transparent;
    width: 50px;
}
.vbx-input-container select.small {
    background: url("../images/form-input-text-150.png") no-repeat scroll left top transparent;
    width: 150px;
}
.vbx-input-container select.smedium {
    background: url("../images/form-input-text-200.png") no-repeat scroll left top transparent;
    width: 200px;
}
.vbx-input-container select.medium {
    background: url("../images/form-input-text-300.png") no-repeat scroll left top transparent;
    width: 300px;
}
.vbx-input-container select.large {
    background: url("../images/form-input-text-600.png") no-repeat scroll left top transparent;
    width: 600px;
}
.vbx-input-container option {
    padding: 4px 5px;
}
.vbx-form .field-label-checkbox, .vbx-form .field-label-radio {
    background-color: #FFFFFF;
    color: #444444;
    cursor: pointer;
    float: left;
    font-weight: bold;
    margin: 10px 20px 10px 0;
}
.vbx-form .checkbox, .vbx-form .radio {
    float: left;
    margin: 2px 5px 0 0;
}
.vbx-form > fieldset {
    margin: 0 0 15px;
}
.vbx-form .field-label-inline {
    margin: 0 15px 0 0;
}


.action {
    background: url("../images/action-icons-sprite.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    width: 24px;
	
}
.action-mini {
    background: url("../images/action-icons-mini-sprite.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    width: 16px;
	overflow:hidden;
}
.add {
    background-position: 0 center;
}
.add-mini {
    background-position: 0 center;
}
.remove {
    background-position: -34px center;
}
.remove-mini {
    background-position: -21px center;
}
.trash {
    background-position: -68px center;
}
.trash-mini {
    background-position: -42px center;
}
.edit {
    background-position: -102px center;
}
.edit-mini {
    background-position: -63px center;
}
.close {
    background-position: -136px center;
}
.close-mini {
    background-position: -74px center;
}
.minimize {
    background-position: -170px center;
}
.choose {
    background-position: -204px center;
}
.flow {
    background-position: -238px center;
}
span.replace {
    display: none;
}


/*=================================================================*/

<!--===================-->
#vbx-main {
    background-color: #333333;
    padding: 5px;
}

#hd:after, #bd:after, #ft:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#hd, #bd, #ft, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {
}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
element.style {
    cursor: auto;
}
body {
    text-align: center;
}
body {
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
}
html {
    color: #000000;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

table {
    font-size: inherit;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.vbx-applet {
    color: #555555;
    padding: 2px 2px 15px 12px;
}
.vbx-applet h2 {
    color: #444444;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 10px;
}
.vbx-applet {
    color: #555555;
}
.vbx-applet p {
    margin-bottom: 15px;
}
.audio-choice {
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
fieldset, img {
    border: 0 none;
}
.audio-choice .audio-choice-selector .audio-choice-selector-item {
    text-decoration: none;
}
.audio-choice .audio-choice-selector .audio-choice-selector-item {
    display: block;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    text-align: center;
    width: 100%;
}
.audio-choice .audio-choice-selector a {
    text-decoration: none;
}
.audio-choice {
    text-align: left;
}
.audio-choice .audio-choice-selector .audio-choice-selector-item-wrapper .padding-and-border {
    border-right: 1px solid #DDDDDD;
    padding: 4px;
}
.audio-choice .title {
    color: #40A4D9;
    font-weight: bold;
}
.audio-choice .description {
    color: #777777;
    font-weight: normal;
}
.vbx-applet .vbx-menu-grid {
    margin-bottom: 20px;
}
.vbx-applet .vbx-menu-grid td {
    border-bottom: 1px solid #555555;
    border-top: 1px solid #555555;
    color: #555555;
    padding: 5px 0;
    vertical-align: middle !important;
}
.vbx-input-container input.tiny {
    background: url("../images/form-input-text-50.png") no-repeat scroll left top transparent;
    border: medium none;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 3px;
    padding: 0 5px;
    width: 40px;
}
select, input, button, textarea, button {
    font: 99% arial,helvetica,clean,sans-serif;
}
input, button, textarea, select {
}
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
#start .add-new-item, #start .empty-item, #start .filled-item a.item-box {
    margin: 0 auto;
}
.settings-panel .empty-item {
    background-color: #FFFFFF;
    border: 1px dashed #555555;
    border-radius: 4px 4px 4px 4px;
    display: block;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 10px;
    text-align: center;
    width: 130px;
}
.settings-panel .empty-item {
    line-height: 60px;
    text-align: center;
}
.vbx-applet .vbx-menu-grid td {
    color: #555555;
}
.vbx-applet .vbx-menu-grid .action {
    float: right;
    margin-right: 10px;
}


.vbx-content-menu .menu-item .add-button {
    float: left;
    height: 32px;
    margin: 0;
}


.vbx-applet h3 {
    color: #666666;
    font-size: 18px;
    font-weight: normal;
    margin: 10px 0 0;
}
.vbx-applet .vbx-full-pane {
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    padding: 10px;
}
.vbx-input-complex {
    clear: both;
    overflow: auto;
}



.ivr_save {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
height:50px;
	line-height:50px;
width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}.ivr_save:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}