/* ACL CSS Document */



body
{
	background-color:#f3f3f3;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 15px;
	text-align : center;
}




#PageArea
{
	width: 762px;
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 25px;
	color: #000000;
	border:1px solid #CCCEFE;
}

#Header
{
	height: 62px;
	background-color:#ffffff;
	background-image: url(../images/cruk_logo5.gif);
	background-repeat: no-repeat;
	background-position: 550px 2px;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 0px;
}


#Header2
{
	height: 43px;
	background-color:#020A88;
	text-align: left;
	border-bottom: 1px solid #CCCEFE;
}


#Header2Home 
{
	height: 30px;
	margin: 0;
	background-color:#B8B9F4;
	text-align: left;
	font-weight: normal;	
	font-size: 200%;
	color: #ffffff;
	padding-left: 15px;
border-bottom: 1px solid #CCCEFE;
} 

#Header2People
{
	height: 30px;
	background-color:#ffcc00;
	text-align: left;
	font-weight: normal;	
	font-size: 200%;
	color: #ffffff;
	padding-left: 15px;
	border-bottom: 1px solid #CCCEFE;
} 


#Header2About
{
	height: 30px;
	background-color:#5F8A4A;
	text-align: left;
	font-weight: normal;	
	font-size: 200%;
	color: #ffffff;
	padding-left: 15px;
	border-bottom: 1px solid #CCCEFE;
} 


#Header2Profoma
{
	height: 30px;
	background-color:#A774A8;
	background-image: url(../images/logos/proforma_s.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	text-align: left;
	font-weight: normal;	
	font-size: 200%;
	padding-left: 45px;
	color: #ffffff;
	vertical-align: middle;
	border-bottom: 1px solid #CCCEFE;
}
 
 
#Header2Tallis
{
	height: 30px;
	background-color:#8080FF;
	background-image: url(../images/logos/proforma_s.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	text-align: left;
	font-weight: normal;	
	font-size: 200%;
	padding-left: 45px;
	color: #ffffff;
	vertical-align: middle;
	border-bottom: 1px solid #CCCEFE;
}

 
 
 #Header2Projects  {
	height: 30px;
	background-color:#336699;
	text-align: left;
	font-weight: normal;	
	font-size: 200%;
	color: #ffffff;
	padding-left: 15px;
	border-bottom: 1px solid #CCCEFE;
	}

	
	
	 #Header2ProjectsAneurist  {
	height: 34px;
	background-color:#D6D6D6;
	text-align: left;
	font-weight: normal;	
	font-size: 200%;
	color: #ffffff;
	padding-left: 15px;
	border-bottom: 1px solid #CCCEFE;
	}
	
	
#Header2Publications  {
	height: 30px;
	background-color:#A84E4E;
	text-align: left;
	font-weight: normal;	
	font-size: 200%;
	color: #ffffff;
	padding-left: 15px;
	border-bottom: 1px solid #CCCEFE;
	}
	

	/*e25000  800800*/
	
#Logo
{
	font-weight: normal;	
	padding-left:1px;	
}

#Logo1
{
	font-size: 18px;
	font-weight: normal;	
	padding-left:20px;	
	padding-top:10px;	
	/*vertical-align: bottom*/
}

#redLine
{
	margin: 0px;
    padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #cc0068;
}

#dottedLine
{
	margin-top: 15px;
	margin-bottom: 25px;
    padding-top: 0px;
	border-bottom: 1px dotted #CBCBDD;
}


#MainNav 
{
	margin: 0;
    padding: 0;
}

#breadcrumbs
{
	color:#CCCCCC;
	padding: 10px 10px 15px 0px;
	text-align: left;
}

#content
{
	padding: 1px 10px 5px 1px;
	text-align: left;
}

#contentHome
{
	padding: 10px;
	text-align: left;
	background-color:#336699;
	text-align: left;
	font-weight: normal;	
	color: #ffffff;
}


#LeftNav
{
	width:130px;
	padding-right:5px;
	padding-left:0px;
	padding-bottom:10px;
	padding-top: 5px;
	height:100%;
	/*background-color:#f3f3f3;*/
	/*background-image: url(../images/LeftNavBG.gif);
	background-repeat: repeat-y;*/
	border-right: 1px solid #CCCEFE;
	border-bottom: 1px solid #CCCEFE;
	text-align: left;
	float: left;
}


#LeftNavNarrow
{
	width:25px;
	height: 100%;
	height:100%;
	background-color:#ffffff;
}


#RightMain
{
	float: right;
	padding-right: 10px;
	padding-bottom: 30px;
	width: 540px;
	background-color:#ffffff;
}


#RightMain1
{
	float: right;
	padding-right: 65px;
	padding-bottom: 15px;
	width: 500px;
	background-color:#ffffff;
}


#RightMain1 li {
	list-style-type: circle;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color:#FFCC00;
	margin-left: 1em;
}


#DivMargin
{
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:20px
}


