/* CancerMath.net Stylesheet



MN and LC





/********************************/

.transparent_class {

	filter:alpha(opacity=80);

	-moz-opacity:0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

}



.rtop, .rbottom{display:block}

.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}

.r1{margin: 0 5px}

.r2{margin: 0 3px}

.r3{margin: 0 2px}

.r4{margin: 0 1px; height: 2px}



.tooltip 

{

    visibility: hidden; 

    position: absolute; 

    top: 0;  

    left: 0; 

    z-index: 2;

    font-size:x-small;

    font-family: Verdana; 

	 width: 150px;

	 color: White;

    padding: 3px; 

    border: solid 1px;

	 background-color: #7A5252;

}

.factorDialog
{
	position: absolute; 
    left:100px; 
	top:200px; 
	width:400px; 
	border:solid 3px;
	background-color: #ffffff; 
	color:#405080; 
	visibility:hidden;
}	

.fakeLink
{
    cursor: pointer;
    text-decoration: underline;
}


.inputStyle {

	color: black;

	background-color: white;

	font-family: Verdana;

	font-size: 1em;

}

.smallButton {
 /*   font-size: 8pt;
    border-color:#405080; 
    color: black;
    background-color: #EEEEEE;
    font-family: Times;*/
    font-size: 7pt;
}
  



/************ BASE ELEMENTS ************/



body {

	padding: 0px;

	margin: 0px;

	background-color: White;

	font-family: Verdana;

}




h1 {

     font-size:2em;

     margin:0px;

     }



a {

     

     }

     

a:active {

}



a:hover {

}

.badnews {

	color: red;

        font-weight: bold;

}

.goodnews {

	color: green;

        font-weight: bold;

}


a:visited {

}

.infoheader {
    font-weight:bold;
    cursor:help;
}

.toolText {
    cursor:help;
}

.infoElement {
    cursor:help
}

table tr.r0{
    background: #f1f1ff;
    }
    
table tr.r1{
    background: #e5e5ff;
    }


#wrap {

	width: 650px;

	margin: 0px auto;

	margin-top: 20px;

	font-family: Georgia, Garamond, Times;

	color: #405080;

	padding: 0px;

}



     



/*********** HEADER ***************/



#header {

width: 650px;

	color: White;

	background-color: #405080;

	background-image: url(../i/bg-top.gif);	

	background-repeat: no-repeat;

	font-size: 1.3em;

	font-family: Georgia, Garamond, Times;

	height: 125px;

	text-align: center;

	padding: 0px;

}

     

#header a, a:hover, a:visited, a:active, a:link, p {

     color: White;

     text-decoration:none;

}



#header-title {

	padding: 25px;

}

     

/************ MAIN CONTENT  *********/



#content-home {

float: left;

clear: both;

width: 605px;

	margin: 0px;

	padding-left: 45px;

	background-color: #BFCFFF;

	background-image: url(../i/home-bg.gif);

	background-repeat: no-repeat;

	height: 425px;

}



#content {

width: 620px;

padding: 0px 0px 0px 30px;

	background-color: #BFCFFF;

	background-image: url(../i/bg-middle.gif);

	background-repeat: repeat-y;

	font-size: 0.7em;

	font-family: Verdana;

}



#content p {

	font-family: Verdana;

	font-size: 0.9em;

  color: #405080;

	text-align: justify;

	float: left;

	width: 550px;

	padding: 0px 0px 0px 0px;

	margin: 10px 10px 0px 10px;

}



#content p a, p a:visited, p a:active, p a:link {

     color: #405080;

     text-decoration: none;

} 

#content p a:hover {

     color: #5970A6;

     text-decoration: none;

}




#content a, a:visited, a:active, a:link {

     color: #405080;

     text-decoration: underline;

}

#content a:hover {

     color: #405080;

     text-decoration: none;

}



#content-math {

width: 620px;

padding: 0px 0px 0px 30px;

	background-color: #BFCFFF;

	background-image: url(../i/bg-middle.gif);

	background-repeat: repeat-y;

	font-size: 0.7em;

	font-family: Verdana;

}

#content-math p {

	font-family: Verdana;

	font-size: 1em;

  color: black;

	text-align: justify;

	float: left;

	width: 550px;

	padding: 0px 0px 0px 0px;

	margin: 10px 10px 0px 10px;

}

#content-math p a, p a:visited, p a:active, p a:link {

     color: #405080;

     text-decoration: underline;

} 

#content-math p a:hover {

     color: #5970A6;

     text-decoration: none;

}

#content-math img {

	vertical-align: middle;

}

#content-math table {

	font-family: Verdana;

	font-size: 1em;

	color: black;

  border-style: solid;

  border-color: black;

  float: left;

	width: 550px;

	margin: 10px 10px 0px 10px;

}

#content-math td {

  border-width: 1px;

  border-style: solid;

}

#content-math-toc {

width: 620px;

padding: 0px 0px 0px 30px;

	background-color: #BFCFFF;

	background-image: url(../i/bg-middle.gif);

	background-repeat: repeat-y;

	font-size: 0.7em;

	font-family: Verdana;

	}

