/*Copyright (c) 2009, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.net/igroups/license.txtversion: 2.8.0r4*/

 
q:before,q:after { content: ''; }
 
abbr,acronym {
	border: 0;
	font-variant: normal; }
 
sup { vertical-align: baseline; }
 
sub { vertical-align: baseline; }
 
legend { color: #000; }
 
#doc,#doc2,#doc3,#doc4,.igroups-t1,.igroups-t2,.igroups-t3,.igroups-t4,.igroups-t5,.igroups-t6,.igroups-t7 {
	margin: auto;
	text-align: left;
	width: 57.69em;
	*width: 56.25em; }
 
#doc2 {
	width: 73.076em;
	*width: 71.25em; }
 
#doc3 {
	margin: auto 10px;
	width: auto; }
 
#doc4 {
	width: 74.923em;
	*width: 73.05em; }
 
.igroups-b { position: relative; }
 
.igroups-b { _position: static; }
 
#igroups-main .igroups-b { position: static; }
 
#igroups-main,.igroups-g .igroups-u .igroups-g { width: 100%; }
 
.igroups-t1 #igroups-main,.igroups-t2 #igroups-main,.igroups-t3 #igroups-main {
	float: right;
	margin-left: -25em; }
 
.igroups-t4 #igroups-main,.igroups-t5 #igroups-main,.igroups-t6 #igroups-main {
	float: left;
	margin-right: -25em; }
 
.igroups-t1 .igroups-b {
	float: left;
	width: 12.30769em;
	*width: 12.00em; }
 
.igroups-t1 #igroups-main .igroups-b {
	margin-left: 13.30769em;
	*margin-left: 13.05em; }
 
.igroups-t2 .igroups-b {
	float: left;
	width: 13.8461em;
	*width: 13.50em; }
 
.igroups-t2 #igroups-main .igroups-b {
	margin-left: 14.8461em;
	*margin-left: 14.55em; }
 
.igroups-t3 .igroups-b {
	float: left;
	width: 23.0769em;
	*width: 22.50em; }
 
.igroups-t3 #igroups-main .igroups-b {
	margin-left: 24.0769em;
	*margin-left: 23.62em; }
 
.igroups-t4 .igroups-b {
	float: right;
	width: 13.8456em;
	*width: 13.50em; }
 
.igroups-t4 #igroups-main .igroups-b {
	margin-right: 14.8456em;
	*margin-right: 14.55em; }
 
.igroups-t5 .igroups-b {
	float: right;
	width: 18.4615em;
	*width: 18.00em; }
 
.igroups-t5 #igroups-main .igroups-b {
	margin-right: 19.4615em;
	*margin-right: 19.125em; }
 
.igroups-t6 .igroups-b {
	float: right;
	width: 23.0769em;
	*width: 22.50em; }
 
.igroups-t6 #igroups-main .igroups-b {
	margin-right: 24.0769em;
	*margin-right: 23.62em; }
 
.igroups-t7 #igroups-main .igroups-b {
	display: block;
	margin: 0 0 1em 0; }
 
#igroups-main .igroups-b {
	float: none;
	width: auto; }
 
.igroups-gb .igroups-u,.igroups-g .igroups-gb .igroups-u,.igroups-gb .igroups-g,.igroups-gb .igroups-gb,.igroups-gb .igroups-gc,.igroups-gb .igroups-gd,.igroups-gb .igroups-ge,.igroups-gb .igroups-gf,.igroups-gc .igroups-u,.igroups-gc .igroups-g,.igroups-gd .igroups-u { float: left; }
 
.igroups-g .igroups-u,.igroups-g .igroups-g,.igroups-g .igroups-gb,.igroups-g .igroups-gc,.igroups-g .igroups-gd,.igroups-g .igroups-ge,.igroups-g .igroups-gf,.igroups-gc .igroups-u,.igroups-gd .igroups-g,.igroups-g .igroups-gc .igroups-u,.igroups-ge .igroups-u,.igroups-ge .igroups-g,.igroups-gf .igroups-g,.igroups-gf .igroups-u { float: right; }
 
.igroups-g div.first,.igroups-gb div.first,.igroups-gc div.first,.igroups-gd div.first,.igroups-ge div.first,.igroups-gf div.first,.igroups-g .igroups-gc div.first,.igroups-g .igroups-ge div.first,.igroups-gc div.first div.first { float: left; }
 
.igroups-g .igroups-u,.igroups-g .igroups-g,.igroups-g .igroups-gb,.igroups-g .igroups-gc,.igroups-g .igroups-gd,.igroups-g .igroups-ge,.igroups-g .igroups-gf { width: 49.1%; }
 
.igroups-gb .igroups-u,.igroups-g .igroups-gb .igroups-u,.igroups-gb .igroups-g,.igroups-gb .igroups-gb,.igroups-gb .igroups-gc,.igroups-gb .igroups-gd,.igroups-gb .igroups-ge,.igroups-gb .igroups-gf,.igroups-gc .igroups-u,.igroups-gc .igroups-g,.igroups-gd .igroups-u {
	width: 42%;
	margin-left: 1.99%; }
 
.igroups-gb .igroups-u {
	*margin-left: 1.9%;
	*width: 41.9%; }
 
.igroups-gc div.first,.igroups-gd .igroups-u { width: 66%; }
 
.igroups-gd div.first { width: 32%; }
 
.igroups-ge div.first,.igroups-gf .igroups-u { width: 64.2%; }
 
.igroups-ge .igroups-u,.igroups-gf div.first { width: 35%; }
 
.igroups-g .igroups-gb div.first,.igroups-gb div.first,.igroups-gc div.first,.igroups-gd div.first { margin-left: 0; }
 
.igroups-g .igroups-g .igroups-u,.igroups-gb .igroups-g .igroups-u,.igroups-gc .igroups-g .igroups-u,.igroups-gd .igroups-g .igroups-u,.igroups-ge .igroups-g .igroups-u,.igroups-gf .igroups-g .igroups-u {
	width: 49%;
	*width: 48.1%;
	*margin-left: 0; }
 
.igroups-g .igroups-g .igroups-u { width: 48.1%; }
 
.igroups-g .igroups-gb div.first,.igroups-gb .igroups-gb div.first {
	*margin-right: 0;
	*width: 32%;
	_width: 31.7%; }
 
.igroups-g .igroups-gc div.first,.igroups-gd .igroups-g { width: 66%; }
 
.igroups-gb .igroups-g div.first {
	*margin-right: 4%;
	_margin-right: 1.3%; }
 
.igroups-gb .igroups-gc div.first,.igroups-gb .igroups-gd div.first { *margin-right: 0; }
 
.igroups-gb .igroups-gb .igroups-u,.igroups-gb .igroups-gc .igroups-u {
	*margin-left: 1.8%;
	_margin-left: 4%; }
 
.igroups-g .igroups-gb .igroups-u { _margin-left: 1.0%; }
 
.igroups-gb .igroups-gd .igroups-u {
	*width: 66%;
	_width: 61.2%; }
 
.igroups-gb .igroups-gd div.first {
	*width: 31%;
	_width: 29.5%; }
 
.igroups-g .igroups-gc .igroups-u,.igroups-gb .igroups-gc .igroups-u {
	width: 32%;
	_float: right;
	margin-right: 0;
	_margin-left: 0; }
 
.igroups-gb .igroups-gc div.first {
	width: 66%;
	*float: left;
	*margin-left: 0; }
 
.igroups-gb .igroups-ge .igroups-u,.igroups-gb .igroups-gf .igroups-u { margin: 0; }
 
.igroups-gb .igroups-gb .igroups-u { _margin-left: .7%; }
 
.igroups-gb .igroups-g div.first,.igroups-gb .igroups-gb div.first { *margin-left: 0; }
 
.igroups-gc .igroups-g .igroups-u,.igroups-gd .igroups-g .igroups-u {
	*width: 48.1%;
	*margin-left: 0; }
 
.igroups-gb .igroups-gd div.first { width: 32%; }
 
.igroups-g .igroups-gd div.first { _width: 29.9%; }
 
.igroups-ge .igroups-g { width: 24%; }
 
.igroups-gf .igroups-g { width: 74.2%; }
 
.igroups-gb .igroups-ge div.igroups-u,.igroups-gb .igroups-gf div.igroups-u { float: right; }
 
.igroups-gb .igroups-ge div.first,.igroups-gb .igroups-gf div.first { float: left; }
 
.igroups-gb .igroups-ge .igroups-u,.igroups-gb .igroups-gf div.first {
	*width: 24%;
	_width: 20%; }
 
.igroups-gb .igroups-ge div.first,.igroups-gb .igroups-gf .igroups-u {
	*width: 73.5%;
	_width: 65.5%; }
 
.igroups-ge div.first .igroups-gd .igroups-u { width: 65%; }
 
.igroups-ge div.first .igroups-gd div.first { width: 32%; }
 
#hd:after,#bd:after,#ft:after,.igroups-g:after,.igroups-gb:after,.igroups-gc:after,.igroups-gd:after,.igroups-ge:after,.igroups-gf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
 
#hd,#bd,#ft,.igroups-g,.igroups-gb,.igroups-gc,.igroups-gd,.igroups-ge,.igroups-gf { zoom: 1; }
 
