/* CSS Document */

/**********************************************************\

						NOTE all of this has changed

\*********************************************************/

#content-container #content .alpha_links{
width:500px;
list-style-type:none;
clear:both;
margin:0px;
padding:0px;
margin-left:3px;
margin:5px 0px 5px 3px;
}

.alpha_links li{
display:inline;
width:20px;
font-size:18px;
font-weight:bold;
padding-left:2px;
padding-right:3px;
}

.jump _menu{
float:right;
}

div.note{
	/*padding-left:5px;
padding-right:5px;
border-bottom:1px solid #E7D3E2;*/
	position:relative;
	background-image:url(../image/layout/eecda-news-81-27.jpg);
	background-repeat: no-repeat;
	background-position: right 5px;
	margin-bottom:20px;
	/*13px for small ellipsis*/
}

div.note p{
	margin:3px 0px 3px 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:87%;
	line-height:160%;
	color:black;
}

#content div.note p+p{
margin-top:10px;
}

#content div.note h3+p{
margin-top:15px;
}

div.note h2{

font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
/*border-bottom:#ccc 1px solid;*/
}

div.note h2 a{

text-decoration:none;
font-weight:normal;
}

div.note h2 a:hover{
text-decoration:underline;
}

div.note h3{
/*border-bottom:#ccc 1px solid;*/
}

div.note h3.subtitle{
margin:3px 0 2px 5px;
font-size:110%;
color:#666666;
font-weight:bold;
}

/*div.note p{
margin: 0px 6px 5px;
}*/

div.content-panel-upper p.attrib{
text-align:right;
font-style:italic;
color:#666;
margin-bottom:7px;
}

p.attrib{
font-size:83%;
}

p.edit_links, div.edit_links{
display:none;
z-index:2000;
}

p.edit_links img, div.edit_links img{
border:none;
}

div.edit_links{
position:absolute;
bottom:0px;
right:0px;
z-index:200;
}

div.hidden{
display:none;
}

div#save_page_panel{
margin-top: 0px;
padding: 7px 20px 0 36px;
width:416px;
overflow: hidden; 
height: 25px; 
position: relative; 
clear: both;
background-color: white;
}

div#save_page_panel input{
background-color:#e8e8e8;
border:gray 1px solid;
padding:1px 5px;
_padding:0px 3px;
}

input#add_new_block_button{
width:150px;
}

input#save_page_button{
width:120px;
}

div#save_page_panel label{
clear:both;
display:block;
font-style:italic;
font-size:83%;
margin:3px 0;
font-weight:normal;
width:100%;
color:#717171;
}

div#recycle-section{
margin-top:7px;
/*position:relative;
top:50px;*/
}
/*********************************************************\

                 SCREENS AND IMAGES

\*************************************************************/
			#image_display{
			position:absolute;
			top:40px;
			left:100px;
			height:200px;
			}
				
			.small_screen{
			float:right;
			width:352px;
			margin:3px 0px 5px 10px;
			/*position:relative;*/
			/*top:25px;*/
			z-index:100;
			}	
			
			.small_screen img{
			border:2px solid black;
			float:right;
			}
			
.big_screen{
border:5px solid black;
position:absolute;
left:-65px;
top:-300px;
z-index:3000;
background-color:black;
overflow:visible;
display:none;
}

.big_screen img{
z-index:3000;
}

.big_screen_overlay{
position:absolute;
left:100px;
top:330px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:black;
width:300px;
height:70px;
z-index:2002;
background-color:#CCCCFF;
border:#6633FF 1px solid;
padding:15px 0 0 20px;
display:none;
}

#overlay_text{
width:200px;
margin:auto;
}

/**********************************************************\

	image holder on news list

\*********************************************************/

div.image_120{
float:right;
z-index:10;
position:relative;
top:0px;
left:0px;
margin:0 0 10px 10px;
}

div.image_120 img{
border-right:2px solid #000;
border-bottom:2px solid #000;
border-top:1px solid black;
border-left:1px solid black;
}

.note .precis h2{
/*background-color:#ffffff;
padding-left:3px;*/
}

