body {
	font-family: arial,verdana;
    margin: 0px;
}

#loadingAnim {
    position:absolute;
    text-align: center;
    width: 100%;
    margin: auto;
    font-size: 10px;
    font-weight: bold;
    color: #B6B6B6;
    top: 250px;
}
#loadingAnim img {
    margin-right: 8px;
}
#validate {
    position:absolute;
    text-align: center;
    width: 100%;
    margin: auto;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    top: 250px;
}
#validate img {
    margin-right: 8px;
}
#waitingMessage {
    position:absolute;
    text-align: center;
    width: 100%;
    margin: auto;
    font-size: 10px;
    font-weight: bold;
    color: #B6B6B6;
    top: 200px;
}

h2.msgTitle {
    color:#444444;
    border-bottom:1px solid #EBEBEB;
    font-size:2.5em;
    font-weight:normal;
    margin: 5px 0px 0px 5px;
    padding-left:5px;
    margin-right:70px;
}

p.msgHeader {
    color:#B0B0B0;
    font-size:0.95em;
    padding:10px 15px;
    margin-right:70px;
}

a.msgLink:hover {
    text-decoration: underline;
}

div.msgContent {
    padding:10px 15px;
    color: #666666;
    font-size: 12px;
    line-height: 165%;
    font-family:'Lucida Grande',Verdana,Helvetica,sans-serif;
}

#loadingChart {
    position:absolute;
    text-align: center;
    width: 100%;
    margin: auto;
    font-size: 10px;
    font-weight: bold;
    color: #B6B6B6;
    top: 150px;
}
#loadingChart img {
    margin-right: 8px;
}

.iacvWelcomeScreenTop {
    height: 488px;
    
}
.iacvWelcomeScreenTop img {
   width: 100%;
   height: 100%;
}

.iacvWelcomeInnoVortexLogo {
    width: 300px;
    height: 90px;
    background-image: url(../img/innoVortexCloud.png) !important;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 20px;
}

.iacvWelcomeScreenBottom {
    position: absolute;
    bottom: 5px;
    margin: auto;
    width: 100%;
    text-align: center;
    color: #888888;
    font-size: 10px;
}
.iacvWelcomeScreenBottom a {
    text-decoration: none;
    color: #555555;
    font-weight: bold;
}
.iacvWelcomeScreenBottom a:hover {
    text-decoration: underline;
}
#action-panel .x-panel {
    margin-bottom:5px;
    margin-right:0;
}
.statusBarClock{
    padding-left: 25px !important;
    background-image: url(../img/icons/clock.png) !important;
    background-repeat: no-repeat;
}
.x-statusbar .x-status-custom {
    padding-left: 25px !important;
    background: transparent url(../img/icons/date.png) no-repeat 3px 3px;
}
.who {
    background: transparent url(../img/icons/group.png) no-repeat 3px 3px;
}

.tree-selectSource {
        background: #FFFFFF url(../img/icons/help.png) no-repeat 4px 2px;
    padding-left: 24px !important;
}

.x-tree-node img.tree-innoagenda {
    background-image: url(../img/innoagendaIco.png) !important;
}
    
.x-tree-node img.tree-group {
    background-image: url(../img/icons/group.png) !important;
}
.x-tree-node-leaf img.tree-group {
    background-image: url(../img/icons/group.png) !important;
}
.x-tree-node-leaf img.tree-user {
    background-image: url(../img/icons/user_suit.png) !important;
}
.x-tree-node-leaf img.tree-useradd {
    background-image: url(../img/icons/add.png) !important;
}
.x-tree-node-leaf img.tree-useraddlocked {
    background-image: url(../img/icons/add_locked.png) !important;
}
.x-tree-node-leaf img.tree-userlocked {
    background-image: url(../img/icons/user_locked.png) !important;
}


