/* JQuery overrides
----------------------------------*/
.ui-dialog-titlebar { border: 1px solid #aaaaaa; background-image:url(images/blue-gradient.png); color: #ffffff; font-weight: bold; }
.ui-dialog
{
-moz-box-shadow: 0px 0px 5px #888;
-webkit-box-shadow: 0px 0px 5px #888;
box-shadow: 0px 0px 7px #888;
} 

::-webkit-scrollbar {
    width: 14px;
    background: rgba(244,244,244,1);
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
    border-radius: 13px;
}
 
::-webkit-scrollbar-thumb 
{
    background: rgba(224,224,224,1);
    border-radius: 14px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.15); 
}

.na-table-header
{
    background-color:#6a6a6a !important;
    color:#eee;
}
.na-table-header td
{
    height:28px;
}

.ui-button
{
    background-image:url(images/gray-gradient.png) !important;
    color:White !important;
    border:none !important;
}
.ui-button:hover
{
    background-image:url(images/blue-gradient.png) !important;
    color:White !important;
    border:none !important;
}
.ui-menu-item a
{
    min-height:20px;
    color:#ddd;
    text-decoration:none !important;
    padding-top:4px !important;
}
.ui-menu-item a:hover
{
    background-image:url(images/blue-gradient.png);
    color:White;
    border:1px solid #59B4D4;
}

.ui-menu-item .ui-state-active
{
    background-image:url(images/blue-gradient.png);
    color:#eee;
    border:1px solid #59B4D4;
}

.report-grid .ui-menu-item a
{
    color:#ddd;
}

html {
overflow-y:scroll;
}
body
{
    list-style-image: url('images/lidash.gif');
}
select { 
  font-size: 12px;
  font-family: arial;
}
h1
{
  color: #406c8e;
  font-size: 22px;
  font-weight:normal;
  font-family: arial;
}

h2
{
  color: #004f84;
  font-size: 13px;
  font-weight:normal;
  font-family: arial;
}

h3
{
  color: #429548;
  font-size: 14px;
  font-weight:normal;
  font-family: arial;
}


td.na-promo-menu-spacer
{
	background-color:#e6e6e6;
	padding-top:3px; 
	padding-bottom:3px;
	border-bottom-color:#bebebe; 
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#ffffff; 
	border-top-style:solid;
	border-top-width:1px;}  
td.na-promo-menu-header
{
    color: #3a5572;
    font-size : 14px;
    font-weight: bold;
    font-family : arial;
	background-color:#d6d6d6;
	padding:3px 0px 3px 0px;
	border-top-color:#ffffff; 
	border-top-style:solid;
	border-top-width:1px;
	border-bottom-color:#bebebe; 
	border-bottom-style:solid;
	border-bottom-width:1px;}

a:link.na-promo-menu-header
{
  color: #3a5572;
  font-weight: bold;
  font-family: arial;} 

a:visited.na-promo-menu-header
{
  color: #3a5572;
  font-weight: bold;
  font-family: arial;}

a:hover.na-promo-menu-header {text-decoration: none;}  

td.na-promo-menu-link 
{
	background-color:#e6e6e6;	   	
	padding-top:2px; 
	padding-bottom:0px;
	border-bottom-color:#bebebe; border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#ffffff; 
	border-top-style:solid;
	border-top-width:1px;}  
	
a:link.na-promo-menu-link
{
  text-decoration: none;
  color: #3a5572;
  font-weight: normal;
  font-size: 12px;
  font-family: arial;}
  
a:visited.na-promo-menu-link
{
  text-decoration: none;
  color: #3a5572;
  font-weight: normal;
  font-size: 12px;
  font-family: arial;} 

a:hover.na-promo-menu-link {text-decoration: underline;}

td.na-promo-menu-content
{
	background-color:#e6e6e6;
	border-top-color:#ffffff; 
	border-top-style:solid;
	border-top-width:1px;  	
	padding-top:1px; 
	padding-bottom:1px;} 

