.clear{
	clear:both;
	height:1px;
	margin-bottom:11px;
		line-height:1px;
	font-size:1px;
}
html {
		height:100%;
}
body {
	margin: 0;
	background-image:url(../images/gradients/green_tall.gif);
	background-color:#6BBF70;
	background-position: 0px 0px;
	background-repeat:repeat-x;
	height:100%;
	padding:0;
	text-align: left;

}

p, td, body, ul, ol, li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #383A36;
}
li {
	margin-bottom:0.4em;
	text-align:left;
}
ul
{
    margin:0.4em 0 0 0;
    padding-left: 17px;
    margin-left: 10px;
}  

dd.question
{
	color: #383A36;
	 font-weight:bold;
}
  
a
{
	color: #383A36;
	text-decoration:none
}
a:hover
{
	color: #67686A;
	text-decoration:underline;

}
.related a
{
	text-decoration:underline;
}

hr {
	background-color:#67686A;
	color:#67686A;
	height:1px;
	border:none;
	clear:both;
	margin:0 0 12px 0;
}

p {
	margin: 5px 0 0 0;
}
p.intro {
	font-weight:bold;
	color: #383A36;
}
h1, h2, h3, h4, h5 
{

	color:#6BBF70;
	 margin-top:0px;
	 margin-bottom:0px;
	 padding:0;
	font-weight:normal;
}

 h6 {
	margin-bottom:0.3em;
	margin-top:0;
	font-weight:normal;

}

h1 {
	font-size:150%;
}
h2 {
	font-size:140%;
}
h3 {
	font-size:130%;
}
h4 {
	font-size:120%;
}
h5 {
	font-size:110%;
}
h6 {
	font-size:110%;
}

/*  page shell ------------------------------------------ */


#page {
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 965px;
	background-color:white;
	padding: 0 0 0 19px;
	height:0 auto;
	display:table;
}

#printPage 
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:white;
	width: 600px;
	padding: 0 0 0 25px;
	height:0 auto;
	display:table;
}

#bottomPage {
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 965px;
	background-color:white;
	padding: 0 0 0 19px;
	height:0 auto;
	display:table;
}

#header 
{
	margin-bottom: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 950px;
	height:110px; /* bojan was 157 */
	background-image:url(../images/header/bottom_edge.gif);
	background-position:bottom;
	background-color:#67686A;
	background-repeat:no-repeat;
	color:white;
}
#header #logo {
	margin-top: 25px; /* bojan was 49 */
	margin-left: 32px;
	position:absolute;
	border:none;
}
#header #logo img {
	border:none;
}

#header #trackIcons {
	position:absolute;
	margin-left:570px;
	margin-top:0px; /* bojan was 20 */
	width:480px;
	height:120px;
}

#header #trackIcons .chooseTrack 
{
	position:absolute;
	margin-left:28px;
	margin-top:0px;
	width:106px;
	height:23px;
	background-image:url(../images/header/choose_your_track.gif);
}
#header #trackIcons a.helpMeChoose, 
#header #trackIcons a.helpMeChoose:visited
{
	position:absolute;
	margin-left:350px;
	margin-top:0px;
	width:102px;
	height:23px;
	background-image:url(../images/header/help_me_choose.gif);
	overflow:hidden;
}
#header #trackIcons a.helpMeChoose:hover
{
	background-position:0 -23px;
}
#header #trackIcons .helpMeChoose span
{
	position:absolute;
	left:-999px;
}
#header #trackIcons ul
{
	padding:0;
	margin:0;
	position:absolute;
	margin-top:7px;
	margin-left:0;
	list-style-type:none;
	height:90px;
	width:480px;
	display:block;
}

#header #trackIcons ul li
{
	padding:0;
	margin:0;
	float:left;
	display:block;
}
#header #trackIcons ul li a,
#header #trackIcons ul li a:visited
{
	padding:0;
	margin:0;
	width:120px;
	height:90px;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
}
#header #trackIcons ul li a:hover
{
	background-position:0 -90px;
}

