html { 
    height: 100%;
    }
    
body {
    height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #333;
	background-color: #ffffff;
    }

#main {
    position: relative;
    min-height: 100%;
	}
	
* html #main {
    height: 100%;
    }
    
#super {
    padding-bottom: 0px;
    }
    
#container { 
    width: 100%;
	margin: 0px;
	padding: 0px;
    } 

#header {
    margin: 0px;
	padding: 0px;
	width: 100%;
	height: 20px; /*60px*/
	/*background: url(images/cloud_right.jpg) repeat-x 538px;*/
    }


#footer {
    height: 25px;
    background-color:#eee;
    position: relative;
    margin-top: -25px;
    }
    
#leftfooter 
{
    width:190px;
    padding-top:5px;
    padding-left:5px;
    font-family:Arial, helvetica;
    font-size: x-small;
    text-align: justify;
}

#leftpane {
    float: left; 
	width: 190px;
	padding: 0px;
	margin-top: 5px;
    }

#content {
    margin-left: 210px;
	padding: 0px 0px 50px 0px;
	} 

#logo {
    padding-left:5px;
}
 
#roledrop {
    padding:5px;
    margin:0px 5px 0px 5px;
    width:180px;
    background-color: #fff;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:10px;
    }
    
#navbar {
	margin: 0px;
	padding: 5px;
	background-color: #eee;
    }


#menu {
    padding-left:5px;
    width:190px;
    background-color:#fff;
    margin-top: 10px;
    }

#statusholder
{
    display:inline;
}

#statusbox 
{
    width: 500px;
    position:absolute;
    top:0;
    right:0;
    text-align:right;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:12px;
    color:White;
    padding:2px;
    padding-right:10px;
    padding-left:16px;
    height:14px;
    background:url(images/status_curve_18.jpg);
    background-repeat:no-repeat;
    background-color:#6788be;
}

#divMultiGrid {
    width: 98%;
    margin-bottom: 10px;
}

.divMainContent {
    width: 98%;
}

.statusbox
{
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    color: Black;
    padding-top: 0px;
    padding-bottom: 4px;
    padding-right: 20px;
    padding-left: 22px;
    height: 14px;
}

   

.radnowrap 
{
    display: inline;
    float: left;    
}
.radnowrapR 
{
    display: inline;
    float: right;    
}
.radnowrapRC 
{
    top:0;
    background-color:#6788be;
    display: inline;
    float: right;
    height:18px;    
}
.radnowrapRM
{
    display: inline-block;
    float: right;    
}
.radnowrapRX
{
    float:right;
    height:20px;
}


#RadComboRole1_TextCalculator 
{ 
    visibility: hidden; 
    position: absolute; 
    left: -400px; 
    top: 0; 
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:12px;
} 

.whiteline
{
   font-family: Verdana, Arial, helvetica, Sans-Serif;
   color: White;
   text-decoration: none;
   font-size: 12px;
   cursor: pointer; 
   display: inline;
   float: left; 
}
.whitelinehover
{
   font-family: Verdana, Arial, helvetica, Sans-Serif;
   color: White;
   text-decoration: underline;
   font-size: 12px;
   cursor: pointer; 
   display: inline;
   float: left; 
}
.whitelineR
{
   font-family: Verdana, Arial, helvetica, Sans-Serif;
   color: Black;
   text-decoration: none;
   font-size: 12px;
   cursor: pointer; 
   /*display: inline;*/
   /*float: left; */
}
.whitelinehoverR
{
   font-family: Verdana, Arial, helvetica, Sans-Serif;
   color: Black;
   text-decoration: underline;
   font-size: 12px;
   cursor: pointer; 
   /*display: inline;*/
   /*float: left; */
}
.headertext 
{
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    color:Navy;
}




.maintext 
{
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:12px;
    color:Black;
}

.maintextred
{
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:12px;
    color:Red;
    font-weight: bold;
}

