/******************************* 
 *
 *	Generic Styles
 *
 ********************************/


/********** Datgrid, GridView, RadGrid **********/
.mxGrid
{
	font-size: xx-small;
	font-family: Arial;
	color: Black;
	border: solid 1px Silver;
}

.mxGridTable
{
	border-style: solid;
	padding: 1px;
}

.mxGridItem
{
	background-color: #f4f4f4;
	color: #000000;
	font-size: xx-small;
	height: 25px; 
	
}

.mxGridItem a:link  
{
	color: Navy;
		
}
 
.mxGridItemSelected
{
	background-color: #e4dad6;
	color: #000000;
	font-size: xx-small;
	height: 25px;
	
}

.mxGridItemSelected a:link 
{
	color: Navy;
}

.mxGridCommandItem 
{
	font-weight: bold;
	font-size: xx-small;
	background-color: #f4f4f4;	
	color: Navy;
		
}

.mxGridCommandItem a:link 
{
	font-size: xx-small;
	color: Navy;
}

.mxGridCommandItem a:visited 
{
	font-size: xx-small;
	color: Navy;
}    

.mxGridHeader
{
	font-weight: bold;
	font-size: x-small;
	background-color: #e6e9de;
	color: #000000;
}

.mxGridHeader a:link 
{	
	color: #000000;
}


.mxGridHeaderLeft
{
	font-weight: bold;
	font-size: x-small;
	background-color: #e6e9de;
	text-align: left;
	color: #000000;
}

.mxGridHeaderLeft a:link 
{	
	color: #000000;
}

.mxGridHeaderRight
{
	font-weight: bold;
	font-size: x-small;
	background-color: #e6e9de;
	text-align: right;
	color: #000000;
}

.mxGridHeaderRight a:link 
{	
	color: #000000;
}

.mxGridGroupHeader
{
	background-color: #f4f4f4;
	color: purple;
	font-size: x-small;
	font-weight: bold;
	height: 25px;
}

.mxGridFooter
{
	font-weight: bold;
	font-size: x-small;
	background-color: #e6e9de;
	height: 25px;
}

.mxGridPager
{
	font-weight: bold;
	font-size: x-small;
	background-color: #e6e9de;
	height: 25px;
	text-align: right;
}

.mxGridPager a:link 
{
	color: Navy;
	padding: 0 0 0 3;
}

.mxGridAlternatingItem
{	
	font-size: xx-small;
	background-color: #e6e9de;
	color: #000000;
}


.mxGridAlternatingItem a:link 
{	
	color: Navy;
}

.mxGridFilterMenu td
{
     /*background-color: white;
     color: green;*/
     font-size: xx-small;
}

/********** Tabstrip **********/

.mxPageView
{
	border: #e4e4e4 1px solid;
	padding: 15px;
	background-color: #f9f9f9;
	font-size: xx-small;
}

/*  To be used for nested tabs.
	Padding needs to be reduced. */
.mxPageViewNested
{
	border: #e4e4e4 1px solid;
	padding: 5px;
	/*padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;*/
	background-color: #f9f9f9;
	font-size: xx-small;
}

.mxMultiPage
{
	width: 600px;
	font-size: xx-small;
	background-color: #f9f9f9;
}


.mxTabStrip
{
	border-style: none;
	color: Black;
	width: 650px;
}

.mxTab
{
	color: Black;
}


/********** Buttons **********/

.mxButton
{
	height: 20px;
	font-size: xx-small;
	font-family: Arial;
	background-color: #cccccc;
	color: Black;
}

.mxLinkButton
{
	font-family: Arial;
	font-size: xx-small;
	color: Navy;	
	
}
.mxLinkButton a:link
{	
	color: Navy;		
}

 

/********** Page  **********/
.mxHeader
{
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
	height: 30px;
	color: Black;
}

.mxHeaderSubHeader
{
    display: block;
    font-family: Arial;
    font-size:  x-small;
    color: Black;
    font-weight: bold;
    padding-bottom:10px;
}

.mxBody
{
	margin: 0px;
	font-family: Arial;
	font-size: xx-small;
	color: Black;
}

.mxMainSection
{
	vertical-align: top;
	width: 100%;
	padding: 10px;
}

