/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


.wrap .x-grid-cell-inner {
    white-space: normal;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.banner
{
    background-color: white;
    display: block; /*border-bottom:1px solid #AAAAAA;*/
    vertical-align: bottom;
    height: 50px;
    padding-left: 210px;   
    background-image: url("../images/bannerCenter.png");
    background-repeat: repeat-x;        
    background-position: bottom;
}

.bannerLeft {
    background-image: url("../Images/bannerLeft.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    position: absolute;
    left: 0;
    width: 311px;
    height: 50px;
    margin: 0;
}

.bannerRight {
    background-image: url("../Images/bannerRight.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    text-align: right;
    width: 756px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.banner h1
{
    text-indent: -1000px; /*Hide Text if CSS used*/
}

.banner .menu
{
    color: white;
    margin-top: 24px;
    margin-right: 10px;
}

.banner .menu a
{
    font-weight: bold;
    text-decoration: none;
    color: white;
}

.banner .menu a:hover
{
    text-decoration: underline;
}

.row-imagecommand:nth-child(1) {
    margin: 1px 5px 0px 0px !important;
}

/*.x-body {
    font-family: Courier;
    font-size: 11px;
    color: #333;
}

.x-body,
.x-btn-inner,
.x-toolbar-text-default,
.x-panel-header-text,
.x-panel-header-text-framed,
.x-panel-default,
.x-panel-body-default,
.x-form-item-label,
.x-form-field,
.x-tab-default,
.x-tab-inner,
.x-grid-row,
.x-grid-cell,
.x-label-value,
.x-column-header-text {
    font-family: Tahoma, Geneva, sans-serif !important;
    font-size: 11px !important;
    color: black !important;
}*/

.myPanelColor .x-panel-body {
    background-color: #f0f0f5 !important;
    background: none;
}
            
.myPanelColor {
    background-color: #f0f0f5 !important;
    background: none;
}
	 
.x-form-invalid-field {
    background-image: none !important;			
}​

.orignal-row  {
	background-color: #ffe2e2;
	color: #900; 
} 
 
.modified-row  { 
	background-color: #e2ffe2;
	color: #FF0000; 
}
		
/* Remove red underline in error field */
.x-form-invalid-field
{
    background-image: none;
}​

.myDisabledClass {            
    background-image:none !important;
    background-color:red !important;
    color:#FFFFCC !important;
	opacity: .9 !important;
	-moz-opacity: .9 !important;
	filter: alpha(opacity=90) !important;
}

.add-icon {
	background-image: url('../Images/app/add.png');
	background-repeat: no-repeat;
}

.ok-icon {
	background-image: url('../Images/app/valid16.png');
	background-repeat: no-repeat;
}
		
.cancel-icon {
	background-image: url('../Images/app/error16.png');
	background-repeat: no-repeat;
}		
		
.delete-icon {
	background-image: url('../Images/app/delete.png');
	background-repeat: no-repeat;
}

.print-icon {
	background-image: url('../Images/app/printer.png');
	background-repeat: no-repeat;
}

.icon-delete{
    width:16px;
    background-image:url('../Images/app/bin_closed.png')
}
.icon-close{
    width:16px;
    background-image:url('../Images/app/cancel.png')
}
.icon-audit{
    width:16px;
    background-image:url('../Images/app/database_table.png')
}

.icon-email{
    width:16px;
    background-image:url('../Images/app/email.png')
}

.icon-email-add{
    width:16px;
    background-image:url('../Images/app/email_add.png')
}

.icon-email-edit{
    width:16px;
    background-image:url('../Images/app/email_edit.png')
}

.icon-email-delete{
    width:16px;
    background-image:url('../Images/app/email_delete.png')
}

.icon-email-go{
    width:16px;
    background-image:url('../Images/app/email_go.png')
}

.icon-upload{
    width:16px;
    background-image:url('../Images/app/cloud-upload.png')
}

.pointer-cursor{
    cursor: pointer;
}

.x-tool-img.x-tool-attachments{
   background: url('../Images/app/paperclip.png') no-repeat 0 0;
}

   
.item-node > div > span  {
   
}
.item-node {
}

.row-online { 
    color: #3b5680;
}

.row-disabled { 
    color: #989898;
}

.row-error { 
    color: #f64848;
}
		
.icon-attachment {
	background-image: url('../Images/app/paperclip.png') !important;
}

.summary-panel {
    background-color: #FEFECC;
    color: #1955e2;
}

.icon-analytics {
	background-image: url('../Images/app/logger.png');
	background-repeat: no-repeat;
}

.icon-filter {
    background-image: url('../Images/app/filter.png');
    background-repeat: no-repeat;
}

.icon-inbox {
    background-image: url('../Images/app/inbox.png');
    background-repeat: no-repeat;
    width: 40px !important;
    height: 40px !important;
    margin-left: 10px;
}

.icon-inbox2 {
    background-image: url('../Images/app/inbox.png');
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin-left: 10px;
}

#TaskPanel_header_hd-textEl {
    font-size: 16px !important;
}

.text-inbox {
    font-size: 16px !important;
    font-weight: bold;
}

.inbox-button span span span {
    font-size: 16px !important;
}

.caption{
    //font-size:10px;
    color: #177bc3;            
}

.tdCaption {
    margin-top: 10px;
    border-top: 1px solid #808080;
}

.analytics-row {
    color: #6b7fae;
}

.analytics-col-desc {
    text-align: right;
    width: 5px
}

.analytics-col-val {
    font-weight: bold;
}

#uploadZone, #UploadPanel_Content {
	height: 100%;
}

a.x-btn, a.x-tab, a.x-menu-item-link, a.x-tab{
    text-decoration: none !important;
}

.icon-acrobat {
	background-image: url(../Images/app/acrobat.png) !important;
}

#TextField1-bodyEl.x-form-invalid-field, #Crud1AddEditTxtCodes-bodyEl.x-form-invalid-field, #Crud1AddEditTxtCodes-bodyEl > .x-form-invalid-field {
    border-color: #c30;
}

.row-disabled {
    background-color: gray !important;
    cursor: not-allowed !important;
}

ul.x-tab-strip li.tab-right {
    float: right;
}

.type-avoir {
    color: red;
    font-weight: bold;

}

.x-boundlist-item {
    min-height: 22px;
}

.icon-question {
    background-image: url('../Images/app/question.png') !important;
}

.icon-warning {
    background-image: url('../Images/app/warning.png') !important;
}