#header #trackIcons ul li a span,
#header #trackIcons ul li a:visited span
{
	left:-999px;
	position:absolute;
}

#header #trackIcons ul li a.green
{
	background-image:url(../images/header/icons/green.gif);
}
#header #trackIcons ul li a.blue
{
	background-image:url(../images/header/icons/blue.gif);
}
#header #trackIcons ul li a.purple
{
	background-image:url(../images/header/icons/purple.gif);
}
#header #trackIcons ul li a.red
{
	background-image:url(../images/header/icons/red.gif);
}



/* ---------- primary navigation --------- */

#primaryNav {
	margin:0 0 12px 6px;
	list-style-type:none;
	padding:0;
	clear:both;
	display:block;
	height:25px;
	width:950px;
	
	

}
#primaryNav li {
	margin:0 12px 3px 0;
	float:left;
	width:auto;
	display:block;
	width:178px; 

}
#primaryNav li a
{
	background-color:#6BBF70;
	text-decoration:none;
	color:white;
	font-size:11px;
	background-image:url(../images/nav/left-green.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:9px;
	display:block;
	height:25px;
	width:auto;
}
#primaryNav li a div
{
	background-image:url(../images/nav/right-green.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding: 6px 9px 5px 0;
	display:block;
	height:14px;
	width:auto;
}

#primaryNav li a:hover
{
	background-color:#67686B;
	background-image:url(../images/nav/left-over.gif);
	cursor:pointer;
}
#primaryNav li a:hover div
{
	background-image:url(../images/nav/right-over.gif);
	cursor:pointer;
}

#primaryNav li.selected a
{
	color:#67686B;
	background-color:transparent;
	background-image:none;
	font-weight:bold;
}
#primaryNav li.selected a div
{
	background-image:none;
}

#primaryNav li.selected a:hover
{
	background-color:#B2B2B2;
	background-image:url(../images/nav/left-light_grey.gif);
	font-weight:bold;
	cursor:pointer;
}
#primaryNav li.selected a:hover div
{
	background-image:url(../images/nav/right-light_grey.gif);
}

#specLink a
{
	padding-left: 13px; 
	padding-top: 4px;
	color:#67686B;
	background-color:transparent;
	background-image:none;
	font-weight:bold;
}

/* ---------- END OF primary navigation --------- */

/* ---------- secondary navigation --------- */

#secondaryNav {
	margin:-1px 0 18px 0;
	list-style-type:none;
	padding:0;
	clear:both;
	display:table;
	width:100%;
	
	
}

#secondaryNav ul ul {
	margin:0px 0 18px 0;
	list-style-type:square;
	padding:0;
	clear:both;
	display:table;
	width:100%;
	
	
}

#secondaryNav li {
	margin:0 12px 0 0;
	/*padding:0 0 0 12px;*/ /* bojan */
	padding:0 0 3px 12px; /* bojan */
	/* float:left; */  /* bojan */
	 /*display:inline;*/ /* bojan */
	/*border-left:solid 1px #6BBF70;*/ /* bojan */
	text-align:left; /* bojan */
}
#secondaryNav li.firstLink {
	/*padding:0;*/ /* bojan */
	border-left:none;
}
#secondaryNav li a,
#secondaryNav li a:visited {
	font-size:10px;
	display:block;
	text-decoration:none;
	color:#6BBF70;
	font-weight:bold;
}

#secondaryNav li a:hover {
	text-decoration:underline;
}
#secondaryNav li a.selected:visited,
#secondaryNav li a.selected {
	color:#67686B;
	font-weight:bold;
}

/* ---------- END OF secondary navigation --------- */