.na-promo-menu-content p
{
	font-size: 12px;
	color: #3a5572;
	line-height:95%;
	padding-bottom: 0px;
	margin-top:3px;
	margin-bottom:0px;}
td.na-promo-menu-footer {text-align:right; font-size:0px;margin:0px;padding:0px; line-height: 0px;}

.na-promo-menu
{
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}	

.cu2-title
{
    FONT-SIZE: 18px;
    COLOR: #3a5572;
    FONT-FAMILY: Arial;
}
.cu2-title A
{
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
    COLOR: #333333;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.cu2-title A:active
{
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
    COLOR: #333333;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.cu2-title A:link
{
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
    COLOR: #333333;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.cu2-title A:visited
{
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
    COLOR: #333333;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.cu2-title A:hover
{
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
    COLOR: #333333;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.cu2-copy
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 12px;
    COLOR: #303132;								  
    FONT-FAMILY: Arial;
}
.cu2-copy H1
{
	FONT-SIZE: 15px;
	font-weight: bold;
	color: black;
	margin-bottom:3px;
}
.cu2-copy H2
{
    FONT-SIZE: 14px;
    font-weight: bold;
    COLOR: #3a5572;
    FONT-FAMILY: Arial;
	margin-bottom: 5px;
}
.cu2-copy H3
{
	FONT-SIZE: 12px;
    font-weight: bold;
    COLOR: #3a5572;
    FONT-FAMILY: Arial;
	margin-top: 0px;
	margin-bottom: 5px;
	padding:0px;  
}
.cu2-copy TD
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, 'Trebuchet MS'
}
.cu2-copy A
{
    COLOR: #303132;
    TEXT-DECORATION: underline
}
.cu2-copy A:active
{
    COLOR: #303132;
    TEXT-DECORATION: underline
}
.cu2-copy A:link
{
    COLOR: #303132;
    TEXT-DECORATION: underline
}
.cu2-copy A:visited
{
    COLOR: #303132;
    TEXT-DECORATION: underline
}
.cu2-copy A:hover
{
    COLOR: #3a5572;
    TEXT-DECORATION: underline
}

/*  required css elements for framework  */
input.logingo
{	  
	margin-top: 15px;
	margin-left: 4px;
}
.headerLeft
{
width:10px;
background:url(images/bgLeft.png) repeat-x; 
vertical-align: top;
}

.headerCenter{
background:url(images/bgCenter.png) repeat-x; 
vertical-align: top;
}

.headerRight{
background:url(images/bgRight.png);
background-repeat:repeat-x; 
vertical-align: top;
}

.headerMenu{
width:100%;
text-align:left;
}

.footer{
vertical-align: top;
margin-left:auto; margin-right:auto;
font-family:arial;
font-size:12px;
color: #797979;
}

#fixedHeader {
  left: 0px; top: 0px; right: 0px; 
}
body > div#fixedHeader {
  position: fixed;
}

#fixedBoundary {
  position: absolute; left: 0px; top: 81px; right: 0px; 
  width:100%;
  height:1px;
  border-style:none;
  background-color:#a7a7a7;
}

.fixedMenu {
  position: absolute; left: 0px; top: 81px;
  background-color:#fff;
  border-style:solid; border-color:#dcdcdc; border-width:7px;
  visibility:hidden;
  z-index:9999;
}

body > div.fixedMenu {
  position: fixed;
}

.fixedMenuShadow {
  position: absolute; left: 0px; top: 81px;
  visibility:hidden;
}

body > div.fixedMenuShadow {
  position: fixed;
}

.fixedMenuShadowBottom {
  position: absolute; left: 0px; top: 415px;
  visibility:hidden;
}

body > div.fixedMenuShadowBottom {
  position: fixed;
}

body > div.fixedMenuShadowBottom {
  position: fixed;
}

