.BgColor1{background-color:#cccac6;}

/* Table Style */		
.TableStyle1 {
    border-collapse: collapse;
    border-spacing: 0;    
	background-color: #FFF;
}
.TableStyle1 th {    
    padding:6px 8px;	
}
.TableStyle1 td {
    border-bottom: 1px solid #969797;    
    padding:6px 8px;	
}
.TableStyle1 tr:hover {    
	background-color: #e7e9ea;
}

.SearchTextBox{
	background-image:url(../images/search.png);
	background-position:5px center;
	background-repeat:no-repeat;
	width:100%;
	padding:8px 5px 8px 30px;
	border:1px solid #d0d0d0;	
	outline:none;
	box-sizing:border-box;	
}
.SearchTextBox:focus{	
	border:1px solid #2c3c81;	
	outline:none;
}

.SearchTextBox::-webkit-input-placeholder,
.SearchTextBox::placeholder{
  color: #000;
  opacity:0.7;
  font-style:normal;
  font-family: 'OpenSans-Regular';
}
.SearchTextBox::-moz-placeholder{
  color: #000;
  opacity:0.7;
  font-style:normal;
  font-family: 'OpenSans-Regular';
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

article {margin-bottom:1px; width:100%;}

.beefup-head {
	cursor: pointer !important;
	overflow: hidden !important;
	padding: 0px 10px 0px 0px !important;
	line-height: 25px !important;
	position: relative !important;
	text-overflow: ellipsis !important;
	display: inline !important;
}

	.beefup-head:hover {
	}

	.beefup-head:after {
		border-style: solid !important;
		border-width: 10px 10px 0 10px !important;
		border-color: #a62121 transparent transparent transparent !important;
		content: '' !important;
		position: absolute !important;
		right: 0 !important;
		height: 0 !important;
		margin-top: -4px !important;
		top: 50% !important;
		left: 100% !important;
		width: 0 !important;
	}

.open > .beefup-head:after {
	border-width: 0 10px 10px 10px !important;
	border-color: transparent transparent #a62121 transparent !important;
}
.open > .beefup-head {}

.beefup-body {}
.box{
        float:right;
        overflow: hidden; 
		background-color:#FFF;
		border:1px solid #a2a2a2;
		box-shadow:0px 0px 10px 0px #444;		
        right:0;		
		top:180px;		
		position: fixed;
        z-index:500;
		visibility: visible
    }

    .box-inner{
        width: 270px;
        padding: 10px;
		box-sizing:border-box;       

    }
	
.SlideOutBtn{
float:right; z-index:401;
top:180px;
right:0;
position: fixed;
cursor:pointer;
}




body								{ font: 12px Arial, sans-serif, Sans-Serif;  font-style:normal; } 
a									{ text-decoration: none; }
ul									{ list-style: none; margin: 0; padding: 0; z-index:1000; font-size:13px;}
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #02395a; }
ul.dropdown a:hover		            { color: #FFF; }
ul.dropdown a:active                { color: #FFF; }
ul.dropdown li a                    { display: block; padding:4px; border-right: 1px solid #333;
	 								  color: #FFF; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #002941; color: black; position: relative; color: #FFF ;}
ul.dropdown li.hover a              {  color: #FFF;}
ul.dropdown ul li.hover a              {  color:#FFF;}
ul.dropdown li ul li:hover                { background:#01446c;  position: relative; }
ul.dropdown li ul ul li:hover                { background: #002236;  position: relative; color: #000;  }
ul.dropdown li ul ul ul li:hover                { background: #01446c;  position: relative; color: #fff ;  }
ul.dropdown li ul ul ul ul li:hover                { background: #f8f8f8; color: #000;  }

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: auto; visibility: hidden; position: absolute; top: 100%; left: 0;  width:130px;  }
ul.dropdown ul li 					{ font-weight: normal; background: #d4eaf9; color: #000; 
                                       border: 1px solid #5e8fad;/*border-bottom: 1px solid #b0d7eb; */float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;  color:#000;} 
/* 

	LEVEL THREE
*/
ul.dropdown ul ul 					{ left:100%; top:0; width:195px; }
ul.dropdown ul ul li				{ background: #01446c; color: #000 !important; }
ul.dropdown li:hover > ul 			{ visibility: visible; background: #01446c; }
/* 

	LEVEL FOUR
*/
ul.dropdown ul ul ul					{ left:100%; top:0;  }
ul.dropdown ul ul ul li				{ background: #002236; color: #fff;}
ul.dropdown li:hover > ul 			{ visibility: visible; }


/*ul.dropdown li ul ul ul ul li                { background: #f8f8f8; color: #000 !important; padding:10px; }*/


hr{ border-color:#01446c}

.HoverContent{   border: 1px solid #a6b082; font-size:12px;  width:180px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          background: #f8f8f8 !important; color: #000 !important; padding:10px;
}

.HoverContent:hover{   
          background: #f8f8f8 !important; color: #000 !important; padding:10px;
}