/* ---------- leftBar --------- */
#leftCol {
	width:180px;
	float:left;
	margin-right:12px;
}
#leftCol img.headerPic
{
    margin-bottom:12px;
}
#leftCol img   /* Bojan */
{
    margin-top:0px;
}
ul#pageTools {
	margin:0;
	padding:0;
	list-style-type:none;
}
ul#pageTools li {
	margin:0;
	padding:0;
	font-size:10px;
	margin-bottom:12px;
	text-align:left;
}
ul#pageTools li a,
ul#pageTools li a:visited {
	text-decoration:none;
	color:#67686B;
	background-image:url(../images/triangle_bullet.gif);
	padding-left:12px;
	background-repeat:no-repeat;
	background-position:0px 2px;
}
ul#pageTools li a:hover {
	text-decoration:underline;
}



.back
{
	padding-top:3px;
    padding-bottom:10px;
}

.back a
{
	font-size:11px;
    padding-left:12px;
    text-decoration:none;
    background-image:url(../images/triangle_bullet.gif);
    background-repeat:no-repeat;
    background-position:0px 2px;
}

.backTop
{
	color:#676867;
	padding-top:1px;
	font-size:11px;
    padding-left:12px;
    text-decoration:none;
    background-image:url(../images/triangle_bullet.gif);
    background-repeat:no-repeat;
    background-position:0px 3px;
}

 #leftCol   .trackIcon  /* bojan */
    {
        padding-left:6px;
    }
    
    #leftCol   .imagePadding  /* bojan */
    {
        padding-left:3px;
    }

/*  main content ------------------------------------------ */

#mainContent {
	float:left;
	/*margin-right:12px;*/
	/* border:solid 1px black;
	background-color:Blue;  bojan */
}
#mainContent hr {
	background-color:#6BBF70;
	color:#6BBF70;	
}

#ctl00_trackIcon1 
{
	float:left;
	margin-right:12px;
}
/*  home page ------------------------------------------ */
.homepage #mainContent .leftCol {
	width:466px;
	float:left;
	margin-right:12px;
}
.homepage #mainContent .leftCol {
	float:left;
}

.homepage #mainContent #mainPic {
	margin-bottom:12px;
}

.homepage #mainContent .contactUsBox {
	background-color:#B2B2B2;
	margin-bottom:7px;
	padding:3px 0 3px 0;		
}

.homepage #mainContent .contactUsBox .content {
	/*padding:10px;
	color:#67686A;*/	
}
.homepage #mainContent .contactUsBox .content .label {
	/*margin-bottom:5px;
	margin-right:12px;
	width:150px;
	float:left;
	clear:both;
	text-align:right;
	font-weight:bold;*/
}
.level2Page #mainContent .latestBox {
	border-style:outset;
	border-width:2px;
	float:left;	
	background-color:White;
	width:190px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.level2Page #mainContent .latestBox .content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.level2Page #leftCol .latestBox .content .label { 
	margin: 0px 0px 0px 0px ;
	padding: 6px 0px 0px 0px;
	clear:both;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	
}
.level2Page #leftCol .latestBox .content .label a{
	margin: 0px 0px 0px 0px ;
	padding:0px 0px 0px 0px;

	font-weight:bold;
	text-decoration:none;	
	color:gray;		/* bojan #6BBF70 */
	text-decoration:underline;   /* bojan */
}
.level2Page #leftCol .latestBox .content .label a:hover{
	margin: 0px 0px 0px 0px ;
	padding:0px 0px 0px 0px;
	text-decoration:underline;	
	
}
.level2Page #leftCol .latestBox .content .value {
	margin: 0px 0px 0px 0px ;
	padding:0px 0px 0px 0px;
	float:left;
	text-align:left;
}

.homepage #mainContent .rightCol {
	float:left;
	width:450px;
}
/* level 2 page -----------------------------------------------------*/
.level2Page #mainContent {
	margin-left:4px;/*  bojan */
	width: 557px; /* bojan */
	/*padding-left:15px  bojan 
	background-color:Green;
	 */
}
.level2Page #mainContent h1 {
	margin: 13px 0 3px 0;
}
.level2Page #mainContent h2  {
	font-size:14px;
	margin: 0 0 12px 0;
	padding:0;
	font-weight:normal;
}
.level2Page #mainContent #icon {
	float:left;
	margin-right:12px;
}
.level2Page #mainContent #text {
	float:left;
	width:557px;
	/*margin-right:12px;*/
}
.level2Page #mainContent #photo {
	/* float:right; bojan */
	 /*float:left; bojan */
}