.mxRowHeader
{
	font-family: Arial;
	font-size: x-small;
	color: Black;
	font-weight: bold;
}




/********** Labels **********/

.mxLabel
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;
	border: none 0 Transparent;
	background-color: Transparent;
}

.mxLabelBold
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;
	font-weight: bold;
}

.mxLabelInfo
{
	font-family: Arial;
	font-size: x-small;
	color: Purple;
	font-weight: bold;
}

.mxLabelError
{
	font-family: Arial;
	font-size: x-small;
	color: Red;
	font-weight: bold;
}

.mxLabelWarning
{
	font-family: Arial;
	font-size: x-small;
	color: Orange;
	font-weight: bold;
}



/********** Text boxes **********/

.mxTextBox
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;
	border: solid 1px gray;
	height: 18px;
}

.mxTextBoxReadOnly
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;
	border: solid 1px gray;
	height: 18px;
	background-color: #dddddd;
}

.mxTextBoxReadOnlyInfo
{
	font-family: Arial;
	font-size: xx-small;
	color: Purple;	
	border: solid 1px gray;
	height: 18px;
	background-color: #dddddd;
}

.mxTextBoxError
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;
	border: solid 1px gray;
	height: 18px;
	background-color: red;
}


.mxCurrencyTextBox
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;
	border: solid 1px gray;
	height: 18px;
	text-align: right;
}

.mxNumberTextBox
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;
	border: solid 1px gray;
	height: 18px;
	text-align: right;	
}

/* Formats a Label to look like a textBox */
.mxLabelTextBox
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;
	background-color: Transparent;
	border: none;
	height: 18px;
}

.mxCurrencyTextBoxReadOnly
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;
	border: solid 1px gray;
	height: 18px;
	text-align: right;
	background-color: #dddddd;
}

.ReadOnly
{
	background-color: #dddddd;
}
/********** Drop down lists **********/

.mxDropDownList
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;
}

/********** Panels **********/
.mxPanel
{
	font-size: xx-small;
	font-family: Arial;
	color: Black;
	border: solid 1px Silver;
	background-color: #f4f4f4;
}

/********** DataList **********/
.mxDataList
{
	font-size: xx-small;
	font-family: Arial;
	color: Black;
	border: solid 1px Silver;
	background-color: #f4f4f4;
}

.mxDataListItem
{
	color: #000000;
	font-size: xx-small;
}

/* For hiding and showing blocks */
.hide {
        display: none;    
}

.show {
        display: block;  
        border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; 
}
/********** DataList **********/
.mxDataList
{
	font-size: xx-small;
	font-family: Arial;
	color: Black;
	border: solid 1px Silver;
	background-color: white;
}
/********** Tables **********/

.mxBox
{
	padding: 10px;
	font-size: x-small;
	color: Black;
	font-family: Arial;
	background-color: #f4f4f4;
	border: #c6c6c6 1px solid;
}

.mxBoxHeader
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-weight: bold;
	font-size: x-small;
	font-family: Arial;
	color: black;
	background-color: #e6e9de;
}

.mxBoxGrid
{
	border-right: #c6c6c6 1px solid;
	border-top: #c6c6c6 1px solid;
	border-left: #c6c6c6 1px solid;
	border-bottom: #c6c6c6 1px solid;
	background-color: #f4f4f4;	
}

.mxBoxGrid TD
{
	border-bottom: #c6c6c6 1px solid;
}

/********** CheckBoxList **********/

.mxCheckBoxList
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;
	border: solid 1px #c6c6c6;
}


/********** Checkboxes **********/

.mxCheckBox
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;	
}

/********** RadioButtonList **********/

.mxRadioButtonList
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;
	border: solid 1px #c6c6c6;
}

/********** RadioButton **********/

.mxRadioButton
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;
	border: none 0px white;
	padding: 0px;
	vertical-align:top;
	margin: 0px;
	
}


/********** Wizards **********/
.mxWizard
{
	font-size: x-small;
	font-weight: bold;
	font-family: Arial;
	color: black;
	border: none 0px silver;
	background-color: #f4f4f4;			
}