.x-tree-node img.tree-views {
    background-image: url(../img/icons/group_edit.png) !important;
}
.x-tree-node img.tree-eventType {
    background-image: url(../img/icons/bricks.png) !important;
}
.x-tree-node img.tree-resources {
    background-image: url(../img/icons/images.png) !important;
}
.x-tree-node img.tree-resource {
    background-image: url(../img/icons/image.png) !important;
}
.x-tree-node img.tree-car {
    background-image: url(../img/icons/car.png) !important;
}
.x-tree-node img.tree-lock {
    background-image: url(../img/icons/lock.png) !important;
}
.x-tree-node img.tree-resource-random {
    background-image: url(../img/icons/add.png) !important;
}
.tree-resource-random {
    font-weight: bold;
}
.x-tree-node img.tree-room {
    background-image: url(../img/icons/house.png) !important;
}
.treeComboBoxEventType {
    background: #FFFFFF url(../img/icons/bricks.png) no-repeat 4px 2px;
    padding-left: 24px !important;
}
.treeComboBoxEventTypeInvalid {
    background: #FF0000 url(../img/icons/error.png) no-repeat 4px 2px;
    padding-left: 24px !important;
    color: #FFFFFF;
}
.treeComboBoxEventUser {
    background: #FFFFFF url(../img/icons/user.png) no-repeat 4px 2px;
    padding-left: 24px !important;
}
#whoInfo .x-panel-body {
    font-size: 12px;
    padding: 5px;
    cursor: default;
}
/*#whoInfo .x-panel-body div {

    font-size: 12px;
    padding-left: 24px !important;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}*/
.whoAvatar {
    float: right;
    border: 1px solid #99BBE8;
    margin-left: 2px;
    margin-bottom: 2px;
    height: 64px;
    width: 64px;
}
.whoUser {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px;
}

.whoGroup {
    height: 16px;
    line-height: 16px;
    font-size: 10px;
}
.whoGroupUser {
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    padding-left: 16px !important;
    background: #FFFFFF url(../img/icons/bullet_blue.png) no-repeat 0px 1px;
}
.whoMail {
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
	overflow: hidden;
	margin-right: 4px;
}
.whoMail a{
    color: #000000;
    text-decoration: underline;
}

.deleteCross {
    background: transparent url(../img/icons/cross.png) no-repeat 0px 0px;
}
.whoResources {
    background: #FFFFFF url(../img/icons/images.png) no-repeat 3px 3px;
}
.whoResource {
    background: #FFFFFF url(../img/icons/image.png) no-repeat 3px 3px;
}
.newEventTitle {
    background: transparent url(../img/icons/calendar_add.png) no-repeat 3px 3px;
}
.dayNote {
    background: transparent url(../img/icons/note_edit.png) no-repeat 3px 3px;
}
.newEventRecap {
    background: transparent url(../img/icons/application_view_list.png) no-repeat;
}
.newEventTabTitleGeneral {
    background: transparent url(../img/icons/date.png) no-repeat 3px 3px;
}
.newEventTabTitleAlerts {
    background: transparent url(../img/icons/clock.png) no-repeat 3px 3px;
}
.newEventTabTitleCharges {
    background: transparent url(../img/icons/money.png) no-repeat 3px 3px;
}
#totalCharges {
    text-align: right;
    padding-right: 5px;
}

.markedChargeAlert {

    background: #FF0000 url(../img/icons/error.png) no-repeat 5px 5px;
    color: #FFFFFF;
    font-weight: bold;
    /*padding: 3px;*/
    padding: 2px 2px 2px 30px;
}

.newEventTabTitleRepeat {
    background-image: url(../img/icons/control_repeat_blue.png);
}
.newEventTabTitleResources {
    background-image: url(../img/icons/images.png);
}
.newEventTabTitleCharges {
    background: transparent url(../img/icons/money.png) no-repeat 3px 3px;
}
.newEventTabTitleHolidays {
    background: transparent url(../img/icons/weather_sun.png) no-repeat 3px 3px;
}
.newEventTabTitleFiles {
    background: transparent url(../img/icons/page_link.png) no-repeat 3px 3px;
}
.newEventTabTitleProject {
    background: transparent url(../img/icons/chart_organisation.png) no-repeat 3px 3px;
}
.repetitionParameters {
    background: transparent url(../img/icons/exclamation.png) no-repeat;
}
.repetitionEvents {
    background: transparent url(../img/icons/date_add.png) no-repeat;
}
.repetitionResult {
    background: transparent url(../img/icons/application_view_list.png) no-repeat;
}
.adminPublicWindow {
    background: transparent url(../img/icons/table_gear.png) no-repeat;
}
.adminPublicUploadImage {
    background: url('../img/icons/image_edit.png') no-repeat 0 0 !important;
}
.whoPanelIcon {
    background: transparent url(../img/icons/user.png) no-repeat;
}
.whenPanelIcon {
     background: transparent url(../img/icons/calendar.png) no-repeat;
}

.msgPanelIcon {
     background: transparent url(../img/icons/email_open.png) no-repeat;
}