/* level 3 page -----------------------------------------------------*/

.level3Page #mainContent {
	margin-left:4px;/*  bojan */
	width: 557px; /* bojan */
	/*background-color:Fuchsia  bojan */
}
.level3Page #mainContent .intro {
	display:block;
	height:215px;
	margin-bottom:12px;
}
.level3Page #mainContent .intro img {
	position:absolute;
	height:215px;
}
.level3Page #mainContent .intro table {
	margin: auto 0 auto 0;
	font-weight:normal;
	color:white;
	width:300px;
	position:relative;
	z-index:100;
	font-size:11px;
	border-collapse:collapse;
	height:215px;
}
.level3Page #mainContent .intro table tr td {
	color:white;
	padding:20px;
	vertical-align:bottom;
}

.level3Page #mainContent .intro h1 {
	margin:0 0 12px 0;
	font-weight:normal;
	font-size:18px;
	color:white;
}

.level3Page #mainContent .intro h1.black {
	margin:0 0 12px 0;
	font-weight:normal;
	font-size:18px;
	color:black;
}


	
.level3Page #mainContent h2 
{
	font-size:12px;
	color:#6BBF70;
	font-weight:bold;
	float:left;
	width:200px;
	margin:0 12px 0 0;
	padding:0;
	clear:both;
	text-align:right;
}
.level3Page #mainContent h2 a,
.level3Page #mainContent h2 a:visited
{
	color:#6BBF70;
	text-decoration:none;
}

.level3Page #mainContent h2 a:hover
{
	text-decoration:underline;
}
.level3Page #mainContent p {
	/*float:right;   must be turned cos makes table run over <p> text*/
	width:557px;
}
.level3Page dd {
	padding-top:3px;
	padding-bottom:10px;
}


/* level 4 page -----------------------------------------------------*/



.level4Page #mainContent {
	margin-left:4px;/*  bojan */
	width: 557px; /* bojan */
}
.level4Page dd {
	padding-top:3px;
	padding-bottom:10px;
}
/*
.level4Page #mainContent {
	padding-bottom:200px;
	background-image:url(../images/gradients/green.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
}*/
.level4Page #mainContent h1 {
	margin:0 0 12px 0;
	font-weight:normal;
	font-size:18px;
	color:#67686A;
	background-image:url(../images/header_panels/green.gif);
	height:30px;
	width:537px;
	padding:37px 10px 0px 10px;
}

.level4Page #mainContent h4 {
	font-size:13px;
	font-weight:600;	
	margin:18px 0 1px 0;
	padding:0;
	clear:both;
	
}
 /* ---- coustomer case studies - customer quotes ---- */
.level4Page #mainContent .box
{
	border: solid 0.1em #6BBF70;
	font-size: xx-small; 
	padding: 0 6px 0 6px;
	
}

/* left column -----------------------------------------------------*/
    #leftColType2 {
	width:191px;
	float:left;
	font-size:11px; background-color:Gray; /* bojan */
}


/* right column -----------------------------------------------------*/

#rightCol {
	width:180px; /* bilo 191 */
	float:left;
	font-size:11px; /*background-color:Black;  bojan */
	margin-right:0px; /* bojan */
	margin-left: 12px;
	 
	
}
#rightCol .header{
	background-image:url(../images/sidebar/header_bar.gif);
	background-repeat:no-repeat;
	height:19px;
	font-size:11px;
	font-weight:bold;
	color:white;
	padding:6px 7px 5px 7px; /* bojan */
	
	/*margin-bottom:12px;*/
}

#rightCol p {
	font-size:11px;
	text-align:left;
}
#rightCol a,
#rightCol a:visited {
	font-size:11px;
	/*color:#67686B;  this controls color of links on related info */

}