.noticebox
{
    border:solid 1px grey;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:12px;
    color:Black; 
    background-color:#FFFF99;
    padding: 5px 5px 5px 5px; 
    margin-bottom: 5px;
}

.noticebox_orange
{
    border:solid 1px grey;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:12px;
    color:Black; 
    background-color:#FCA660;
    padding: 5px 5px 5px 5px; 
    margin-bottom: 5px;
}

.noticebox_green
{
    border:solid 1px grey;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:12px;
    color:Black; 
    background-color:#6AD47A;
    padding: 5px 5px 5px 5px; 
    margin-bottom: 5px;
}


.tinytext 
{
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:9px;
    color:Black;
}

.pending
{
    font-family:Verdana, Arial, helvetica, sans-serif;
    font-size:10px;
    color:Red;   
}

.warning
{
    font-family:Verdana, Arial, helvetica, sans-serif;
    font-size:10px;
    color:Red;   
}

.qstext 
{
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:10px;
    font-weight:normal;
    color:Black;
    display: inline;
    float: left; 
}

/*
RAD CONTROLS
*/

/* Rad Panel for main menu */
.mainPnlNoArrowXXX 
{
    background: none !important;
    line-height: 28px;
	border-bottom: solid 1px #6788be;
	border-top: solid 1px #cfd8e4;
    
}

/*** OLD VITALS ***/
  


#xxnonFooter
{
position: relative;
min-height: 100%;
}

* html #xxnonFooter
{
height: 100%;
}

#xxfooter
{
	position: relative;
	margin: -3.0em auto 0 auto;
}

	
#pl_filterbox 
{
    /*margin: 0px 0px 0px 0px;
	
    position: absolute; 
	top: 100px; 
	left: 290px; 
	*/
    width: 750px; 
	    
    border-style: dashed;
    border-width: 1px;
	border-top: grey 1px dashed;
	border-left: grey 1px dashed;
	border-right: grey 1px dashed;
	border-bottom: grey 1px dashed;
	background-color: #eeeeee;
	font-family: Verdana;
	font-size: 12px;
	padding: 3px 3px 3px 3px;
}
	
#pl_bottombox 
{
    /*margin: 0px 0px 0px 0px;
	
    position: absolute; 
	top: 100px; 
	left: 290px; 
	*/
    width: 750px; 
	    
    border-style: solid;
    border-width: 1px;
	border-top: grey 1px dashed;
	border-left: grey 1px dashed;
	border-right: grey 1px dashed;
	border-bottom: grey 1px dashed;
	background-color: #eeeeee;
	font-family: Verdana;
	font-size: 12px;
	padding: 3px 3px 3px 3px;
}

#pl_maintable 
{
    /*margin: 0px 0px 0px 0px;
	
    position: absolute; 
	top: 200px; 
	left: 289px; 
	*/
	width: 750px;
	font-family: Verdana;
	font-size: 12px;
	padding: 3px 3px 3px 3px;
}
#pl_pagetitle 
{
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    color: #950000;
    margin-bottom: 4px;
}


.Button
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
    color: red;
    background-color: #ffffbf;
    cursor: pointer;
    font-variant: small-caps;
}
.ButtonHov
{
    border-style: solid;
    border-width: 1px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    border-color: black;
    color: red;
    background-color: #ffffbf;
    cursor: pointer;
    font-variant: small-caps;
}


.DisabledButtonXXX
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    border-right: grey 1px solid;
    border-top: grey 1px solid;
    border-left: grey 1px solid;
    color: #666666;
    border-bottom: grey 1px solid;
    background-color: #eeeeee;
    font-variant: small-caps;
}

.NewTextBox
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-DECORATION: none
}

.TextBox10
{
    BORDER-RIGHT: grey 1px solid;
    BORDER-TOP: grey 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BORDER-LEFT: grey 1px solid;
    BORDER-BOTTOM: grey 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ffffff;
    TEXT-DECORATION: none
}