.admin-user-image {
    background-color: #FFFFFF;
    border: 1px solid #888888;
}
#lastMsgs {
    font-size: 10px;
    padding: 5px;
}

#lastMsgs a {
    font-size: 10px;
    padding: 0px;
    cursor: pointer;
    /*font-weight: bold;*/
}

.customGroupIcon{background-image:url(../img/icons/group_edit.png)!important;}
.x-item-disabled .customGroupIcon{background-image:url(../img/loading16.gif)!important;}
.x-item-disabled .x-tbar-loading{background-image:url(../img/loading16.gif)!important;}

.loginWindowIcon {
    background: transparent url(../img/icons/lock.png) no-repeat;
}

.loginWindowImage {
    width: 110px;
    height: 100%;
    /*padding: 5px;*/
    background-color: #FFFFFF;
    /*padding-top: 15px;*/
}
.loginWindowImage img {
    position: absolute;
    top: 18px;
    right: 0px;
}
.loginWindowImage img {
    margin-left: 10px;
}

.repetitionRadio {
    text-align: right;
    vertical-align: middle;
    padding-right: 5px;
}

.repetitionWeeklyDaySelector {
    padding-top: 5px;
    
}

.repetitionWeeklyDay {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #99BBE8;
    margin-right: 1px;
    margin-top: 5px;
    cursor: pointer;
}

.repetitionMonthlyWeek {
    height: 18px;
    width: 246px;
}
.repetitionMonthlyDay {
    float: left;
    width: 32px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #99BBE8;
    margin-right: 1px;
    margin-top: 1px;
    cursor: pointer;
}
.repetitionMonthlyDayOver {
    float: left;
    width: 32px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    background-color: #15428b;
    border: 1px solid #99BBE8;
    margin-right: 1px;
    margin-top: 1px;
    cursor: pointer;
}
.repetitionMonthlyDaySelected {
    float: left;
    width: 32px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #15428b;
    background-color: #99bbe8;
    border: 1px solid #15428b;
    margin-right: 1px;
    margin-top: 1px;
    cursor: pointer;
    font-weight: bold;
}

.repetitionMonthlyDaySelectorDisabled .repetitionMonthlyDay,.repetitionMonthlyDaySelectorDisabled .repetitionMonthlyDaySelected {
    background-color: #eeeeee;
    color: #888888;
    border: 1px solid #cccccc;
    font-weight: normal;
}

.search-item {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    padding:3px 10px 3px 10px;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#000000;
}
.search-item h3 {
    display:block;
    font:inherit;
    font-weight:bold;
    color:#222;
    font-size: 13px;
    margin-bottom: 2px;
}

.search-item h3 span {
    font-size: 11px;
    float: right;
    font-weight:normal;
    margin:0 0 5px 5px;
    width:180px;
    display:block;
    clear:none;
    text-align: right;
}

.search-item div.mail {
    padding-left: 20px !important;
    height: 18px;
    line-height: 18px;
    background-image: url(../img/icons/email.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
}
.search-item div.phone {
    padding-left: 20px !important;
    height: 18px;
    line-height: 18px;
    background-image: url(../img/icons/telephone.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
}
.search-item div.fax {
    padding-left: 20px !important;
    height: 18px;
    line-height: 18px;
    background-image: url(../img/icons/telephone_link.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
}
.search-item div.address {
    padding-right: 20px;
    height: 18px;
    line-height: 18px;
    background-image: url(../img/icons/map.png);
    background-repeat: no-repeat;
    background-position: right;
    font-weight: bold;
}

.contactField {
    background: #FFFFFF url(../img/icons/map.png) no-repeat 4px 2px;
    padding-left: 24px !important;
}

.slotSearchWindow {
    background: transparent url(../img/icons/date_magnify.png) no-repeat 3px 3px;
}

.slotSearchTabWho {
    background: transparent url(../img/icons/user.png) no-repeat 3px 3px;
}
.slotSearchTabWhen {
    background: transparent url(../img/icons/calendar.png) no-repeat 3px 3px;
}
.slotSearchTabWhat {
    background: transparent url(../img/icons/images.png) no-repeat 3px 3px;
}
.slotSearchTabRecap {
    background: transparent url(../img/icons/application_view_list.png) no-repeat 3px 3px;
}
.slotSearchTabResult {
    background: transparent url(../img/icons/zoom.png) no-repeat 3px 3px;
}
.slotSearchTabEvent {
    background: transparent url(../img/icons/date_add.png) no-repeat 3px 3px;
}

.chartsWindow {
    background: transparent url(../img/icons/chart_bar.png) no-repeat 3px 3px;
}
.chartsTabWho {
    background: transparent url(../img/icons/user.png) no-repeat 3px 3px;
}
.chartsTabWhen {
    background: transparent url(../img/icons/calendar.png) no-repeat 3px 3px;
}
.chartsTabWhat {
    background: transparent url(../img/icons/images.png) no-repeat 3px 3px;
}
.chartsTabType {
    background: transparent url(../img/icons/chart_curve.png) no-repeat 3px 3px;
}
.chartsTabRecap {
    background: transparent url(../img/icons/application_view_list.png) no-repeat 3px 3px;
}
.chartsTabResult {
    background: transparent url(../img/icons/zoom.png) no-repeat 3px 3px;
}
.chartsTabEvent {
    background: transparent url(../img/icons/date_add.png) no-repeat 3px 3px;
}

#chartsType .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#chartsType .thumb{
	background: #dddddd;
	padding: 3px;
}
#chartsType .thumb img{
	height: 120px;
	width: 212px;
}
#chartsType .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#chartsType .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#chartsType .x-view-over{
    border:1px solid #dddddd;
    background: #efefef /*url(../../resources/images/default/grid/row-over.gif)*/ repeat-x left top;
	padding: 4px;
}