#content-math-toc table {

	font-family: Verdana;

	font-size: 1em;

	color: black;

  border-style: solid;

  border-color: black;

  float: left;

	width: 552px;

	margin: 10px 10px 0px 10px;

	border-color: #5970A6;

	table-layout: fixed;

}

#content-math-toc td {

  border-width: 1px;

  border-style: solid;

  text-align: center;

  width: 120px;

  height: 120px;

}



#infoForm {

     color: #405080;

	float: left;

	width: 225px;

	margin-left: 0px;

}



#infoForm table{

	font-family: Verdana;

	font-size: 0.9em;
	
	margin: 1px;
    
    border: 0px; 
    
    /*background-image: url('/cancer/i/roundbox.jpg');*/

}

#infoForm table td {
    padding: 3px;
    }


    
#graph {

	float: left;

	margin: 0px 0px 0px 0px;

	display: block;

	text-align: center;

	font-size: 0.9em;

	font-family: Verdana;

	width: 360px;

}



#results {

	float: left;

	margin-left: 25px;

	display: block;

	text-align: justify;

	font-size: 0.9em;

	font-family: Verdana;

	width: 325px;	

}




/******* NAVIGATION **********/



#home-nav {

	background-color: #405080;

	padding: 0px;

	float: left;

	margin-left: 0px;

	margin-top: 125px;

	width: 180px;

	color: White;

	font-family: Georgia, Garamond, Times;

	cursor: default;

}



#home-nav ul {

	padding: 0px 0px 0px 10px;

	list-style-type: none;

	font-size: 1.25em;

	font-weight: bold;

	line-height: 1.2;

	margin-left: 0px;

}

 

#home-nav li a {

	display: block;

	color: White;

	text-decoration: none;

} 



.home-nav-sub {

     display:none;

     background-color:#5970A6;

	  float: left;

	margin-top: 125px;

	margin-bottom: 10px;

	  width: 180px;

	font-size: 0.9em;

	font-weight: bold;

	  color: White;

	font-family: Georgia, Garamond, Times;

	cursor: default;

}



.home-nav-sub ul {

	padding: 0px 0px 0px 5px;

     list-style-type:none;

     font-size:1em;

	margin-left: 0px;

}

	  

.home-nav-sub li a {

	margin-left: 0px;

	display: block;

	color: White;

	text-decoration: none;

	cursor: pointer;

}

.home-nav-sub li a:visited {

	color: White;

	text-decoration: none;

	cursor: pointer;

}

.home-nav-sub li a:hover {

     background-color:#7A5252;

}   



#home-nav-sub-desc {

	padding: 0px;

     display:none;

     background-color: #7A5252;

	  float: left;

	margin-top: 125px;

	margin-left: 20px;

	margin-bottom: 10px;

	  width: 180px;

	font-size: 0.9em;

	  color: White;

	font-family: Georgia, Garamond, Times;

}



#navbar {

	background-color: #405080;

	padding: 0px;

	margin: 0px 25px 0px 25px;

	width: 600px;

	color: White;

	font-family: Verdana;

	cursor: default;

	vertical-align: middle;

}

#navbar ul {

	padding: 0px;

	display: inline;

	list-style-type: none;

}

#navbar li {

	display: inline;

	list-style-type: none;

	padding-right: 30px;

	font-size: 0.6em;

	font-weight: bold;

	color: White;

	text-decoration: none;

} 



.navbar-sub {

display: none;

	background-color: #5970A6;

	padding: 0px;

	float: left;

	margin: 0px 25px 0px 25px;

	width: 600px;

	color: White;

	font-family: Verdana;

	cursor: default;

	vertical-align: middle;

}

.navbar-sub ul {

	display: inline;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}

.navbar-sub li {

	display: inline;

	list-style-type: none;

	margin: 0px;

	padding-left: 0px;

	padding-right: 15px;

	font-size: 0.6em;

	color: White;

	text-decoration: none;

	cursor: pointer;

}    

.navbar-sub li a:hover {

     background-color:#7A5252;

}  

/*********** FOOTER ***************/



#footer {

	color: #405080;

	background-color: White;

	background-image: url(../i/bg-bottom.gif);	

	background-repeat: no-repeat;

	height: 37px;

}



#footer-wrap {

	padding-left: 50px;

	padding-right: 50px;

	font-size: 0.6em;

	display: block;

}

#footer-wrap a, a:visited, a:active, a:link {

	color: #405080;

	text-decoration: underline;

}

#footer-wrap a:hover {

	color: #405080;

	text-decoration: underline;

}



#footer-logo {

	vertical-align: middle;

	float: left;

	margin-right: 5px;

	margin-left: 0px;

}

#footer-affil {

	float: left;

	display: block;

	vertical-align: middle;

}

#copyright {

float: right;

margin-right: 0px;

	display: block;

	margin-top: 0px;

}

#feedback {

	margin: 0px auto;

}