/* CSS Document */
@charset "utf-8";
body{ background-color:#FFFFFF; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif }
#wraper{
	width:100%;
	background-color:#FFFFFF;
	margin:auto;
}
#header{
	width:98%;
	height:120px;
	margin:auto;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#main_content{
width:99%;

}



.clear12{clear:left; height:100px;}
.clear5{clear:left; height:50px;}
.clear2{clear:left; height:20px;}
.footer-box{
	float:left;
	background-color:#333333;
	width:100%;
}
.footer-box ul{ margin:0px}
.logo-box{
	font-family:Arial, Helvetica, sans-serif;
	font-size:44px;
	font-weight:700;
	color:#333333;
	text-align:left;
	padding-top:30px;
	width:400px;
	float:left
}
.copyright-box{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:700;
	color:#333333;
	text-align:left;
	padding-top:30px;
	width:400px;
	float:none
}
.graph-box-left{
	
	color:#333333;
	text-align:left;
	width:500px;
	float:left
}
.filter-box-left{
	
	color:#333333;
	text-align:left;
	width:60%;
	float:left
}
.filter-box-right{
	
	color:#333333;
	text-align:left;
	width:30%;
	float:right
}
.graph-box-right{
	
	color:#333333;
	text-align:right;
	width:300px;
	float:left
}
.companyLabel{
	width:350px;
	float:left;
	text-align: right;
	margin: 12px;
}
.companyLabel1{
	width:150px;
	float:left;
	text-align: left;
	margin: 12px;
}
.company{
	padding-top:1px;
	padding-bottom: 1px;
	height:40px;
	text-align:left;
}
.company-detailsleft{
	float:left;
	width:40px;
}
.company-detailsright{
	width:900px;
	float: left;
	text-align: left;
}
.analyze-submit{ float:right; width:110px; }
.analyzenext-submit{ float:right; width:190px; }
.right-box{ float:right; width:590px; }
.right-box-links{
	float:right;
	padding-right:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#00CC00;
}
.logo-box span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:44px;
	font-weight:700;
	color:#00CC00;
}
.steps-box{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:700;
	color:#333333;
	text-align:left;
	width:250px;
	float:left
}
.steps-box span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:500;
	color:#00CC00;
}
.subhead{ font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:700; color:#000; width:100%;  text-align:right;  vertical-align:bottom; float:right;     padding-top: 30px;
    padding-right: 30px; }