.TextBox10Right
{
    BORDER-RIGHT: grey 1px solid;
    BORDER-TOP: grey 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BORDER-LEFT: grey 1px solid;
    BORDER-BOTTOM: grey 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ffffff;
    TEXT-DECORATION: none;
    text-align: right;
}

.DropDown
{
    border-right: grey 1px solid;
    border-top: grey 1px solid;
    font-weight: normal;
    font-size: 10px;
    border-left: grey 1px solid;
    border-bottom: grey 1px solid;
    font-family: Verdana;
    background-color: #FFFFFF;
    text-decoration: none;
}
.DropDown12
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    font-weight: normal;
    font-size: 12px;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    font-family: Verdana;
    background-color: #FFFFFF;
    text-decoration: none;
}
.TextBox
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #d3d3d3;
    TEXT-DECORATION: none
}
.TextBox12
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #d3d3d3;
    TEXT-DECORATION: none
}
.TextBoxRight
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #d3d3d3;
    TEXT-DECORATION: none
}


A:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #950000;
    FONT-FAMILY: Verdana
}
A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #950000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #950000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #999933;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
.Prompt
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ff5c00;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.Menu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana
}
.WhiteLbl
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    TEXT-TRANSFORM: uppercase;
    COLOR: white;
    FONT-FAMILY: Verdana
}
.BoldLabel
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.ReqLbl
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ff5c00;
    FONT-FAMILY: Verdana
}
.Slate10
{
    FONT-SIZE: 10px;
    COLOR: #747891;
    FONT-FAMILY: Verdana
}
.Black8
{
    FONT-SIZE: 8px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}

.Black9
{
    FONT-SIZE: 9px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}

