﻿/* CSS Document */

  @import url("uallfixeduser.css");

#editbody{width:820px; 
font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	background: #fff;
	margin: 100px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	 border: 2px solid #CCCCCC;}

#editmain{margin-left:  10px;background-color:white}
h1 {color: #AD0800}
h2 {color: #AD0800; font-size: 120%}
h5 {font-weight: bold; font-style: italic;}
#banner {background-position: 100% 0%;}

.EventTitle{color: #AD0800}
.EventText{font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;}

.datagridheader {Background-color:#E3E2ED; color: White}
.datagriditem {Background-color:#fff;}
.datagridaltitem {Background-color:#E3E2ED;}

#menu2 {display:none}
.sitetitletextinternal{display:none}
BODY {
      	background-color : #FFFFFF;
      	font-family : Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 150%;
      	color : #666666;
	margin: 0px; 
      }
#wrap {
	width: 891px;
	position: relative;
	margin: 0 auto;}

.strong
{font-weight: bold}



#banner {
	float: left;
	width: 891px;
	height:180px;
	background-image: url(../../graphics/uallfixed/banner.png);
	background-color: #FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: relative;
}
.sitetitletext{font-size: 18px; font-family : Arial, Helvetica, Verdana, Geneva, sans-serif;font-variant: small-caps; padding-right: 38px }

.sitetitle
{	
	display: none;
height:240px;
	top:180px;font-weight:bold;
	position: absolute; 
left: 0px;
	width: 891px;
	background-image: url(../../graphics/back.gif);
	background-color: #FFFFFF;
	background-position: 50% 50%;

	text-align: right;
	float: right;
height:101px;
	top:185px;
	position: absolute;}
	

.fund1 {display: none;
	float: left;
	width: 110px;
	height:101px;
	left:533px;
	top:71px;
	position: absolute;
}
.fund2 {display: none;
	float: left;
	width: 116px;
	height:101px;
	left:643px;
	top:71px;
	position: absolute;
}
.fund3 {display: none;
	float: left;
	width: 99px;
	height:101px;
	left:759px;
	top:71px;
	position: absolute;
}
.f1 {display: none;
	float: left;
	width: 85px;
	height:91px;
	left:20px;
	top:98px;
	position: absolute;
}
.f2 {
	float: left;display: none;
	width: 91px;
	height:91px;
	left:105px;
	top:98px;
	position: absolute;
}
.f3 {display: none;
	float: left;
	width: 77px;
	height:91px;
	left:196px;
	top:98px;
	position: absolute;
}

.title {
	float: right;


	left:263px;
	top:190px;
	position: absolute;
	background-image: url(../../graphics/back.gif);
background-position: 50% 50%;
	background-repeat: no-repeat;
}
.divide {display: none;
	float: left;
	width: 3px;
	height:60px;
	left:292px;
	top:103px;
	position: absolute;
}
.divide2 {display: none;
	float: left;
	width: 3px;
	height:60px;
	left:457px;
	top:103px;
	position: absolute;
}
.cm1 {display:none;
	float: left;
	width: 130px;
	height:91px;
	left:310px;
	top:98px;
	position: absolute;
}
.p1 {display:none;
	float: left;
	width: 114px;
	height:91px;
	left:470px;
	top:98px;
	position: absolute;
}
.p2 {display:none;
	float: left;
	width: 76px;
	height:91px;
	left:584px;
	top:98px;
	position: absolute;
}
.p3 {display: none;
	float: left;
	width: 149px;
	height:91px;
	left:660px;
	top:98px;
	position: absolute;
}
.p4 {display: none;
	float: left;
	width: 70px;
	height:91px;
	left:809px;
	top:98px;
	position: absolute;
}
.funded {display: none;
	float: left;
	width: 85px;
	height:14px;
	left:20px;
	top:69px;
	position: absolute;
}
.cm {display: none;
	float: left;
	width: 130px;
	height:14px;
	left:310px;
	top:69px;
	position: absolute;
}
.partnered {display: none;
	float: left;
	width: 139px;
	height:14px;
	left:732px;
	top:69px;
	position: absolute;
}
.backtitle {
	float: left;
	width: 891px;
	height:80px;
	
	background-color: #FFFFFF;
	background-position: 50% 50%;
	position: relative;
}
#back {
	float: left;
	width: 891px;
	background-image: url(../../graphics/back.gif);
	background-color: #FFFFFF;
	background-position: 50% 50%;
	position: relative;
	padding-top:40px;
}
.back2 {

	float: left;
	width: 891px;
	height:40px;
	background-image: url(../../graphics/back02.gif);
	background-color: #FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	background-position: 50% 50%;
	position: relative;
	background-repeat:no-repeat;
}
#left {
	float: left;
	width: 200px;
	position: relative;
	margin-left: 10px;
}
#main {
	float: right;
	width:620px;
	position: relative;
	margin-right: 60px;
text-align: justify;
}
.content {
	float: left;
	width: 580px;
	position: relative;
	text-align: justify;
	padding-bottom:40px;

}
.content_text {
	float: left;
	width: 580px;
	position: relative;
	text-align: justify;
	padding-bottom:20px;    
		font-family : Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 150%;
      	color : #666666;
	
	
}
.content_picture {
	float: left;
	width: 580px;
}
.content_picturetext {
	float: left;
	width: 580px;
	top: 5px;
	font-family : Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color : #666666;
	position: relative;
	text-align: right;
	font-weight: 200;
	padding-bottom:20px;
	font-style: italic;
}
.content_picturetext2 {
	float: left;
	width: 580px;
	top: 5px;
	font-family : Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color : #666666;
	position: relative;
	text-align: left;
	font-weight: 200;
	padding-bottom:20px;
}
.moduletitle {

	font-family : Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 150%;
      	color : #7B6EC6;
	position: relative;
	font-weight: 900;
	margin-bottom:30px;
	padding-bottom:30px
}
.modulewrapper {padding-bottom: 2em;} 
.imagelabel {
	float: left;
	width: 580px;
	top: 5px;
	font-family : Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color : #666666;
	position: relative;
	text-align: right;
	font-weight: 200;
	padding-bottom:20px;
	font-style: italic;
}
.reportsgraphic {
	float: left;
	width: 102px;
	height:143px;
	border: 1px;
	text-align:center;
	border-style: solid;
	border-color: #999999;
	position: relative;
}
.reportstext {
	float: right;
	width: 460px;
	position: relative;
	text-align: justify;
}
.linksgraphic {
	float: left;
	width: 200px;
	height:200px;
	border: 1px;
	text-align:center;
	border-style: solid;
	border-color: #999999;
	position: relative;
}
.linksstext {
	float: right;
	width: 350px;
	position: relative;
	text-align: justify;
}
.backgroundleftgraphic {
	float: left;
	width: 300px;
	height:538px;
	border: 1px;
	text-align:center;
	border-style: solid;
	border-color: #999999;
	position: relative;
}
.backgroundrighttexttext {
	float: right;
	width: 250px;
	position: relative;
	text-align: justify;
}
#menu {
	float: right;
	position: relative;
	width:186px;
	list-style-type:none;
}
li#m_home {
	position:relative;
	width:186px;
	height:17px;
	background-image: url(graphics/m_home_off.gif);
	background-repeat: no-repeat;
}
li#m_history {
	position:relative;
	width:186px;
	height:17px;
	background-image: url(graphics/m_history_off.gif);
	background-repeat: no-repeat;
}
li#m_aims {
	position:relative;
	width:186px;
	height:17px;
	background-image: url(graphics/m_aims_off.gif);
	background-repeat: no-repeat;
}
li#m_report {
	position:relative;
	width:186px;
	height:17px;
	background-image: url(graphics/m_report_off.gif);
	background-repeat: no-repeat;
}
li#m_identify {
	position:relative;
	width:186px;
	height:17px;
	background-image: url(graphics/m_identify_off.gif);
	background-repeat: no-repeat;
}
li#m_news {
	position:relative;
	width:186px;
	height:17px;
	background-image: url(graphics/m_news_off.gif);
	background-repeat: no-repeat;
}
li#m_links {
	position:relative;
	width:186px;
	height:17px;
	background-image: url(graphics/m_links_off.gif);
	background-repeat: no-repeat;
}
li#m_reports {
	position:relative;
	width:186px;
	height:17px;
	background-image: url(graphics/m_reports_off.gif);
	background-repeat: no-repeat;
}
li#m_home a { 
display:block; width:186px; height:17px; text-indent:-9999px; text-decoration:none; overflow:hidden; 
}
li#m_history a { 
display:block; width:186px; height:17px; text-indent:-9999px; text-decoration:none; overflow:hidden; 
}
li#m_aims a { 
display:block; width:186px; height:17px; text-indent:-9999px; text-decoration:none; overflow:hidden; 
}
li#m_report a { 
display:block; width:186px; height:17px; text-indent:-9999px; text-decoration:none; overflow:hidden; 
}
li#m_identify a { 
display:block; width:186px; height:17px; text-indent:-9999px; text-decoration:none; overflow:hidden; 
}
li#m_news a { 
display:block; width:186px; height:17px; text-indent:-9999px; text-decoration:none; overflow:hidden; 
}
li#m_links a { 
display:block; width:186px; height:17px; text-indent:-9999px; text-decoration:none; overflow:hidden; 
}
li#m_reports a { 
display:block; width:186px; height:17px; text-indent:-9999px; text-decoration:none; overflow:hidden; 
}
li#m_home a:hover {
	background-image: url(graphics/m_home_on.gif);
	background-repeat: no-repeat;
}
li#m_history a:hover {
	background-image: url(graphics/m_history_on.gif);
	background-repeat: no-repeat;
}
li#m_aims a:hover {
	background-image: url(graphics/m_aims_on.gif);
	background-repeat: no-repeat;
}
li#m_report a:hover {
	background-image: url(graphics/m_report_on.gif);
	background-repeat: no-repeat;
}
li#m_identify a:hover {
	background-image: url(graphics/m_identify_on.gif);
	background-repeat: no-repeat;
}
li#m_news a:hover {
	background-image: url(graphics/m_news_on.gif);
	background-repeat: no-repeat;
}
li#m_links a:hover {
	background-image: url(graphics/m_links_on.gif);
	background-repeat: no-repeat;
}
li#m_reports a:hover {
	background-image: url(graphics/m_reports_on.gif);
	background-repeat: no-repeat;
}

