@CHARSET "ISO-8859-1";

/**
 * Global selectors for HTML, BODY, etc.
 * 
 */
html, body { 
	width: 100%; 
	height: 100%; 
	margin: 0; 
	overflow:hidden;
	font-family:helvetica,arial,sans-serif; 
	font-size:90%;
	background-color: #eeeeee;
}

/**
 * Header related styling
 */
#header {
	height: 50px;
	background-color: white;
	border-bottom: 6px solid #d00000;
	background-image: url('img/banner.png');
	overflow: hidden;
}

#headerLogoContainer {
	float: left;
}

#headerTitle {
    color: #202020;
    display: block;
    font-family: Palatino Linotype;
    font-size: 27px;
    font-weight: bold;
    text-shadow: 4px 4px 2px #a0a0a0;
    margin: 10px 200px 0 -200px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

#companyLogo {
	width: auto;
	height: auto;
}

/**
 * Content area related styling
 */
#layout {
	width: 100%;
	height: 100%;
    font-family:Tahoma;
    font-size:13px;
}

.navpane{
    width: 280px;
    overflow:auto;
    overflow-x:hidden;
    padding:none;
    margin:none;
    font-family:Tahoma;
    font-size:13px;
    background-image:url('./img/bg.png');
    /*background-color:#CEE7FF;*/
 /*   background-image: linear-gradient(top, rgb(255,240,240) 0%, rgb(240,240,255) 100%);
    background-image: -o-linear-gradient(top, rgb(255,240,240) 0%, rgb(240,240,255) 100%);
    background-image: -moz-linear-gradient(top, rgb(255,240,240) 0%, rgb(240,240,255) 100%);
    background-image: -webkit-linear-gradient(top, rgb(255,240,240) 0%, rgb(240,240,255) 100%);
    background-image: -ms-linear-gradient(top, rgb(255,240,240) 0%, rgb(240,240,255) 100%);

    background-image: -webkit-gradient(
        linear,
        right top,
        right bottom,
        color-stop(0.0, rgb(255,240,240)),
        color-stop(1.0, rgb(240,240,255))
    );*/
}

.boundingbox{
    background-color:#FFFFFF;
    border-color:light-gray;
    border-style:dotted;
    border-width:1px;
    padding:5px;
    width:250px;
}

.helpboundingbox{
    background-color:#FFF0E4;
    border-color:#63B1BF;
    border-style:solid;
    border-width:2px;
    padding:5px;
    width:249px;
    text-align:center;
}

/**
 * To set fixed width for all the select boxes
 */
.dijitSelect{
    margin-top:5px;
}

.dijitSelect .dijitButtonText {
    text-align: left;
}

.dijitSelectLabel {
    width: 220px;
    overflow: hidden;
    font-size:10pt;
}

/**
 * So that the paragraphs in the start page have so space on either side of the page
 */
div#content-container p {
margin-left:50px;
margin-right:50px;
}

/**
 * For the check marks beside selected items
 */
.ticked{
    width:25px;
    height:25px;
    margin-right:5px;
    visibility: visible;
}
 
/**
 * Formatting the rotator used for selecting alternative heat map types
 */
.rotator{
    border:none;
    padding:none;
    margin:none;
    width:100%;
    height:650px;
    overflow:hidden;
}
.pane{
    /*width:240px;
    height:500px;*/
    /*background-image: linear-gradient(top, rgb(255,255,255) 35%, rgb(250,227,227) 68%);
    background-image: -o-linear-gradient(top, rgb(224,232,252) 35%, rgb(250,227,227) 68%);
    background-image: -moz-linear-gradient(top, rgb(224,232,252) 35%, rgb(250,227,227) 68%);
    background-image: -webkit-linear-gradient(top, rgb(224,232,252) 35%, rgb(250,227,227) 68%);
    background-image: -ms-linear-gradient(top, rgb(224,232,252) 35%, rgb(250,227,227) 68%);

    background-image: -webkit-gradient(
        linear,
        right top,
        right bottom,
        color-stop(0.35, rgb(224,232,252)),
        color-stop(0.68, rgb(250,227,227))
    );*/
/*    background-image: linear-gradient(top, rgb(255,240,240) 0%, rgb(240,240,255) 100%);
    background-image: -o-linear-gradient(top, rgb(255,240,240) 0%, rgb(240,240,255) 100%);
    background-image: -moz-linear-gradient(top, rgb(255,240,240) 0%, rgb(240,240,255) 100%);
    background-image: -webkit-linear-gradient(top, rgb(255,240,240) 0%, rgb(240,240,255) 100%);
    background-image: -ms-linear-gradient(top, rgb(255,240,240) 0%, rgb(240,240,255) 100%);*/

    /*background:rgb(255,240,240);*/
    
    width:100%;
    height:450px%;
    overflow:hidden;
    margin:none;
    padding:none;
}


/**
 * Formatting for the table of NG-CHM images
 */

.ResultsTable {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #494949;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.ResultsTable table{
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.ResultsTable tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.ResultsTable table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.ResultsTable table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.ResultsTable tr:last-child td:first-child {
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.ResultsTable tr:hover td{
	background-color:#ffffff;
}.ResultsTable td{
	vertical-align:middle;
	
	background-color:#ffffff;

	border:1px solid #494949;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:4px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}.ResultsTable td:first-child {
	font-size:14px;
}.ResultsTable tr:last-child td{
	border-width:0px 1px 0px 0px;
}.ResultsTable tr td:last-child {
	border-width:0px 0px 1px 0px;
}.ResultsTable tr:last-child td:last-child {
	border-width:0px 0px 0px 0px;
}.ResultsTable tr:first-child td {
    background:-o-linear-gradient(bottom, #dbecfc 5%, #8cc5ff 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dbecfc), color-stop(1, #8cc5ff) );
	background:-moz-linear-gradient( center top, #dbecfc 5%, #8cc5ff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#dbecfc", endColorstr="#8cc5ff");	background: -o-linear-gradient(top,#dbecfc,8cc5ff);

	background-color:#dbecfc;
	border:0px solid #494949;
	text-align:center;
	border-width:0px 0px 1px 1px;
	/*font-size:14px;*/
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}.ResultsTable tr:first-child:hover td {
	background:-o-linear-gradient(bottom, #dbecfc 5%, #8cc5ff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dbecfc), color-stop(1, #8cc5ff) );
	background:-moz-linear-gradient( center top, #dbecfc 5%, #8cc5ff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#dbecfc", endColorstr="#8cc5ff");	background: -o-linear-gradient(top,#dbecfc,8cc5ff);

	background-color:#dbecfc;
}.ResultsTable tr:first-child td:first-child {
	border-width:0px 0px 1px 0px;
}.ResultsTable tr:first-child td:last-child {
	border-width:0px 0px 1px 1px;
}