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

 


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

/*
#Header
{
	height: 40px;
	background-color:#999999;
	background-image: url(../images/proforma_s.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	text-align: left;
}

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

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

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

/* Ayelet replaced #LeftNav
{
	width:200px;
	padding-right:10px;
	height:100%;
	background-image: url(../images/LeftNavBG.gif);
	background-repeat: repeat-y;
	
	#RightMain
{
	float: right;
	padding-right: 10px;
	width: 500px;
}
}*/


#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: 30px;
	color: #ffffff;
	vertical-align: middle;
	border-bottom: 1px solid #CCCEFE;
}

#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;
}

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

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


#RightColNarrow
{
	float:right; 
	width:150px;
	margin-left: 20px;
	padding-bottom: 20px;
	text-align:left;
}

#RightColImage
{
	float:right; 
	width:260px;
	text-align:center;
	margin-top:0.25em;
	clear:right; 
}


#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:top;
	padding: 15px;
}


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

#footer
{
	clear: both;
	text-align:center;
	padding: 5px;
	border-top:solid #999999 1px;
	color:#999999;
}	  

/* ---------- tables & images ---------- */

#ImageBorder
{
	width:100px;
	text-align:center;
	border: solid #CCCCCC 1px;
}

.linkedImage {
	border: solid #cbcbcb 1px;
}

#grayBG
{
	background-color:#F9F9F9;
}

TABLE.blue
{
	background-color:#eff3fb;
	border: solid #B5CDFF 1px;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}

TABLE.blue TR {border-color:#eff3fb;}

TABLE.blue TD {vertical-align: top; padding:0.25em;}

#fivesteps
{
	margin-top:1em;
	margin-bottom:1em;
}

TD.bgimage {
	background-image: url(../images/TallisCycleBG.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 80px;
	height: 20px;
	text-align: center;
	font-size: 0.75em;
	font-weight: bold;
}

TD.bgimage2 {
	background-image: url(../images/TallisCycleBG2.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 14px;
}

TD.col1 {width:25%;}

#ImageCaption
{
	width:60%;
	margin-left: auto;
	margin-right: auto;
}

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

a:link {COLOR: #6699FF;}
a:visited {COLOR:#B5CDFF;}
a:hover {COLOR:#B5CDFF;}

#Header a:link {color:#F3F3F3; font-weight: bold;	text-decoration: none;}
#Header a:visited {color:#F3F3F3; font-weight: bold;	text-decoration: none;}
#Header a:hover {color:#F3F3F3; font-weight: bold;	text-decoration: none;}

#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:#999999; font-weight: normal;}
#footer a:visited{color:#999999; font-weight: normal;}
#footer a:hover{color:#CCCCCC; font-weight: normal;}

a.Quiet:link {color:#CCCCCC; font-weight: normal;}
a.Quiet:visited {color:#CCCCCC; font-weight: normal;}
a.Quiet:hover {color:#999999; 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;
}


TD.bgimage a:link {color:#444444; font-weight: bold;	text-decoration: none;}
TD.bgimage a:visited {color:#444444; font-weight: bold;	text-decoration: none;}
TD.bgimage a:hover {color:#999999; font-weight: bold;	text-decoration: none;}

/* ---------- 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-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 200%;
	font-weight: normal;	
	border-bottom: 2px solid #6699FF;
	padding-bottom: 3px;
	margin-top:0px;
	padding-top:0px;
}

h2
{
	font-size: 150%;
	font-weight: normal;
	margin-top:0px;	
}

h3
{
	font-weight: Bold;
	background-color:#8080FF;
	padding: 2px 2px 2px 5px;
}

#menu /*used with h3 tallis side menus*/
{
	font-weight: Bold;
	background-color:#BC0061;
	color: #ffffff;
	padding: 0px 0px 0px 8px;
	margin: 0;
}


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

h4
{
	color: #ffffff;
	background-color:#003366;
	margin-bottom:-0.5em;
	margin-top:2em;
	padding: 3px;
}

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

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

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

.teal{COLOR:teal;}
.gray{COLOR:gray;}
.red{COLOR:red;}
.maroon{COLOR:maroon;}
.black{COLOR:black;}
.Orange {color:#FFCC00;}
.futurelink{COLOR:#6699FF;}
.futurelinkQuiet {color:#CCCCCC;}
.author{COLOR:green;}
.example {font-family: "Courier New", Courier, mono;}
.code {font-family: "Courier New", Courier, mono; color:#0000FF;}
.graynote {color:#808080;}
.vspaced {padding-top:0.5em; padding-bottom:0.5em;}
.Teaser {margin-top: 0px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 125%;}

p.Logo 
{
	margin-left: 30px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#F3F3F3;
	font-weight: bold;
	padding: 5px;
}

#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;
}

.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;	
}

#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;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	margin:1em;
	text-align : left;
}

body#print p.Logo 
{
	margin-left: -8px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#999999;
	font-weight: bold;
	padding: 5px;
}

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;}

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

body#print .example {font-family: "Courier New", Courier, mono;}

/* 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;
}


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