/* 
2006
RNA/DNA Pages
style sheet for COBWEB home page http://cobweb.aecom.yu.edu/index.php 

-pd schmidt 
January 2006
-in progress January 23rd, 2006

-change log
Nov. 2006
 IE Mac Fix; Made z-indexes for primary containers instead of relying on auto z-index
 Dec. 2006 Added a little holiday graphic, div#NADA, div#NADANoS /img/lib/backgrounds/funkyholiday.jpg
 Jan. 2007 Removed Holiday Grapic - 
*/
/*
------- mainDisplay is the Primary Container for all the other divs' -------
 **note it is fixed width
 **no reported browser problems (ie box model)
 +children menuArea
*/
body {
	background-color:#fff;
	margin:0px 10px;
}
div#header {
	border-left:1px solid black;
	border-right:1px solid black;
}
div#mainDisplay {
	background-image: url(/themes/dna/rnahome_bnotype.jpg);
	background-repeat: no-repeat;
	border-left:1px solid #000066;
	border-right:1px solid #000066;
	height:515px;
	margin-top: 0px;
	margin-bottom:0px;	
	/*margin-left:auto;
	margin-right:auto;*/
	padding: 0px;
	position: relative;
	width: auto; /*was 700px in 2005-07*/
	z-index:5;
}
html>body div#mainDisplay { /*for IE*/	
	min-height:500px;
}
/*===menus===*/
/*
------- menuArea is the div where the section menus will be displayed (its children)' -------
-parent: mainDisplay
+children: #aecom, #cbe, #themes, #special, #yr1, #yr2, #yr3, #yr4, #yr0, #NADA, #weather
*/
div#menuArea {
	font-size:smaller;
}

#ome, #aecom, #cbe, #themes, #special, #yr1, #yr2, #yr3, #yr4, #yr0, #NADA, #weather, #curric12  {
	/*background: url("../img/home/molecules3.gif") right top no-repeat;*/
	/*-BROWSER BUG? there seems to be a bug in SAFARI with background image positioning and visiblity. 
	  if I set the visibility to visible, the background shows correctly on the right of the div box.
	 */
	/*Had to set a default font size for instances such as Firefox where there could be NO size for a font (or very small)*/
	background-image: url("/img/home/molecules3.png");
	background-position: right top;
	background-repeat:repeat-y;
	border: 3px solid #6b8cd3;
	font-size:13px; 
	height: auto;
	left: 335px;
	margin-right: 8px;
	padding: 5px 30px;
	top: 5px;
	visibility: hidden;
	width: 295px; /*may want auto*/
	z-index:10;
}
div#curric12 {
	left: 270px;
	position:absolute;
	width: auto;
}
div#curric12_text {
	background-color:#fff;
}
div#yr0, div#ome {
	 position:absolute; 
	 
}

div#yr1 {
	position:absolute;background-color: #EEEEEE;
}

div#yr2 {
	position:absolute; background-color: #EEEEEE;
}

div#yr3 {
	position:absolute; background-color: #EEEEEE;
}

div#yr4 {
	position:absolute; background-color: #000;
}

div#aecom {
	position:absolute; background-color: #AAAAAA;
}
div#cbe {
	position:absolute; background-color: #D5E3FE;

}
div#themes {
	position:absolute;
}
div#themes h3, div#special h3{
	color:#314681;
}
div#special {
	position:absolute; background-color: #79A75C;
}
div#NADA, div#NADANoS {
	/*background-color: #6699CC;*/
	/*background-image:url(/img/lib/backgrounds/roundrect_bluetint.png);
	background-repeat:no-repeat;*/
	/* Holiday Graphic 
	background-image: url(/img/lib/backgrounds/funkyholiday.jpg);
	background-position: left top;
	background-repeat:repeat-y;
	padding-bottom:100px;
	padding-left:60px;
	padding-top:30px;
	*/
	/*color:#206C86;*/
	background-image:none;
	border:none;
	color:#00176B;
	margin:0px;
	padding:0px;
	position:absolute; 
	visibility: visible;
	width:auto;
}
div#weather {
	position:absolute; 
}
/*image buttons  prefixed b_*/
div#b_curric12 a:hover, div#b_curric12 a:active, div#b_aecom a:hover, div#b_aecom a:active, div#b_cbe a:hover, div#b_cbe a:active {
	border:none;
	text-decoration: none;
}
div#b_curric12 {
	height: 25px;
	left: 155px;
	position: absolute;
	right: 10px;
	top: 08px;
	visibility: visible;
	width: 100px;
	z-index:10;/*z-index: auto;*/
}
div#b_NADA {
	position: absolute;
	top: -50px;left: -50px;
	visibility: visible;
	height: 75px;width: 150px;
	z-index:10;/*z-index: auto;*/
}
div#b_ome {
	height: 25px;
	left: 150px;
	position: absolute;
	top: 20px;
	visibility: visible;
	width: 100px;
	z-index:10;/*z-index: auto;*/
}
div#b_aecom {
	height: 25px;
	left: 54px;
	position: absolute;
	right: 10px;
	top: 78px;
	visibility: visible;
	width: 100px;
	z-index:10;/*z-index: auto;*/
}