#chartsType .x-view-selected{
	background: #eff5fb /*url(images/selected.gif)*/ no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}

.x-grid3-dirty-cell {
     background-image:none;
}

.prefsWindow {
    background: transparent url(../img/icons/book_edit.png) no-repeat 3px 3px;
}
.prefsSchedule {
    background: transparent url(../img/icons/book.png) no-repeat 3px 3px;
}
.prefsContacts {
    background: transparent url(../img/icons/vcard.png) no-repeat 3px 3px;
}

.prefsCustomGroups {
    background: transparent url(../img/icons/group.png) no-repeat 3px 3px;
}
.prefsAdd {
    background: transparent url(../img/icons/add.png) no-repeat 3px 3px;
}
.prefsRemove {
    background: transparent url(../img/icons/delete.png) no-repeat 3px 3px;
}

.eventFileUploadAdd {
     background: url('../img/icons/page_add.png') no-repeat 0 0 !important;
}

.chartBackground {
    background: transparent url(../img/chart_filigrane.png) no-repeat center;
    width: 100%;
    height: 100%;
}

.slotSearchInfoPanel {
    background-color: #dfe8f6;
    border-color: #99BBE8 #99BBE8;
    border-style:solid solid solid solid;
    border-width:0px 1px 0px 0px;
}

.iacvTooltip div.tooltipContent {
    background: transparent url(../img/tooltipBg.png) repeat-x 0px 0px;
}

.tooltipContent ol, .eventInfo ol
{
    list-style-type: decimal;
    list-style-position: inside;
    margin: 5px 0px 5px 25px;
    padding:0;
}

div.tooltipContent ul, .eventInfo ul
{
    list-style-type: disc;
    list-style-position: inside;
    margin: 5px 0px 5px 25px;
    padding:0;
}



div.eventInfo {
    padding: 4px;
}
div.eventInfo div{
   line-height: 24px;
}
div.eventInfo div.label {
    width: 70px;
    font-weight: bold;
    float: left;
}
div.eventInfo div.comment {
    padding: 2px;
    margin-top: 4px;
    line-height: 16px;
    clear: both;
}
div.eventInfo a {
    text-decoration: none;
}
div.eventInfo a div.fileDownload {
    line-height: normal;
    text-decoration: none;
    color: #000000;
    border: 1px dotted #ffa81e;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 30px !important;
    background: #fffbd7 url(../img/icons/disk.png) no-repeat 8px 50%;
}

div.eventInfo table {
    font-size: 11px;
    width: 100%;
    table-layout: fixed;
}

div.eventInfo div.gmapDirections table {
    font-size: 11px;
    width: 100%;
    table-layout: auto;
}

div.eventInfo td {
    vertical-align: top;
}
div.eventInfo td div{
    line-height: 16px;
}

div.eventInfo div.eventInfoExtra {
    background-color: #fffbd7;
    border: 1px dotted #ffa81e;
    float: right;
    width: 180px;
    margin: 2px;
    padding: 6px;
    line-height: normal;
}