#rightCol .green {
	padding-left:44px;
	min-height:72px;
	background-image:url(../images/sidebar/green.gif);
	background-repeat:no-repeat;
}
#rightCol .blue {
	padding-left:44px;
	min-height:134px;
	background-image:url(../images/sidebar/blue.gif);
	background-repeat:no-repeat;
}
#rightCol .purple {
	padding-left:44px;
	min-height:165px;
	background-image:url(../images/sidebar/purple.gif);
	background-repeat:no-repeat;
}
#rightCol .red {
	padding-left:44px;
	min-height:106px;
	background-image:url(../images/sidebar/red.gif);
	background-repeat:no-repeat;
}

#rightCol .quote 
{
    padding-left:4px; /* bojan */
	/*padding-left:44px; */ /* bojan */
	min-height:44px;
	/* background-image:url(../images/sidebar/icon-quote.gif); */ /* bojan */
	background-repeat:no-repeat;
}
#rightCol a.readMore,
#rightCol a.readMore:visited {
	text-decoration:none;
	color:#67686B;
	background-image:url(../images/triangle_bullet.gif);
	padding-left:12px;
	margin-bottom:12px;
	background-repeat:no-repeat;
	background-position:0px 3px;
	display:block;
}
#rightCol a.readMore:hover {
	text-decoration:underline;
}
  
/* footer -----------------------------------------------------*/

.ie #footer {
	clear:both;
	background-color:#67686B;	
	color:white;	
	font-size:10px;
	margin-bottom:12px;
	height:25px;
	
	margin-right:15px;
}

.gecko #footer {
	clear:both;
	background-color:#67686B;	
	color:white;	
	font-size:10px;
	margin-bottom:12px;
	height:25px;
	
	margin-right:19px;
}

#footer a,
#footer a:visited {
	text-decoration:none;
	color:white;
	margin-left:8px;
	margin-right:8px;
}
#footer a:hover {
	text-decoration:underline;
}
#footer .left {
	font-size:10px;
	background-image:url(../images/left-footer.gif);
	background-repeat:no-repeat;
	padding-left:12px;
	float:left;
	height:19px;
	padding:6px 12px 0 12px;
}
#footer .right {
	font-size:10px;
	background-image:url(../images/right-footer.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-left:12px;
	float:right;
	height:19px;
	padding:6px 4px 0 12px;
	
}
/* bottom pages footter */

#footerForPrivacyLegalSiteMap {
	clear:both;
	background-color:#67686B;	
	color:white;	
	font-size:10px;
	margin-bottom:12px;
	height:25px;
	margin-right:19px;
	
	
}

#footerForPrivacyLegalSiteMap a,
#footerForPrivacyLegalSiteMap a:visited {
	text-decoration:none;
	color:white;
	margin-left:8px;
	margin-right:8px;
}
#footerForPrivacyLegalSiteMap a:hover {
	text-decoration:underline;
}
#footerForPrivacyLegalSiteMap .left {
	font-size:10px;
	background-image:url(../images/left-footer.gif);
	background-repeat:no-repeat;
	padding-left:12px;
	float:left;
	height:19px;
	padding:6px 12px 0 12px;
}
#footerForPrivacyLegalSiteMap .right {
	font-size:10px;
	background-image:url(../images/right-footer.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-left:12px;
	float:right;
	height:19px;
	padding:6px 4px 0 12px;
	
}


/*  general page ------------------------------------------ */ 

.generalPage .leftCol { 
width:150px; 
float:left; 
margin-right:40px; 
margin-bottom:12px; 
} 

.generalPage .leftCol a 
{ 
background-color:#6BBF70; 
background-color:#B2B2B2; 
text-decoration:none; 
color:white; 
font-size:11px; 
background-image:url(../images/nav/left-light_grey.gif); 
background-repeat:no-repeat; 
background-position:left; 
padding-left:9px; 
display:block; 
height:25px; 
width:auto; 
font-weight:bold; 
} 
.generalPage .leftCol a div 
{ 
background-image:url(../images/nav/right-light_grey.gif); 
background-repeat:no-repeat; 
background-position:right; 
padding: 6px 9px 5px 0; 
display:block; 
height:14px; 
width:auto; 
} 