.mxWizardHeader
{	
	font-weight: bold;
	font-size: x-small;
	font-family: Arial;
	color: black;
	background-color: white; /*#e6e9de;*/
	border: none 0px Silver;
}

.mxWizardStep
{
	font-size: x-small;
	font-weight: bold;
	font-family: Arial;
	color: Black;
	border: solid 1px Silver;
	background-color: #f4f4f4;	
	padding: 10px;
}

.mxWizardTopNavigationBar
{
	font-weight: bold;
	font-size: x-small;
	font-family: Arial;
	color: black;
	background-color: #e6e9de;
	border-top: solid 1px Silver;
	border-left: solid 1px Silver;
	border-right: solid 1px Silver;
	border-bottom: none 0px Silver;

}

.mxWizardStatusPanel
{
	font-size: xx-small;
	font-family: Arial;
	color: black;
	background-color: #f4f4f4;
	border: solid 1px Silver;
	border-bottom: none 0px Silver;
}

.mxWizardBottomNavigationBar
{
	font-size: xx-small;
	font-family: Arial;
	color: black;
	background-color: #f4f4f4;
	border-top: none 0px Silver;
	border-left: solid 1px Silver;
	border-right: solid 1px Silver;
	border-bottom: solid 1px Silver;

}

.mxWizardStepButton
{
    height: 30px;
	width: 120px;
	font-size: 8pt;
	font-weight: bold;
	font-family: Arial;
	color: Black  ;
	text-align: center;
	background-color:  #F1EBEA; /*#E9E0C4;	*/
	border: solid 1px gray;
	line-height: 11px;
	padding: 0;
}
    
.Active
{
    background-color:  #3BE058 ;/*#90C0FF ; /*#86DC67;*/ /*#96CAFE;*/
    color:  black;
    border-color: #065A0E;  /*#0060AE;*/
}

.Visited
{
    background-color:  #CBF3D6 ;/*#90C0FF ; /*#86DC67;*/ /*#96CAFE;*/
    color:  black;
    border-color: #2DAC56; /*#0060AE;*/
}

.Disabled
{
    background-color:  #CCCCCC; /*#D8DADA ;*/
    color:  black;
    border-color: gray; 
}

.mxWizardWarning
{
	font-family: Arial;
	font-size: xx-small;
	color: Black;
	background-color: orange;
}

.mxWizardButtonSave
{
	height: 24px;
	width: 120px;
	font-size: 8pt;
	font-weight: bold;
	font-family: Arial;
	border-style: outset;
	background-color: #E0E0E0; /*#99C1EC;*/
	background-image: url(/Images/Wizard/save.png);
	background-repeat: no-repeat;
	background-position: 1 1;
	color: Black;	
	padding-left: 14px;
	
}

.mxWizardButtonProceed
{
	height: 24px;
	width: 120px;
	font-size: 8pt;
	font-weight: bold;
	font-family: Arial;
	border-style: outset;
	background-color: #E0E0E0; /*#99C1EC;*/
	background-image: url(/Images/Wizard/saveProceed.png);  
	background-repeat: no-repeat;
	background-position: 1 1;
	color: Black;	
	padding-left: 14px;
}

.ProccedNoSaveImg
{
	background-image: url(/Images/Wizard/proceed.png);   
}

.FinishImg
{
	background-image: url(/Images/Wizard/check.png);   
	
}

.mxWizardLoadingPanelTop
{
	position: absolute; 
	z-index: 100; 
	padding-left:740px; 
	padding-top:940px; 
	background-image: url(/Images/snakeLoad.gif); 
	background-repeat: no-repeat; 
	background-position:center
}

.mxWizardLoadingPanelBottom
{
	position: absolute; 
	z-index: 100; 
	padding-left:740px; 
	padding-top:2120px; 
	background-image: url(/Images/snakeLoad.gif); 
	background-repeat: no-repeat; 
	background-position:center

}

.mxWizardNoNavigation
{
	border: none 0px black;
}

.NoBorder
{
	border: none 0px black;
}
.extraPaddingL
{
	padding-left: 4px;
}
.singleProp
{
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom:5px;
}

.startGroupProp
{
	padding-bottom: 0px;
	padding-right: 10px;
	padding-top: 5px;
}

