.ui-widget, .ui-widget .ui-widget { 
	font-size: 12px !important;
}

.ui-panelgrid td, .ui-panelgrid tr {
    border: 0 !important;
}

table.panelGridWithBorder tbody tr td, table.panelGridWithBorder thead tr td {
      border: 1px solid lightgray !important;
}

.ui-widget table {
	font-size: 12px !important;
}

.ui-growl {
    position:absolute;
    top:50%;
    left:50%;
    z-index:99999 !important;
}

.userInfo {
    font-size: 10px !important;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.headerLink {
	font-size: 10px !important;
    font-family: Arial, sans-serif;
    font-weight: bold;
    float:right;
    margin-top: 5px;
    padding-right: 20px;
}

.headerLinkSpacer {
    float:right;
    width: 20px;
}


.adminHeader {
	font-family: Arial, sans-serif; 
	font-weight:bold; 
	font-size:160%;
}

.langMenu span {
    font-size: 10px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.langMenu .ui-button {
	height: 16px;
}

.langMenuEntry {
    font-size: 10px !important;
}

a.recoverCredentials {
    font-size: 10px !important;
    padding-left: 10px;
	padding-top: 0px;
	display: block;
}

#recoveryForm {
	margin-left: 100px;
	max-width: 450px;
}

.recoveryInfo {
	border:0;
	margin-bottom: 20px;
}

/* www.iconarchive.com/search?q=user */
.tabIconPbx a {
    background-image: url(/javax.faces.resource/images/home-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconPublic a {
    background-image: url(/javax.faces.resource/images/arrow-switch-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconPrivate a {
    background-image: url(/javax.faces.resource/images/blue-folders-stack-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2.2em !important;
}

.tabIconSubscriber a {
    background-image: url(/javax.faces.resource/images/user-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconPbxCalls a {
    background-image: url(/javax.faces.resource/images/report-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconMessages a {
    background-image: url(/javax.faces.resource/images/mails-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconForwards a {
    background-image: url(/javax.faces.resource/images/arrow-turn-left-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconDist a {
    background-image: url(/javax.faces.resource/images/splitarrow-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconBlock a {
    background-image: url(/javax.faces.resource/images/arrow-stop-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconAccount a {
    background-image: url(/javax.faces.resource/images/blue-folder-open-document-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconTopStop a {
    background-image: url(/javax.faces.resource/images/scissors-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconPhoneBook a {
    background-image: url(/javax.faces.resource/images/addressbook-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconView a {
    background-image: url(/javax.faces.resource/images/monitor-pencil-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconAdmin a {
    background-image: url(/javax.faces.resource/images/key-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconWeb a {
    background-image: url(/javax.faces.resource/images/globe-green-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}


.tabIconCalls a {
    background-image: url(/javax.faces.resource/images/magnifier-arrow-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconConferences a {
    background-image: url(/javax.faces.resource/images/user-group-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconPbxDepts a {
    background-image: url(/javax.faces.resource/images/organisation-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconSettings a {
    background-image: url(/javax.faces.resource/images/settings-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconVm a {
    background-image: url(/javax.faces.resource/images/cassette-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconAnnouncements a {
    background-image: url(/javax.faces.resource/images/attendant-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconTelephone a {
    background-image: url(/javax.faces.resource/images/telephone-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconAntenna a {
    background-image: url(/javax.faces.resource/images/antenna-icon.png.xhtml) !important;
    background-repeat: no-repeat;
    background-position: .5em center;
    padding-left: 2em !important;
}

.tabIconRefresh a {
	display: none;
}

.topstopWarning {
	background-color: #ffff88 !important;
}

.topstopError {
	background-color: #ff8888 !important;
}


.formLabel {
    
}

.formValue {
    min-width:200px;
}

.formMessage {
    
}

.formHeader {
	font-weight: bold;
	margin: 2em 0 .5em 0;
	display: block;
}

.nopadding {
	padding: 0px 0px !important;
}

table.nopadding td {
    padding: 0px 0px;   
}

.announcementEventTable div table td {
    padding: 2px 4px;   
    border: 0;
}

.announcementEventTable div table tr {
    padding: 2px 4px;   
    border: 0;
}

.announcementEventTable div table thead {
	display: none;
}

.announcementEventName {
	width: 120px; 
}

.announcementEventDuration {
	width: 70px; 
}

.keyboardKey {
	display:block;
    background:white;
    border-style: solid;
	border-width: 1;
	border-color: #cccccc;
	border-radius: 4px;
	padding: 0px 2px;
	width: 20px;
	text-align:center;
}

.phoneKeyBlack {
    display:block;
    background:#666666;
    color:#ffffff;
    border-style: solid;
    border-width: 1;
    border-color: #ccccc;
    border-radius: 6px;
    padding: 2px 4px;
    width: 25px;
    text-align:center;
}

.phoneKeyRounded {
    display:block;
    background:#eeeeee;
    border-style: solid;
    border-width: 1;
    border-color: #bbbbbb;
    border-radius: 15px;
    padding: 2px 4px;
    width: 50px;
    height: 20px;
    text-align:center;
}

.cfGridType div {
	width: 120px;
}

.noBorderPanel {
	border: 0;
	background: 0;
}

.noBorderPanel div {
    vertical-align: top;
    padding: 0 !important;
}

.distWeekday {
    width:40px !important;
    text-align:center;
}

a img {
	border:none;
}

.subsPanel {
	border:0px;
}

.subsPanel .ui-panel-content {
    padding-top:0px !important;
	padding-left:0px !important;
    padding-right:0px !important;
    padding-bottom:0px !important;
}

.loginButton {
	margin-top:20px;
	margin-bottom:30px;
}

.refreshButton {
    margin-top:20px;
	margin-left:20px;
}
    
.buttonLeft {
    margin-top:20px;
    margin-left: 20px !important;
}

.buttonRight {
	float:right;
    margin-top:20px;
    margin-right:20px !important;
}

.collapsibleForm .ui-accordion-content {
	padding:0px !important;
}


.ui-fileupload {
    xxvisibility: hidden;
}

.fileupload-content {
    visibility: visible;
    xxborder: none;
}

.fileinput-button {
	visibility: visible;
}

.helpLink {
	border-radius:8px;
	-webkit-border-radius:8px;
    -moz-border-radius:8px;
	width: 18px !important;
	height: 18px;
}

.helpLinkHidden {
	visibility:hidden;
	border-radius:8px;
	-webkit-border-radius:8px;
    -moz-border-radius:8px;
	width: 18px !important;
	height: 18px;
}

.oneTimeKey {
	font-family:"Courier New", Courier, monospace;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.smallGridRow tbody tr td {
	padding:0 10px;
}
	
.width40  { width: 40px; }
.width85  { width: 85px; }
.width100 { width: 100px; }
.width140 { width: 140px; }
.width160 { width: 160px; }
.width180 { width: 180px; }
.width200 { width: 200px; }
.width240 { width: 240px; }
.width280 { width: 280px; }


.rowDisabled {
	opacity: .35;
	background-image: none;
}

.headlessTable thead th { 
    border: none !important; 
    background: none !important; 
}

/* workaround for selectonemenu in panel displayproblem */
.panelselectonemenu {
	padding-top: 2px !important;
	padding-right: 0 !important;
	width: 154px !important;
}
.panelselectonemenu label {
    width: auto !important;
}
.panelselectonemenu .ui-selectonemenu-trigger {
    padding: 0 3px !important;
}
/* workaround for selectonemenu in panel displayproblem */