#LeftCol
{
	float:left; 
	width:160px;
	text-align:left;
	margin-top:0;
	margin-left:0;
	margin-right:0.25em;
	margin-bottom:5em;
	clear:left; 
	text-align:left;
	padding: 15px;
}


#topNav
{
	clear: both;
	text-align:right;
	color:#CCCCCC;
	padding: 1px;
	font-size: 0.8em;
}	  

#footer
{

	margin: 10px;
	clear: both;
	text-align:center;
	padding-top: 25px;
	border-top:solid #c00000 1px;
	color:#020A88;
	padding-bottom: 5px;
 	background-color:#ffffff;
	
}	  


/* ---------- links ---------- */


a, a:link {COLOR:#020A88; text-decoration : underline;}
a:visited {COLOR:#7980c1; text-decoration : none;}
a:hover {COLOR:#7980c1; text-decoration : none;}

h3 a:link {COLOR:#001222; background-color:#C0C0FF;}
h3 a:visited {COLOR:#003366; background-color:#C0C0FF;}
h3 a:hover {COLOR:#000000; background-color:#C0C0FF;}

#breadcrumbs {color:#c00000; font-weight: normal; font-size: 11px;}
#breadcrumbs a:link {color:#c00000; font-weight: normal;text-decoration : none;}
#breadcrumbs a:visited{color:#c00000; font-weight: normal;text-decoration : none;}
#breadcrumbs a:hover{color:#999999; font-weight: normal;text-decoration : none;}

#footer a:link {color:#020A88; font-weight: normal;text-decoration : none;}
#footer a:visited{color:#020A88; font-weight: normal;text-decoration : none;}
#footer a:hover{color:#7980c1; font-weight: normal;text-decoration : none;}

a.Quiet:link {color:#999999; font-weight: normal;}
a.Quiet:visited {color:#999999; font-weight: normal;}
a.Quiet:hover {color:#CCCCCC; font-weight: normal;}


/*ADDED RT NEED TO UNDERSTAND BETTER : */
/* main side menu */
ul#ListID1 li#ID1 a, a:link, a:visited 
 {
	color: #449A44;
	text-decoration: none;
	background-color : #ffffff; 
}

 ul#ListID1 li#ID1 a:hover
 {
	color: #434343;
	text-decoration: none;
	background-color : #f3f3f3; 
}

/*ADDED RT NEED TO UNDERSTAND BETTER ABOVE */


ul#ListID1 li#ID1 a, ul#ListID2 li#ID2 a, ul#ListID3 li#ID3 a, ul#ListID4 li#ID4 a, ul#ListID5 li#ID5 a, ul#ListID6 li#ID6 a, ul#ListID7 li#ID7 a, ul#ListID8 li#ID8 a, ul#ListID9 li#ID9 a, ul#ListID10 li#ID10 a, ul#ListID11 li#ID11 a, ul#ListID12 li#ID12 a, ul#ListID13 li#ID13 a, ul#ListID14 li#ID14 a, ul#ListID15 li#ID15 a, 
 {
	color: #434343;
	text-decoration: none;
}

/*end links */


/* ---------- headings ---------- */

P,H2,H3,H4,H5,H6,li {font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;}

H3,H4,H5,H6 {font-size: 100%;}

h1
{
	font-size: 200%;
	font-weight: normal;	
	border-bottom: 1px solid #cc0068;
	padding-bottom: 3px;
	margin-top:0px;
	padding-top:0px;
}



h2
{
	font-size: 150%;
	font-weight: normal;
	margin-top:15px;	
	border-bottom: 2px solid #c00000;
	padding-left: 3px;
}

h3
{
	font-weight: bold;
	background-color:#C0C0FF;
	color: #001222;
	padding: 2px 2px 5px 5px;
	width: 100%;
	margin: 25px 1px 25px 1px;
}

#LeftNav h3 {margin-bottom:0.25em;}

h4
{
	font-weight: bold;
	margin-bottom:-0.5em;
	margin-top:2em;
}


h5
{
	font-weight: normal;
	font-style: italic;
	text-decoration: underline;
}


 


/*h6
{
	font-weight: bold;
	font-style: italic;
	margin-left: 1.5cm
}*/

/* ---------- other fonts ---------- */

.futurelink{COLOR:#020A88;}
.futurelinkQuiet {color:#999999;}
.author{COLOR:#cc0068;}
.example {font-family: "Courier New", Courier, mono;}
.code {font-family: "Courier New", Courier, mono; color:#0000FF;}
.graynote {color:#808080;}
.Teaser {margin-top: 0px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 125%;}

#code {font-family: "Courier New", Courier, mono; color:#0000FF;}
#code p {font-family: "Courier New", Courier, mono; color:#0000FF; margin:0;}

/* ---------- lists ---------- */

body li
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#pdfList
{
	list-style-image: url(../images/pdf.gif);
	color:#444444;
}

#printList
{
	list-style-image: url(../images/Print.gif);
	color:#444444;
}

#tutorialList
{
	list-style-image: url(../images/Tutorial.gif);
	color:#444444;
}

#demoList
{
	list-style-image: url(../images/Demo.gif);
	color:#444444;
}

#pdList
{
	list-style-image: url(../images/Composer_s.gif);
	color:#444444;
}

#runList
{
	list-style-image: url(../images/RunInBrowser.gif);
	color:#444444;
}

#NoneList
{
	list-style-type: none;	
	color:#444444;
}

#LeftNav ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 10px;
	margin-left: 10px;
	list-style-type: none;
}

#LeftNav ul li{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	list-style-type: none;
}

/* ---------- main nav ---------- */

#MainNav table 
{
    	margin: 0;
    	padding: 0;
		border:0;
    	text-align: center;
}

#MainNav table td 
{
    	padding: 0;
    	margin: 0;
}

#MainNav table td a {
	display: block;
/*	height:200%;*/
    border-top: 1px solid #CCCEFE;
    border-left: 1px solid #CCCEFE;
    border-bottom: 1px solid #CCCEFE;
    padding: 0;
    margin: 0 0 10px;
    color: #000080;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    line-height: 2em;
}

#MainNav table  td#seven a
{
    border-right: 1px solid #f9f9f9;	/*td#one a ,cceeff*/
}

#MainNav table td#one, #MainNav table td#two, #MainNav table td#six, #MainNav table td#three, #MainNav table td#five,  #MainNav table td#four, #MainNav table td#seven
{
	width: 13%;
}

 
#MainNav table td a:hover 
{
	color: #000000;
    background-color: #eeeeee;
}

body#Home #MainNav td#one a , body#About #MainNav td#two a, body#Demo #MainNav td#three a , body#Trial #MainNav td#four a , body#Documentation #MainNav td#five a , body#Links #MainNav td#six a, body#About #MainNav td#seven a
{
	background-color: #f9f9f9;
    	color: #003366;
    	font-weight : normal;
}

/* ---------- Printing ---------- */
#print
{
	background-color:#FFFFFF;
	background-image: url(../images/Composer2.png);
	background-repeat: no-repeat;
	background-position: 1em 1em;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	margin:1em;
	text-align : left;
}

body#print P,body#print H1,body#print H2,body#print H3,body#print H4,body#print H5,body#print H6,body#print li {font-family: "Times New Roman", Times, serif;}

body#print H2{margin-top:1.5em;}

body#print a:link, body#print a:visited {color:#999999;}

/* show url for hyperlinks  */
body#print a:link:after, body#print a:visited:after
{
	content: " (" attr(href) ")";
}

#printfooter
{
	border-top:1px solid #999999;
	margin-top: 2em;
	padding-top: 0.5em;
}

#printfooter p
{
	color:#999999;
	font-size: 0.75em;
	padding:0px; 
	margin-top:0.5em;
	margin-bottom:0.5em;
}



.refTable {
	width: 100%;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	font-size: 11px;
	color: #000000;
	font-family: verdana, arial, sans-serif;
	border: 1px solid #eeeeee;
	margin: 1em;
}

.refAuthor {
	width: 40%;
	text-align: left;
	vertical-align: top;
	background: white;
	font-size: 11px;
	color: #000000;
	font-family: verdana, arial, sans-serif;
	padding: 10px;
}

.refAbs {
	width: 60%;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	color: #000000;
	font-family: verdana, arial, sans-serif;
	padding-right: 10px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.cellone {
width: 24%;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	color: #000000;
	font-family: verdana, arial, sans-serif;
	padding: 25px 8px 25px 8px;
	border-bottom: 1px dotted #CBCBDD;
}

.celltwo {
width: 36%;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	color: #000000;
	font-family: verdana, arial, sans-serif;
	padding: 25px 8px 25px 8px;
	border-bottom: 1px dotted #CBCBDD;
}




#table100
{
	
	width: 100%;
	background-color: #ffffff;
	padding:0px 15px  12px 0px;	
	text-align: left;
	margin-bottom:1em;
}

#tdContentVar {

	background-color: #ffffff;
	padding:5px;	
	text-align: left;
	margin-bottom:0.5em;
	vertical-align: top;
}

#tdContentVar li {
	list-style-type: circle;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color:#FFCC00;
	margin-left: 1em;
}


#td50
{
	
	width: 50%;
	background-color: #ffffff;
	padding:0px;	
	text-align: left;
	margin-bottom:1em;
}

#td50 li {
	margin-top: 1em;
	margin-bottom: 2em;
	list-style-type: none;
	font-size: 110%;
	font-weight: normal;
	text-decoration: none;
	height: 50px;
}

#menu1 /*used with h3 tallis side menus*/
{
 	vertical-align: top;
	font-weight: Bold;
	background-color:#BC0061;
	color: #ffffff;
	padding: 0px 0px 0px 8px;
	margin-right: 2em;
	font-size: 14px;
}


.teal{COLOR:teal;}
.gray{COLOR:gray;}
.red{COLOR:red;}
.maroon{COLOR:maroon;}
.black{COLOR:black;}
.Orange {color:#FFCC00;}

.notice {
	background-color: #FFFFCC;
	text-align: center;
	padding: 3px;
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}