.generalPage .leftCol a:hover 
{ 
background-color:#67686B; 
background-image:url(../images/nav/left-over.gif); 
cursor:pointer; 
} 
.generalPage .leftCol a:hover div 
{ 
background-image:url(../images/nav/right-over.gif); 
cursor:pointer; 
} 

.generalPage #mainContent { 
float:left; 
margin-right:40px; 
width:500px; 
margin-bottom:12px; 
} 

.generalPage .rightCol { 
float:left; 
width:220px; 
margin-bottom:12px; 
} 

/* noline is used for links that we don't want to be underlined by default */
.noline  
{
	text-decoration: underline;
}

a:hover.noline 
{ 
	text-decoration: underline;
}

/* --------------- track links -------------------- */
	
a.Welcome 
   {
    color: #459948;
   }
a.DecisionSupport
    {
    color:#45c6f3;
    }       
a.Technologist
    {
    color:#A671B1;  /* BB93C3 */
    }
a.Reference        
    {
    color:#F2797A;
    }
 a.Customers        
    {
    color:#F2797A;
    }   
    a.Common
    {
		color:#383A36;
		text-decoration:underline;
    }
    
    
    
    /* --------------- custom bullets for White papers customer quoutes -------------------- */
    
.customBullets {
	margin-left:1.2em; 
	padding-left: 0; 
	margin-top:0.1em; 
	padding-top:0px
}

.customBullets li {
	font-size: xx-small; 
	text-align: left;
	padding:0 0px 0px 0px
}

    /* --------------- site map -------------------- */
#siteMap  
{
	padding-left:35px;
}

#siteMap dl 
{
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:5px;
}
    
#siteMap dd 
{
	padding-top:0px;
	padding-bottom:0px;
	padding-left:5px;
}


#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#dee7f7; border:1px solid #336; 
  padding:6px;
  color:#000; font-size:11px; line-height:1.3;
}
#tipDiv a:link { color:Maroon }
#tipDiv a:hover { color:Black }
#tipDiv a:visited { color:#339 }

.noGap
{
	margin-bottom:0;
	padding-bottom:0;
}

.withGap
{
	margin-bottom:8px;
}

#rightBottom
{
width:180px; /* bilo 191 */
	float:left;
	font-size:11px; /*background-color:Black;  bojan */
	margin-right:0px; /* bojan */
	margin-left: 12px;
}

#roll 
{
	padding-top:10px;
    padding-left:12px;
    padding-bottom:20px;
    text-decoration: none;
    background-image:url(../images/triangle_bullet.gif);
    background-repeat:no-repeat;
    background-position:0px 12px;
}


.sales
{
	padding:0;
	margin:4px 0 0 0 ;
}
.sales td
{
	padding:0;
	margin:0;
}
.sales a
{
	color:#676867;
	text-decoration:none;
}
.sales a:hover
{
	color:#676867;
	text-decoration:underline;
}


.salesWelcome
{
	margin-left:4px;
	margin-top:5px;
	padding-top:8px;
	display:block;
	height:20px;
	padding-left:21px;
    text-decoration: none;
    background-image:url(../images/GenesisLogoSmall.bmp);
    background-repeat:no-repeat;
    background-position:left center;
    vertical-align:middle;
    text-align:left;
}

.salesWelcome a
{
	color:#676867;
	text-decoration:none;
}
.salesWelcome a:hover
{
	color:#676867;
	text-decoration:underline;
}

a.sale
{
	color:#676867;
	text-decoration:none;
	margin-left:4px;
	margin-top:5px;
	margin-bottom:0px;
	padding-top:6px;
	display:block;
	height:20px;
	padding-left:21px;
    text-decoration: none;
    background-image:url(../images/GenesisLogoSmall.bmp);
    background-repeat:no-repeat;
    background-position:left center;
    vertical-align:middle;
    text-align:left;
}
a:hover.sale
{
	text-decoration:underline;
}