.Black10
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.Black10Right
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
    text-align: right;
}
.Black12
{
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.Bold14
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
.Bold10
{
    FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

.Bold12
{
    FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

.Blue10
{
	font-weight: bold;
	font-size: 10px;
	color: #00008b;
	font-family: Verdana;	
}
.Red12
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #950000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.Red10
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #950000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.Red12
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #950000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.Red14
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #950000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}

.RequiredField
{
    background-color:#FFBBBB;
}

.qshover 
{
    display: block;
    background: url('images/arrow_box_down_left.gif') left;
    background-repeat: no-repeat;
    cursor:pointer; 
    height:20px; 
    background-color:#DDD; 
    border-top:1px solid grey; 
    border-right:1px solid grey; 
    border-left:1px solid grey;
    padding:5px;
    margin:0px;
    z-index:50;
}

.qshoverup 
{
    display: block;
    background: url('images/arrow_box_up_left.gif') left;
    background-repeat: no-repeat;
    cursor:pointer; 
    height:20px; 
    background-color:#DDD; 
    border-top:1px solid grey; 
    border-right:1px solid grey; 
    border-left:1px solid grey;
    border-bottom: 1px dashed grey;
    padding:5px;
    margin:0px;
    z-index:50;
}

.qstext 
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size:10px;
}

.qs_dropdown 
{
    font-size: 1.0em;    
}

.PagerButton
{
    padding: 1px;
    cursor: pointer;
    border: 0px;
    background:transparent url(images/first.gif) no-repeat scroll center;
    width: 20px;
    height:20px;
    vertical-align:middle;
}
.PagerButton:hover
{
    border: 1px solid #9EB6CE;
    padding: 0px;
}

.FirstPage
{
    background:transparent url(images/first.gif) no-repeat scroll center;
}

.PrevPage
{
    background:transparent url(images/prev.gif) no-repeat scroll center;
    margin-right: 6px;
}

.NextPage
{
    background:transparent url(images/next.gif) no-repeat scroll center;
}

.LastPage
{
    background:transparent url(images/last.gif) no-repeat scroll center;
}

/* RAD CONTROLS CUSTIMIZATION */

div.RadGrid_WebBlue .rgSelectedRow td
{
    background: #FFBBBB !important;
    border-bottom-width: 0px !important;
}

.RadGrid_WebBlue .rgEditRow {
    background-color: #dae2e8 !important;
}

.RadGrid_Rounded {
    border-radius: 10px !important;
    overflow: hidden;
    margin-bottom: 10px;
}


.RadPanelBar_Web20 a.rpLink 
{
    background-image: none !important;
    border-bottom-color: rgb(123, 156, 199) !important;
    line-height:30px;
}

.RadPanelBar_Web20 div.rpHeaderTemplate 
{
    background-image: none !important;
    border-bottom-color: rgb(143, 176, 199) !important;
}

.RadPanelBar_Web20 .rpGroup li.rpItem .rpSelected, .RadPanelBar_Web20 .rpGroup .rpItem a.rpSelected:hover 
{
    background-color: #FFBBBB !important;
    border: 1px solid #DDAAAA !important;
}

.RadPanelBar_Web20 .rpGroup a.rpLink, .RadPanelBar_Web20 .rpGroup div.rpHeaderTemplate, .RadPanelBar_Web20 .rpGroup .rpTemplate 
{
    line-height: 25px !important;
}

.mobiletextW 
{
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:14px;
    color:White;
}

.mobiletextB 
{
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:14px;
    color:Black;
}

/*Section for classes of items in QB report tables*/
.QBReportTable
{
    width: auto;
}

.QBReportSummaryLine
{
    font-weight: 600;
}

.QBReportCellItem
{
    font-weight: bold;
}

.QBReportSummaryCellFinal
{
    border-top-style: solid;
    border-top-width: thin;
}

.QBReportCellFinal
{
    border-top-style: solid;
    border-top-width: thin;
    border-bottom-style: double;
}

/* RadWindow borderless window */
/* remove main borders */
.borderLessDialog.RadWindow
{
    border: none;
    padding: 0;
}

/* both selectors below can be replaced with setting VisibleTitlebar="false" */
/* remove the titlebar widening */
.borderLessDialog.RadWindow .rwTitleBar
{
    margin: 0;
}

/* remove the titlebar */
.borderLessDialog .rwTitleBar
{
    display: none;
}

/* the selector below can be replaced with setting VisibleStatusbar="false" */
/* remove the statusbar */
.borderLessDialog .rwStatusBar
{
    display: none;
}

/* remove the border around the content */
.borderLessDialog.RadWindow .rwContent
{
    border: none;
}

/* fix to radgrids formedit link buttons that dont look like buttons */
.btnRadGridLinkButton
{
    padding: 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px !important;
    font-weight: bold;
    border-radius:4px;
    margin:5px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    background-color: #D8D8D8;
    border: 1px solid #969696;
    color: black;
    text-shadow: 2px 2px #e5e5e5;
}
.btnRadGridLinkButton:hover
{
    background-color: #A5A5A5;
    text-shadow: none;
    text-decoration: none !important;
}

/* BOOT STRAP SPECIFIC STYLE */

/* only for tablet or smaller */
@media (max-width: 991px) 
{
    .bslink
    {    
      font: bold 11px Arial;
      text-decoration: none;
      background-color: #EEEEEE;
      color: #333333;
      padding: 8px 11px 8px 11px;
      border-top: 1px solid #CCCCCC;
      border-right: 1px solid #333333;
      border-bottom: 1px solid #333333;
      border-left: 1px solid #CCCCCC;
    }
    .pyramidIframeContainer {
        position: relative;
        width: 100%;
        height: 600px;
        padding-top: 25px;
        /*padding-bottom: 0%;*/
        border: 0px;
    }

}

@media (min-width: 992px) {

    .pyramidIframeContainer {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.3%;
        border: 0px;
    }

}

.alignTop {
    vertical-align: top !important;
    /* achieves same as inline-block for IE7 */
}
.StyledButton, .NotifyButton, .AlertButton {
    padding: 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    margin: 3px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    cursor:pointer !important;
}

.SplitButtonLeft {
    padding: 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: 3px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    cursor: pointer !important;
}

.SplitButtonRight {
    padding: 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 3px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    cursor: pointer !important;
    margin-left: -5px;
    border-left-color: white;
    border-left-width: 1px;
    background-image: url(images/expand_more_black_1x.png);
    width: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.SplitAlertButtonLeft {
    padding: 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: 3px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    cursor: pointer !important;
    background-color: #4CAF50 !important;
    border: 1px solid #429b46;
    color: White !important;
    text-shadow: 2px 2px #3D8C40;
    animation: pulsate 1s ease-out infinite;
}

.SplitAlertButtonRight {
    padding: 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 3px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    cursor: pointer !important;
    margin-left: -5px;
    background-image: url(images/expand_more_black_1x.png);
    width: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    border: 1px solid #429b46;
    border-left-color: white;
    border-left-width: 1px;
    color: White !important;
    text-shadow: 2px 2px #3D8C40;
    animation: pulsate 1s ease-out infinite;
}

.SplitNotifyButtonLeft {
    padding: 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: 3px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    cursor: pointer !important;
    background-color: #4CAF50 !important;
    border: 1px solid #429b46;
    color: White !important;
    text-shadow: 2px 2px #3D8C40;
}

.SplitNotifyButtonRight {
    padding: 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 3px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    cursor: pointer !important;
    margin-left: -6px;
    background-image: url(images/expand_more_black_1x.png);
    width: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    border: 1px solid #429b46;
    border-left-color: white;
    border-left-width: 1px;
    color: White !important;
    text-shadow: 2px 2px #3D8C40;
    background-color: #4CAF50 !important;
}

.SplitDisabledButton {
    opacity: 0.6;
    cursor: not-allowed;
    animation: none !important;
}

.SplitDisabledButton:hover {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    animation: none !important;
}

.StyledButton
{
    background-color: #D8D8D8;
    border: 1px solid #969696;
    color: black;
    text-shadow: 2px 2px #e5e5e5;
}
.StyledButton:hover 
{
  background-color: #A5A5A5;
  text-shadow: none;
}

.NotifyButton
{
    background-color: #4CAF50;
    border: 1px solid #429b46;
    color: White;
    text-shadow: 2px 2px #3D8C40;
}
.NotifyButton:hover
{
    background-color: #3D8C40;
    color: White;
}
.MinMar {
    margin-left: 30px;
}
.AlertButton {
    background-color: #4CAF50 !important;
    border: 1px solid #429b46;
    color: White !important;
    text-shadow: 2px 2px #3D8C40;
    animation: pulsate 1s ease-out infinite;
}
.AlertButton:hover {
    background-color: #3D8C40 !important;
    color: White !important;
    animation: none;
    cursor:pointer !important;
}
.SplitAlertButtonRight .SplitAlertButtonLeft {
    background-color: #4CAF50 !important;
    border: 1px solid #429b46;
    color: White !important;
    text-shadow: 2px 2px #3D8C40;
    animation: pulsate 1s ease-out infinite;
}

.SplitAlertButtonRight:hover .SplitAlertButtonLeft:hover {
    background-color: #3D8C40 !important;
    color: White !important;
    animation: none;
    cursor: pointer !important;
}
@-webkit-keyframes pulsate {
    0%   { background-color: #4CAF50; }
    50%  { background-color: #3D8C40; }
    100% { background-color: #4CAF50; }
}

.DisabledButton
{
  opacity: 0.6;
  cursor: not-allowed;
  animation: none !important;
}
.DisabledButton:hover
{
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  animation: none !important;
}

/* we have some conflict with styles */
.RTDisabledButton
{
  opacity: 0.6;
  cursor: not-allowed;
  animation: none !important;
}
.RTDisabledButton:hover
{
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  animation: none !important;
}

.GreenProgressButton
{
  opacity: 0.6;
  cursor: not-allowed;
  animation: none !important;
  background-image: url(images/small_green.gif);
  background-repeat : no-repeat;
  background-position : right;
  padding-right: 36px;
}
.GreenProgressButton:hover
{
  opacity: 0.6 !important;
  background-color: #4CAF50 !important;
  cursor: not-allowed !important;
  animation: none !important;
  background-image: url(images/small_green.gif);
  background-repeat : no-repeat;
  background-position : right;
  padding-right: 36px;
}

.GreyProgressButton
{
  opacity: 0.6;
  cursor: not-allowed;
  animation: none !important;
  background-image: url(images/small_grey.gif);
  background-repeat : no-repeat;
  background-position : right;
  padding-right: 36px;
}
.GreyProgressButton:hover
{
  opacity: 0.6 !important;
  background-color: #D8D8D8 !important;
  cursor: not-allowed !important;
  animation: none !important;
  background-image: url(images/small_grey.gif);
  background-repeat : no-repeat;
  background-position : right;
  padding-right: 36px;
}


/* now the small buttons */
.SmallStyledButton, .SmallNotifyButton, .SmallAlertButton {
    padding: 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    margin: 3px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    cursor: pointer !important;
}

.SmallStyledButton
{
    background-color: #D8D8D8;
    border: 1px solid #969696;
    color: black;
    text-shadow: 2px 2px #e5e5e5;
}
.SmallStyledButton:hover 
{
  background-color: #A5A5A5;
  text-shadow: none;
}

.SmallNotifyButton
{
    background-color: #4CAF50;
    border: 1px solid #429b46;
    color: White;
    text-shadow: 2px 2px #3D8C40;
}
.SmallNotifyButton:hover
{
    background-color: #3D8C40;
    color: White;
}

.SmallAlertButton 
{
    background-color: #4CAF50;
    border: 1px solid #429b46;
    color: White;
    text-shadow: 2px 2px #3D8C40;
    animation: pulsate 1s ease-out infinite;
}
.SmallAlertButton:hover
{
    background-color: #3D8C40;
    color: White;
    animation: none;
}
@-webkit-keyframes pulsate {
    0%   { background-color: #4CAF50; }
    50%  { background-color: #3D8C40; }
    100% { background-color: #4CAF50; }
}

.SmallDisabledButton
{
  opacity: 0.6;
  cursor: not-allowed;
  animation: none !important;
}
.SmallDisabledButton:hover
{
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  animation: none !important;
}



.ValidationPanel
{
 border-style:solid;
 border-width:1px;
 border-color: red;
 background:#FFDDDD;
 border-radius:5px;
 margin:10px;
 min-height: 20px;
 padding: 5px;
 position: relative;   
    
    
}

/*RadAjaxLoadingPanel ReTech Skin*/

/*loading image - do not specify background-position or background-repeat*/
.RadAjax_ReTech .raDiv
{
    background-image:url(images/vero_logo_spinner_square.gif);
}

/*loading panel background color*/
.RadAjax_ReTech .raColor
{
    background-color: rgba(255,255,255,.4);
}

/*skin transparency level - the smaller the number, the more the transparency*/
.RadAjax_ReTech .raTransp
{
    opacity:0.4;  /*non-IE browsers, 0-1*/
    -moz-opacity:0.4;  /*old Mozilla browsers, 0-1*/
    filter:alpha(opacity=40);   /*IE, 0-100*/
}



/* START RADWIZARD CUSTOMIZATIONS */

/* this sets the font size of the links in the wizard nav bar */
A.rwzLink 
{
    font-size: 12px;
}

/* this sets the border of the last selected item -- finalized */
.rwzLI.rwzSelected.rwzLast
{
    border-color: Green !important;
}

/* this sets the image of the last selected item -- finalized */
.rwzLI.rwzSelected.rwzLast .rwzLink
{
    background-image:url('images/green_gradient.png') !important;
}

/* END RADWIZARD CUSTOMIZATIONS*/


.slider {
    overflow-y: hidden;
    max-height: 1000px; 
    background-color:gold;/* approximate max height */
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    
}

.slider.closed 
{
    max-height: 0;
 }

.navHeaders {
    background-color: #c9d0d6 !important;
}

a.rwIcon {
    display:none !important;
}

div.DisabledButton {
    opacity: 1.0 !important;
}