.tool-tip {
float:left;
color: #BBB;
width: 265px;
z-index: 13000;
}

.tool-title {
font-weight: bold;
font-size: 13px;
margin: 0;
color: #FFF;
padding: 8px 8px 4px;
background: url(/images/tips.png) repeat;
border-bottom: 1px solid #FFF;
}

.tool-text {
font-size: 11px;
padding: 4px 8px 8px;
background: url(/images/tips.png) repeat;
}

.custom-tip {
color: #000;
width: 130px;
z-index: 13000;
}

.custom-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #3E4F14;
padding: 8px 8px 4px;
background: #C3DF7D;
border-bottom: 1px solid #B5CF74;
}

.custom-text {
font-size: 11px;
padding: 4px 8px 8px;
background: #CFDFA7;
}





/*-------------Print Css setup-----------*/
#printsitetitle {display:none;}

/*-------------Print Css setup-----------*/
#login{float: right;}
#login{padding-right:25px}
#footermenu ul li {float: right;}
	
	/*-------------Menu setup-----------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/breadcrumb.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu {width:150px; height:auto; background: #fff; border:1px solid #ddd; border-width:0px 0px 0px 0px; position:relative; z-index:500; margin-left: 10px;}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px;}

.menu li {width:160px; height:22px; float:left; border-right:0px solid #ddd; text-decoration:none;color:#7B6EC6;font-weight:bold;}

.menu li a {display:block; width:100%; height:42px; line-height:42px; color:#7B6EC6;  font-size:10px; font-family:"Arial, Helvetica, Verdana, Geneva, sans-serif"; text-indent: 10px; float:left; text-transform: uppercase;text-decoration:none;}

.menu li.sub a {background:url(breadcrumbs/grey.gif) no-repeat 150px center;}

.menu li a:hover {white-space:nowrap; position:relative; color:#7B6EC6;text-decoration:underline;}

.menu li.sub a:hover {background:url(breadcrumbs/blue.gif) no-repeat 150px center; color:#7B6EC6;}
.menu li.sub a b {display:block; color:#7B6EC6; font-weight:normal;}

.menu li:hover {position:relative;}
.menu li:hover.sub > a {background:url(breadcrumbs/blue.gif ) no-repeat 150px center; color:#7B6EC6;}


.menu :hover ul
{width:160px; height:auto; left:100px; top:7px; background:#fcfcfc; border:1px solid #ddd;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{width:120px; height:auto; left:115px; top:-1px; background:#fcfcfc; border:1px solid #ddd; border-width:1px 0 1px 1px;}

.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px; width:0; height:0;}

.menu :hover ul li,
.menu :hover ul li a
{width:320px; height:25px; line-height:25px; text-indent:10px; float:none;}

.menu :hover ul li.sub a,
.menu :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul :hover li.sub a,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a
{background:url(breadcrumbs/grey.gif) no-repeat 100px center; color:#7B6EC6;}

.menu :hover ul li.sub a:hover,
.menu :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover
{background:url(breadcrumbs/blue.gif) no-repeat 100px center; color:#7B6EC6;}
.menu :hover ul li.sub:hover > a,
.menu :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a
{background:url(breadcrumbs/blue.gif) no-repeat 100px center; color:#7B6EC6;}

.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a
{background:#fcfcfc; color:#7B6EC6;}

.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:#fcfcfc; color:#7B6EC6;}

.menu li.sub a b,
.menu :hover li.sub a b,
.menu :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b
{display:block; color:#7B6EC6; font-weight:bold;}

.menu li.sub a.selected b,
.menu :hover ul li.sub a.selected b,
.menu :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b
{display:block; background:#fcfcfc; color:#7B6EC6; font-weight:bold;}

textarea {font-family : Arial, Helvetica, Verdana, Geneva, sans-serif;}

.RefNo { font-size:large; font-weight:bold }

/* Accordion */


