body {
	background-color: #2f84a4;
	/*background-image: url(../images/bg_new.gif);*/
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.logo {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #00231D;
	text-align: left;
}

.headerImage{
	margin: 10px;
}

a:link {text-decoration: underline; color: #1c60a6;}
a:visited {text-decoration: underline; color: #1c60a6;}
a:active {text-decoration: underline; color: #1c60a6;}
a:hover {text-decoration: underline; color: #1c60a6;}

.logo a:link {text-decoration: none; color: #00231D;}
.logo a:visited {text-decoration: none; color: #00231D;}
.logo a:active {text-decoration: none; color: #00231D;}
.logo a:hover {text-decoration: underline; color: #F1E29E;}


.menu {
	background-color: #CCC;
	border-radius: 5px;
	padding: 5px 15px;
	background-image: url(../images/bg_menu.gif);
	background-repeat: repeat-x;
	height: 40px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00231D;
	text-align: left;
    margin-top: 8px;
}
.menu a:link {text-decoration: none; color: #00231D;}
.menu a:visited {text-decoration: none; color: #00231D;}
.menu a:active {text-decoration: none; color: #00231D;}
.menu a:hover {text-decoration: underline; color: #00231D;}

/* App Module Title*/
h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	padding: 0px 0px 10px;
	text-align: left;
	font-weight: normal;
}

/* Sub Module Title*/
h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-image: url(../images/bg_tool_no_border.gif);
	background-repeat: repeat-x;
}

/* App Module Panel */
#moduleContent {
	/*background-color: #2E5F45; */
	border-radius: 5px;
	-moz-border-radius: 5px;
	/* module container is off in firefox bc of the menu */
	position: absolute;
	/*top: 115px !important;*/
}

.gateway {
	background-color: #FFFFFF;
	border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1c60a6;
	text-align: center;
	vertical-align: top;
}

.secondGateway {
	background-color: #FFFFFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px;
	margin: 0px 20px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1c60a6;
	text-align: center;
	vertical-align: top;
	float: left;
}

.secondGateway a:link {text-decoration: none; color: #1c60a6;}
.secondGateway a:visited {text-decoration: none; color: #1c60a6;}
.secondGateway a:active {text-decoration: none; color: #1c60a6;}
.secondGateway a:hover {text-decoration: none; color: #1c60a6;}


#home-page {
	/*background-color: #2E5F45*/;
	padding-top: 50px;
	padding-bottom: 50px;
	height: 100%;	
}

.gatewayIntro {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.gatewayLinks {
	color: #1c60a6;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	margin-bottom: 10px;
}

.gatewayLinks a:link {text-decoration: underline; color: #1c60a6;}
.gatewayLinks a:visited {text-decoration: underline; color: #1c60a6;}
.gatewayLinks a:active {text-decoration: underline; color: #1c60a6;}
.gatewayLinks a:hover {text-decoration: underline; color: #1c60a6;}


#bgLogin {
	/*background-image: url(../images/logo.png);*/
	background-repeat: no-repeat;
	background-position: center center;
}

#loginFormContainer {
	text-align: center;
	width: 100%;
	margin-top: 200px;
}

#loginFormMessage {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00231D;
	margin-bottom: 1em;
}

#loginFormPanel {
	margin: auto;
}

#loginQuickTips ul {
	list-style-type: disc;
	list-style-position: inside;
}

#loginQuickTips ul li {
	margin-left: 1em;
}


#loading-mask  {
	background-color:white;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:20000;
}
#loading {
	height:auto;
	left: 10%;
	padding:2px;
	position:absolute;
	top: 10%;
	z-index:20001;
}
#loading a {
	color:#225588;
}
#loading .loading-indicator {
	background:none repeat scroll 0 0 white;
	color:#444444;
	font: bold 13px tahoma,arial,helvetica;
	height:auto;
	margin:0;
	padding:10px;
}
#loading-msg {
	font: 13px arial,tahoma,sans-serif;
}

/* Crud tool bar*/
.crudButton {
	background-image: url(../images/bg_tool_no_border.gif);
	background-repeat: repeat-x;
}

#footer {
	text-align: right;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #F1E29E;
	padding: 10px;
}

#footer a:link {text-decoration: none; color: #F1E29E;}
#footer a:visited {text-decoration: none; color: #F1E29E;}
#footer a:active {text-decoration: none; color: #F1E29E;}
#footer a:hover {text-decoration: underline; color: #F1E29E;}

#footer-user-agent {
	float:left;
	color:#003728;
}

/* START: Override EXT JS theme setting. If panel has no headers, don't display any borders, including top */
.x-panel-body-noheader, .x-panel-mc .x-panel-body {
	border-style: none; /* If panel has no headers, don't display any borders, including top */
	background-color: transparent; /* Don't want white default. let background come through */
}

/*.x-panel-body {*/
	/*border-color: #FFFFFF !important;*/
	/*border:0 none !important;*/
/*}*/

.x-border-layout-ct {
	background-color: transparent;
}

.x-viewport, .x-viewport body {
	vertical-align: top;
	border:0 none;
	height:100%;
	margin:0;
	overflow: hidden;
	padding:0;
	background-color: #2f84a4;
}

.x-btn-focus .x-btn-tl{
	background-position: -6px 0;
}

.x-btn-focus .x-btn-tr{
	background-position: -9px 0;
}

.x-btn-focus .x-btn-tc{
	background-position: 0 -9px;
}

.x-btn-focus .x-btn-ml{
	background-position: -6px -24px;
}

.x-btn-focus .x-btn-mr{
	background-position: -9px -24px;
}

.x-btn-focus .x-btn-mc{
	background-position: 0 -2168px;
}

.x-btn-focus .x-btn-bl{
	background-position: -6px -3px;
}

.x-btn-focus .x-btn-br{
	background-position: -9px -3px;
}

.x-btn-focus .x-btn-bc{
	background-position: 0 -18px;
}


.submodule .x-panel-tl, .submodule .x-panel-tr {
	padding-left: 0px;
	padding-right: 0px;
}

.submoduleTabBar ul.x-tab-strip-top {
	background-color:#FFC550;
	background-image: none;
	/*border-bottom-color:#FFC550;*/
}

.submodule .x-panel-bbar {
/*	margin-top: -35px;*/
}

/* Set columnLines. ExtJS column-lines setting not working*/
.transparentGrid .x-grid3-row td {
	border-left:1px solid;
	border-right:1px solid;
	border-left-color:#EEEEEE;
	border-right-color:#D0D0D0;
	padding-left: 0px;
	padding-right: 0px;
}

.transparentGrid .x-grid3 {
	background-color: transparent;
}

.transparentGrid .x-panel-header {
	background-image: none;
	border: 0px
}

.transparentGrid .x-grid3-row td {
	white-space:normal; /* enable word wrap in cells */
}

.transparentGrid .x-grid3-cell-inner {
	white-space:inherit; /* enable word wrap in cells */
}


/* Status/Info Button that overrides x-button-over style rule */
.x-toolbar .infoButton .x-btn-tl,
.x-toolbar .infoButton .x-btn-tr,
.x-toolbar .infoButton .x-btn-tc,
.x-toolbar .infoButton .x-btn-ml,
.x-toolbar .infoButton .x-btn-mr,
.x-toolbar .infoButton .x-btn-mc,
.x-toolbar .infoButton .x-btn-bl,
.x-toolbar .infoButton .x-btn-br,
.x-toolbar .infoButton .x-btn-bc {
	background-position: 500px 500px;
}


.submodule .x-panel-tl, .submodule .x-panel-tr {
	padding-left: 0px;
	padding-right: 0px;
}

.submodule .ext-el-mask {
	background-color: #CCCCCC;
	opacity: 0.1;
}

.errorMessage{
	border: 1px solid #FF0000;
	background-color:#FFAAAA;
	display:none;
	padding:15px;
	color:#000000;
}

.msg .x-box-mc {
    font-size:14px;
}

.x-grid3-row-body p {
    margin:5px 5px 10px 5px !important;
}

/*RV-458 Allow for highlight clipboard copy of grid text*/
.x-grid3 .x-grid3-cell-inner {
	-moz-user-select:all;
	-khtml-user-select:text;
	-webkit-user-select:text;
}

/* ext core ux menu */

.ux-menu-container {
    position: relative;
}

.ux-menu,
.ux-menu ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.ux-menu li {
    position: relative;
    float: left;
}

.ux-menu ul {
    position: absolute;
    top: 0;
    left: 0;
}

.ext-border-box .ux-menu-ie-iframe,
.ext-ie7 .ux-menu-ie-iframe {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    zoom: 1;
    z-index: -1;
    filter:mask();
}

.ux-menu-vertical .ux-menu-item-main {
    clear: left;
}

.ux-menu a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #432;
    border-right: 1px solid #e3dad1;
    background: #f3efec url(../images/bg_menu.gif) repeat;
    font-size: 11px;
    line-height: 11px;
    padding: 8px 14px;
}

.ux-menu a.ux-menu-link-last {
    border-right: 1px solid #e3dad1;
}

ux.menu ul a {
    width: 100%;
}

.ux-menu a:focus,
.ux-menu a:hover,
.ux-menu a.ux-menu-link-hover {
    border-color: #d2e3f4;
    background: url(../images/bg_menu.gif) repeat;
    outline: 0;
}

.ext-ie .ux-menu-clearfix {
    zoom: 1;
}

.ux-menu-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ux-menu a.ux-menu-link-parent {
    padding-right: 24px;
    min-width: 1px;
}

.ux-menu ul a,
.ux-menu.ux-menu-vertical a {
    border-bottom: 0px;
    border-right: 1px solid #e3dad1;
}

.ux-menu ul a.ux-menu-link-last,
.ux-menu.ux-menu-vertical a.ux-menu-link-last {
    border-bottom: 1px solid #e3dad1;
}

.ux-menu-arrow {
    display: block;
    width: 8px;
    height: 6px;
    right: 10px;
    top: 14px;
    position: absolute;
    background: url(../images/menu-arrow-down.png) no-repeat;
    font-size: 0;
}

.ux-menu.ux-menu-vertical .ux-menu-arrow,
.ux-menu ul .ux-menu-arrow  {
    width: 6px;
    height: 8px;
    top: 13px;
    background: url(../images/menu-arrow-right.png) no-repeat;
}

.ext-border-box .ux-menu-arrow {
    top: 17px;
}
.ext-border-box .ux-menu.ux-menu-vertical .ux-menu-arrow,
.ext-border-box .ux-menu ul .ux-menu-arrow {
    top: 16px;
}

.ux-menu ul.ux-menu-hidden {
    display: none;
}

#species_list li {
	display: inline;
	list-style-type: none;
	padding: 3px;
}

/*
 * 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;
}

.upload-icon {
    background: url('../images/image_add.png') no-repeat 0 0 !important;
}


/*
    Show a disabled combobox at full opacity

    Use:
    disabled: true, //note disabled fields will not be submitted
    disabledClass: 'x-item-disabled-override'
 */
.x-item-disabled-override {
    cursor: default;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.pa-search-icon {
	background: url("../images/icons/accept.png") no-repeat;
}

.pa-action-icon {
	background: url("../images/icons/cog.png") no-repeat;
}

.pa-verify-icon {
	background: url("../images/icons/arrow-up.gif") no-repeat;
}

.pa-transfer-icon {
	background: url("../images/icons/folder_go.png") no-repeat;
}

.pa-exception-icon {
	background: url("../images/icons/error.png") no-repeat;
}

.pa-reject-icon {
	background: url("../images/icons/cancel.png") no-repeat;
}

.pa-reactivate-icon {
	background: url("../images/icons/arrow_rotate_clockwise.png") no-repeat;
}

.pa-hcc-filled-icon {
	background: url("../images/icons/application_go.png") no-repeat;
}

.pa-mock-icon {
	background: url("../images/icons/rainbow.png") no-repeat;
}

.pa-print-icon {
	background: url("../images/printer.png") no-repeat;
}


.action-button-hidden {
	display: none;
}

.x-action-col-icon {
	height: 16px;
	width: 16px;
	margin-left: 8px;
}

.menu-separator {
	width: 100%;
	color: white;
	text-shadow: black 0.1em 0.1em 0.2em;
}

dl {
	margin: 0;
	white-space: nowrap;
}

dl dt {
	float: left;
	clear: both;
	width:80px;
	padding-bottom: 2px;
	text-shadow: white 0.1em 0.1em 0.2em;
	font-weight: bold;
}

dl dd {
	padding-bottom: 2px;
}

.dispense-status-text {
	font-size: 16px;
	font-weight: bold;
}

.productStatus {
    color: #FF0000 !important;
    font-weight: bold;
}

.configAttrAddButton {
    float:right;
    margin-right:1em;
}

.pa-vw-rx-table {

}

.pa-vw-checkbox {
	width: 20px;
	vertical-align: middle;
}

.pa-vw-checkbox .x-form-cb-label {
	display: none;
}

.pa-vw-rx-field {
	width: 400px;
	vertical-align: middle;
}

.pa-vw-space-col {
	width: 40px;
}

.pa-vw-product-grid .x-grid3-hd-inner {
	text-align: left
}

.pa-vw-pharmacist-field {
	padding: 10px 0;
	height: 16px;
}

.pa-vw-highlighted-field {
    background-color: #ffff99;
}

.highlight-red {
    color: red;
}

.highlight-yellow {
    background-color:#FFFF00;
}
.bold-field-label {
	font-weight: bold;
	width: 108px;
}

.column-value-prescription {
	line-width: 120px !important;
	text-align: left;
}

.column-value-platform{
	width: 91px !important;
}

.column-label {
	width: 100px;
	text-align: left;
}

.column-value {
	width: 80px;
}

.column-value-last {
	width: 90px;
}

.column-label-width{
	line-width: 103px !important;
}

.column-value-width{
	width: 102px;
}
.column-value-payment{
	line-width: 91px;
}

.column-value-payment-type{
	line-width: 105px !important;
}