/* Shout Out */
/* Displays the upgrade account message, and the mobile app teaser */
.shout-out {
	padding: 10px;
	color: #4D841A;
	background-color: #DBF3C5;
	border-bottom: 2px solid #74C729; }


.shout-out a {	font-weight: bold;	color: #4D841A;	text-decoration: underline;}

.close-shout-out {	float: right;	margin: -4px 0 0 0;	opacity: .2;}

.close-shout-out:hover {	opacity: 1;}

/* Header */

#openig-logo a {    display: block;    float: left;    height: 60px;    width: 224px;    margin: 15px 10px;    background: #FFF url(/asset/images/openig-header-logo.png) no-repeat left top;	outline: none;}

/* Footer */

#ft {    height: 200px;    margin-top: 20px;    background-color: #FFF;    border-top: 1px solid #CCC;}

.copyright {    padding: 10px;    font-size: 12px;    color: #777;    text-align: center;}

/* Standard Icons */

.standard-icon {    height: 24px;    width: 24px;    background: url(/asset/images/standard-icons-sprite.png) no-repeat left center;}

.phone-icon {    background-position: 0px center;}

.voicemail-icon {    background-position: -68px center;}



/* Error Pages */

.error-page {	min-height: 600px;	border-top: 3px solid #666;}

.error-page .ig-content-main {	padding: 0px;}

.error-page .error-title {	margin: 0 0 1em 0;	font-size: 28px;	color: #444;}

.error-page .error-code {	padding: 5px;	font-size: 11px;	font-weight: bold;	color: #888;}

.error-page .error-message {	margin: 0 0 0.5em 0;	font-size: 17px;	color: #444;}

.error-page .error-url {	font-size: 16px;	color: #C00;}

.error-page .ig-sidebar {	padding: 20px;}





/* Misc */

.igroups-override-main-margin {    margin-left: 181px !important;}

br.clear {    clear: both;}

br.clear-left {    clear: left;}

br.clear-right {    clear: right;}

span.replace {    display: none;}

em {    font-style: italic;}

.hide {    display: none;}

.open {    display: block;}

.float-left {  float: left;  margin-right: 1em !important;}

.float-right {  float: right;  margin-left: 1em !important;}

.clearfix:after {  content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
/* Login */

.login-wrapper {    width: 350px;    margin: 0 auto;	text-align: left;    overflow: hidden;}

.login-wrapper #openig-logo {	margin: 50px 0 10px 50px;}

.login-wrapper #ig-main {    min-height: 0px;	-moz-border-radius: 0px;	-webkit-border-radius: 0px;}

.login-wrapper .notify {    width: 348px;	margin-bottom: 10px;}

.login-wrapper #ft {    position: absolute;    left: 0;    z-index: 100;    width: 100%;}

#login {	padding: 30px 15px 20px 15px;	overflow: auto;}

#login .instruct {	margin-bottom: 10px;	font-size: 12px;	color: #555;}

#login .submit-button {	float: left;}

#login .forgot-password,#login .remember-password {	float: right;	margin: 20px 5px 0 0;}

/* Utility Menu */

#ig-util-menu {    float: right;	margin: -30px 10px 0 0;}

#ig-util-menu .ig-util-item {    display: inline;    float: left;}

#ig-util-menu .ig-util-item a {    display: block;    float: left;    padding: 4px 6px;    margin-left: 15px;    background-color: #FFF;}

#ig-util-menu .ig-util-item .username {    display: block;    float: left;    padding: 4px 6px;    margin-left: 15px;}
/* Context Menu */

#ig-context-menu {	clear: both;    padding: 5px;	background-color: #777;    border-bottom: 1px solid #FFF;    overflow: auto;    -moz-border-radius-topleft: 4px;    -moz-border-radius-topright: 4px;    -webkit-border-top-left-radius: 4px;    -webkit-border-top-right-radius: 4px;}

/* Call and SMS Buttons */

#ig-call-sms-buttons {    float: left;}

#ig-context-menu .call-dialog,#ig-context-menu .sms-dialog {    display: none;    width: 400px;    padding: 10px;    background-color: #FFF;    border: 3px solid #333;    z-index: 100;    -moz-border-radius: 8px;    -webkit-border-radius: 8px;}

#ig-context-menu .call-dialog h3,#ig-context-menu .sms-dialog h3 {    padding: 0 10px;    font-size: 20px;}

#ig-context-menu .call-dialog .close,#ig-context-menu .sms-dialog .close {    float: right;    margin: 0 0 10px 5px;}

#ig-context-menu .call-dialog .instruct,#ig-context-menu .sms-dialog .instruct {    padding: 10px;}

#ig-context-menu .sms-dialog .sms-dialog-form,#ig-context-menu .call-dialog .call-dialog-form {    padding: 10px;}

#ig-context-menu .sms-dialog label,#ig-context-menu .call-dialog label {    margin-right: 20px;    overflow: none;}

#ig-context-menu .sms-dialog .sms-message {    height: 80px;    width: 360px;    padding: 3px 4px;}

#ig-context-menu .sms-dialog .count {    color: #777;    font-style: italic;}



/* Flow Editor Context Menu */

.flow-editor-wrapper .flow-details {	float: left;	margin-left: 25%;}

.flow-name-title {	padding: 4px;	font-size: 21px;	font-weight: bold;	color: #FFF;}

.flow-name-title .flow-name {	cursor: pointer;	padding-right: 20px;}.flow-name-title .flow-name .action-mini,.flow-name-title .flow-name-edit .action-mini {	display: inline-block;	text-indent: -9999px;	background-position: -110px 0;	vertical-align: sub;	margin-left: 5px;}.flow-name-title .flow-name-edit .action-mini {	background-position: -84px 0;}

.flow-name-title .flow-name-edit input {	height: 20px;}

.flow-name-title .flow-number {	padding-left: 5px;	font-weight: normal;	color: #DDD;}

.flow-editor-wrapper #ig-context-menu {	position: relative;}

.flow-editor-wrapper #ig-context-menu .ig-menu-items-right {    float: right;}

.flow-editor-wrapper #ig-context-menu .menu-item {    display: inline;}

.flow-editor-wrapper  #ig-context-menu .menu-item a.link-button {    display: block;    float: left;    height: 32px;    margin-right: 10px;    padding-right: 15px;    background: url(/asset/images/button-bg.png) no-repeat right -96px;    text-decoration: none;    cursor: pointer;}

.flow-editor-wrapper #ig-context-menu .ig-menu-items-right a.link-button {	margin: 0 0 0 10px;}

.flow-editor-wrapper #ig-context-menu .menu-item a.link-button:hover {    background-position: right -128px;}

.flow-editor-wrapper #ig-context-menu .menu-item a.link-button:active {    background-position: right -160px;}

.flow-editor-wrapper #ig-context-menu .menu-item a.link-button span {    display: block;    line-height: 32px;    padding-left: 15px;    background: url(/asset/images/button-bg.png) no-repeat left top;}

.flow-editor-wrapper #ig-context-menu .menu-item a.link-button:hover span {    background-position: left -32px;}

.flow-editor-wrapper #ig-context-menu .menu-item a.link-button:active span {    background-position: left -64px;}







/* Notifications */

.notify {    width: 600px;    margin: 0 auto;    background-color: #FFC;    border: 1px solid #555;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.notify .message {    height: 30px;    line-height: 30px;    padding: 0 10px;    text-align: center;}

.notify .close {    float: right;    margin-top: 3px;}



.flow-editor-wrapper .notify {	position: absolute;	left: 25%;    width: 600px;    background-color: #FFC;    border: 1px solid #555;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.flow-editor-wrapper .notify .message {    height: 30px;    line-height: 30px;    padding: 0 10px;    text-align: center;}

.flow-editor-wrapper .notify .close {    float: right;    margin-top: 3px;}

/* Main Content Navigation */



#ig-main-nav .ig-main-nav-items {    margin-bottom: 20px;}

#ig-main-nav .ig-nav-item {	display: inline;}

#ig-main-nav .ig-nav-item a {    display: block;    padding: 6px 5px 6px 10px;    font-size: 14px;    text-decoration: none;    background-color: #EEE;	border-bottom: 1px solid #DDD;	outline: none;    overflow: auto;}

#ig-main-nav .selected a,#ig-main-nav .selected a:hover {    width: 166px;    font-size: 14px;    font-weight: bold;    color: #FFF;    background-color: #333;}

#ig-main-nav .label {    display: block;    float: left;    height: 20px;    line-height: 20px;    width: 120px;    overflow: hidden;}

#ig-main-nav .count {    float: right;    height: 20px;    line-height: 20px;	padding: 0 8px;    font-size: 12px;    font-weight: bold;    color: #222;    text-align: center;    background-color: #FFF;    -moz-border-radius: 12px;    -webkit-border-radius: 12px;}
/* VBX Main */

#ig-main {    padding: 0px;    background-color: #333;}

/* VBX Banner */

.ig-content-banner {	margin-bottom: 5px;	padding: 30px;}

.ig-content-banner .close {	float: right;	margin: -25px -25px 0 0;}

.info-banner {	color: #447691;	background-color: #CFE8F5;	border: 1px solid #FFF;}

.info-banner .info-message {	padding: 0 0 0 50px;	background: url('/asset/images/info-banner-icon.png') no-repeat left 3px;}

.info-message h3 {	font-size: 19px;	color: #329FD8;}

.info-message p {	font-size: 15px;	color: #447691;}

/* VBX Content */

.ig-content-main {	background-color: #FFF;}

/* Content Container */

.ig-content-container {    background-color: #FFF;    border: 3px solid #CCC;}

.ig-content-heading {    float: left;    padding: 0 5px;    font-size: 25px;    font-weight: bold;    color: #FFF;}

/* Content Section */

.ig-content-section {	min-height: 500px;    padding: 15px;    background-color: #FFF;    overflow: auto;}

.ig-table-section {	min-height: 500px;    padding: 0;    background-color: #DDD;    overflow: auto;}

.section-group {    float: left;    width: 30%;    margin-right: 10px;}

/* Headings */

.ig-content-main h3 {	margin: 10px 0;	font-size: 24px;	color: #444;}



/* Content Menu */

.ig-content-menu {    background-color: #333;    overflow: auto;}

.ig-content-menu-top {	padding-bottom: 5px;}

.ig-content-menu-bottom {	padding-top: 5px;}

.ig-content-menu .back-link:link,.ig-content-menu .back-link:visited {    display: block;    float: left;    height: 32px;    line-height: 32px;    margin-right: 10px;    padding: 0 10px;    font-size: 14px;    color: #DDD;    text-decoration: none;    background-color: #222;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.ig-content-menu .back-link:hover {    color: #FFF;}

.ig-content-menu .back-link:active {    color: #FFF;}

.ig-content-menu .ig-menu-items-left {    float: left;}

.ig-content-menu .ig-menu-items-right {    float: right;}

.ig-content-menu .menu-item {    display: inline;}

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

.ig-content-menu .menu-item a.link-button {    display: block;    float: left;    height: 32px;    margin-right: 10px;    padding-right: 15px;    background: url(/asset/images/button-bg.png) no-repeat right -96px;    text-decoration: none;    cursor: pointer;}

.ig-content-menu .menu-item a.dropdown-select-button {    padding-right: 28px;    background: url(/asset/images/dropdown-select-button-bg.png) no-repeat right -96px;}

.ig-content-menu .menu-item a.link-button:hover {    background-position: right -128px;}

.ig-content-menu .menu-item a.link-button:active {    background-position: right -160px;}

.ig-content-menu .menu-item a.link-button span {    display: block;    line-height: 32px;    padding-left: 15px;    background: url(/asset/images/button-bg.png) no-repeat left top;}

.ig-content-menu .menu-item a.dropdown-select-button span {    padding-left: 28px;    background: url(/asset/images/dropdown-select-button-bg.png) no-repeat left top;}

.ig-content-menu .menu-item a.link-button:hover span {    background-position: left -32px;}

.ig-content-menu .menu-item a.link-button:active span {    background-position: left -64px;}

.ig-content-menu li.menu-item ul {    position: absolute;    left: auto;    margin: 32px 0 0 0;    padding: 10px;    background-color: #FFF;    border: 1px solid #999;}

.ig-content-menu li.menu-item ul li {    padding: 3px;}



/* Content Tabs */

.ig-content-tabs {	padding-top: 5px;	background-color: #333;    overflow: auto;}

.ig-content-tabs li {    display: inline;}

.ig-content-tabs li a:link,.ig-content-tabs li a:visited {    display: block;    float: left;    margin-left: 15px;    padding: 10px 10px 7px 10px;    color: #CCC;    text-decoration: none;    background-color: #666;    border: 1px solid #000;    -moz-border-radius-topleft: 4px;    -moz-border-radius-topright: 4px;    -webkit-border-top-left-radius: 4px;    -webkit-border-top-right-radius: 4px;    outline: none;}

.ig-content-tabs li.selected a:link,.ig-content-tabs li.selected a:visited {    color: #222;    background-color: #FFF;    border-bottom: 1px solid #FFF;}

.ig-tab-view {	min-height: 400px;    margin-top: -1px;    padding: 20px;    background-color: #FFF;    border: 1px solid #000;    overflow: auto;}

.ig-tab-view h3 {    margin-bottom: 20px;    font-size: 17px;    color: #555;}



/* Plugin Config */





/* Content Items Grid */

.ig-items-grid {    width: 100%;    background-color: #CCC;    border-collapse: collapse;    border: 3px solid #CCC;    table-layout: fixed;}

.ig-items-grid .items-head th {    padding: 6px;    font-size: 11px;    color: #555;    text-transform: uppercase;    background-color: #DDD;    border-collapse: collapse;    border-bottom: 1px solid #CCC;    vertical-align: center;}

.ig-items-grid .items-row td {    padding: 6px;    background-color: #EEE;    border-collapse: collapse;    border-bottom: 1px solid #CCC;    vertical-align: center;}

.ig-items-grid .highlight-row td {    padding: 6px;    background-color: #CFE8F5;    border-collapse: collapse;    border-bottom: 1px solid #CCC;    vertical-align: center;}

.ig-items-grid .message-row td {    padding: 6px;    color: #777;    background-color: #EEE;    border-collapse: collapse;    border-bottom: 1px solid #CCC;    vertical-align: center;    cursor: pointer;}

.ig-items-grid .unread td {    color: #222;    background-color: #FFF;}

.ig-items-grid .unread .phone-number {    color: #000;}

.ig-items-grid .message-row .phone-number {    color: #333;}

.ig-items-grid .hover td {    background-color: #FCF8E4;}

.ig-items-grid .mousedown td {    background-color: #F7ECB7;}

.ig-items-grid .clicked td {    background-color: #FCF8E4;}

.ig-items-grid .checked td {    background-color: #D8E9F1;}

.ig-items-grid td.message-select {    width: 25px;	padding: 0 !important;}

.ig-items-grid .message-caller {    width: 185px;}

.ig-items-grid .message-content {    white-space: nowrap;    overflow: hidden;    width: 100%;}

.ig-items-grid .message-playback {    width: 70px;}

.ig-items-grid .message-player {}

.ig-items-grid .message-owner {    width: 80px;    text-align: right;}

.ig-items-grid .message-status {    width: 30px;}

.ig-items-grid .message-timestamp {    width: 75px;    text-align: right;}

.ig-items-grid .log-head-row .call-time {}

.ig-items-grid .log-head-row .caller,.ig-items-grid .log-head-row .called {    width: 150px;}

.ig-items-grid .log-head-row .duration {    width: 80px;    text-align: right;}

.ig-items-grid .log-head-row .status {}

.ig-items-grid .message-select input {    margin-top: 3px;}

.ig-items-grid .message-caller .phone-number {    display: block;    float: left;    padding: 2px 4px;    font-size: 16px;}

.ig-items-grid .log-row .phone-number {    font-size: 16px;}

.ig-items-grid .log-row .duration {    text-align: right;}

.ig-items-grid .log-row .call-time {}

.ig-items-grid .quick-call-button {    float: left;    margin-left: 5px;}

.ig-items-grid .quick-sms-button {    float: left;    margin-left: 5px;}

.ig-items-grid .quick-call-popup {    position: absolute;    margin: -4px 0 0 -28px;    padding: 1px;    background-color: #FFF;    border: 1px solid #999;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.ig-items-grid .quick-sms-popup {    position: absolute;    margin: -4px 0 0 145px;    padding: 1px;    background-color: #FFF;    border: 1px solid #999;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.ig-items-grid .quick-call-popup .close,.ig-items-grid .quick-sms-popup .close {    float: left;    margin: 2px 0 0 3px;}

.ig-items-grid .quick-call-popup .call-to-phone {    float: left;    height: 27px;    line-height: 27px;    margin: 0 4px;    font-size: 15px;}

.ig-items-grid .quick-sms-popup .sms-message {    width: 550px;    margin: 2px 0 0 10px;    padding: 2px 3px;}

.ig-items-grid .quick-call-popup .caller-id-phone {    float: right;}

.ig-items-grid .quick-call-popup .call {    display: block;    height: 28px;    line-height: 28px;    width: 42px;    padding-left: 24px;    font-size: 16px;    font-weight: bold;    color: #FFF;    text-decoration: none;    background: url(/asset/images/quick-call-popup-button-bg.png) no-repeat center center;}

.ig-items-grid .quick-sms-popup .count {    color: #999;    font-style: italic;}

.ig-items-grid .quick-sms-popup .send-button {    height: 28px;    width: 80px;    margin-left: 10px;    padding-left: 24px;    font-size: 16px;    font-weight: bold;    color: #FFF;    background: url(/asset/images/quick-sms-popup-button-bg.png) no-repeat center center;}

.ig-items-grid .quick-call-popup .calling {    height: 28px;    line-height: 28px;    width: 62px;    font-size: 12px;    font-weight: bold;    color: #444;    text-align: center;}

.ig-items-grid .message-playback .playback-button {    float: left;    margin-right: 10px;}

.ig-items-grid .message-playback .call-duration {    padding: 2px;}

.ig-items-grid .message-content .play-time {    float: left;    padding: 2px;    margin:2px 0 2px 10px;}

.ig-items-grid .owner-name {    height: 24px;    line-height: 24px;    color: #555;}

.ig-items-grid .assign-button {    float: right;}

.ig-items-grid .assign-to-popup {    position: absolute;    width: 200px;    margin: -4px 0 0 -15px;    padding: 4px;    background-color: #FFF;    border: 1px solid #999;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.ig-items-grid .assign-to-popup .close {    float: left;}

.ig-items-grid .assign-to-popup .popup-label {    height: 24px;    line-height: 24px;    margin-bottom: 10px;    padding-right: 25px;	font-weight: bold;	color: #222;    background: url(/asset/images/assign-owner-button-bg.png) no-repeat right top;}

.ig-items-grid .assign-to-popup .assign-user-list {

}

.ig-items-grid .assign-to-popup .user {    margin-bottom: 2px;    padding: 2px;}

.ig-items-grid .assign-to-popup .assigned a {    font-weight: bold;    color: #222;}

.ig-items-grid .message-status-label {    display: block;    height: 12px;    width: 12px;    background: url(/asset/images/message-status-icon-bg.png) no-repeat center top;}

.ig-items-grid .none-status {    background-position: center top;}

.ig-items-grid .open-status {    background-position: center -12px;}

.ig-items-grid .pending-status {    background-position: center -24px;}

.ig-items-grid .closed-status {    background-position: center -36px;}

/* Forms */

.ig-form {    background-color: #FFF;}

.ig-form .field-label {        display: block;        margin-bottom: 12px;        font-size: 13px;        color: #404040;}

.ig-input-container .instruction {    font-size: 11px;    color: #666;    font-style: italic;}

.ig-input-container input.tiny {        display: block;        width: 40px;        margin-top: 3px;        padding: 0 5px;        height: 30px;		line-height: 30px;        font-size: 14px;        background: url(/asset/images/form-input-text-50.png) no-repeat left top;        border: none;}

.ig-input-container input.small {        display: block;        width: 140px;        margin-top: 3px;        padding: 0 5px;        height: 30px;		line-height: 30px;        font-size: 14px;        background: url(/asset/images/form-input-text-150.png) no-repeat left top;        border: none;}

.ig-input-container input.smedium {        display: block;        width: 190px;        margin-top: 3px;        padding: 0 5px;        height: 30px;		line-height: 30px;        font-size: 14px;        background: url(/asset/images/form-input-text-200.png) no-repeat left top;        border: none;}

.ig-input-container input.medium {        display: block;        width: 290px;        margin-top: 3px;        padding: 0 5px;        height: 30px;		line-height: 30px;        font-size: 14px;        background: url(/asset/images/form-input-text-300.png) no-repeat left top;        border: none;}

.ig-input-container input.large {        display: block;        width: 540px;        margin-top: 3px;        padding: 0 5px;        height: 30px;		line-height: 30px;        font-size: 14px;        background: url(/asset/images/form-input-text-600.png) no-repeat left top;        border: none;}

.ig-input-container textarea {    display: block;    margin: 3px 0 10px 0;    padding: 4px 6px;}

.ig-input-container textarea.small {	height: 80px;	width: 140px;	}

.ig-input-container textarea.medium {	height: 80px;	width: 290px;	}

.ig-input-container textarea.large {	height: 80px;	width: 540px;	}

.ig-input-complex {    clear: both;    overflow: auto;}

.ig-input-complex .inline {    display: inline !important;}

.ig-input-complex .full {    display: block;    clear: both;}

.ig-input-complex .left {    float: left;}

.ig-input-complex .field-label-left {	float: left;	margin-left: 5px;	line-height: 30px;}

.ig-input-complex .right {    float: right;}

.ig-input-file {    float: left;    margin-bottom: 12px;    padding: 10px;    border: 1px solid #999;    overflow: auto;}

.ig-input-file label {    margin: 0 !important;}

.ig-input-file input {    float: left;    margin: 1px 5px 0 0 !important;}

.ig-input-file button {    float: left;    margin: 0 !important;}

.ig-input-container select {        display: block;        margin-top: 3px;        padding: 6px 5px 5px 5px;        height: 30px;        font-size: 14px;        border: none;}

.ig-input-container select.tiny {        width: 50px;        background: url(/asset/images/form-input-text-50.png) no-repeat left top;}

.ig-input-container select.small {        width: 150px;        background: url(/asset/images/form-input-text-150.png) no-repeat left top;}

.ig-input-container select.smedium {        width: 200px;        background: url(/asset/images/form-input-text-200.png) no-repeat left top;}

.ig-input-container select.medium {        width: 300px;        background: url(/asset/images/form-input-text-300.png) no-repeat left top;}

.ig-input-container select.large {        width: 600px;        background: url(/asset/images/form-input-text-600.png) no-repeat left top;}

.ig-input-container option {        padding: 4px 5px;}

.ig-form .field-label-checkbox,.ig-form .field-label-radio {        float: left;        margin: 10px 20px 10px 0;        font-weight: bold;        color: #444;        background-color: #FFF;        cursor: pointer;}

.ig-form .checkbox,.ig-form .radio {        float: left;        margin: 2px 5px 0 0;}
/* Buttons */

button {    position: relative;    height: 32px;    line-height: 32px;    border: 0;    padding: 0;    cursor: pointer;    overflow: visible; /* removes extra side padding in IE */}

button::-moz-focus-inner {    border: none;  /* overrides extra padding in Firefox */}

button span {    position: relative;    display: block;    white-space: nowrap;}

/* Safari and Google Chrome only - fix margins */@media screen and (-webkit-min-device-pixel-ratio:0) {    button span {        margin-top: -1px;    }}

button.disabled {	opacity: 0.4;	-moz-opacity: 0.4;	filter:alpha(opacity=40);}

button.normal-button {    margin: 10px 0;    padding: 0 8px 0 0;    text-align: center;    background: transparent url(/asset/images/normal-button-bg.png) no-repeat right -96px;}

button.normal-button span {    height: 32px;    line-height: 32px;    padding-left: 10px;    margin-left: -2px;    background: transparent url(/asset/images/normal-button-bg.png) no-repeat left top;    color: #444;}

button.normal-button:hover, button.normal-button-hover { /* the redundant class is used to apply the hover state with a script */    background-position: right -128px;}

button.normal-button:hover span, button.normal-button-hover span {    background-position: left -32px;    color: #222;}

button.normal-button:active, button.normal-button-active { /* the redundant class is used to apply the active/down state with a script */    background-position: right -160px;}

button.normal-button:active span, button.normal-button-active span {    background-position: left -64px;    color: #222;}

button.call-button {    padding: 0 30px 0 0;    font-size: 15px;    font-weight: bold;    text-align: center;    background: transparent url(/asset/images/call-button-bg.png) no-repeat right -96px;}

button.call-button span {    height: 32px;    line-height: 32px;    padding-left: 10px;    margin-left: -2px;    background: transparent url(/asset/images/call-button-bg.png) no-repeat left top;    color: #444;}

button.call-button:hover, button.call-button-hover { /* the redundant class is used to apply the hover state with a script */    background-position: right -128px;}

button.call-button:hover span, button.call-button-hover span {    background-position: left -32px;    color: #222;}

button.call-button:active, button.call-button-active { /* the redundant class is used to apply the active/down state with a script */    background-position: right -160px;}

button.call-button:active span, button.call-button-active span {    background-position: left -64px;    color: #222;}



button.sms-button, button.send-sms-button {    padding: 0 33px 0 0;    font-size: 14px;    font-weight: bold;    text-align: center;    background: transparent url(/asset/images/sms-button-bg.png) no-repeat right -96px;}

button.sms-button span, button.send-sms-button span {    height: 32px;    line-height: 32px;    padding-left: 10px;    margin-left: -2px;    background: transparent url(/asset/images/sms-button-bg.png) no-repeat left top;    color: #444;}

button.sms-button:hover, button.sms-button-hover { /* the redundant class is used to apply the hover state with a script */    background-position: right -128px;}

button.sms-button:hover span, button.sms-button-hover span {    background-position: left -32px;    color: #222;}

button.sms-button:active, button.sms-button-active { /* the redundant class is used to apply the active/down state with a script */    background-position: right -160px;}

button.sms-button:active span, button.sms-button-active span {    background-position: left -64px;    color: #222;}



button.submit-button {    margin: 10px 0;    padding: 0 8px 0 0;    text-align: center;    background: transparent url(/asset/images/submit-button-bg.png) no-repeat right -96px;}

button.submit-button span {    height: 32px;    line-height: 32px;    padding-left: 10px;    margin-left: -2px;    background: transparent url(/asset/images/submit-button-bg.png) no-repeat left top;    color: #444;}

button.submit-button:hover, button.submit-button-hover { /* the redundant class is used to apply the hover state with a script */    background-position: right -128px;}

button.submit-button:hover span, button.submit-button-hover span {    background-position: left -32px;    color: #222;}

button.submit-button:active, button.submit-button-active { /* the redundant class is used to apply the active/down state with a script */    background-position: right -160px;}

button.submit-button:active span, button.submit-button-active span {    background-position: left -64px;    color: #222;}

button.add-button {    margin: 10px 0;    padding: 0 8px 0 0;    text-align: center;    background: transparent url(/asset/images/add-button-bg.png) no-repeat right -96px;}

button.add-button span {    height: 32px;    line-height: 32px;    padding-left: 35px;    margin-left: -2px;    background: transparent url(/asset/images/add-button-bg.png) no-repeat left top;    color: #EEE;}

button.add-button:hover {    background-position: right -128px;}

button.add-button:hover span {    background-position: left -32px;    color: #FFF;}

button.add-button:active {    background-position: right -160px;}

button.add-button:active span {    background-position: left -64px;    color: #FFF;}

button.email-button {    margin: 10px 0;    padding: 0 8px 0 0;    text-align: center;    background: transparent url(/asset/images/email-button-bg.png) no-repeat right -96px;}

button.email-button span {    height: 32px;    line-height: 32px;    padding-left: 35px;    margin-left: -2px;    background: transparent url(/asset/images/email-button-bg.png) no-repeat left top;    color: #444;}

button.email-button:hover {    background-position: right -128px;}

button.email-button:hover span {    background-position: left -32px;    color: #222;}

button.email-button:active {    background-position: right -160px;}

button.email-button:active span {    background-position: left -64px;    color: #222;}

button.inline-button {    float: left;    margin: 0 10px 0 0 !important;}

.quick-call-button {    display: block;    height: 24px;    width: 21px;    background: url(/asset/images/quick-call-button-bg.png) no-repeat center top;    overflow: hidden;}

.quick-call-button:hover {    background-position: center -24px;}

.quick-call-button:active {    background-position: center -48px;}

.quick-sms-button {    display: block;    height: 24px;    width: 21px;    background: url(/asset/images/quick-sms-button-bg.png) no-repeat center top;    overflow: hidden;}

.quick-sms-button:hover {    background-position: center -24px;}

.quick-sms-button:active {    background-position: center -48px;}



.playback-button {    display: block;    height: 22px;    line-height: 22px;    padding: 0 5px 0 26px;    background: url(/asset/images/play-pause-stop-bg.png) no-repeat left top;    text-decoration: none;	outline: none;}

.playback-button:hover {    background-position: left -22px;}

.playback-button:active {    background-position: left -44px;}

.pause {    background-position: left -66px;}

.pause:hover {    background-position: left -88px;}

.pause:active {    background-position: left -110px;}

.stop {    background-position: left -132px;}

.stop:hover {    background-position: left -154px;}

.stop:active {    background-position: left -176px;}

.assign-button {    display: block;    height: 24px;    width: 24px;    line-height: 24px;    padding-right: 6px;    background: url(/asset/images/assign-owner-button-bg.png) no-repeat right top;}

.assign-button:hover {    background-position: right -24px;}

.assign-button:active {    background-position: right -48px;}

/* Action Icons */

.action {    display: block;    height: 24px;    width: 24px;    background: url(/asset/images/action-icons-sprite.png) no-repeat;}

.action-mini {    display: block;    height: 16px;    width: 16px;    background: url(/asset/images/action-icons-mini-sprite.png) no-repeat;}

.add {    background-position: 0px center;}

.add-mini {    background-position: 0px 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;}

/* Pagination */

.ig-content-menu .pagination {    float: right;	margin-right: 5px;    font-size: 16px;    font-weight: bold;}

.pagination a,.pagination .current {    display: block;    float: left;    margin-left: 10px;    padding: 5px 8px;    color: #CCC;    background-color: #222;    text-decoration: none;	outline: none;    -moz-border-radius: 0.2em;}

.pagination a:link,.pagination a:visited {    color: #BBB !important;}

.pagination a:hover {    color: #DDD;}

.pagination a:active {    color: #FFF;}

.pagination .current {    color: #FFF;    background-color: #333;}

.pagination .next a,.pagination .previous a,.pagination .first a,.pagination .last a {    height: 20px;    line-height: 20px;    padding: 5px 8px;    font-size: 12px;    text-transform: uppercase;}

/* Dialogs */

.ui-dialog {    position: relative;    background: #FFF;    border: 3px solid #333;    text-align:left;    -moz-border-radius: 8px;    -webkit-border-radius: 8px;

}

.ui-dialog .ui-dialog-titlebar {    position: relative;    margin: 2px;    padding: 10px 20px;    color: #FFF;    background-color: #222;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {	display: none;}

.ui-dialog .error-message {	margin: 10px 0 20px 0;	padding: 10px;	color: #900;	background-color: #FFECE8;	border: 1px solid #900;	-moz-border-radius: 4px;	-webkit-border-radius: 4px;}

.ui-dialog .ui-dialog-title {    font-size: 22px;}

.ui-dialog .ui-dialog-content {    border: none !important;    padding: 10px 20px;}

.ui-dialog p {	margin-bottom: 15px;}

.ui-dialog .ui-dialog-buttonpane {    padding: 20px;    text-align: left;    overflow: auto;}

.ui-dialog .ui-dialog-buttonpane button {    float: right;    height: 32px;    line-height: 32px;    width: auto;    margin: 0 0 0 15px;    padding: 0 10px;    color: #DDD;    font-weight: bold;    background-color: #444;    border: 1px solid #111;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    cursor: pointer;    overflow: visible;}

.ui-dialog .ui-dialog-buttonpane .ui-state-hover {    color: #FFF;    background-color: #000;    border: 1px solid #222;}

.ui-dialog .ui-resizable-se {    width: 14px;    height: 14px;    right: 3px;    bottom: 3px;}

.ui-draggable .ui-dialog-titlebar {    cursor: move;}

.ui-widget-overlay {    position:absolute;    top:0px;    left:0px;    background-image: url(/asset/images/overlay.png);    opacity:.80;    -moz-opacity:.80;    filter:alpha(opacity=80);}

.usergroup-dialog {    border: 1px solid #CCC !important;}

.users-and-groups-pane {    border: 1px solid #888;    height: 340px;    overflow-y: scroll;    overflow-x: hidden;}

.usergroup-dialog table {    width: 100%;}

.usergroup-dialog td {    padding: 10px 5px;    background-color: #EEE;    border-bottom: 1px solid #DDD;    cursor: pointer;}

.usergroup-dialog .hover td {    background-color: #FFC;}

.usergroup-dialog a.edit-link {	color: #fff;	text-decoration: none;	font-weight: bold;	font-size: 12px;	background-color: #888;	padding: 5px 9px 5px 9px;	-moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.usergroup-dialog a.edit-link:hover {	background-color: #666;}

.usergroup-dialog a.edit-link:active {	background-color: #333;}

/* Audio Dialog Tabs */

#dialog-audio .modal-toolbar {    overflow: auto;}

#dialog-audio .modal-tabs li {    display: inline;}

#dialog-audio .modal-tabs li a {    display: block;    float: left;    margin-left: 15px;    padding: 10px 10px 7px 10px;    text-decoration: none;    background-color: #666;    border: 1px solid #222;    color: #ddd;    -moz-border-radius-topleft: 4px;    -moz-border-radius-topright: 4px;    -webkit-border-top-left-radius: 4px;    -webkit-border-top-right-radius: 4px;    outline: none;}

#dialog-audio .modal-tabs li a.selected {    background-color: #FFF;    border-bottom: 1px solid #FFF;    color: #222;}

#dialog-audio .modal-tab-view {    margin-top: -1px;    padding: 20px;    background-color: #FFF;    border: 1px solid #222;    moz-border-radius: 4px;    webkit-border-radius: 4px;    overflow: auto;}

#dialog-save-as p {	margin-bottom: 10px;}



/* Dialog Tabs */

.dialog-quick-tabs {    overflow: auto;}

.dialog-quick-tabs li {    display: inline;}

.dialog-quick-tabs li a {    display: block;    float: left;    margin-left: 15px;    padding: 7px 10px 10px 10px;    color: #777;    text-decoration: none;    background-color: #EEE;    border: 1px solid #CCC;    border-top: none;    -moz-border-radius-bottomleft: 4px;    -moz-border-radius-bottomright: 4px;    -webkit-border-bottom-left: 4px;    -webkit-border-bottom-right: 4px;    outline: none;}

.dialog-quick-tabs li.selected a {    color: #FFF;    background-color: #3486B3;    background-color: #444;    border: none;}

.dialog-quick-tab-view {    background-color: #FFF;    border: 1px solid #CCC;    border-bottom: 5px solid #3486B3;    border-bottom: 5px solid #444;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    overflow: auto;}

/* VBX Plugin Wrapper */

.ig-plugin {    min-height: 600px;	padding: 15px;    background-color: #FFF;}

.ig-plugin h2 {	margin: 0;    font-size: 25px;    font-weight: bold;    color: #333;}

.ig-plugin h3 {	font-size: 21px;	color: #222;}

.ig-plugin h4 {	margin: 5px 0;	font-size: 17px;	color: #444;}

.ig-plugin p {	margin-bottom: 10px;}

.ig-plugin ul,.ig-plugin ol {	margin-bottom: 20px;}

.ig-plugin li {	padding: 3px 0;}

.ig-plugin ul li {	margin-left: 15px;	list-style-type: disc;}

.ig-plugin ol li {	margin-left: 20px;	list-style-type: decimal;}

.ig-plugin table {    width: 100%;	margin: 5px 0 20px 0;    background-color: #CCC;    border-collapse: collapse;    border: 3px solid #CCC;    table-layout: fixed;}

.ig-plugin table th {    padding: 6px;    font-size: 11px;    color: #555;    text-transform: uppercase;    background-color: #DDD;    border-collapse: collapse;    border-bottom: 1px solid #CCC;    vertical-align: center;}

.ig-plugin table td {    padding: 6px;    background-color: #EEE;    border-collapse: collapse;    border-bottom: 1px solid #CCC;    vertical-align: center;}

.ig-plugin form label {		display: block;		margin-bottom: 12px;		font-size: 13px;		color: #404040;}

.ig-plugin fieldset {	margin-bottom: 15px;}

.ig-plugin fieldset span {    font-size: 11px;    font-style: italic;    color: #666;}

.ig-plugin fieldset.text input {        display: block;        width: 290px;        margin-top: 3px;        padding: 0 5px;        height: 30px;        font-size: 14px;        background: url(/asset/images/form-input-text-300.png) no-repeat left top;        border: none;}

.ig-plugin fieldset.checkbox label,.ig-plugin fieldset.radio label {	font-weight: bold;	cursor: pointer}

.ig-plugin select {        display: block;        margin-top: 3px;        padding: 6px 5px 5px 5px;        height: 30px;        font-size: 14px;        border: none;        width: 300px;        background: url(/asset/images/form-input-text-300.png) no-repeat left top;}

.ig-plugin select option {	padding: 4px 5px;}

.ig-plugin textarea {    display: block;    height: 80px;    width: 290px;    margin: 3px 0 0 0;    padding: 4px 6px;}








/* Messages */

.messages-blank {	min-height: 100px;    width: 460px;    margin: 10px 0 0 10px;    padding-left: 100px;    background: #FFF url('/asset/images/messages-icon.png') no-repeat left 5px;}

.messages-blank h2 {    font-size: 28px;    color: #454545;}

.messages-blank p {    font-size: 17px;    color: #666;}

/* Message Details */

.message-details-header {	padding: 15px;    border-bottom: 1px solid #CCC;	overflow: auto;}

.message-details-header .date-created {    float: right;    padding: 3px;}

.message-details-header .details-info {    float: left;    margin-right: 15px;}

.message-details-header .details-info td {    padding: 5px 0;}

.message-details-header .details-info select {    margin: 0 !important;}

.message-details-header .call-from-label,.message-details-header .call-to-label,.message-details-header .status-label,.message-details-header .assign-label {    float: right;    font-size: 14px;    font-weight: bold;    color: #555;    text-align: right;    text-decoration: none;}

.message-details-header .status-label,.message-details-header .assign-label {    padding: 0 5px 0 15px;}

.message-details-header .call-from-number {    float: left;    height: 27px;    line-height: 27px;    margin: 0 10px;    font-size: 15px;}.message-details-header .quick-call-button {    float: left;}

.message-details-header .quick-call-popup {    position: absolute;    margin: -1px 0 0 -50px;    padding: 1px;    background-color: #FFF;    border: 1px solid #999;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.message-details-header .quick-call-popup .close {    float: left;    margin: 2px 0 0 3px;}

.message-details-header .quick-call-popup .call-from-number,.message-details-header .call-to-number {    float: left;    height: 27px;    line-height: 27px;    margin: 0 10px;    font-size: 15px;}

.message-details-header .quick-call-popup .caller-id-phone {    float: right;}

.message-details-header .quick-call-popup .call {    display: block;    height: 28px;    line-height: 28px;    width: 42px;    padding-left: 20px;    font-size: 16px;    font-weight: bold;    color: #FFF;    text-decoration: none;    background: url(/asset/images/quick-call-popup-button-bg.png) no-repeat center center;}

.message-details-header .quick-call-popup .calling {    height: 28px;    line-height: 28px;    width: 62px;    font-size: 12px;    font-weight: bold;    color: #444;    text-align: center;}

.message-details-playback {	padding: 15px;    border-bottom: 1px solid #CCC;	overflow: auto;}

.message-details-playback .playback-button {    float: left;}

.message-details-playback .play-time {    float: left;    padding: 2px;    margin:2px 0 2px 10px;}

.message-details-transcript {	padding: 15px;    border-bottom: 1px solid #CCC;	overflow: auto;}

.message-details-transcript .message-transcript {    width: 660px;    font-size: 15px;    color: #555;}

.message-details-notes {	padding: 15px;	overflow: auto;}

.message-details-notes #add-annotation {    margin-bottom: 30px;}

.message-details-notes #description,.message-details-notes #content {    height: 140px;    width: 650px;    padding: 5px;    font-size: 15px;    color: #555;}

.message-details-notes .count-desc {    margin: 5px 0 15px 0;    font-size: 14px;    font-style: italic;    color: #666;}

.message-details-notes #message-details-notes-list {    border: 1px solid #DDD;    border-bottom: none;}

.message-details-notes #message-details-notes-list .note {    padding: 10px;    border-bottom: 1px solid #DDD;}

.message-details-notes #message-details-notes-list .note-created {    float: right;    padding: 3px;}

.message-details-notes #message-details-notes-list .note-header {    margin-bottom: 5px;}

.message-details-notes #message-details-notes-list .note-user-fullname {    float: left;    margin-right: 10px;    font-size: 17px;    font-weight: bold;    color: #444;}

.message-details-notes #message-details-notes-list .note-user-email {    height: 21px;    line-height: 21px;    color: #777;}

.message-details-notes #message-details-notes-list .note-content {    width: 700px;    font-size: 15px;    color: #555;}

.message-details-notes .note-count {    margin: 5px 10px;    font-size: 11px;    color: #777;    text-align: right;}

/* Devices */

.devices-blank {	padding: 20px 0 15px 100px;    background: #EAF4FB url('/asset/images/devices-icon.png') no-repeat 15px 20px;	border: 3px solid #CCC;	border-bottom: none;}

.devices-blank h2 {    font-size: 28px;    color: #454545;}

.devices-blank p {	width: 460px;    font-size: 17px;    color: #666;}

.device-container {	margin-bottom: 20px;}

.device-container h3 {	margin-bottom: 5px;}

.device-container .no-devices p {	margin: 10px 0;	padding: 12px;	color: #999;	font-style: italic;	border: 1px solid #CCC;    -moz-border-radius: 6px;    -webkit-border-radius: 6px;}

.device-container .device-list{    width: 100%;    margin: 10px 0 20px 0;}

.device-container .device-list .device {    height: 39px;    line-height: 39px;    margin-bottom: 5px;    padding: 0 8px 0 20px;    background: #FFF url(/asset/images/device-drag-grip.png) no-repeat 2px 2px;    border: 1px solid #CCC;    -moz-border-radius: 6px;    -webkit-border-radius: 6px;    cursor: move;}

.device-container .device-list .device-hover {    background-position: 2px 35px;}

.device-container .device-list .voicemail {    background: #FFF;    cursor: default;}

.device-container .device-list .enabled label,.device-container .device-list .enabled p {    font-weight: bold;    color: #222;}

.device-container .device-list .disabled label,.device-container .device-list .disabled p {    font-weight: bold;    color: #777;}

.device-container .device-list .field-label-inline {    margin: 0 !important;}

.device-container .device-list .device-type {    float: left;    height: 24px;    width: 24px;    margin: 7px 10px 0 4px;    background: url(/asset/images/standard-icons-sprite.png) no-repeat left center;}

.device-container .device-list .phone-type {    background-position: 0px center;}

.device-container .device-list .voicemail-type {    background-position: -68px center;}

.device-container .device-list .device-name {    float: left;    margin-right: 20px;    min-width: 120px;}

.device-container .device-list .device-value {    float: left;    margin-right: 20px;    color: #444;    min-width: 100px;}

.device-container .enable-sms {    margin: 12px 4px 0 0;}

.device-container .device-status {    float: right;    height: 28px;    line-height: 28px;    margin: 4px 20px 0 0;    background-color: #777;    border: 1px solid #444;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.device-container .device-status a {    display: block;    float: left;    padding: 0 10px;    text-decoration: none;}

.device-container .device-status a.enabled {    font-weight: bold;    color: #444;    background-color: #FFF;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.device-container .device-status a.disabled {    color: #444;	background-color: #777;}

.device-container .device-status .checkbox {    display: none;}

.device-container .device-list .edit,.device-container .device-list .trash {    float: right;    margin: 7px 0 0 10px;}

.device-container label {    display: block;    margin-bottom: 10px;    font-weight: bold;    color: #444;}

.device-container .radio {    margin: 2px 3px 0 0;}

.mobile-apps-toggle-link {	margin: 0 0 0 2px;	padding: 0 0 0 20px;	background: url('/asset/images/toggle-arrow-16.png') no-repeat left top;}

.opened-apps {	background: url('/asset/images/toggle-arrow-16.png') no-repeat left bottom;}

/* Applications Container */

.application-container {	display: block;}

.application-container .application {	padding: 15px;    border: 1px solid #CCC;    -moz-border-radius: 6px;    -webkit-border-radius: 6px;	overflow: auto;	clear: both;}

.application-container .app-icon {	float: left;	margin: 0 10px 10px 0;}

.application-container .app-name {	width: 500px;	margin: 4px 0 3px 0;	font-size: 19px;	color: #555;}

.application-container .app-desc {	float: left;	width: 500px;	color: #666;}

.application-container .application .email-button {	float: left;	margin: 0 0 0 60px;}
/* Voicemail */

.voicemail-blank {    padding: 20px 0 35px 110px;    background: #EAF4FB url('/asset/images/voicemail-icon.png') no-repeat 15px 10px;    border: 3px solid #CCC;    border-bottom: none;}

.voicemail-blank h2 {    font-size: 28px;    color: #454545;}

.voicemail-blank p {    font-size: 17px;    color: #666;}

.voicemail-container {	padding: 5px 10px;    border: 1px solid #CCC;    -moz-border-radius: 6px;    -webkit-border-radius: 6px;	overflow: auto;}

.voicemail-icon {	float: left;	margin: 5px 15px 0 0;}

.voicemail-label {	float: left;	line-height: 35px;	width: 135px;	margin: 0 15px 0 0;	font-weight: bold;}

.voicemail-picker {	float: left;	width: 540px;}






/* Flows */

.flows-blank {	padding: 20px 0 15px 115px;	background: #EAF4FB url('/asset/images/flows-icon.png') no-repeat 15px 20px;	border-bottom: 3px solid #CCC;}

.flows-blank h2 {	font-size: 28px;	color: #454545;}

.flows-blank p {	width: 460px;	font-size: 17px;	color: #666;}

.flows-menu .menu-item .add-button{    display: block;    float: right;    height: 32px;    margin: 0 5px 0 0;}

#flows-table th.flow-name {    width: 30%;}

#flows-table tr .flow-copy,#flows-table tr .flow-delete {    width: 50px;	text-align: right;}#flows-table .flow-table-actions {	text-align: center;}#flows-table .flow-delete .action {	display: inline-block;}#flows-table .flow-name-edit[disabled="disabled"] {	border: none;	background: none;	color: black;}

/* Phone Numbers */

.numbers-blank {	padding: 20px 0 15px 115px;	background: #EAF4FB url('/asset/images/numbers-icon.png') no-repeat 15px 20px;	border-bottom: 3px solid #CCC;}

.numbers-blank h2 {	font-size: 28px;	color: #454545;}

.numbers-blank p {	width: 460px;	font-size: 17px;	color: #666;}

.phone-numbers-menu .menu-item .add-button{    display: block;    float: right;    height: 32px;    margin: 0 5px 0 0;}

#phone-numbers-table .number-row .incoming-number-phone,#phone-numbers-table .number-row .incoming-number-name {    width: 150px;}

#phone-numbers-table .sandbox-row .sandbox-label {    font-weight: bolder;    float: left;    width: 100%;}

#phone-numbers-table .sandbox-row td {    padding-top: 10px;    width: 150px;    background-color: #FFF;}



#phone-numbers-table .number-row .incoming-number-flow {}

#phone-numbers-table .option-selected,#phone-numbers-table select {	display: block;	float: left;}

#phone-numbers-table .option-selected {	margin-top: 3px;	cursor: pointer;}

#phone-numbers-table select {	padding: 3px 2px;}

#phone-numbers-table .cancel,#phone-numbers-table .flow {	float: left;	margin-left: 10px;	cursor: pointer;}

.area-code {    margin: 10px 0;    padding: 20px;    background-color: #EEE;    -moz-border-radius: 8px;    -webkit-border-radius: 8px;}

#dlg_add .error {	margin-bottom: 15px;	padding: 10px;	font-weight: bold;	border: 1px solid #999;}

#dlg_add .field-label-inline {    margin-right: 15px;}

.area-code-label {    display: block;    font-size: 17px;    color: #555;    margin-bottom: 10px;}

#area-code-wrapper {    height: 48px;    line-height: 48px;    font-size: 25px;    font-weight: normal;}

.area-code input {    width: 60px;    padding: 5px;    font-size: 32px;    font-weight: bold;}

#completed-order p {	text-align: center;}

#completed-order .number {	height: 80px;	line-height: 80px;	margin: 30px 0;	font-size: 48px;	font-weight: bold;	color: #333;}

#completed-order .link-button {	display: block;	width: 140px;	margin: 0 auto;	padding: 10px 5px;	font-size: 17px;	color: #FFF;	text-decoration: none;	text-align: center;	background-color: #4B9727;	-moz-border-radius: 4px;	-webkit-border-radius: 4px;}

#completed-order .link-button img {	margin-left: 10px;}

#completed-order .link-button:hover {	background-color: #5CBA30;}

#completed-order .skip-link {}

#completed-order .skip-link:hover {	color: #333;}





/* Accounts */

.user-groups-menu .normal-button {    margin: 0 10px 0 0;}

.accounts-section {    padding: 20px;    background-color: #FFF;}

.accounts-section h3 {    font-size: 19px;    font-weight: bold;    color: #444;}

#user-container .user-list {    margin: 10px 0;    padding: 8px 0 0 8px;    background-color: #fff;    border: 0px;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;	overflow: auto;}

#user-container .user {    display: block;	float: left;	height: 45px;    width: 211px;    margin: 0 8px 8px 0;    padding: 20px 10px 10px 10px;    background: #FFF no-repeat center 2px;    cursor: move;    overflow: hidden;    border: 1px solid #777;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

#user-container .user-info {    padding-left: 45px;}

#user-container .user-name {    font-weight: bold;    color: #333;}

#user-container .user-email {    color: #555;}

#user-container .user-utilities {	position: relative;    display: block;	float: left;    height: 30px;    width: 35px;    margin-bottom: 15px;    background: url(/asset/images/user-group-icon.png) top no-repeat;}

#user-container .user-edit {	position: absolute;	top: 32px;	left: 2px;    display: block;    height: 13px;    width: 13px;    background: url(/asset/images/user-group-utilities.png) no-repeat;}

#user-container .user-remove {	position: absolute;	top: 32px;	left: 20px;    display: block;    height: 13px;    width: 13px;    background: url(/asset/images/user-group-utilities.png) -17px 0 no-repeat;}

#group-container .group-list {    padding: 10px 0;}

#group-container h2 {    padding: 0px 22px;}

#group-container .group {    position: relative;    margin: 0px 0 20px 0;    padding: 15px 20px 25px 15px;    background-color: #FFF;    cursor: pointer;    border: 2px dashed red;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

#group-container .ui-state-hover {    border: 1px solid #333;    background-color: #FFC;}

#group-container .group-counter {    position: absolute;    right: -12px;    top: -12px;    padding: 4px 10px;    font-size: 19px;    font-weight: bold;    color: #FFF;    background-color: #444;    border: 3px solid #FFF;    -moz-border-radius: 24px;    -webkit-border-radius: 24px;}

#group-container .group-counter-loader {    position: absolute;    right: -12px;    top: -12px;    padding: 4px 10px;    background-color: #444;    border: 3px solid #FFF;    -moz-border-radius: 24px;    -webkit-border-radius: 24px;}

#group-container .group-info {	padding: 0 0 0 45px;}

#group-container .group-name {	width: 150px;    padding: 5px 0 10px 0;    font-size: 20px;    font-weight: bold;    color: #555;	overflow: hidden;}

#group-container .group-utilities {    position: relative;    display: block;	float: left;    height: 30px;    width: 35px;    margin-bottom: 15px;    background: url(/asset/images/user-group-icon.png) 3px -30px no-repeat;}

#group-container .group-edit {    background: url(/asset/images/user-group-utilities.png) no-repeat;    bottom: -12px;    display: block;    height: 13px;    left: 3px;    position: absolute;    text-indent: -999em;    width: 13px;	outline: none;}

#group-container .group-remove {    background: url(/asset/images/user-group-utilities.png) -17px 0 no-repeat;    bottom: -12px;    display: block;    height: 13px;    position: absolute;    right: 3px;    text-indent: -999em;    width: 13px;	outline: none;}

#group-container .group .members {    display:none;}

#group-container .group.expanded .members {    display: block;    list-style: none;	margin-top: 15px;    clear: left;}

#group-container .group .members li {    list-style: none;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    background: #666;    color: #FFF;    padding: 8px 10px;    margin: 5px 0 0 0;    font-size: 12px;    font-weight: bold;    position: relative;	overflow: hidden;}

#group-container .members .remove {    display:block;    width: 16px;    height: 16px;    text-indent: -999em;    background: url(/asset/images/remove-user.png) no-repeat;    cursor: pointer;    position: absolute;    right: 3px;    top: 7px;	outline: none;}



/* Connect */

.connect-section {    padding: 20px;    background-color: #FFF;}

.connect-section h3 {    font-size: 19px;    font-weight: bold;    color: #444;}

#numbers-container .numbers-list {    margin: 10px 0;    padding: 10px 10px 0 10px;    background-color: #666;    border: 1px solid #000;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;	overflow: auto;}

#numbers-container .number {    display: block;	float: left;    width: 178px;    margin: 0 10px 10px 0;    padding: 10px;	background-color: #FFF;    border: 1px solid #333;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    overflow: hidden;}

#numbers-container .number-info {	margin-right: 20px;	background-color: #CCC;}

#numbers-container .number-name {	font-size: 19px;    font-weight: bold;    color: #333;}

#numbers-container .number-nickname {	font-size: 15px;    color: #444;}

#numbers-container .number-utilities {	position: relative;    display: block;	float: right;	width: 16px;	height: 40px;	background-color: #FFF;}

#numbers-container .number-edit {	position: absolute;    display: block;	top: 0;	left: 0;    height: 16px;    width: 16px;}

#numbers-container .number-delete {	position: absolute;    display: block;	top: 25px;	left: 0;    height: 16px;    width: 16px;}

#numbers-container .number-flow {	margin-top: 10px;}

#numbers-container .drop-flow {	padding: 10px 10px 10px 40px;	font-size: 11px;	font-weight: bold;	color: #C5C5C5;	text-transform: uppercase;	background-color: #F0F0F0;	border: 1px dashed #999;	-moz-border-radius: 4px;	-webkit-border-radius: 4px;}

#flows-container .flows-list {	margin: 10px 0;    padding: 10px;	background-color: #E1E1E1;	border: 1px solid #999;	-moz-border-radius: 4px;	-webkit-border-radius: 4px;}

#flows-container .flow {    position: relative;    margin: 0 0 20px 0;    padding: 15px 20px 25px 15px;    background: #FFF url() no-repeat center 2px;    border: 1px solid #777;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;	cursor: move;}

#flows-container .flow-info {	padding: 0 0 0 45px;}

#flows-container .flow-name {    padding: 5px 0 10px 0;    font-size: 25px;    font-weight: bold;    color: #555;}

#flows-container .flow-utilities {    position: relative;    display: block;	float: left;    height: 30px;    width: 35px;    margin-bottom: 15px;    background: url(/asset/images/user_group_icon.png) 3px -30px no-repeat;}

#flows-container .flow-edit {    background: url(/asset/images/user_group_utilities.png) no-repeat;    bottom: -12px;    display: block;    height: 13px;    left: 3px;    position: absolute;    text-indent: -999em;    width: 13px;}

#flows-container .flow-remove {    background: url(/asset/images/user_group_utilities.png) -17px 0 no-repeat;    bottom: -12px;    display: block;    height: 13px;    position: absolute;    right: 3px;    text-indent: -999em;    width: 13px;}





/* Site Settings */

/* Plugins */

#settings-plugins .plugin-name {	width: 15%;}

#settings-plugins .plugin-author {	width: 15%;}

#settings-plugins .plugin-desc {	width: 22%;}

#settings-plugins .plugin-path {	width: 40%;}

#settings-plugins .plugin-config {}



/* Tenants */

.add-tenant-button {    float: left;    margin: 1px 0 0 10px !important;}

#tenant-table .tenant-row strong {    font-weight: bold;    color: #222;}

#tenant-table .edit-tenant {    width: 30px;}

.activate-tenant {    margin: 0 0 15px 0;}

.activate-tenant label {    margin-right: 20px;    cursor: pointer;}

.activate-tenant input {    margin-right: 2px;}

/* Flow Editor */

#flowline-nav {	float: right;	background-color: #FFF;}

#flowline-nav-items {	float: right;}

#flowline-nav-items .flowline-nav-item {	display: inline;}

#flowline-nav-items .flowline-nav-item a {	display: block;	float: left;	height: 24px;	width: 24px;	margin-right: 15px;	background: url(/asset/images/flowline-nav-arrows-sprite.png) no-repeat;}

#flowline-nav-items #start-arrow {	background-position: 0px top;}#flowline-nav-items #start-arrow:hover {	background-position: 0px bottom;}

#flowline-nav-items #back-arrow {	background-position: -34px top;}#flowline-nav-items #back-arrow:hover {	background-position: -34px bottom;}	#flowline-nav-items #next-arrow {	background-position: -68px top;}#flowline-nav-items #next-arrow:hover {	background-position: -68px bottom;}	#flowline-nav-items #end-arrow {	background-position: -102px top;}#flowline-nav-items #end-arrow:hover {	background-position: -102px bottom;}	

#flowline {	min-height: 600px;	margin: 0;	padding: 10px;	background-color: #555;	border-right: 3px solid #CCC;	overflow-x: scroll;}

#flowline table {	width: 100%;}

#flowline #instances td {	vertical-align: top;}

#flowline .flow-instance {	width: 600px;	margin: 10px;	background-color: #FFF;	-moz-border-radius: 4px;	-webkit-border-radius: 4px;	overflow: auto;}

#flowline .flow-instance .minimize {	float: right;	margin: 7px 12px 0 0;}

#flowline .flow-instance .view-source {	display: block;	float: left;	margin: 5px;	padding: 5px 10px;	font-size: 11px;	color: #777;	text-decoration: none;	background-color: #EEE;	-moz-border-radius: 4px;	-webkit-border-radius: 4px;}

#flowline .flow-instance .view-source:hover {	color: #333;	background-color: #DDD;}

#flowline .applet-name {	margin-bottom: 10px;	padding: 8px;	font-size: 17px;	color: #EEE;	text-align: center;	background-color: #222;	border: 1px solid #FFF;	-moz-border-radius-topleft: 4px;	-moz-border-radius-topright: 4px;	-webkit-border-top-left-radius: 4px;	-webkit-border-top-right-radius: 4px;}

/* Items Toolbox */

#items-toolbox {	margin: 20px 0;}

#items-toolbox h3 {	margin-bottom: 15px;	padding: 0 10px;	font-size: 21px;	font-weight: bold;	color: #444;}

#items-toolbox .applet-item {	display: block;	float: left;	height: 40px;	width: 97px;	margin: 0 8px 16px 8px;	padding: 20px 10px 10px 10px;	font-size: 11px;	font-weight: bold;	color: #333;	text-align: center;	text-decoration: none;	background: #FFF url(/asset/images/applet-drag-grip.png) no-repeat center 2px;	border: 1px solid #666;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;	cursor: move;	overflow: hidden;}

#items-toolbox .applet-item:hover {	background-color: #FFF;	border-color: #222;}

/* Applet Icons */

#items-toolbox .applet-icon,.filled-item .applet-icon {	display: block;	height: 24px;	width: 24px;	margin: 0 auto 5px auto;}
/* VBX Applet */

.ig-applet {    padding: 10px 20px;    color: #555;}

.ig-applet h2 {    margin: 0 0 10px 0;    font-size: 22px;    font-weight: normal;    color: #444;}

.ig-applet h3 {    margin: 10px 0 0 0;    font-size: 18px;    font-weight: normal;    color: #666;}

.ig-applet h4 {    margin: 10px 0;    font-size: 14px;    font-weight: bold;    color: #666;}

.ig-applet p {	margin-bottom: 15px;}



/* Items Grid*/

.ig-applet .ig-items-grid {	width: 100%;	margin: 10px 0;	background-color: #FFF;	border: none;}

.ig-applet .ig-items-grid th {	padding: 5px;	color: #444;	text-align: center;	border: 1px solid #CCC;}

.ig-applet .ig-items-grid td {	padding: 5px;	border: 1px solid #CCC;	border-bottom: 1px solid #888;}



/* Menu Grid */

.ig-applet .ig-menu-grid {    margin-bottom: 20px;}

.ig-applet .ig-menu-grid td {    padding: 15px 0;    color: #555;    border-top: 1px solid #555;    border-bottom: 1px solid #555;	vertical-align: middle !important;}

.ig-applet .ig-menu-grid .menu-option {    font-weight: bold;    text-align: center;}

.ig-applet .ig-menu-grid .action {    float: left;    margin-right: 10px;}



/* Panes */

.ig-applet .ig-full-pane {    margin-bottom: 20px;    padding: 10px;    background-color: #EEE;    border: 1px solid #DDD;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.ig-applet .ig-split-pane {    margin-bottom: 20px;    padding: 10px;    background-color: #FFF;    border: 1px solid #DDD;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;	overflow: auto;}

.ig-applet .ig-split-pane .pane {	float: right;	width: 48%;}

.ig-applet .ig-split-pane .first {	float: left;	width: 48%;}

/* Applet Fieldset */

.ig-applet-fieldset {    margin-bottom: 15px;}

.ig-applet-fieldset label {        display: block;        margin-bottom: 12px;        font-size: 13px;        color: #404040;}

.ig-applet-fieldset span {    font-size: 11px;    font-style: italic;    color: #666;}

.ig-applet-fieldset input.text {        display: block;        width: 290px;        margin-top: 3px;        padding: 0 5px;        height: 30px;        font-size: 14px;        background: url(/asset/images/form-input-text-300.png) no-repeat left top;        border: none;}

.ig-applet-fieldset label.checkbox,.ig-applet-fieldset label.radio {    font-weight: bold;    cursor: pointer}

.ig-applet-fieldset select {        display: block;        margin-top: 3px;        padding: 6px 5px 5px 5px;        height: 30px;        font-size: 14px;        border: none;        width: 300px;        background: url(/asset/images/form-input-text-300.png) no-repeat left top;}

.ig-applet-fieldset select option {    padding: 4px 5px;}

.ig-applet textarea.medium {	width: 546px;	height: 60px;}

.ig-applet textarea.large {	width: 546px;	height: 140px;	}



/* Settings Panel */

.settings-panel .empty-item {    display: block;    height: 60px;    line-height: 60px;    width: 130px;    margin: 0;    padding: 10px;    text-align: center;    background-color: #FFF;    border: 1px dashed #555;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.settings-panel .filled-item .item-body {    position: relative;    width: 150px;}

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

.settings-panel .filled-item a.item-box {    display: block;    width: 130px;    margin: 0;    padding: 25px 10px 20px 10px;    font-weight: bold;    color: #333;    text-decoration: none;    text-align: center;    background-color: #EFEFEF;    border: 2px solid #666;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.settings-panel .filled-item a.item-box:hover {    background-color: #FFF;    border: 2px solid #222;}

.settings-panel .empty-item.ui-state-active,.settings-panel .filled-item.ui-state-active a.item-box {    border: 1px solid #333;    background-color: #FFC;}

.settings-panel .usergroup-container {    overflow: auto;    margin-bottom: 20px;    padding: 10px;    background-color: #EEE;    border: 1px solid #DDD;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;}

.settings-panel .selected-usergroup {    float: left;	margin: 0;    padding: 8px;    font-weight: bold;    background-color: #FFF;    border: 1px solid #999;    border-right: none;    -moz-border-radius-topleft: 4px;    -moz-border-radius-bottomleft: 4px;    -webkit-border-radius-topleft: 4px;    -webkit-border-radius-bottomleft: 4px;}

.settings-panel .placeholder {	margin: 0;    font-weight: normal;    color: #CCC;    background-color: #777;    border-color: #444;}

.settings-panel .usergroup-picker {    float: left;    padding: 4px;    background-color: #FFF;    border: 1px solid #999;    border-left: 1px solid #444;    -moz-border-radius-topright: 4px;    -moz-border-radius-bottomright: 4px;    -webkit-border-radius-topright: 4px;    -webkit-border-radius-bottomright: 4px;    cursor: pointer;}



/* Audio / Speech Picker */

#start .start-heading {    text-align: center;}

#start .start-instruct {    margin-bottom: 15px;	font-size: 13px;    text-align: center;}

#start .filled-item .item-body {    margin: 0 auto;}

#start .add-new-item,#start .empty-item,#start .filled-item a.item-box {    margin: 0 auto;}

.timing-timerange-wrap .timing-remove {  background: url('/asset/images/timepicker-remove.png') no-repeat center right;  text-indent: -1000em;  width: 30px;  float: right;}

.timing-timerange-wrap .timing-add {  background: url('/asset/images/timepicker-add.png') no-repeat center right;  text-indent: -1000em;  width: 30px;  float: right;}

.timing-timerange-wrap .timepicker-widget {  float: left;}
/* AUDIO PLAYER */.player {}

.message-row table.player td {     /* Have to override the bottom-border-width that comes from the message row. */    border-bottom-width: 0px !important;    /* Override the padding that comes from the message row */    padding: 0px !important;}

.player .player-bar {    -moz-border-radius: 4px;    -webkit-border-radius: 4px;	float: left;    background: rgb(195, 195, 195);    border: 1px solid #aaa;    display: block;    width: 100%;    height: 20px;}

.player .load-bar {    background-color: rgb(172, 172, 172);    height: 20px;    width:0px;    cursor: pointer;}

.player .play-bar {    background-color: #48c8e3;    width:0px;    height: 20px;}

.load-bar.jqjp_buffer {    background: url("/asset/images/bar_buffer.gif")  top left repeat-x;    background-color: #fff;}
.uploadifyQueueItem {	font: 11px Verdana, Geneva, sans-serif;	border: 2px solid #E5E5E5;	background-color: #F5F5F5;	margin-top: 5px;	padding: 10px;	width: 350px;}.uploadifyError {	border: 2px solid #FBCBBC !important;	background-color: #FDE5DD !important;}.uploadifyQueueItem .cancel {	float: right;}.uploadifyProgress {	background-color: #FFFFFF;	border-top: 1px solid #808080;	border-left: 1px solid #808080;	border-right: 1px solid #C5C5C5;	border-bottom: 1px solid #C5C5C5;	margin-top: 10px;	width: 100%;}.uploadifyProgressBar {	background-color: #0099FF;	width: 1px;	height: 3px;}
div.time-picker {  position: absolute;  height: 191px;  width:4em; /* needed for IE */  overflow: auto;  background: #fff;  border: 1px solid #aaa;  z-index: 99;  margin: 0;}div.time-picker-12hours {  width:6em; /* needed for IE */}

div.time-picker ul {  list-style-type: none;  margin: 0;  padding: 0;}div.time-picker li {  cursor: pointer;  height: 10px;  font: 12px/1 Helvetica, Arial, sans-serif;  padding: 4px 3px;}div.time-picker li.selected {  background: #0063CE;  color: #fff;}
#ig-client-status {	float: right;	position: relative;	overflow: visible;}

#ig-client-status .client-button,#ig-client-status .client-button-wrap {	-moz-border-radius: 5px; /* FF1+ */	-webkit-border-radius: 5px; /* Saf3+, Chrome */	-khtml-border-radius: 5px; /* Konqueror */	border-radius: 5px; /* Standard. IE9 */	/**	 * @bugfix border-radius background bleed	 * @see http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed	 */	-webkit-background-clip: padding-box;}

#ig-client-status .client-button {	height: 29px;	width: 86px;	line-height: 30px;	padding: 0 26px 0 12px;	font-size: 14px;	font-weight: bold;	color: #999;	background: #404040 url(/asset/images/ig-client-status.png) 65px -34px no-repeat;	border: 1px solid #505050;}

#ig-client-status .client-button-wrap {	width: 86px;	height: 29px;	border: 1px solid #404040;}

#ig-client-status.online .client-button-wrap {	border-color: #448723;}

#ig-client-status.online .client-button {	color: #FFF;	border-color: #7FCC5A;    background-color: #53A82B;    background-color: -moz-linear-gradient(100% 100% 90deg, #448723, #53A82B);    background-color: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#53A82B), to(#448723));	background-position: 65px -2px;}

#ig-client-status .client-button:hover {	border-color: #808080;}

#ig-client-status.online .client-button:hover {	border-color: #9EED77;}

#ig-client-status .isonline,#ig-client-status.online .isoffline {	display: none;}

#ig-client-status.online .isonline {	display: block;}

#client-first-run {	position: relative;	display: block;	padding: 10px 10px 10px 70px;	margin: 0 0 1px 0;	background: #222 url(/asset/images/client-first-run-bg.png) no-repeat 20px center;	border: 5px solid #333;}

#client-first-run p {	font-size: 13px;	color: #999;	margin: 3px 0;	position: relative;	z-index: 1;}

#client-first-run h3 {	margin: 0 0 2px 0;	font-size: 16px;	color: #FFF;}

#client-first-run a {	color: #BBB;}

#client-first-run a:hover {	color: #FFF;	}

#client-first-run .dismiss {	float: right;}

#client-first-run .arrow {	position: absolute;	top: -15px;	right: 30px;	z-index: 0;}