.eventRecapItem {
    margin-bottom: 4px;
    padding: 3px;
}
.eventRecapItem h1, .iacvTooltip h1 {
    border-bottom: 1px solid #99BBE8;
    height: 20px;
    line-height: 20px;
    color: #15428b;
    font-size: 13px;
    padding-left: 24px !important;
    background: transparent url(../img/icons/user.png) no-repeat 2px 2px;
}

.eventRecapItem div, .iacvTooltip div.tooltipContent {
    padding: 4px;
    line-height: 18px;
}

.eventRecapItem p, .iacvTooltip p {
    padding-left: 22px !important;
    line-height: 18px;
    background: transparent url(../img/icons/image.png) no-repeat 2px 1px;
}

.eventRecapItem p.eventRecapOk {
    background: transparent url(../img/icons/tick.png) no-repeat 2px 1px;
}
.eventRecapItem p.eventRecapError {
    background: #FF0000 url(../img/icons/error.png) no-repeat 2px 1px;
    color: #FFFFFF;
    font-weight: bold;
}
.eventRecapItem p.eventRecapWarn {
    background: transparent url(../img/icons/error.png) no-repeat 2px 1px;
    color: #FF0000;
    font-weight: bold;
}

.eventRecapItem p.tree-car {
    background: transparent url(../img/icons/car.png) no-repeat 2px 1px;
}
.eventRecapItem p.tree-room {
    background: transparent url(../img/icons/house.png) no-repeat 2px 1px;
}

.eventAlertRecapAlert {
    border-bottom: 1px solid #99BBE8;
    color: #000000;
    padding-bottom: 4px;
    margin-bottom: 4px;
}
.eventChargeRecapCharge {
    border-bottom: 1px solid #99BBE8;
    color: #000000;
    padding-bottom: 4px;
    margin-bottom: 4px;
}
.stroke {
    /*text-decoration: line-through;*/
    color: LightGrey;
    padding-left: 20px !important;
    line-height: 16px;
    background: transparent url(../img/icons/lock.png) no-repeat 0px 0px;
}
button.strokeIcon {
    background: transparent url(../img/icons/lock.png) no-repeat 0px 0px;
}
button.strokeIcon {
    background: transparent url(../img/icons/lock.png) no-repeat 0px 0px;
}
button.addFile {
    background: transparent url(../img/icons/page_add.png) no-repeat 0px 0px;
}
button.removeFile {
    background: transparent url(../img/icons/page_delete.png) no-repeat 0px 0px;
}

.browser {
    line-height: 35px;
    vertical-align: absmiddle;
    text-align: left;
    margin: auto;
    width: 50%;
}
div.browser a {
    text-decoration:none;
    color: #555555;
}
div.browser a:hover {
    text-decoration:underline;
}

.eventAlertRecapAlert div.delete {
    background: transparent url(../img/icons/cancel.png) no-repeat 0px 0px;
    width: 16px;
    height: 16px;
    margin: 2px;
    float: right;
    cursor: pointer;
}
.eventAlertRecapSms {
    border: 1px solid #CCCCCC;
    color: #555555;
    padding: 2px;
    font-family: courier;
    font-size: 8px;
}

div.gmapDirections{
    margin: 0px;
    padding: 0px;
}
div.gmapDirections table {
    font-size: 11px;
}

.gmapWindow {
   background: transparent url(../img/icons/map_go.png) no-repeat 3px 3px;
}

.eventInfoWindow {
   background: transparent url(../img/icons/information.png) no-repeat 3px 3px;
}

div.popup {
    padding: 5px;
    cursor: pointer;
}

img.popup {
    height: 32px;
    float: left;
    padding-top: 5px;
}

div.popupMsg {
    padding-top: 5px;
    padding-left: 40px;
}

/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

div.eventInfo div.gmapError {
    border: 1px dotted #FF0000;
    background-color: #FF0000;
    color: #FFFFFF;
    line-height: normal;
    margin: 4px;
    padding: 4px;
    font-weight: bold;
}
div.eventInfo div.gmapErrorTitle {
    background: transparent url(../img/icons/error.png) no-repeat 0px 1px;
    border-bottom: 1px dotted #FFFF00;
    padding: 0px;
    color: #FFFF00;
    padding-left: 18px !important;
    height: 18px;
    line-height: 18px;
    margin-bottom: 2px;
    font-weight: bold;
}

.x-icon-info {
    background: transparent url(../img/icons/help.png) no-repeat 3px 3px;
}

#aboutWindow {
    
}

#aboutWindow a {
    text-decoration: underline;
    font-weight: bold;
    color: #888888;
}

#aboutWindow a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #888888;
}