.endGroupProp
{
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.inGroupProp
{
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 5px;
}

.borderL
{
	border-left: solid 1px white;
	padding-left: 10px;
	padding-right:2px;
}

.borderR
{
	border-right: solid 1px white;
}

.borderB
{
	border-bottom:solid 1px white;
}

.borderLB
{
	border-bottom:solid 1px white;
	border-left: solid 1px white;
	padding-left: 10px;
}

.borderRB
{
	border-bottom:solid 1px white;
	border-right: solid 1px white;
}

.alt 
{
	background-color: #F2EFEF; /*#F6F1F1;*/
}



/********** Horizontal Lines **********/
.mxHorizontalLine
{
	color:Silver; 
	height:1; 
}


/********** Sizes **********/

.S 
{
	font-size:xx-small;
}

.M 
{
	font-size:x-small;
}

.L
{
	font-size:small;
}

/********** Colours **********/

.Green
{
	background-color:#ccff99;
}

.Red 
{
	background-color:#ff9999;
}

/********** Weights **********/

.Bold
{
	font-weight: bold;
}

/********** Text Align **********/

.R
{
	text-align: right;
}

.Left
{
	text-align: left;
}

.C
{
	text-align: center;
}


/******************************* 
 *
 *	Menu / Work Flow Style 
 *
 ********************************/

.tabBody
{
	padding:0px 0px 0px 0px;
	background-color:White;
}

.tabBackground
{
	padding:0px 0px 0px 0px;
	background-color:White;
	height: 9px
}

.sideBar
{
	padding:8px;
}

#tabCommon
{
	background-image: url(../Images/Tab/tabTopOn.gif);
	line-height: 33px;
	height: 20px;
}

#tab1Middle
{
	background-image: url(../Images/Tab/tabOffBg.gif) ;
	cursor: pointer;
	height:80px;
	text-align:center;
}

#tab2Middle
{
	background-image: url(../Images/Tab/tabOnBg.gif);
	cursor: pointer;
	height:100px;
	padding-top:15px;
}

.verticalText
{
	writing-mode: tb-rl;
	font-weight: bold;
	font-size: 8pt;	
}



/*******************
* Obsolete Styles
********************/

/* replace with mxGrid */
.mxDatagrid
{
	font-size: xx-small;
	font-family: Arial;
	color: Black;
	border: solid 1px Silver;
	background-color: Silver;
}


/* replace with mxGridItem */
.mxDatagridItem
{
	background-color: #f4f4f4;
	color: #000000;
	font-size: xx-small;
	height: 25px;
}


/* replace with mxGridHeader */
.mxDatagridHeader
{
	font-weight: bold;
	font-size: x-small;
	background-color: #e6e9de;
	text-align: center;
}

/* replace with mxBox */
.tableBox
{
	border-right: #c6c6c6 1px solid;
	border-top: #c6c6c6 1px solid;
	border-left: #c6c6c6 1px solid;
	border-bottom: #c6c6c6 1px solid;
	background-color: #f4f4f4;
}

/* replace with mxBoxHeader */
.BoxHeader
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-weight: bold;
	font-size: x-small;
	font-family: Arial;
	color: black;
	background-color: #e6e9de;
}


/* replace with mxCurrencyTextBoxReadOnly */
.tbReadOnlyRight
{
	border-right: #808080 1px solid;
	border-top: #808080 1px solid;
	font-size: xx-small;
	border-left: #808080 1px solid;
	border-bottom: #808080 1px solid;
	font-family: arial;
	background-color: #dddddd;
	text-align: right;
	color: #000000;
}

/* replace with mxTextBoxReadOnly */
.tbReadOnly
{
	border-right: #808080 1px solid;
	border-top: #808080 1px solid;
	font-size: xx-small;
	border-left: #808080 1px solid;
	border-bottom: #808080 1px solid;
	font-family: arial;
	color: #000000;
	background-color: #dddddd;
}

/* replace with mxTextBox */
.tbNormal
{
	border-right: #808080 1px solid;
	border-top: #808080 1px solid;
	font-size: xx-small;
	border-left: #808080 1px solid;
	border-bottom: #808080 1px solid;
	font-family: arial;
}

