/*!
 * Ext JS Library 3.0+
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
#tasks-grid .x-grid3-header {
    background: #f9f9f9 url(images/hrow.gif) repeat-x left top;
}
#tasks-grid .new-task-row {
    height:24px;
}
#tasks-grid .new-task-row .x-small-editor {
    overflow:hidden;
    width:100%;
}
#tasks-grid .new-task-row .x-small-editor input {
    font-size:11px;
}
#new-task-icon {
    width:16px;
    height:16px;
    margin-left:3px;
    background: transparent url(images/edit.gif) no-repeat;
}
.x-grid3-body .x-grid3-td-task-col .x-grid3-cell-inner {
    padding: 1px 0 0 0 !important;
}

.task-check {
    width:98%;
    height:16px;
    background: transparent url(images/check.gif) no-repeat center 0;
    cursor:pointer;
}

.task-completed .task-check {
    background: transparent url(images/check.gif) no-repeat center -16px;
}

.task-check-over {
    background: transparent url(images/check.gif) no-repeat center -32px;
}

.icon-grid {
    background-image:url( images/grid.png ) !important;
}

.task-overdue .x-grid3-cell-inner {
    color:#fb223a;
}

.task-completed .x-grid3-cell-inner {
    text-decoration:line-through;
    color:gray;
}

.task-col-hd {
    width:98%;
    height:12px;
    background: transparent url(images/hd-check.gif) no-repeat center center;
    cursor:default;
}

.x-grid3-td-task-title .x-grid3-cell-inner {
    white-space:normal;
}


.icon-show-active {
    background-image:url(images/icon-show-active.gif) !important;
}
.icon-show-complete {
    background-image:url(images/icon-show-complete.gif) !important;
}
.icon-show-all {
    background-image:url(images/icon-show-all.gif) !important;
}
.x-grid3-dirty-cell {
    background:transparent;
}

.icon-active {
    background-image:url(images/icon-active.gif) !important;
}
.icon-complete {
    background-image:url(images/icon-complete.gif) !important;
}
.icon-delete {
    background-image:url(images/delete.gif) !important;
}
.icon-edit {
	background-image:url(images/edit.gif) !important;
}


.icon-by-date {
    background-image:url(images/icon-by-date.gif) !important;
}
.icon-by-category {
    background-image:url(images/icon-by-category.gif) !important;
}
.icon-no-group {
    background-image:url(images/icon-no-group.gif) !important;
}

#action-panel .x-panel {
	margin-bottom:3px;
	margin-right:0;
}
#action-panel .x-panel-body {
	border:0 none;
}
#action-panel .x-panel-body li {
	margin:3px;
}
#action-panel .x-panel-body li img {
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:2px;
	margin-bottom:2px;
}
#action-panel .x-panel-body li a {
	text-decoration:none;
	color:#3764A0;
}
#action-panel .x-plain-body {
	background-color:#cad9ec;
    padding:3px 0 0 5px;
}
.x-air #action-panel .x-plain-body {
	padding-left:3px;
}
#action-panel .x-panel-body li a:hover {
	text-decoration:underline;
	color:#15428b;
}

.x-panel-trans {
	background:transparent;
}

.x-layout-split-west {
	cursor:move;
    background-color:#cad9ec;
}
.x-panel-header-text {
	color:#3764A0;
}
#tasks-grid {
	border-left:1px solid #99bbe8;
}


.bgred{ background-color: #F5C0C0 !important; } 
.icon{padding-bottom:25px;}

#menu .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#menu .icon{
	padding: 3px;
}
#menu .icon img{

}
#menu .icon-wrap{
	text-align:center;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#menu .icon-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#menu .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(img/menu/row-over.gif) repeat-x left top;
	padding: 4px;
}

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

#menu .loading-indicator {
	font-size:11px;
	background-image:url(img/menu/loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}


#container {
    width:600px;
    height:400px;
    border:3px solid #c3daf9;
}

.add {
    background-image: url( images/add.gif ) !important;
}
.add16 {
    background-image: url( images/add16.gif ) !important;
}
.add24 {
    background-image: url( images/add24.gif ) !important;
}
.remove {
    background-image: url( images/delete.gif ) !important;
}
.edit {
    background-image: url( images/edit.gif ) !important;
}
.find {
    background-image: url( images/find.gif ) !important;
}
.view {
    background-image: url( images/view.gif ) !important;
}

.refresh {
    background-image: url( /images/silk/arrow_refresh_small.png ) !important;
}

.form_add {
    background-image: url( /images/silk/calendar_add.png ) !important;
}

.form_edit {
    background-image: url( /images/silk/calendar_edit.png ) !important;
}

.form_delete {
    background-image: url( /images/silk/calendar_delete.png ) !important;
}

.form_cancel {
    background-image: url( /images/silk/calendar_delete.png ) !important;
}

.form_save {
    background-image: url( /images/silk/calendar_edit.png ) !important;
}

.form_refresh {
    background-image: url ( /images/silk/arrow_refresh.png ) !important;
}

.icon_excel {
    background-image: url( /images/silk/page_excel.png ) !important;
}

.login_key {
    background-image: url( /images/silk/key.png ) !important;
}

.icon-grid {
  background-image: url( /images/silk/table.png ) !important;
}

.icon-lock {
  background-image: url( /images/silk/lock.png ) !important;
}

.icon-execute {
  background-image: url( /images/silk/script_lightning.png ) !important;
}

.icon-application {
  background-image: url( /images/silk/application_view_icons.png ) !important;
}


.btn-panel td {
    padding-left:5px;
}

h2 {
    color:#083772 !important;
    margin: 20px 0 0 !important;
    padding: 5px;
    background:#eee;
    width:400px;
}

h3 {
    font-weight:normal !important;
}

/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*
 * 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;
}


.x-grid3-simple-totals .x-grid3-row-last {
    margin-bottom: 21px;
}
      
.x-grid3-simple-totals .x-grid-total-row {
    position: absolute;
    left: 0;
    bottom: 15px;
    background: #F9F9F9 url(/images/silk/table.png);
}

.x-grid3-simple-totals .x-grid-total-row td {
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #D0D0D0;
    padding-left: 0px;
    padding-right: 0px;
}

.my-class.x-form-text, .my-class.x-form-textarea {
    background-image: none;
    color: Red;
}

.my-class-2.x-form-text, .my-class-2.x-form-textarea {
    background-image: none;
    color: Black;
}

.x-item-disabled {
    color: Black;
}

.BoldRow td {
    font-weight:bold !important;
}

.x-action-col-cell img { height: 16px; width: 16px;}

.x-grid-cell-text{
font-size: 20px;
text-align: right;
}

.tablet-grid-row-class{
   height: 30px;
} 

.mygrid .x-grid3-row td, .mygrid .x-grid3-summary-row td {
            font-size: 20px;
        }

.sch-event {
    color:DarkBlue;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden;
width: 100%;
}
.rect-gray-left{
overflow:visible;
background: transparent url(/images/images/rect-gray-left.png) no-repeat top left;
}
.rect-green-left{
overflow:visible;
background: transparent url(/images/images/rect-green-left.png) no-repeat top left;
}
.rect-green-right{
background: transparent url(/images/images/rect-green-right.png) no-repeat top right;
}
.rect-gray-right{
background: transparent url(/images/images/rect-gray-right.png) no-repeat top right;
}

span.x-large-heading {
    color:#15428B;
    font-weight:bold;
    font-size: 14px;
    font-family: tahoma,arial,verdana,sans-serif;
}

span.rectbutton{
display: block;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background 

(default is 24px) */
height: 17px; /* Height of button background height */
padding-left: 2px; /* Width of left menu image */
text-decoration: none;
}