div#b_cbe {
	height: 25px;
	left: 165px;
	position:absolute;
	top: 431px;
	visibility:visible;
	width:100px;
	z-index:10;/*z-index: auto;*/
}

div#b_special {
	height: 25px;
	left: 60px;
	position: absolute;
	top: 168px;
	width: 100px;
	visibility: visible;
	z-index:10;/*z-index: auto;*/
}
div#b_themes {
	height:19px;
	left: 105px;
	position:absolute;
	top: 267px;
	width: 100px;
	visibility:visible;
	z-index:10;/*z-index: auto;*/	
}
div#b_yr1 {
	height: 25px;
	left: 97px;
	position: absolute;
	top: 124px;
	visibility: visible;
	width: 100px;
	z-index:10;/*z-index: auto;*/
}
div#b_yr2 {
	height: 25px;
	left: 145px;
	position: absolute;
	top: 214px;
	visibility: visible;
	width: 100px;
	z-index:10;/*z-index: auto;*/
}
div#b_yr3 {
	height: 25px;
	left: 192px;
	position: absolute;
	top: 312px;
	visibility: visible;
	width: 100px;
	z-index:10;/*z-index: auto;*/
}
div#b_yr4 {
	height: 25px;
	left: 239px;
	position: absolute;
	top: 390px;
	visibility: visible;
	width: 100px;
	z-index:10;/*z-index: auto;*/
}

div#b_weather {
	height: 25px;
	left: 5px;
	position: absolute;
	top: 485px;
	visibility: visible;
	width: 327px;
	z-index:10;/*z-index: auto;*/
}
/* closing buttons */
#x_yr1, #x_yr2, #x_yr3, #x_yr4, #x_cbe, #x_aecom, #x_special, #x_themes, #x_NADA, #x_weather, #x_ome{
	position:relative;
	right: 0px;	
}

/* end of closing buttons */
/*styles in menu boxes*/
.years_h  {
	background-image:url(/img/lib/backgrounds/semitrans_blugr25.png);
	background-repeat: repeat;
	border-top: thin none #99CCFF;
	border-right: thin solid #99CCFF;
	border-bottom: thin dashed #99CCFF;
	border-left: thin solid #99CCFF;
	color: #353C68;
	font-family: Futura, "Helvetica Neue", Verdana, sans-serif;
	/*font-style: italic;*/
	font-size:.9em;
	padding-bottom: 3px;
	text-align: left;
	}
.years_h a{ 
  color: #353C68;
 }
.years_hdr, .years_hdrNoS  {
	color: #628cc6;
	font-family: Futura, "Helvetica Neue", Verdana, sans-serif;
	font-size: 103%;
	font-weight: bolder;
	margin: 3px;
}
div#themes .years_h  {
	background-image:url(/img/lib/backgrounds/semitrans_purblu_30.png);
	background-repeat: repeat;
}
div#special .years_h  {
	background-image:url(/img/lib/backgrounds/semitrans_grn_30.png);
	background-repeat: repeat;
}	
div#cbe .years_h{
	background-image:url(/img/lib/backgrounds/semitrans_brick_30.png);
	background-repeat: repeat;
}	
div#aecom .years_h{
	background-image:url(/img/lib/backgrounds/semitrans_orche_20.png);
	background-repeat: repeat;
}
div#specialnotice {
background-color:#FFFF00;
border:.1em #517AE5 double;\
  border-top:2px dotted red;
color:#000066;
font-size:.9em;
margin-top:00px;
padding-bottom:1em;	
}
div#specialnotice h2 {
  color:#FF0;
  min-height:1.2em;	
  border-top:2px dotted red;
}
/* 
header footer changes for HOME 

Safari does not display inline-block like mozilla

*/

div#footer {
	border-left:1px solid #000066;
	border-right:1px solid #000066;
	border-bottom:1px solid #000066;
	background-image: url(/img/home/yuplace.jpg);
	background-repeat: no-repeat;
	font-size:11px;/*fixed size due to reuse and keeping height limited*/
	min-height:230px;
	padding:0px;
	padding-top:20px;
	position:relative;
	z-index:3;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-bottom-right-radius:15px;
}

div#header, div#footer, {
	margin-left:auto;
	margin-right:auto;
	width:auto;
	} 
/*CSS3*/


