/* DO NOT PUT CUSTOM COLORS IN THIS STYLESHEET, USE THE JQUERY STYLESHEET FOR THIS
------------------------------------------------------------------------------------------*/
html, body {padding: 0px;margin: 0px;height: 100%;}
body {font-size: 12px;font-family: Arial, Verdana;}
.invalid, .NormalRed {color: #FF0000;font-size: 10px;font-weight: bold;}
img#loadImg {position:fixed;top:50%;left:50%;display:none;}
.HardwareAcc {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/* LAYOUT STYLES
-----------------------*/
#header {height: 55px;padding: 0px;margin: 0px;top: 0;left: 0;right: 0;z-index: 800;}
#submenubar {
    background:#F9F9F9;border-bottom:1px solid #f3f3f3; height: 15px;padding: 10px 5%;text-align: left;font-size: 12px;
}
#content {min-height: 500px;padding: 10px;width: 90%;margin: 0px auto 30px;}
.clearfix {clear:both;}
.clearfix:after {content: "";display: table;clear: both;}
.checkLabel {display:inline;cursor:pointer;font-weight:normal;padding-right:5px;}
.pageheader {height:25px; margin-top:5px; font-size:16px; font-weight:bold; text-indent:10px; padding-top: 5px;}
#MenuIconL {background:url("../images/icon_menu.png") no-repeat scroll left center transparent;width:40px;height:55px;border:none;}
#MenuIconR {background:url("../images/icon_magnify.png") no-repeat scroll right center transparent;width:45px;height:55px;border:none;}
#CLogo a img {height:34px;position:relative;top:5px;border:none;}

/* HEADER MENU 
--------------------*/
.site-navigation ul {list-style: none; }
.group:after {clear: both;content: "";display: table;}
.main-navigation > div > ul {margin: 0;}
.site-navigation div > ul > li {float: left;}
.site-navigation li {position: relative;}
.site-navigation div > ul > li a {padding: 8px 15px;}
.site-navigation li#CLogo a {padding: 8px 15px 8px 0;}
.site-navigation ul {list-style: none outside none;margin: 0;padding-left: 0;}
.site-navigation li {position: relative;}
.site-navigation div > ul > li ul {border-radius: 0 0 0 0;box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2);display: none;position: absolute;text-transform: none;top: 5px;width: 255px;z-index: 8999;}
.main-navigation {position: relative;width: 100%;}
.main-navigation a {display: block;font-size: 16px;text-decoration: none;}
#myaccount {z-index:999}
#myaccount ul {margin:0;padding:0;}
#myaccount ul li {padding:5px 15px;}
#myaccount ul li:first-child {padding:10px 15px 5px 15px;}
#myaccount ul li:last-child {padding:5px 15px 10px 15px;}
#helloGuest {color:#FFF;padding:17px 15px 18px 15px;font-size:16px;cursor:default;}