.headlink{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:700; color:#000; width:100%; text-align:right;  vertical-align:top; height:60px; float:right; padding-top:10px;  }
.headlink a{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:700; color:#000;  text-align:right;    text-decoration:none  }
.headlink a:hover{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:700; color:#000;  text-align:right;    text-decoration:underline  }
.headlink a:selected{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:700; color:#000;  text-align:right;   text-decoration:none  }
.footer-box li{list-style-type:none;font-size:12px; margin-left:15px; padding:10px; float:left;  color:#FFF; font-weight:bold; }
.company input[type="text"]{
	background:url(../selectbox.png) no-repeat;
	font-size:14px;
	color:#009900;
	height:30px;
	width:225px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 6px;





*padding-top:4px;}
h2{font-size:18px;color:#21759b;padding:10px;}
.greytxt12{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color: #111;
}
.greytxt14grey{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color: #333333;
}
.redtxt12{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: #FF0000;
}
.greentxt12{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #00DD2D;
}
.commentstxt14{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #6CCE6C;
}
.commentstxt12{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #6CCE6C;
}

.greentxt14{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #00DD2D;
}
.greytxt14{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color: #FFFFFF;
	white-space: normal;
}

.greytxt18{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color: #FFFFFF;
	white-space: normal;
}
.cellcompanydetails{
	background-color:#A9E2A9;
	height:35px;
}

.cell{
	background-color:#A9E2A9;
	height:25px;
}
.helpimagesize{
	height:26px;
	width: 25px;
}
.celldark{
	background-color:#00F400;
	height:25px;
}
h3{
	font-size:14px;
	color:#333333;
	padding:5px;
	vertical-align:bottom
}
.btn{
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
	background-color: #666666;
	border-radius: 5px;
	border-bottom-color: #333333;
	box-shadow:none;
	cursor: pointer;
	outline: medium none;
	color: #fff;
	
	padding:0 15px;



	*padding:0; /* IE 7 and below */
	_padding:0; /* IE 6 and below */
	_bac\padding:0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn:hover{
	background-color: #00CC00;
	color:#ffffff
} 
.inn_box{ float:left; width:198px; border:0px solid #eee; height:140px; vertical-align:bottom; padding-top:0px}

  
.txtarea{
overflow: auto;
}
 a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {
	text-decoration:none;
	font-size: 12px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #996600;
} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:60px; margin-left:-100px;
    width:1000px; line-height:20px;
}
a.tooltip:hover span{
	display:inline;
	position:absolute;
	border:2px solid #A9E2A9;
	color:#000000;
	background:#A9E2A9;
}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
        
    -moz-box-shadow: 0px 0px 8px 4px #666;
    -webkit-box-shadow: 0px 0px 8px 4px #666;
    box-shadow: 0px 0px 8px 4px #666;

    opacity: 1;
}
a:link{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#00CC00;
}

a:visited{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#00CC00;
	text-decoration:underline ;
}
a:active{ font-family:  Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none;}
a:hover{ font-family:  Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none;}
.redtxt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#006600;
}
 a.tooltipSearch {outline:none; }
a.tooltipSearch strong {line-height:30px;}
a.tooltipSearch:hover {
	text-decoration:none;
	font-size: 12px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #996600;
} 
a.tooltipSearch span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-0px; margin-left:-100px;
    width:300px; line-height:20px;
}
a.tooltipSearch:hover span{
	display:inline;
	position:absolute;
	border:2px solid #A9E2A9;
	color:#000000;
	background:#A9E2A9;
}
    
/*CSS3 extras*/
a.tooltipSearch span
{
    border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
        
    -moz-box-shadow: 0px 0px 8px 4px #666;
    -webkit-box-shadow: 0px 0px 8px 4px #666;
    box-shadow: 0px 0px 8px 4px #666;

    opacity: 1;
}

.scrollable-content {
    max-height: 120px; /* Set your desired height */
    overflow-y: auto;  /* Enable vertical scrolling */
	border:1px solid #cfcfcf;
	font-size:12px;
}

/* Modal background */
.modal {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 1000; /* On top */
}

/* Modal content box */
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
	color:#111;
    padding: 30px;
    border-radius: 10px;
    width: 600px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
}

/* Close button */
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
}

/* Add some style to the link */
a {
    text-decoration: none;
    color: blue;
    font-size: 18px;
    cursor: pointer;
}

.usertxt {
	color:#7b9b54!important;
	font-size:12px;
}

ul.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: #333;
    text-align: center;
}

ul.menu > li {
    display: inline-block;
    position: relative;
}

ul.menu > li > a {
    display: block;
    padding: 15px 20px;
    color: white;
    text-decoration: none;
    background-color: #333;
}

ul.menu > li:hover > a {
    background-color: #444;
}

ul.submenu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    list-style-type: none;
    background-color: #333;
    padding: 0;
    margin: 0;
    min-width: 200px;
    box-sizing: border-box; /* Make padding part of the total width/height */
}

ul.submenu > li > a {
    padding: 5px 20px;
    color: white;
    text-decoration: none;
    display: block;
}

ul.submenu > li > a:hover {
    background-color: #555;
}

/* Optional: Adding some transition for smooth opening/closing */
ul.submenu {
    transition: all 0.3s ease;
}

/* Ensure submenu doesn't have extra space or padding when hidden */
.menu-item > .submenu {
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.menu-item:hover > .submenu {
    visibility: visible;
    opacity: 1;
    height: auto;
}