/* Document : cw-hunting.css Created on : Nov 24, 2008, 5:58:51 PM Author : Horatiu Cristea Description: This is the main css for the hunting application Everything that is not extjs or overrides the extjs. */ html, body { font: normal 11px Tahoma, sans-serif; margin: 0px; padding:0px; border:0px; } body { background-color: white; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*=================================== /* Rules for custom ux layouts /*====================================*/ /* * Ext.ux.layout.CenterLayout */ .ux-layout-center-item { margin:0 auto; text-align:left; } .ux-layout-center .x-panel-body, /* if the container is a panel */ body.ux-layout-center { /* if the container is the doc body (for viewport) */ text-align:center; } /* Login page */ .capsLock_alert { /*background-color: #F5F5B5; border: 1px solid #FF0000;*/ padding: 3px; font-size: 11px; text-align: left; color: #CC0000; } div#fp-link-div { display: block; text-align: right; } a.fp-link:link, a.fp-link:visited, a.fp-link:hover, a.fp-link:active { color: #0000ff; text-decoration: none; font-weight: bold; } a.fp-link:hover { text-decoration: underline; } #notify-box { padding: 10px 0 0 0; text-align: left; } /* Home page */ #logout-toolbar.x-toolbar { background: #FFFFFF url(../images/header-bg.gif) repeat-x top left; border-width: 0px; padding: 5px 49px; } #user_prettyname { font-family: verdana; } .header-toolbar { padding: 0 0 4px 0; } .header-toolbar td { padding-top: 4px; } .header-toolbar .x-btn button { font-weight: bold; } .header-toolbar .county-select-td { padding-right: 5px; } #navigation-tree a span { font-family: verdana, tahoma,sans-serif; font-size: 11px; padding: 3px 5px; } #navigation-tree .nav-item a:hover span { text-decoration: underline; } #navigation-tree .x-panel-body { padding: 3px; } .nav-item { margin: 1px 0; } #navigation-tree .x-tree-selected { } #navigation-tree .x-tree-node .x-tree-selected a span{ font-weight: bold; } /* News Grid from the StartPage */ #news-grid-panel .x-grid3-row { cursor: pointer; } #news-grid-panel .x-grid3-td-Company .article-title { display: block; font-family: verdana; letter-spacing: -1px; color: #444444; } #news-grid-panel .x-grid3-td-Company .x-grid3-cell-inner { white-space: normal; } .news_header { font-size: 14px; } .news_header h1 { margin: 10px 0 5px; } .news_date { color: #606060; font: bold 11px tahoma; padding: 5px 0; margin-bottom: 5px; border-bottom: 1px solid #CCCCCC; } .news_body { font: normal 13px arial, halvetica, sans-serif; padding-bottom: 10px; } .news_body p { margin: 16px 0; } /*********************** ** ICONS ** ***********************/ .icon-accept {background-image: url(../images/accept.gif) !important;} .icon-add {background-image: url(../images/add.png) !important;} .icon-application_key {background-image: url(../images/application_key.png) !important;} .icon-application_lightning {background-image: url(../images/application_lightning.png) !important;} .icon-areas {background-image: url(../images/map.gif) !important;} .icon-area_plans {background-image: url(../images/map.gif) !important;} .icon-btn_toggle {background-image: url(../images/unchecked.gif) !important;} .x-btn-pressed .icon-btn_toggle {background-image: url(../images/checked.gif) !important;} .icon-bullet_error {background-image: url(../images/bullet_error.png) !important;} .icon-book_open {background-image: url(../images/book_open.gif) !important;} .icon-book {background-image: url(../images/book.gif) !important;} .icon-cancel {background-image: url(../images/cancel.png) !important;} .icon-communities {background-image: url(../images/world.gif) !important;} .icon-contracts {background-image: url(../images/script_gear.gif) !important;} .icon-color_swatch {background-image: url(../images/color_swatch.png) !important;} .icon-color_wheel {background-image: url(../images/color_wheel.png) !important;} .icon-cross {background-image: url(../images/cross.png) !important;} .icon-deers {background-image: url(../images/wildart.gif) !important;} .icon-deercategories {background-image: url(../images/deercategories.png) !important;} .icon-deercategories_add {background-image: url(../images/deercategories_add.png) !important;} .icon-deercategories_edit {background-image: url(../images/deercategories_edit.png) !important;} .icon-deersdiff {background-image: url(../images/deersdiff.png) !important;} .icon-delete {background-image: url(../images/delete.gif) !important;} .icon-disk {background-image: url(../images/disk.png) !important;} .icon-dogs_doc {background-image: url(../images/page_white_text.gif) !important;} .icon-downloads {background-image: url(../images/folder_go.gif) !important;} .icon-folder {background-image: url(../images/folder.png) !important;} .icon-guests {background-image: url(../images/user_orange.gif) !important;} .icon-guest_cards {background-image: url(../images/vcard.gif) !important;} .icon-guest {background-image: url(../images/user_orange.png) !important;} .icon-guest_add {background-image: url(../images/guest_add.gif) !important;} .icon-guest_edit {background-image: url(../images/guest_edit.gif) !important;} .icon-guestcards {background-image: url(../images/vcard.png) !important;} .icon-guestcard_add {background-image: url(../images/vcard_add.png) !important;} .icon-guestcard_edit {background-image: url(../images/vcard_edit.png) !important;} .icon-gearth {background-image: url(../images/gearth.gif) !important;} .icon-help {background-image: url(../images/help.png) !important;} .icon-information {background-image: url(../images/information.gif) !important;} .icon-key_go {background-image: url(../images/key_go.png) !important;} .icon-logout {background-image: url(../images/door_in.gif) !important;} .icon-lock {background-image: url(../images/lock.gif) !important;} .icon-magnifier {background-image: url(../images/magnifier.png) !important;} .icon-map_add {background-image: url(../images/map_add.png) !important;} .icon-map_edit {background-image: url(../images/map_edit.png) !important;} .icon-map_go {background-image: url(../images/map_go.png) !important;} .icon-messages {background-image: url(../images/email.gif) !important;} .icon-messages_add {background-image: url(../images/email_add.gif) !important;} .icon-messages_delete {background-image: url(../images/email_delete.gif) !important;} .icon-messages_inbox {background-image: url(../images/email_open.gif) !important;} .icon-messages_sent {background-image: url(../images/email_go.gif) !important;} .icon-article {background-image: url(../images/newspaper.png) !important;} .icon-new_article {background-image: url(../images/newspaper_add.gif) !important;} .icon-delete_article {background-image: url(../images/newspaper_delete.png) !important;} .icon-observations {background-image: url(../images/observations.gif) !important;} .icon-page_lightning {background-image: url(../images/page_lightning.png) !important;} .icon-page_add {background-image: url(../images/page_add.png) !important;} .icon-page_edit {background-image: url(../images/page_edit.png) !important;} .icon-page_excel {background-image: url(../images/page_excel.gif) !important;} .icon-page_white_add {background-image: url(../images/page_white_add.png) !important;} .icon-page_white_edit {background-image: url(../images/page_white_edit.png) !important;} .icon-page_white_magnify {background-image: url(../images/page_white_magnify.png) !important;} .icon-page_white_excel {background-image: url(../images/page_white_excel.gif) !important;} .icon-page_white_get {background-image: url(../images/page_white_get.png) !important;} .icon-page_white_put {background-image: url(../images/page_white_put.png) !important;} .icon-page_white_stack {background-image: url(../images/page_white_stack.png) !important;} .icon-page_white_text {background-image: url(../images/page_white_text.png) !important;} .icon-paste_plain {background-image: url(../images/paste_plain.png) !important;} .icon-permissions {background-image: url(../images/key.gif) !important;} .icon-permissions_add {background-image: url(../images/key_add.png) !important;} .icon-permissions_delete {background-image: url(../images/key_delete.png) !important;} .icon-plugin {background-image: url(../images/plugin.png) !important;} .icon-phone {background-image: url(../images/phone.gif) !important;} .icon-phone_send {background-image: url(../images/phone1.gif) !important;} .icon-phone_add {background-image: url(../images/phone_add.gif) !important;} .icon-phone_delete {background-image: url(../images/phone_delete.gif) !important;} .icon-photos {background-image: url(../images/photos.png) !important;} .icon-photos_fade {background-image: url(../images/photos_fade.png) !important;} .icon-print {background-image: url(../images/printer.png) !important;} .icon-printer {background-image: url(../images/printer.gif) !important;} .icon-profile {background-image: url(../images/user_edit.gif) !important;} .icon-refresh {background-image: url(../ext/resources/images/default/grid/refresh.gif) !important;} .icon-remove {background-image: url(../images/remove.png) !important;} .icon-reports {background-image: url(../images/chart_bar.gif) !important;} .icon-report-leaf {background-image: url(../images/report.png) !important;} .icon-report_user {background-image: url(../images/report_user.png) !important;} .icon-save_close {background-image: url(../images/save_close.png) !important;} .icon-script {background-image: url(../images/script.png) !important;} .icon-script_add {background-image: url(../images/script_add.png) !important;} .icon-script_edit {background-image: url(../images/script_edit.png) !important;} .icon-script_lightning {background-image: url(../images/script_lightning.png) !important;} .icon-sms {background-image: url(../images/phone1.gif) !important;} .icon-startsite {background-image: url(../images/house.gif) !important;} .icon-settings {background-image: url(../images/cog.gif) !important;} .icon-settings_edit {background-image: url(../images/cog_edit.gif) !important;} .icon-settings_add {background-image: url(../images/cog_add.gif) !important;} .icon-settings_delete {background-image: url(../images/cog_delete.gif) !important;} .icon-shield {background-image: url(../images/shield.png) !important;} .icon-shield_add {background-image: url(../images/shield_add.png) !important;} .icon-shield_delete {background-image: url(../images/shield_delete.png) !important;} .icon-shield_go {background-image: url(../images/shield_go.png) !important;} .icon-star {background-image: url(../images/star.png) !important;} .icon-statistics {background-image: url(../images/chart_curve.png) !important;} .icon-table_lightning {background-image: url(../images/table_lightning.png) !important;} .icon-table_sort {background-image: url(../images/table_sort.png) !important;} .icon-upload {background-image: url(../images/up.png) !important;} .icon-users {background-image: url(../images/user_green.gif) !important;} .icon-user_add {background-image: url(../images/user_add.gif) !important;} .icon-user_edit {background-image: url(../images/user_edit.gif) !important;} .icon-user_groups {background-image: url(../images/group.gif) !important;} .icon-user_orange {background-image: url(../images/user_orange.png) !important;} .icon-user_green {background-image: url(../images/user_green.png) !important;} .icon-user_gray {background-image: url(../images/user_gray.gif) !important;} .icon-user_red {background-image: url(../images/user_red.png) !important;} .icon-user_suit {background-image: url(../images/user_suit.gif) !important;} .icon-warning {background-image: url(../images/warning.gif) !important;} .icon-world_add {background-image: url(../images/world_add.png) !important;} .icon-world_edit {background-image: url(../images/world_edit.png) !important;} .icon-wrench {background-image: url(../images/wrench.png) !important;} .x-statusbar .x-status-error { color: #C00; cursor: pointer; padding-left: 25px; background: transparent url(../ext/resources/images/default/form/exclamation.gif) no-repeat 3px 3px; } .x-statusbar .x-status-valid { padding-left: 25px; background: transparent url(../images/accept.gif) no-repeat 3px 3px; } .x-status-error-list { font: 11px tahoma,arial,verdana,sans-serif; position: absolute; z-index: 9999; border: 1px solid #C00; background: #ffa; padding: 5px 10px; color: #999; } .x-status-error-list li { cursor: pointer; list-style: disc; margin-left: 10px; } .x-status-error-list li a { color: #15428B; text-decoration: none; } .x-status-error-list li a:hover { text-decoration: underline; } /** Base Form css */ .cw-base-form .x-fieldset { border-color: #CCCCCC; } .cw-base-form .x-fieldset legend { font: italic normal 12px verdana; color: #333333; } .x-form-item-label span { display: none; } .required .x-form-item-label span{ /*background: transparent url(../images/required_red.png) no-repeat 3px 3px;*/ display: inline; color: #cc0000; } /* Its used to display text; used in diary */ .display-field { border-color: #ffffff; background-image: none; } .display-field2 { border-color: #ffffff; background-image: none; text-align:right; border-bottom: 1px dotted #ccc; } .italic-style { font-style:italic; } .cw-boxlabel-only .x-form-cb-label { font-weight: bold; font-size: 11px; } /* UPLOAD PANEL */ .ux-up-item { line-height: 17px; height: 17px; cursor: default; border: 1px solid #FFCC66; /* old: #E0E0E0 */ margin-bottom: 1px; background-color: #FFCC66; /* old: #E0E0E0 */ } .ux-up-item.done { border: 1px solid transparent; background-color: #ffffff; } .ux-up-icon-file { width:16px; height:16px; vertical-align:-3px; margin-right:4px; background-image:url(../ext/resources/images/default/tree/leaf.gif); float:left; } .done .ux-up-icon-file, .done .ux-up-text { cursor: pointer; } .done .ux-up-text { color: #0000cc; text-decoration: underline; } .ux-up-item-selected { /* border-color:#c0c0c0; background-color:#f0f0f0; */ } .ux-up-indicator { background-color:yellow; height:17px; width:40px; position:absolute; opacity: 0.4; } .ux-up-icon-delete { width: 16px; height: 16px; float: right; cursor: pointer; /*margin-top: -5px; margin-left: -5px;*/ background-image: url(../images/remove.png); visibility: hidden; } .ux-up-icon-state { width:16px; float:right; margin-right:2px; /*z-index:-1;*/ } .ux-up-icon-queued { background-image: url(../images/page_white_get.png); } .ux-up-icon-uploading { cursor:pointer; background-image:url(../ext/resources/images/default/grid/wait.gif); } .ux-up-icon-done { background-image:url(../images/accept.png); } .ux-up-icon-failed { background-image:url(../images/error.png); } .ux-up-icon-stopped { background-image:url(../images/stop.png); } .ux-up-text { float:left; } .ux-thumb{ background: #dddddd; padding: 3px; } .ux-thumb img{ margin: 2px; height: 90px; width: 120px; background: transparent url(../images/photo.png) no-repeat center center; } .ux-thumb-wrap{ float: left; margin: 4px; margin-right: 0; border: 1px solid #ffffff; padding: 8px; width: 130px; } .ux-thumb-wrap span { display: block; overflow: hidden; text-align: center; } .done .ux-thumb img { cursor: pointer; } .ux-thumb-wrap .ux-up-icon-state { height: 16px; margin-right: -8px; } .ux-thumb-wrap .ux-up-icon-delete { position: absolute; } .x-view-over{ border: 1px solid #dddddd; background: #efefef url(../ext/resources/images/default/grid/row-over.gif) repeat-x left top; /*padding: 8px;*/ } .x-view-over .ux-up-icon-delete { visibility: visible; } .ux-up-readonly .ux-up-icon-delete { display: none; } /* Reports */ .reports-panel { padding:4px; } .reports-panel dd { float:left; width:300px; height:100px; margin:5px 5px 5px 10px; cursor:pointer; zoom:1; } .reports-panel dd img { width:120px; height:90px; margin:5px 0 0 5px; float:left; } .reports-panel dd div { float:left; width:160px; margin-left:10px; margin-top:4px; } .reports-panel dd h4 { font-family:tahoma,arial,san-serif; color:#555; font-size:11px; font-weight:bold; } .reports-panel dd p { color:#777; } .reports-panel dd.over { background: #F5FDE3 url(../images/sample-over.gif) no-repeat; } .report-title { font-family: verdana; font-size: 12px; font-style: italic; padding: 5px 0 2px 15px; } .report-description { color: #666666; font-family: Verdana; font-size: 11px; padding: 5px 15px; } .report-form { margin-left: 5px; padding: 5px; } /*Style for ShootingsReportColumnsSelector widget*/ .cw-report-column-selector-empty-column { font-style: italic; color: blue; } /** * Styles for the contracts grid */ .contracts-grid-row-invalid {} .contracts-grid-row-invalid .x-grid3-cell-inner { color: #555555; font-style: italic; } .contracts-grid-row-invalid .x-grid3-col-0 span { padding-left: 16px; background: transparent url(../images/bullet_error.png) no-repeat -2px -2px; cursor: help; } /** * Styles for RightsMatrix */ .rightsmatrix-grid .x-grid3-col-0 { padding-left: 22px; background: transparent url(../images/plugin.png) no-repeat 2px 2px; } .fieldset-description { color: #666666; font-family: Verdana; font-size: 11px; width:100%; } .coord-item { border:1px solid #fff; border-bottom:1px solid #eeeeee; padding:3px 10px 3px 10px; white-space:normal; display:block; } .coord-item table { width:220px; border:0; margin:0; } .currentCoords { color:#FF0000; } .coord-item table tr td { font-family: tahoma,arial,helvetica,sans-serif; font-size: 12px; } .coord-item table tr td img { width:32px; height:32px; padding:2px; } /* Settings */ .settings-panel { padding:4px; } .settings-panel dd { float:left; width:300px; height:60px; margin:5px 5px 5px 10px; cursor:pointer; zoom:1; } .settings-panel dd img { width:16px; height:16px; margin:5px 0 0 5px; float:left; } .settings-panel dd div { float:left; width:200px; margin-left:10px; margin-top:4px; } .settings-panel dd h4 { font-family:tahoma,arial,san-serif; color:#555; font-size:11px; font-weight:bold; } .settings-panel dd p { color:#777; } .settings-panel dd.over { background: #F5FDE3 url(../images/settings-over.gif) no-repeat; } /*end settings*/ .article-heading { display: block; font-family: verdana; background: url(../images/newspaper.png) no-repeat !important; line-height:22px; padding-left:22px; } .message-heading { display: block; font-family: verdana; background: url(../images/email.gif) no-repeat !important; padding-left:22px; } /*Style for message view*/ h4.message-author { font-weight:normal; color:#555; font-size:11px; } span.message-date { font-weight:normal; color:#555; float:right; font-size:11px; } div.message-data { background-color:#f1f2f4; padding:5px; border-bottom:1px solid #dadadb; } div.message-body { padding:10px; font: normal 12px Tahoma, sans-serif; line-height:16px; } /*End Style for message view*/ .cw-new-messages { color:red; font-weight:normal; } .cw-bbar-borders { border-width:1px 1px 0 0 !important; } .cw-item-summary{ padding-left:5px; color:#666666; font-weight:normal; /*font-style:italic;*/ } .form-alert-wrapper { padding: 5px 0px; margin-bottom: 10px; } .form-alert { font: bold 12px arial, sans-serif; margin: -2px 0; padding: 0px 5px 1px 0pt; text-decoration:none; } .wrp { float: left; } .form-alert div { border-style: solid; border-width: 1px 0pt; /*font-weight: bold;*/ margin: 0pt 1px; padding: 0pt; } .form-alert div div { background: transparent none repeat scroll 0% 50%; border-width: 0pt 1px; margin: 0pt -1px; padding: 1px 0pt; } .form-alert div div div { border-width: 0pt; padding: 2px 10px 2px 25px; background-image: url(../images/information.gif); background-position: 4px 1px; background-repeat: no-repeat; } .alert-success div { border-color: #FAD163; background-color: #FAD163; } .alert-success div div { border-color: #FAD163; } .alert-success div div div { color: #000000; } .cw-form-info, .cw-form-readonly-info { background: #FFFFCC url(../images/info.png) no-repeat scroll 5px 40% !important; color: #444; font: normal 11px Tahoma, sans-serif; padding: 7px 35px; margin-bottom: 5px; border: 1px solid #ccc; } .cw-form-readonly-warning { background: #FFCCCC url(../images/error.png) no-repeat scroll 5px !important; color: #444; font: normal 11px Tahoma, sans-serif; padding: 7px 35px; margin-bottom: 5px; border: 1px solid #ccc; } .cw-form-info .x-panel-body, .cw-form-readonly-info .x-panel-body { border-width: 0px; background-color: #FFFFCC; } .cw-form-readonly-warning .x-panel-body { border-width: 0px; background-color: #FFCCCC; } .cw-form-hint { background: #FFFFCC url(../images/information.gif) no-repeat scroll 5px 50% !important; color: #444; font: italic 11px Tahoma, sans-serif; padding: 3px 35px; margin-bottom: 4px; border: 1px solid #ccc; } .cw-form-hint .x-panel-body { border-width: 0px; background-color: #FFFFCC; } .document-link { margin: 10px 50px;} .document-link a { background-color: white; border: 1px solid white; display: block; -moz-outline: none; text-decoration: none; text-align: left; } .document-link a .file{ padding: 8px 2px; padding-left: 40px; background-image: url(client/images/file-icons/icon_DOC_big.gif); background-position: 2px 5px; background-repeat: no-repeat; font: bold 11px tahoma, verdana, helvetica, "sans serif"; color: black; display: block; -moz-outline:none; } .document-link a .details{ font: normal 11px tahoma, verdana, helvetica; color: #222; padding-left: 5px; } .document-link a:hover { text-decoration: none; border: 1px solid #BCCA3D; } .document-link .selected { background-color: #E2E8B6; border: 1px solid #BCCA3D; } .document-missing { margin: 10px 50px } .document-missing .text { padding: 8px 2px; padding-left: 40px; background-image: url(../images/document_MISSING_big.gif); background-position: 2px 5px; background-repeat: no-repeat; font: bold 11px tahoma, verdana, helvetica, "sans serif"; color: black; display: block; -moz-outline:none; } /* * 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; } .redrow TD { color: #ff0000 !important; } .outofplanRow TD { color: #999 !important; } .buttonHighlight { color: red; } .sms-not-mine { background-color: #ffffcc !important; } table.actions-tbl { border-collapse:collapse; margin:4px; font-size:10px; border:1px solid #ccc; } table.actions-tbl TR TD { border-bottom:1px dotted #ccc; background:#fff; padding:2px; } table.actions-tbl TR TH { text-align:left; font-weight:bold; background:#D9EAA4; border-bottom:1px solid #ccc; padding:2px; } /* used in sms-detail-panel*/ .draft1 { font-weight:bold; color:red; display:block; font-size:13px; } /* used in sms-grid-panel */ .draft2 { font-weight:bold; color:white; padding:2px; background-color:red; } /* Chrome25 Bug fix, 100% width causes issues with the date picker, replaced with a fixed width*/ table.x-date-inner { width:200px !important; /* original was width : 100% */ }