/* replace with mxTextBoxReadOnly */
.tbNormalReadOnly
{
	border-right: #808080 1px solid;
	border-top: #808080 1px solid;
	font-size: xx-small;
	border-left: #808080 1px solid;
	border-bottom: #808080 1px solid;
	font-family: arial;
	background-color: #dddddd;
}


/* replace with mxCurrencyTextBox */
.tbNormalRight
{
	border-right: #808080 1px solid;
	border-top: #808080 1px solid;
	font-size: xx-small;
	border-left: #808080 1px solid;
	border-bottom: #808080 1px solid;
	font-family: arial;
	text-align: right;
	background-color: white;
}



/* replace with mxLabel */
.lbNormal
{
	font-size: x-small;
	font-family: arial;
}


/* replace with mxButton */
.btNormal
{
	font-size: xx-small;
	background-color: #cccccc;
	font-family: arial;
}

/* replace with mxHeading */
.lbHeading
{
	font-family: Arial;
	font-size: 16px;
	color: Black;
	font-weight: bold;
}


/* replace with mxPageView */
.pageView
{
	border-right: #e4e4e4 1px solid;
	padding-right: 15px;
	border-top: #e4e4e4 1px solid;
	padding-left: 15px;
	padding-bottom: 15px;
	border-left: #e4e4e4 1px solid;
	padding-top: 15px;
	border-bottom: #e4e4e4 1px solid;
	background-color: #f9f9f9;
}

/* replace with mxLabel */
.columnHeader
{
	font-weight: bold;
	font-size: x-small;
	font-family: arial;
	text-align: center;
}

/* replace with mx{control} */
.default
{
	font-size: xx-small;
	font-family: Arial;
	color: black;
}



/* Calendar styles */

.dayLabel
{
	font-size: x-small;
	background-color: #cccccc;
	color: black;
	text-align: center;
	font-weight: bold;
}


.PendingActionItem
{
	color: black;
	background-color: #A8ECF2;
}


.PendingActionItem.Order
{
	background-color: #D1FF8C;
}

.PendingActionItem.Delivery
{
	background-color: #CCCFFF;
}

.PendingActionItem.CheckedList
{
	background-color: #FFF666;
}

.PendingActionItem.Report
{
	background-color: #FFBA8C;
}

.CompletedActionItem
{
	color: black;
	background-color: #3DCE3D;
}

.OverDueActionItem
{
	color: black;
	background-color: #FF6666;
}

.InProgressActionItem
{
	color: black;
	background-color: #FFFF99;
}

.DeletedActionItem
{
	display: none;
}

/* for radscheduler, remove above when fully implemented */

.PendingActionItem .rsApt
{
	color: black;
	background-color: #A8ECF2;
}


.PendingActionItem.Order .rsAptOut 
{
	background-color: #D1FF8C;
}

.PendingActionItem.Delivery .rsAptOut 
{
	background-color: #CCCFFF;
}

.PendingActionItem.CheckedList .rsAptOut 
{
	background-color: #FFF666;
}

.PendingActionItem.Report .rsAptOut 
{
	background-color: #FFBA8C;
}

.CompletedActionItem .rsAptOut 
{
	color: black;
	background-color: #3DCE3D;
}

.OverDueActionItem .rsAptOut
{
	color: black;
	background-color: #FF6666;
}

.InProgressActionItem .rsAptOut
{
	color: black;
	background-color: #FFFF99;
}

.DeletedActionItem .rsAptOut 
{
	display: none;
}
 
/*  Order statuses */

.OrderPastCutoff
{
	background-color: #D3D3D3;
}

.OrderToBePlaced
{
	background-color: #CCFFFF;
}

.OrderUnprocessed
{
	background-color: #FFFF99;
}

.OrderUnapproved
{
	background-color: #C2FF91;
}

.OrderApproved
{
	background-color: #008000;
}

.OrderActioned
{
	background-color: #008000;
}

.OrderNotNeeded
{
	background-color: #FFCDFF;
}

.OrderHold
{
	background-color: #FFA814;
}

.InfoHighlight
{
	font-weight: bold;
	color: #9900FF;
}