.accordionHeader a
{
background: black url(../../images/silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}
.accordionHeader a:visited, .accordionHeader a:active
{
color: white;
}

.accordionHeader a:hover
{
background-image: url(../../images/silvergradientover.gif);
color: white;
}
.accordionHeaderSelected a
{
background: black url(../../images/silvergradientover.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}

.accordionContent
{
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 0 0 0 0;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
}



/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

.watermarked {

	background-color:#F0F8FF;
	color:gray;
}
.credentialstext, .credentialstextalert,.credentialswelcome {color:#7B6EC6;}



#main a:link{color: #7B6EC6; text-decoration:none}
#main a:visted{color : #7B6EC6 }
#main a:hover{color: #7B6EC6; text-decoration:underline}

#main ul {list-style-type: disc}
#main ul li {list-style-type: disc}
#validation a:link{color: #7B6EC6; text-decoration:none}
#validation a:visted{color : #7B6EC6 }
#validation a:hover{color: #7B6EC6; text-decoration:underline}

/*--------------@LIST STYLES----------*/ 
#footermenu {height: 10px;}
#footermenu ul li {display: inline;list-style-type: none;}
#access ul li {display: inline; list-style-type: none;}
#validation ul li {display: inline; list-style-type: none;}
#footermenu ul li {display: inline; list-style-type: none;}
#tabmanagerlist ul li {list-style-type: none;}
#sitemap ul {list-style-type: none;}
#sitemap ul li {list-style-type: none;} 
#validation ul li {padding-right: 2em;}

#validation {height: 10px;}

#main ul li {display: block; list-style-type: disc;}