/*for HOME Page Only*/
/*\*//*/
div#header, div#footer {
	overflow:visible;
}
/**/
/* Section for NOSCRIPT */
div#univ_footnote {
 color:#3366CC;
 display:inline-block;
 font-size:10px;
 padding-left:5em;
 width:300px;
 vertical-align:top;
}
div#univ_footnote p {
 font-size:10px;
}
div#pg_stat {
	color:#3366CC;
	display:inline-block;
	font-size:9px;
	height:5em;
	 width:150px;
	vertical-align:top;
}
/*CSS3*/
 div#pg_stat {
	float:right;
	padding-right:5px;
}
div#pg_stat p {
  font-size:9px;	
}
.years_hdrNoS {
	position: relative;
}
#curric12NoS, #aecomNoS, #cbeNoS, #themesNoS, #specialNoS, #yr1NoS, #yr2NoS, #yr3NoS, #yr4NoS, #yr0NoS, #NADANoS {
	background-color: #FFFFFF;
	background-image: url("/img/home/molecules3.png");
	background-position: right top;
	background-repeat: repeat-y;
	border: 1px groove #6699CC;
	/*background: url("../img/home/molecules3.gif") right top no-repeat;*/
	/*-BROWSER BUG? there seems to be a bug in SAFARI with background image positioning and visiblity. 
	  if I set the visibility to visible, the background shows correctly on the right of the div box.
	 */
	height: auto;
	margin-right: 8px;
	padding: 4px;
	visibility:visible;
	width: auto;	
}
.notice {
	 margin: 10px 0 1px 0;
}
.notice h3 {
  background-color:#FF3300;
 
}
.years_hdr {
	font-size: 1.03em;
	font-weight: bolder;

}
.years_h p{
	padding-left: 12px;
	text-align: left;

	}

div.coursepast p, div.coursepast a:link  {
 color:#666666;
}
.coursedate {
	font-size:.75em;
}
/*Default Blocks*/
div#vets_day, div#cbe_msg, div#mycalendar {
	background-image: url("/img/home/molecules3.png");
	background-position: right top;
	background-repeat:repeat-y;
	border:1px solid #6d90d2;
	padding:0px;
	padding-bottom:20px;
	position:relative;
	z-index:3;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	z-index:100;
}
div#vets_day{
	background-image: none;
	background-color:black;
	
	padding:5px;
	width:auto;
}
div#vets_day img {
	margin:7px;
	
}
div#mycalendar {
	padding-bottom:50px;
}
div#mycalendar input{
	background-color:#CCCC99;
	color:#003366;
	padding-left:1em;
	padding-right:1em;
}
 div#mycalendar select{
	background-color:#E3F7F5;
	color:#003366;
	font-size:1.05em;
	font-weight:bold;
	padding-left:1em;
}
img#x_NADA {
	margin-top:0px;
}

/*MENU STYLES - As of Late 2008 we are breaking up the Menus into Separate php files, and they will likely have their own unique naming for ID's and Classes */

div#cbe #clinic_section, div#cbe #edu_section, div#cbe #tech_section {
	border-bottom:2px solid #942600;
}


div#aecom #einstein_section p, div#aecom #emerg_section p, div#aecom #stud_section p, div#aecom #offices_section p, div#cbe #clinic_section p, div#cbe #edu_section p, div#cbe #tech_section p, div#cbe #clinic_section li, div#cbe #edu_section li, div#cbe #tech_section li,
div#aecom #einstein_section li a, div#aecom #emerg_section li a, div#aecom #stud_section li a, div#aecom #offices_section li a{
	line-height:1.5em;
}
div#aecom ul, div#cbe ul {
	list-style:none;
	padding-bottom:1em;
	padding-left:7px;
}
/*AECOM MENU */
div#aecom #einstein_section, div#aecom #emerg_section, div#aecom #stud_section, div#aecom #offices_section {
	border-bottom:2px solid #CC3366;
}
/*CBE MENU */
/*ul id="cbemenu_passwd" class="years_h"*/

div#cbe #clinic_section p, div#cbe #edu_section p, div#cbe #tech_section p{
font-size:.9em;
}
ul#cbemenu_passwd{
	background-color:#EEE;
	background-image:none;
	border:1px solid #FFF; 
	color:black;
	font-size:1.08em;
	margin-right:7px;
	width:auto;
	
}

/*Myalbert Home No Course ID */
div#assignment_sec {
	font-size:.9em;
	left:20px;
	background-image: url("/img/home/molecules3.png");
	background-position: right top;
	background-repeat:repeat-y;
	border: 3px solid #6b8cd3;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	width:300px;
	height:55px;
	overflow:scroll;
	padding:0px;
	position: absolute;
	top: 503px;
	visibility: visible;
	z-index:5;
	
}
div#assignment_sec h2, div#assignment_sec h3{
	padding:0px;
	margin-left:2px;
	font-size:.85em;
	color:#003399;
	}