.note .precis h2 a{
color:#000;
/*font-size:80%;*/
}

.section_id{
display:none;
}


.note .precis p a{
color:#663366;
}

.note .precis p a:visited{
color:#666666;
}

.content_icon_link{
padding:0px 0px 0px 10px;;
position:relative;
top:2px;
}

.content_icon_link img{border:none;}

#main .precis p{
padding-left:3px;
margin-top:2px;
margin-bottom:2px;
font-size:93%;
}

			/**********************************\
						NOTES LAYOUT
			\**********************************/
			h2.record_title{
			font-size:200%;
			}
			
			.note h3.subtitle{ /*pfx.list*/

			}
			
			#lower_half #lc .subtitle{
			padding-top:7px;
			}
			
			p.space_after{/*equlvalent to left-column-panel p*/
					margin:3px 0px 3px 4px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:87%;
					line-height:160%;
					color:black;
			}

/**********************************************************\

				NOTES_FORM class

\*********************************************************/

form.notes{
position:relative;
/*margin-left:0px;
margin-bottom:10px;*/
margin:auto;
/*padding-right:20px;*/
padding: 0px;
width:512px;
_width:490px; /*cheers cavemonkey50*/
color:#717171;
background-color:white;
clear:both;
/*z-index:1;*/
}
/*
form.notes input#title{
font-size:200%;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}legacy*/


form.notes input, form.notes textarea, form.notes select{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:87%;
border-bottom:#e8e8e8 1px solid;
border-left:none;
border-top:none;
border-right:none;
/*color:#717171;*/
color:#666;
}

form.notes textarea{
height:82px;
line-height:160%;
width:100%;
margin:0;
}

form.notes select{
border-bottom:#e8e8e8 solid 1px;
position:relative;
left:-3px;
font-size:87%;

}

form.notes option{
margin-top:6px;
}

form.notes label{
clear:both;
display:block;
font-style:italic;
font-size:83%;
margin:3px 0;
font-weight:normal;
width:80%;
}

form.notes legend{
font-style:italic;
font-size:87%;
}

form.notes .auto_enter{
top:5px;
left:138px;
background-color:#ffFFCC;
}


form.notes input.title{
font-family:Arial, Helvetica, sans-serif;
font-size:200%;
color:#666;
/*font-weight:bold;*/

}

input.title{
width:100%;
}

form.notes input.subtitle{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #334d55;
		font-weight:bold;
		width:100%;
}

form.notes fieldset{
/*color:#666666;*/
margin:10px 0;
}

form.notes .content_input{
width:100%;
height:80pt;
}

form.notes .content_input_tall{
height:150pt;
}

form.notes .detail_input{
width:100%;
height:100px;
}

form.notes .content_input_narrow{
width:40%;
}

form.notes .content_input_narrow{
width:40%;
}

form.notes .button_orange{
background-color:#ff5200;
color:white;
font-weight:bold;
height:20px;
margin-top:15px;
}

form.notes .button_green{
background-color:#2aa295;
color:white;
height:20px;
font-weight:bold;
margin-top:15px;
}

form.notes #keys{
height:45px;
}

form.notes .page-edit-content{
height:30px;
/*was 220px*/
}

form.notes #select_link{
display:none;
position:absolute;
left:186px;
top:16px;
}

form.notes #content2type-container{
position:relative;
}

form.notes .checkcontainer, .checkcontainer{
position:absolute;
bottom:7px;
left:25px;
width:16px;
height:14px;
background-color:#FCDAC2;
text-align:center;
z-index:2020;
}

form.notes .checkcontainer input, .checkcontainer{
margin:0px;
}

/*********************************************************\

                      NAVBAR EDIT FNS

\*************************************************************/
			#navBar #edit_fns{
				
				/*border-bottom:#eee 1px solid;*/
				padding:0px;
				padding-bottom:4px;
				line-height:160%;
				background-color:#eee;
				opacity:0.9;
				border:1px solid #999;
			}
			
			#navBar #edit_fns #handle{
				font-weight:bold;
				font-size:83%;
				padding:3px 0px;
				color:white;
				background-color:#666600;
				text-align:center;
				cursor:crosshair;
				line-height:100%;
				_width:135px;
			}
			
			#navBar #edit_fns li a{
			padding-left:5px;
			}
			
			#navBar #edit_fns li a:hover{
			background-color:#cc0000;
			color:white;
			}
			
			#edit_fns li a:hover{
			background-color:#cc0000;
			}
		
