/* -------- NAVIGATION MENU -------- */
  
ul, li{margin:0; padding:0; list-style-type:none;}
#topnavigation {height:26px; background:#FFF; position:relative; width:960px; z-index:100; border-radius:0 10px 0 0;}
#topnavigation a{display:block; color:#444; text-decoration:none;}
/* --- Grandparent --- */
ul.gpt{}
ul.gpt > li{display:block;text-transform:none; float:left; height:25px; font-size:10px; font-family:Arial, sans-serif; padding:0 2px 0 0;border-left:1px solid #e8e8e8; transition:background 0.15s linear; opacity:0.88;}
ul.gpt > li:hover{background:#f7fafd; opacity:1;}
ul.gpt > li:first-child{border-left:0px;}
ul.gpt > li > ul{display:none;}

ul.gpt li.gpt-active, ul.gpt li.gpt-active:hover {opacity:1;}
ul.gpt > li > span{display:block; height:25px; /*border-left:1px solid #e8e8e8;*/ line-height:25px; /*padding:0 10px 0 30px; margin-top:2px;*/ font-weight:700; float:left; padding:0px 10px; cursor:pointer;text-transform:none;}
ul.gpt > li:first-child{padding-left:0px;}
ul.gpt > li:first-child {padding:0 2px 0 0px;}
ul.gpt > li:first-child > span, ul.gpt > li.gpt-more > span{border-left:0;}
/* --- Grandparent Icons Two Lines --- */
ul.gpt > li.gpt-2lines > span{line-height:12px; padding-top:10px; height:25px;}
ul.gpt > li.gpt-2lines > span.gpt-icon{line-height:25px;}
 

/* --- Grandparent Marketplace --- 
ul.gpt > li:last-child{float:right;} 
ul.gpt > li:last-child span{/*height:24px; padding-top:0; display:
block; clear:both; line-height:25px; width:100%;}
ul.gpt > li:last-child span.gpt-icon{display:block; clear:none; border:0; margin-top:3px;}
ul.gpt > li:last-child > div{height:40px;border-left:1px solid #e8e8e8; padding:0 5px; font-weight:700;}
ul.gpt > li:last-child > div > span.gpt-icon{font-size:24px;}*/


ul.gpt li.gpt-help{float:right; text-align:right;height:25px; border-left:1px solid #e8e8e8; display:block; line-height:26px; width:25px;margin:0px 0px 0px 0px;padding-right:0px;}
ul.gpt > li.gpt-help > span {display:block;float:none;font-size:20px;height:20px; width:24px;text-align:center;padding:0px;margin:2px 0 0 0; line-height:19px;}
ul.gpt li.gpt-help:hover ul{ display:block;}
.gpt-help.ch-hidden > ul{background:#fff; width:190px; padding:0px 0px 0px 0px; right:-1px; left:auto; top:25px; height:auto; border-top:0px; border-right:1px solid #9ea6b1; border-left:1px solid #9ea6b1; border-bottom:1px solid #9ea6b1;-webkit-box-shadow:-0px 5px 10px 2px rgba(0, 0, 0, 0.2);box-shadow:-0px 5px 10px 2px rgba(0, 0, 0, 0.2);}
.gpt-help.ch-hidden > ul li{border-bottom:1px solid #e8e8e8; }
.gpt-help.ch-hidden > ul li a{display:block; transition: background 0.15s linear;}
.gpt-help.ch-hidden > ul li a:hover{background:#eee;}
.gpt-help.ch-hidden > ul li span {display:none;}

ul.gpt li.gpt-system-settings{float:right; text-align:right;height:25px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;  display:block; line-height:26px; width:24px;margin:0px 32px 0px 0px;}
ul.gpt li.gpt-system-settings span {display:block;float:right;font-size:20px;height:20px; width:24px;text-align:right;padding:0px;}
ul.gpt li.gpt-system-settings:hover ul{ display:block;}
.gpt-system-settings.ch-hidden > ul{background:#fff; width:150px; padding:0px 0px 0px 0px; right:-1px; left:auto; top:25px; height:auto; border-top:0px; border-right:1px solid #9ea6b1; border-left:1px solid #9ea6b1; border-bottom:1px solid #9ea6b1;-webkit-box-shadow:-0px 5px 10px 2px rgba(0, 0, 0, 0.2);box-shadow:-0px 5px 10px 2px rgba(0, 0, 0, 0.2);}
.gpt-system-settings.ch-hidden > ul li{border-bottom:1px solid #e0e0e0; }
.gpt-system-settings.ch-hidden > ul li a{display:block; transition:background 0.15s linear;}
.gpt-system-settings.ch-hidden > ul li a:hover{background:#eee;}
.gpt-system-settings.ch-hidden > ul li span {display:none;}

/* Language select dropdown */
ul.gpt li.gpt-culture {width:auto; height:25px; padding:0 22px 0 8px; cursor:pointer; float:right; text-align:right; border-left:1px solid #e8e8e8; border-right:none; display:block; line-height:26px; margin:0px 0px 0px 0px; background-image:url(../Images/dropdown-arrow-blank.png); background-position:right 8px top 11px; background-repeat:no-repeat;}
ul.gpt li.gpt-culture span {display:none;}
ul.gpt li.gpt-culture:hover ul{ display:block;}
.gpt-culture.ch-hidden > ul{background:#fff; width:150px; padding:0px 0px 0px 0px; right:-1px; left:auto; top:25px; height:auto; border-top:0px; border-right:1px solid #9ea6b1; border-left:1px solid #9ea6b1; border-bottom:1px solid #9ea6b1;-webkit-box-shadow:-0px 5px 10px 2px rgba(0, 0, 0, 0.2);box-shadow:-0px 5px 10px 2px rgba(0, 0, 0, 0.2);}
.gpt-culture.ch-hidden > ul li{border-bottom:1px solid #e0e0e0;}
.gpt-culture.ch-hidden > ul li a{display:block; transition: background 0.15s linear;}
.gpt-culture.ch-hidden > ul li a:hover{display:block; background:#eee;}
.gpt-culture.ch-hidden > ul li span {display:none;}
.gpt-culture.ch-hidden > ul li.active a, .gpt-culture.ch-hidden > ul li.active a:active, .gpt-culture.ch-hidden > ul li.active a:visited, .gpt-culture.ch-hidden > ul li.active a:hover{background:#e3e3e3;}

/* Topnav padding for menu items */
.gpt-help.ch-hidden > ul li a, .gpt-system-settings.ch-hidden > ul li a, .gpt-culture.ch-hidden > ul li a  {line-height:12px; padding: 7px 10px;}

/* --- Grandparent More Menu --- */
li.gpt-arrow:hover ul.gpt-dropdown{display:block;}
ul.gpt > li.gpt-arrow{ width:28px;}
ul.gpt > li.gpt-arrow > span{text-align:center;}  
li.gpt-arrow .gpt-dropdown{display:block;}
.gpt-dropdown{display:none; background:#FFF; right:0px; width:100px; display:block; }
.gpt-dropdown ul{display:none;}
.gpt-dropdown > li > span{display:block; height:23px; line-height:23px; padding:0 8px 0 25px; margin-top:2px; margin:0; border-left:0 ; border-top:1px solid #e8e8e8;}
.gpt-dropdown > li:first-child > span{border-top:0}
li.gpt-arrow .gpt-active{background:none; }
ul.gpt > li.gpt-arrow span{float:none; border-left:1px solid #e8e8e8; height:25px; line-height:25px; margin-top:0px; font-weight:400; padding:0 5px 0 5px;}
/* --- Grandparent Icons --- */
ul.gpt > li > span.gpt-icon{padding:0 5px; font-size:24px; border-left:1px solid #e8e8e8;}
ul.gpt > li:first-child > span.gpt-icon{border-left:0;}
/* --- Parent --- */
ul.gpt li.gpt-active > ul{display:block; position:absolute; left:0; top:25px;  height:115px;width:960px; /*width:970px;*/ background:url(../images/menu-bg.png) ; border-top:1px solid #9ea6b1; z-index:0; border-bottom:1px solid #9ea6b1;}
ul.gpt li.gpt-dropdown ul{}
ul.pt > li{position:relative; float:left; background:url(../images/vert-devide.png) right repeat-y; height:115px;}
ul.pt > li > span{text-transform:none;line-height:24px; font-weight:700; padding-left:9px;}
ul.pt > li:first-child > span{padding-left:10px;}
li.ch-small:last-child {margin-bottom:0px;} 
ul.pt > li:last-child {background-image:url(../images/spacer.gif);}
ul.pt > li:last-child .ch-small {min-width:120px; width:auto; max-width:150px;}

.topNav_collapsed ul.gpt li.gpt-active > ul {height:0px; -webkit-transition: height 0.2s linear; -moz-transition:  height 0.2s linear; -o-transition:  height 0.2s linear; transition:  height 0.2s linear;overflow:hidden;border-bottom:0px solid transparent; }
.topNav_collapsed ul.gpt li.gpt-active > ul > li {filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition:   opacity 0.2s linear; -o-transition:   opacity 0.2s linear; transition:   opacity 0.2s linear;overflow:hidden;border-bottom:0px solid transparent; transition-delay:  0s;-webkit-transition-delay:  0s;-khtml-transition-delay: 0s;-moz-transition-delay: 0s;}
.topNav_open ul.gpt li.gpt-active > ul {height:115px; -webkit-transition: height 0.2s linear; -moz-transition:  height 0.2s linear; -o-transition:  height 0.2s linear; transition:  height 0.2s linear;overflow:visible;border-bottom:0px solid transparent; }
.topNav_open ul.gpt li.gpt-active > ul > li {filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0; -webkit-transition: opacity 0.2s linear; -moz-transition:   opacity 0.2s linear; -o-transition:   opacity 0.2s linear; transition:   opacity 0.2s linear;overflow:visible;border-bottom:0px solid transparent; transition-delay: 0.2s;-webkit-transition-delay: 0.2s;-khtml-transition-delay: 0.2s;-moz-transition-delay: 0.2s;}

/* --- Child --- */
ul.ch{width:100%; position:absolute; left:0; top:24px; height:75px;padding-top:10px;}
.ch div.ui-draggable-dragging, .ch div.ui-draggable-dragging span {cursor:move; }
ul.ch li{position:relative;}
.ch-large{display:block;  min-height:70px; height:auto !important; height: 70px;  width:80px; float:left;}
.ch-large a{ width:80px; float:left; text-align:center; text-transform:none; min-height:70px; height:auto !important; height: 70px; line-height:14px;}
.ch-large a:hover{background: rgba(255,255,255,.15);}
.ch-medium{display:block;  min-height:40px; height:auto !important; height:40px; float:left;}
.ch-medium a{height:24px; line-height:24px; float:left; width:120px; position:relative;}
.lw_grid_4 .ch-medium a{width:150px;}
.down-arrow { margin:3px auto 0px auto;border-color: #666 transparent;	border-style: solid;	border-width: 7px 5px 0px 5px;	height: 0px;	width: 0px;}
.ch-hidden:hover >.down-arrow {visibility:hidden;}
.ch-small{float:left; width:120px;  position:relative; height:22px; line-height:10px;font-size:9px; }
.ch-small a{overflow:hidden;}
.ch-hidden{float:left; width:120px; position:relative; padding-bottom:8px; text-align:center;}
.ch-hidden ul{display:none;position:absolute; width:160px;left:-1px; top:16px; padding:10px 0; text-align:left;border-left:1px solid #777;border-bottom:1px solid #777;border-right:1px solid #777;z-index:1000;-webkit-box-shadow:  -0px 5px 10px 2px rgba(0, 0, 0, 0.2);box-shadow:  -0px 5px 10px 2px rgba(0, 0, 0, 0.2);}
.ch-hidden ul li a{text-transform:capitalize;}
.ch-hidden ul li.uppercase a {text-transform:none;}
/*ul li:last-child a{background-image:none !important;}*/
.ch-hidden:hover ul{display:block;-webkit-box-shadow:  -0px 5px 10px 2px rgba(0, 0, 0, 0.2);box-shadow:  -0px 5px 10px 2px rgba(0, 0, 0, 0.2);  }
.ch-large a:hover, .ch-medium a:hover,.ch-small a:hover,.ch-hidden a:hover{background:rgba(255,255,255,.15);}
 
/* --- Child Icons --- */
/*dragging*/
div.ch-large{ text-align:center;text-transform:none;min-height:70px; height:auto !important; height: 70px;  width:80px; float:left;background:transparent;cursor:pointer;}
div.ch-large span{font-size: 48px; clear: both; margin: 0 auto; display: block;height:48px;width:80px;background-color:transparent;cursor:pointer;}

/*dragging*/
.ch-large a span {font-size: 48px; clear: both; margin: 0 auto; display: block; text-align: center;height:48px;width:48px;}
.ch-medium a span {font-size: 24px; margin-left: 10px; display:block; width:32px; float:left;}
.ch-small a span {font-size: 16px; margin-left:5px; display:block; width:20px; float:left;}
/*
.ch-large a span.action-icon{position:absolute; color:#FF0000; font-size:16px; top:0; right:10px;}
.ch-medium a span.action-icon{position:absolute; color:#FF0000; font-size:12px; top:-5px; right:70px;}
.ch-small a span.action-icon{position:absolute; color:#FF0000; font-size:12px; top:-5px; right:65px;}*/

/* --- Grandchild --- */
.right-icons{position:absolute;top:0px;right:0px;height:24px; width:auto;}
.right-icons span{display:block;height:16px;}
.gch-single {display:block;font-size:16px;position:absolute;top:0px;right:24px;text-align:center;height:20px;width:24px; padding:4px 0px 0px 0px;}
.gch-single:hover{background:#fff;cursor:pointer;}
.gch li span{display:none;}
.gch{/*border-left:1px solid #beccd9;*/ width:23px; height:24px; position:absolute; top:0; z-index:10000;}
.gch:hover{background:#FFF;cursor:pointer;}
.gch li{display:block;}
.gch-reports{right:29px;}
.gch-settings{right:6px;}
.gch ul{ display:none; width:160px; background:#FFF; right:0; z-index:0; position:absolute; top:24px;-webkit-box-shadow:  -0px 5px 10px 2px rgba(0, 0, 0, 0.2);box-shadow:  -0px 5px 10px 2px rgba(0, 0, 0, 0.2);  }
.gch:hover ul{display:block;}

.gch li{line-height:12px;border-top:solid 1px #e0e0e0;}
.gch li:first-child{margin-top:0px;border-top:0px;}
.gch a, .gch a:link, .gch a:visited{text-decoration:none; color:#000; display:block; padding:7px 10px; transition: background 0.15s linear;font-size:10px;text-transform:none;}
.gch a:hover{background:#eee;}
.gch a:active{background:#eee; color:#ff0000;}
.gch span{font-size:16px;text-align:center;display:block; z-index:1000; height:16px; width:16px; position:relative; left:3px;}

/* --- Grandchild Icons --- */