/* Styles for Form Formatting --------------------------------*/
form ul:after, form li:after, form li div:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
form ul {list-style-type: none;margin: 0;padding: 0;}
form li {background-color: transparent;margin: 0;padding: 2px;position: relative;}
form li div {color: #4b4b4b;margin: 0;padding: 0;}
form li span {color: #4b4b4b;float: left;margin: 0 0.3em 0 0;padding: 0 10px 0 0;}
form li div span {display: block;float: left;margin: 0;width: 100%;}
form li div label, form li span label {clear: both;color: #444444;display: block;font-weight: bold;line-height: 160%;margin: 0;padding-right: 15px;padding-top: 3px;font-size: 12px;}
label span {display: inline !important;float: none !important;}

/* LIST STYLES -----------------*/
ul { list-style: none; padding: 0px 0px 0px 15px; margin: 0px; }

/* App - Portlet Outline when Moving ---------------------------------------- */
.ui-sortable-placeholder {background-color: #eee;width:100%;}

/* footable css - this is for the responsive datatables ---------------------------------------------------------*/
.footable.breakpoint > tbody > tr > td.expand.group, .footable.breakpoint > tbody > tr.footable-detail-show > td.expand.group { background: none; }
.footable.breakpoint > tbody > tr > td.expand { background: url('../images/details_open.png') no-repeat 5px center; padding-left: 40px; }
.footable.breakpoint > tbody > tr.footable-detail-show > td.expand { background: url('../images/details_close.png') no-repeat 5px center; }
a#SlideMenuButton {color:#FFF;padding-top:12px;padding-bottom:12px}
a#SlideMenuButton:hover {color:#FFF;}
a#SlideMenuButton .metext {position:relative;top:-5px;}
a.ui-button:hover {text-decoration:none !important;}

/* Side Menu
----------------------------------*/
html.mmenu-opened,html.mmenu-opened body{height: 100%;width: 100%;overflow: hidden;}
html.mmenu-opened body{position: relative;}
.mmenu{display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;overflow: auto;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.mmenu,.mmenu *{-webkit-text-size-adjust: none;font-family: Arial, Helvetica, Garuda, sans-serif;font-size: 14px;}
.mmenu ul,.mmenu li{list-style: none;}
.mmenu li{position: relative;}
.mmenu ul,.mmenu li,.mmenu li > a,.mmenu li > span{display: block;padding: 0;margin: 0;}
.mmenu > ul{background-color: inherit;padding: 10px 0 40px 0;}
html.mmenu-left .mmenu > ul > li{padding-right: 65px;}
html.mmenu-right .mmenu > ul > li{padding-left: 65px;}
html.mmenu-opened .mmenu.mmenu-opened{display: block;}
html.mmenu-opened .mmenu-page{box-shadow: 0 0 20px rgba( 0, 0, 0, 0.8 );background-color: inherit;min-height: 100%;position: absolute;z-index: 1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mmenu-blocker{display: none;}
html.mmenu-opened #mmenu-blocker,html.mmenu-blocking #mmenu-blocker{background: #fff;opacity: 0;display: block;width: 100%;height: 100%;position: absolute;top: 0;z-index: 2;}
html.mmenu-opened .mmenu-page,html.mmenu-opened #mmenu-blocker{-webkit-transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease;-moz-transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease;transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease;}
html.mmenu-accelerated .mmenu-page,html.mmenu-accelerated #mmenu-blocker{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}	
html.mmenu-left.mmenu-opened .mmenu-page,html.mmenu-left.mmenu-opened #mmenu-blocker{margin-left: 0px;left: 0%;}
html.mmenu-left.mmenu-opening .mmenu-page,html.mmenu-left.mmenu-opening #mmenu-blocker{margin-left: -65px;left: 100%;}
html.mmenu-right.mmenu-opened .mmenu-page,html.mmenu-right.mmenu-opened #mmenu-blocker{margin-right: 0px;right: 0%;}
html.mmenu-right.mmenu-opening .mmenu-page,html.mmenu-right.mmenu-opening #mmenu-blocker{margin-right: -65px;right: 100%;}
.mmenu{background: #333;}
.mmenu *{text-shadow: 0 1px 2px rgba( 0, 0, 0, 0.5 );}
.mmenu li{border: none;border-top: 1px solid #444;border-bottom: 1px solid #111;}
.mmenu li:first-child{border-top-width: 0;}
.mmenu li > a,.mmenu li > span{text-indent: 20px;text-overflow: ellipsis;white-space: nowrap;line-height: 40px;overflow: hidden;padding-right: 5px;}
.mmenu li > a,.mmenu li > span,.mmenu li > a:hover{color: #999;text-decoration: none;}
.mmenu li.mmenu-selected > a,.mmenu li.mmenu-selected > span{background: #222;}
.mmenu li.mmenu-selected > a.mmenu-subopen{background: transparent;}
.mmenu a.mmenu-subopen{border-left: 1px solid #111;width: 40px;height: 40px;padding: 0;position: absolute;right: 65px;top: 0;z-index: 2;}
html.mmenu-right .mmenu a.mmenu-subopen,.mmenu ul ul a.mmenu-subopen{right: 0;}
.mmenu a.mmenu-subopen.mmenu-fullsubopen{width: 100%;}
.mmenu a.mmenu-subopen + a,.mmenu a.mmenu-subopen + span{padding-right: 45px;}
.mmenu a.mmenu-subclose{background: #222;text-indent: 40px;padding-top: 10px;margin-top: -10px}
.mmenu.mmenu-vertical ul ul{display: none;padding: 0 10px 10px 10px;}
.mmenu.mmenu-vertical li.mmenu-opened > ul{display: block;}
.mmenu.mmenu-vertical ul ul li:last-child{border-bottom-width: 0;}
.mmenu.mmenu-horizontal{width: 1000%;}
.mmenu.mmenu-horizontal ul{width: 10%;margin-left: 0%;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: margin-left 0.5s ease;-moz-transition: margin-left 0.5s ease;transition: margin-left 0.5s ease;}
html.mmenu-accelerated .mmenu.mmenu-horizontal ul{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.mmenu.mmenu-horizontal ul.mmenu-submenu{display: none;}
.mmenu.mmenu-horizontal ul.mmenu-submenu.mmenu-opened{display: block;}
.mmenu.mmenu-horizontal ul.mmenu-subopened{margin-left: -10%;height: 100%;overflow: hidden;}
.mmenu li.mmenu-label{background: #444;font-size: 11px;color: #ccc;text-transform: uppercase;text-indent: 20px;line-height: 25px;}
.mmenu em.mmenu-counter{border-radius: 5px;background: #555;box-shadow: 0 0 2px rgba( 0, 0, 0, 0.3 );font-size: 11px;font-weight: bold;font-style: normal;color: #999;text-indent: 0;text-align: center;text-shadow: none;line-height: 20px;display: block;min-width: 20px;height: 20px;padding: 0;position: absolute;right: 105px;top: 10px;}
.mmenu em.mmenu-counter + a.mmenu-subopen{padding-left: 35px;}
.mmenu em.mmenu-counter + a.mmenu-subopen + a,.mmenu em.mmenu-counter + a.mmenu-subopen + span{padding-right: 80px;}
.mmenu em.mmenu-counter + a.mmenu-fullsubopen + a,.mmenu em.mmenu-counter + a.mmenu-fullsubopen + span{padding-right: 70px;}
html.mmenu-right .mmenu em.mmenu-counter,.mmenu.mmenu-vertical ul ul em.mmenu-counter{right: 40px;}
.mmenu a.mmenu-subopen:after,.mmenu a.mmenu-subclose:before{content: '';border: 4px solid rgba( 255, 255, 255, 0.3 );border-left: none;border-top: none;display: block;width: 6px;height: 6px;position: absolute;}
.mmenu a.mmenu-subopen:after{right: 16px;top: 16px;-webkit-transform: rotate( 315deg );transform: rotate( 315deg );}
.mmenu a.mmenu-subclose:before{left: 20px;top: 25px;-webkit-transform: rotate( 135deg );transform: rotate( 135deg );}
.mmenu.mmenu-vertical li.mmenu-opened > a.mmenu-subopen:after{-webkit-transform: rotate( 45deg );transform: rotate( 45deg );}
html.mmenu-right .mmenu a.mmenu-subclose:before{left: 85px;}
.mmenu div.mmenu-search{background: #222;border-bottom: 1px solid #444;width: 100%;height: 50px;padding: 5px 75px 5px 10px !important;position: fixed;top: 0;z-index: 1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html.mmenu-right .mmenu div.mmenu-search{padding: 5px 10px 5px 75px !important;}
.mmenu div.mmenu-search input{background: #555;border: none;border-radius: 20px;line-height: 30px;color: #fff;display: block;width: 100%;height: 30px;margin: 5px 0;padding: 0 0 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.mmenu li.mmenu-noresults{border: none;color: #999;text-align: center;display: none;padding-top: 30px;margin: 0;}
.mmenu.mmenu-noresults li.mmenu-noresults{display: block;}
.mmenu div.mmenu-search ~ ul{margin-top: 40px;}
.mmenu .mmenu-noresult,.mmenu .mmenu-nosubresult > a.mmenu-subopen,.mmenu .mmenu-nosubresult > em.mmenu-counter{display: none;}
.mmenu .mmenu-nosubresult > a.mmenu-subopen + a, .mmenu .mmenu-nosubresult > a.mmenu-subopen + span{padding-right: 5px;}
@media all and (min-width: 500px) {
	.mmenu.mmenu-vertical,.mmenu div.mmenu-search{width: 500px;}
	html.mmenu-right .mmenu.mmenu-vertical{left: auto;right: 0;}
	.mmenu.mmenu-horizontal{width: 5000px;}
	html.mmenu-right .mmenu.mmenu-horizontal{left: auto;right: -4500px;}
	html.mmenu-left.mmenu-opening .mmenu-page,html.mmenu-left.mmenu-opening #mmenu-blocker{left: 500px;}
	html.mmenu-right.mmenu-opening .mmenu-page,html.mmenu-right.mmenu-opening #mmenu-blocker{right: 500px;}
}
.mmenu div.mmenu-search {height:auto;padding:7px 84px 7px 19px !important;}
.mmenu div.mmenu-search input {border-radius:5px;text-shadow: none;}
.mmenu em.mmenu-counter, html.mmenu-opened .mmenu-page {box-shadow: none;}
.mmenu div.mmenu-search, .mmenu a.mmenu-subclose {background: url("/images/sidebg.png") transparent;}
.mmenu a.mmenu-subclose {margin-top: -5px;}
#menu-left li.label {background: url("../images/sidebg.png") repeat scroll 0 0 transparent;border: medium none;color: #EEEEEE;font-size: 13px;padding: 5px 5px 6px 20px;}
#menu-right li.label {background: url("../images/sidebg.png") repeat scroll 0 0 transparent;border: medium none;color: #EEEEEE;font-size: 13px;padding: 5px 0 5px 85px;}
.mmenu a.mmenu-subclose:before {left:23px;}
/* Side Menu iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}



/* Slide Menu CSS */
    /* Header*/
    #MenuHead {color:#fff;background: url("../images/MenuGrip.png") #151515;border-bottom:1px solid #0c0c0c;width: 100%;position:relative;cursor:pointer;}
    #MenuHead h3 {font-size:12px;font-size:13px;font-weight:bold;padding: 10px 15px;margin:0;text-shadow: 0px -1px 0px #000000;filter: dropshadow(color=#000000, offx=0, offy=-1);}
    #MenuHead .sidrarrow {position:absolute;right:0;top:0;padding: 13px 13px 13px 0;}
    #MenuHead .sidrarrow img {width:10px;}
    /* Body */
    .sidr {box-shadow: 6px 0px 10px -7px rgba(0,0,0,0.3);display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:300px;overflow:hidden;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:15px;color:#fff;}
    #MenuBody {overflow-x:hidden;overflow-y:auto;height:100%;}
    .sidr .sidr-inner {padding:0 0 15px;}
    .sidr .sidr-inner>p {margin-left:15px;margin-right:15px;}
    .sidr.right {left:auto;right:-260px;}
    .sidr.left {left:-260px;right:auto;}
    .sidr p {font-size:13px;margin:0 0 12px;}
    .sidr p a {color:rgba(255, 255, 255, 0.9);}
    .sidr>p {margin-left:15px;margin-right:15px;}
    /* Level 1 */
    .sidr ul {display:block;margin:0 0 15px;padding:0;}
    .sidr ul li {display:block;margin:0;position:relative;}
    .sidr ul li a, .sidr ul li span {padding: 9px 0 8px 15px;line-height:normal;display:block;text-decoration:none;color:#fff;text-shadow: 0px -1px 0px #000000;filter: dropshadow(color=#000000, offx=0, offy=-1);}
    /* Level 2 */
    .sidr ul li ul {margin:0;}
    .sidr ul li ul li {font-size:13px;}
    .sidr ul li ul li a, .sidr ul li ul li span {padding: 7px 5px 7px 35px;text-shadow: 0px -1px 0px #000000;filter: dropshadow(color=#000000, offx=0, offy=-1);}
    .sidr ul li.expand {background: url("../images/MenuGrip.png") #151515;padding-bottom: 10px;}
    /* Level 3 */
    .sidr ul li ul li ul li a, .sidr ul li ul li ul li span {padding: 7px 5px 7px 50px;text-shadow: 0px -1px 0px #000000;filter: dropshadow(color=#000000, offx=0, offy=-1);}
    .morearrow {position: absolute;right: 0;top: 0;padding: 9px 10px 8px 0;width: 13px;opacity: 0.2;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter: alpha(opacity=20);-moz-opacity: 0.2;-khtml-opacity: 0.2;}
    .sidr ul li ul li.subgroupHead {font-size: 12px;background: url("../images/MenuGrip.png") #151515;padding: 3px 0 3px 25px;color:#FFF;text-shadow: 0px -1px 0px #000000;filter: dropshadow(color=#000000, offx=0, offy=-1);}
    /* iPad */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        .sidr {width:400px;}
        #MenuHead h3 {font-size: 17px;padding: 20px 25px;}
        #MenuHead .sidrarrow {right:20px;top:18px;}
        #MenuHead .sidrarrow img {width:14px;}
        .morearrow {width:20px;padding: 15px 15px 8px 0;}
        .arrowExpand {background: url("../images/morearrow2_w_ipad.png") transparent no-repeat center center;}
        .sidr ul li a, .sidr ul li span {font-size: 16px;padding: 15px 0 15px 25px;}
        .sidr ul li ul li a, .sidr ul li ul li span {font-size: 16px;padding: 15px 0 15px 35px;}
        .sidr ul li ul li ul li a, .sidr ul li ul li ul li span {font-size: 16px;padding: 15px 0 15px 50px;}
        .sidr ul li ul li.subgroupHead {font-size: 15px;padding: 6px 0 6px 50px;}
    }