/******************************************************************\

					IMAGE UPLOAD
					
\******************************************************************/

			#image_upload_outer{
			border-right:3px solid #ddd;
			border-bottom:3px solid #ddd;
			height:107px;
			width:493px;
			position:absolute;
			top:20px;
			left:20px;
			display:none;
			z-index:30;
			}
			
			#image_upload_inner{
			background:#f3FdFE;
			padding:15px 15px 0px 15px;
			width:462px;
			height:90px;
			border:1px solid #666;
			}
			
			#image_upload_controls{
			margin-top:10px;
			}
			
			#image_upload_inner input.file_field{
			width:100%;
			}
			
			#small_image_check{
			float:left;
			}
			
			#small_image_check_label{
			float:left;
			width:105px;
			}
			
			#image_upload_inner input.button{
			margin-left:10px;
			}
						

			
/**********************************************************\

	DOCUMENT UPLOAD

\*********************************************************/	
			#document_upload_outer{
			border-right:3px solid #ddd;
			border-bottom:3px solid #ddd;
			/*height:117px;
			width:353px;*/
			position:absolute;
			bottom:50px;
			left:0px;
			display:none;
			height:auto;
			z-index:40;
			}
	
			#document_upload_inner{
			background:#f3FdFE;
			padding:15px 15px 0px 15px;
			border:1px solid #666;
			position:relative;
			height:372px;
			}
			
			#document_upload_inner label{
			display:block;	
			}
			
			#cat{
			display:none;
			z-index:30;
		/*	color:red;*/
			}
			
/*********************************************************\

                            CHOOSE DOC	

\*************************************************************/		
			#choose_doc_upload_outer{
			border-right:3px solid #ddd;
			border-bottom:3px solid #ddd;
			/*height:117px;
			width:353px;*/
			position:absolute;
			bottom:50px;
			left:0px;
			display:none;
			height:auto;
			z-index:40;
			}
	
			#choose_doc_upload_inner{
			background:#f3FdFE;
			padding:15px 15px 0px 15px;
			border:1px solid #666;
			position:relative;
			height:73px;
			}
			
			#docid_container{
			display:none;
			}
				
/**********************************************************\

				UPLOAD BUTTON

\*********************************************************/

form.notes input.add_file_button{
position:absolute;
bottom:0px;
/*_top:0px;
was top:11px;*/
height:22px;
}

input.add_file_button{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:93%;
border-bottom:#e8e8e8 1px solid;
border-left:none;
border-top:none;
border-right:none;
color:#717171;
}

#add_image_button{
right:0px;
width:100px; 
}

#add_document_button{
right:105px;
width:120px; 
}

#choose_doc_button{
right:230px;
width:140px;
}

form.notes input#save_note_button{
width:110px;
left:0px;
}

form.notes input#save_page_button{
right:355px;
width:120px;

}

form.notes input#ajax_save_page_button{
position:static;
margin:10px 0;
}

form.notes input#add_new_block_button{
/*position:absolute;
top:11px;*/
right:230px;
width:120px;
}

.misc_inputs{
position:relative;
margin-top:0px;
margin-bottom:15px;
height:30px;
}

form.notes .misc_inputs select{
position:relative;
left:-3px;
}

#priority_select{
position:absolute;
top:-3px;
left:128px;
}

form.notes #linktodetail{
/*the checkbox itself*/
position:absolute;
left:15em;
top:-2px;
}

form.notes #link_to_detail_div{
position:relative;
margin-top:15px;
top:-32px;
left:100px;
}

/*.title_input{
font-size:100%;
font-weight:bold;
width:100%;
}

.text_input{
font-size:100%;
font-weight:bold;
width:502px;
}*/