/* Horizontall Menu*/
.horizontalMenu {
            position: relative;
            height: 25px;
            width: 690px;
           /* background: url("img/bg3.png") no-repeat top;*/
			clear: both;
background-image: linear-gradient(bottom, rgb(209,214,223) 0%, rgb(143,154,175) 35%, rgb(75,95,129) 62%);
background-image: -o-linear-gradient(bottom, rgb(209,214,223) 0%, rgb(143,154,175) 35%, rgb(75,95,129) 62%);
background-image: -moz-linear-gradient(bottom, rgb(209,214,223) 0%, rgb(143,154,175) 35%, rgb(75,95,129) 62%);
background-image: -webkit-linear-gradient(bottom, rgb(209,214,223) 0%, rgb(143,154,175) 35%, rgb(75,95,129) 62%);


background: -ms-linear-gradient(top,  rgb(209,214,223) 0%,rgb(143,154,175) 35%, rgb(75,95,129) 62%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(209,214,223) 0%rgb(143,154,175) 35%, rgb(75,95,129) 62%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D1D6DF', endColorstr='#4B5F80',GradientType=0 ); /* IE6-9 */

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(209,214,223)),
	color-stop(0.35, rgb(143,154,175)),
	color-stop(0.62, rgb(75,95,129))
);

	border-radius: 60px;/*IE9*/
	-moz-border-radius: 60px;
    -khtml-border-radius: 60px;
    -webkit-border-radius: 60px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);	
  
	position: relative; 
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
	
	 padding:15px;
			padding-left:20px;
            margin: 0px 0;
			margin-bottom:15px;
            overflow: hidden;
        }
                .horizontalMenu li {
                    float: left;
                    list-style: none;
                }
                    .horizontalMenu li.back {
                        background: url("img/lava.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .horizontalMenu li.back .left {
                            background: url("img/lava.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .horizontalMenu li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        <!--text-transform: uppercase;-->
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .horizontalMenu li a:hover, .horizontalMenu li a:active, .horizontalMenu li a:visited {
                            border:none;
                        }
						
/* End of Horizontal Menu */	


/* Drop-down Menu*/


ul{
	margin:0;
	padding:0;
}


ul.container2{
	/* The topmost UL */
	width:100%;
	margin:0 auto;
	padding:0px;
	
}

li{
	list-style:none;
	text-align:left;
}

li.menu2{
	/* The main list elements */
	padding:5px 0;
	width:100%;
}

li.button a{
	/* The section titles */
	display:block;
	font-family:BPreplay,Arial,Helvetica,sans-serif;
	font-size:12px;
	height: 20px;
	overflow:hidden;
	padding:10px 20px 0;
	position:relative;
	text-align:left;
	width:120px;
}

li.button a:hover{
	/* Removing the inherited underline from the titles */
	text-decoration:none;
}

li.button a span{
	/* This span acts as the right part of the section's background */
	height:44px;
	position:absolute;
	right:0;
	top:0;
	width:0px;
	display:block;
}


/* Setting up different styles for each section color */



li.button a.grey{background:url(img/grey5.png) repeat-x top left; color:#641603;}
li.button a.grey span{ background:url(img/grey5.png) repeat-x top right;}

/* The hover effects */

li.button a:hover{ background-position:bottom left;}
li.button a:hover span{ background-position:bottom right;}

li.button2 a{
	/* The section titles */
	display:block;
	font-family:BPreplay,Arial,Helvetica,sans-serif;
	font-size:12px;
	height: 20px;
	overflow:hidden;
	padding:10px 20px 0;
	position:relative;
	text-align:left;
	width:120px;
}

li.button2 a:hover{
	/* Removing the inherited underline from the titles */
	text-decoration:none;
}

li.button2 a span{
	/* This span acts as the right part of the section's background */
	height:44px;
	position:absolute;
	right:0;
	top:0;
	width:0px;
	display:block;
}


/* Setting up different styles for each section color */



li.button2 a.grey{background:url(img/grey5.png) repeat-x top left; color:#641603;}
li.button2 a.grey span{ background:url(img/grey5.png) repeat-x top right;}

/* The hover effects */

li.button2 a:hover{ background-position:bottom left;}
li.button2 a:hover span{ background-position:bottom right;}

.dropdown{
	/* The expandable lists */
	display:none;
	padding-top:5px;
	padding-left:0px;
	font-size:14px;
	width:100%;
}

.dropdown li{
	/* Each element in the expandable list */
	/*background: url(img/list5.png) repeat-x top left;*/
	background-color:#CCCCCC;
	border:1px solid #989898 ;
	color:#CCCCCC;
	margin:5px 0;
	padding:4px 18px;
	text-align:center;
}

a:hover{
	text-decoration:none;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}


	#floatMenu {
		position:absolute;
		top:315px;
		left:0%;
		margin-left:20px;
		width:160px;
		}
		#floatMenu ul {
			margin-bottom:0px;
			}



/*Slide overlay*/


        a.activator{
            cursor:pointer;
        }
        /* Style for overlay and box */
        .overlay{
            background:transparent url(img/overlay.png) repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        .box{
            position:fixed;
            top:-800px;
            left:30%;
            right:30%;
            background-color:#fff;
            color:#7F7F7F;
            padding:20px;
            border:2px solid #ccc;
            -moz-border-radius: 20px;
            -webkit-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101;
        }
        .box h1{
            border-bottom: 1px dashed #7F7F7F;
            margin:-20px -20px 0px -20px;
            padding:10px;
            background-color:#FFEFEF;
            color:#EF7777;
            -moz-border-radius:20px 20px 0px 0px;
            -webkit-border-top-left-radius: 20px;
            -webkit-border-top-right-radius: 20px;
            -khtml-border-top-left-radius: 20px;
            -khtml-border-top-right-radius: 20px;
        }
        a.boxclose{
            float:right;
            width:26px;
            height:26px;
            background:transparent url(img/cancel.png) repeat top left;
            margin-top:-30px;
            margin-right:-30px;
            cursor:pointer;
        }


/*Custom*/

H10{
	font-size:24px;
	color:#506284;
}

p{
word-spacing:8px;	
}


/*HTML Hidden Pages
web*/
.webHTML {
	width: 883px;
	left:0px;
	padding:35px;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
	overflow:hidden;
	display:none;
}

/*Menu Research*/

button.researchMenu{
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button.researchMenu:hover {
	text-decoration: none;
}
.button.researchMenu:active {
	position: relative;
	top: 1px;
}

.orange {
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

a.researchLink{
	float:left;
	font-size:12px;
	color:#000;
	text-decoration:none;
	margin-left:10px;
	
}
/*
a.researchLink:hover {background-color:#6CF;}
*/

/*HTML Hidden Pages Research*/
.webResearch {
	left:0px;
	padding:35px;
	min-width:800px;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
	overflow:hidden;
	display:none;
}

.webResearchDetails {
	left:0px;
	padding:20px;
	margin:15px;
	
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
	overflow:hidden;
	display:none;
}

ul.reserachli{
	
}

li.reserachli{
	list-style:outside;
}

li.reserachliNum{
	list-style:decimal;
}

.detailsButton{
	width:900px;
	height:30px;
	text-align:left;
	font-size: 1em;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #cccccc;
		background-color:#FFFFFF;
		margin: 0;
}

.results{
	left:0px;
	padding:20px;
	margin:15px;
	
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
	overflow:hidden;
	display:none;
}

.diaxisiResutls{
	left:0px;
	padding:20px;
	margin:15px;
	
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
	overflow:hidden;
	display:none;
}