span.rectbutton span{
display: block;
padding: 4px 0px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

.knob-east {
    background:transparent url(/images/images/knob-east.png) no-repeat scroll left center !important;
}

.knob-west {
    background:transparent url(/images/images/knob-west.png) no-repeat scroll left center !important;
}

.app-Grid table tr.x-grid-row,
.app-Grid table tr td.x-grid-cell
 {
     height: 36px;
     border-color: #222;
 }


.veci-grid .x-grid3-row .x-grid3-cell { 
  border-bottom-color: #A3A3A3; 
  border-bottom-style: solid;   
  border-bottom-width: 1px;  
}

.veci-grid .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
    border-right-color: #A3A3A3;
}

.veci-grid2 .x-grid3-row .x-grid3-cell {
  border-bottom-color: #A3A3A3;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.veci-grid2 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
    border-right-color: #A3A3A3;
}


.veci-grid2 .x-grid3-row-alt {
           background-color: #FCE1AE;           
}


.veci-grid2 .x-grid3-row-selected {
           background-color: #FF8000 !important;
}

.sort-desc {
    background-image: url("/images/sort_desc.gif") !important;
    background-position: 4px 7px !important;
}

.sort-asc {
    background-image: url("/images/sort_asc.gif") !important;
    background-position: 4px 7px !important;
}