.fixedMenuShadowBottomLeft {
  position: absolute; left: 0px; top: 409px;
  visibility:hidden;
}

body > div.fixedMenuShadowBottomLeft {
  position: fixed;
}

.fixedMenuShadowBottomRight {
  position: absolute; left: 0px; top: 415px;
  visibility:hidden;
}

body > div.fixedMenuShadowBottomRight {
  position: fixed;
}

.headerMenuTitle {
    cursor:default;
    color:#6f6f6f;
    font-weight:bold;
}

.headerMenuTitle a 
{
    color:#608cae;
}

.headercontextmenu {
color:#797979;
font-family: Arial;
font-size:12px;
}
.headercontextmenu strong {
color: #797979;
}
.headercontextmenu a 
{
    color:#608cae;
    text-decoration:none;
}
.headercontextmenu a:hover
{
    text-decoration:underline;
}

/*- content unit --------------------------- */

td.content-unit-body
{
	padding-top: 15px;
	padding-bottom: 3px;
	padding-left:10px;
	padding-right:10px;
	border-width:1px;
	border-color:#c6c6c6;
	border-style:solid;
	margin: 0px;
} 
td.content-unit-head
{
    background-image:url(images/bgright.png);
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:10px;
	padding-right:10px;	
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;   	
	border-top:1px solid #c6c6c6;	
	height: 30px;
	margin:0px;
}
td.content-unit-footer
{
	padding: 0px;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;   	
	border-bottom:1px solid #c6c6c6;	
	margin: 0px;	
	height: 21px;
}
.content-unit
{
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  FONT-FAMILY: arial, Verdana, Arial;
  padding:0px;
  margin:0px;
}	    
.content-unit A
{
	color:white;
	text-decoration: none;
}	
.content-unit A:link
{
	color:white;
	text-decoration: none;
}	
.content-unit A:hover
{
	color:white;
	text-decoration: none;
}	
.content-unit A:active
{
	color:white;
	text-decoration: none;
}	
.content-unit A:visited
{
	color:white;
	text-decoration: none;
}	
ul
{
    list-style-image: url('images/libox.gif');
    padding-left: 14px; 
}

/* container for slides */
.images {
	position:relative;	
	height:250px;
	
	width:475px;
	float:left;	
	margin:0px;
	cursor:pointer;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:7px;
	padding:0 10px 10px 10px;
	height:200px;
	font-size:12px;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	margin-left:170px;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/slideshow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:140px;
	background:#fff url(images/slideshow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/* main menu */
.menuHeaderContainer
{
  width: 100%;
  height: 24px;
  background-image: url('images/menuheader.gif');  
} 
.menuHeaderElement
{						    
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  font-size: 14px;
  font-family: arial;
  margin-left: 10px;
  padding-top: 3px;
}
.menuElement 
{	  
  color: #3a5572;
}
.menuexpanded
{	 
	margin-left: 5px;
	margin-right: 5px;	
	padding-bottom: 15px; 
	background: url('images/menuexpanded.jpg');
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;						     
}
.menu
{	      
    FONT-SIZE: 12px;
    COLOR: #3a5572;
    FONT-FAMILY: Arial; 
	margin-top: 6px;
}
.menu A
{
    COLOR: #3a5572;
    TEXT-DECORATION: none;
}
.menu A:active
{
    COLOR: #3a5572;
    TEXT-DECORATION: none;
}
.menu A:link
{
    COLOR: #3a5572;
    TEXT-DECORATION: none;
}
.menu A:visited
{
    COLOR: #3a5572;
    TEXT-DECORATION: none;
}
.menu A:hover
{
    COLOR: #3a5572;
    TEXT-DECORATION: underline;
}
.menu TD
{		    
    FONT-SIZE: 12px;
    COLOR: #3a5572; background-color:#e6e6e6;
    FONT-FAMILY: Arial; 
    text-align:right;
}