﻿/* LicensetreamPortal.CSS - Stylesheet for LicenseStream Portal site.
 * Author: Jenn Gallion
 * Copyright: 2007 Imagespan / IT Dev Solutions
 */

/********************************** 
* GLOBAL - reset browser specifics *
***********************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, img, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, a, a:active, a:visited, a:hover
fieldset, form, caption {
	margin:0px;
	padding:0px;
	border:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	border:none;
	}

html{ overflow-y: scroll;}

body { padding:20px; background:#808080; font:12px "Arial", Verdana, sans-serif;}

h1 { display:none;}	
	
h2 { font-size:18px; margin:25px 0px 0px 0px;}

h3 { padding:0px 0px 10px 0px; margin:0px; font-size:18px; font-weight:normal;}

h4 { padding:0px 0px 15px 0px; margin:0px; font-size:12px; font-weight:bold;}

h5 { padding:0px 0px 0px 15px; margin:0px; font-size:12px; font-weight:bold;}

p { padding-bottom:1em;}

a, a:active, a:visited { color:inherit;}
	
a:focus, a:hover, a:active { outline:none; color:#666;} /*** removes firefox's dotted link border ***/

p.lessPadd { padding-bottom:0em; font-size:13px} /* less padding for p tags */
	
/*** Round Page corners ***/

div#round {
	width:1000px; 
	margin:0 auto; 
	background:#fff;
	}
	
b.rtop, b.rbottom {
	display:block;
	background:#808080;
	}
	
b.rtop b, b.rbottom b {
	display:block;
	height:1px;
  overflow:hidden; 
	background:#fff;
	}
	
b.r1 { margin:0 5px}
b.r2 { margin:0 3px}
b.r3 { margin:0 2px}

b.rtop b.r4, b.rbottom b.r4 { margin:0 1px; height:2px}

.ob1, .ob2, .ob3, .ob4 { display:block; overflow:hidden;}
.ob1, .ob2, .ob3 { height:1px;}
.ob2, .ob3, .ob4 { background:#eee; border-left:1px solid #eee; border-right:1px solid #eee;}
.ob1 { margin:0 5px; background:#eee;}
.ob2 { margin:0 3px; border-width:0 2px;}
.ob3 { margin:0 2px;}
.ob4 { height:2px; margin:0 1px;}

b.obtop b, b.obbottom b {
	display:block; 
	height:1px;
	overflow:hidden;
	}
	 
.orangeBoxContent {display:block; background:#eee; border:0 solid #eee; border-width:0 1px; padding-bottom:2px;}

#orangeBorder { width:236px; color: #000; font-weight:normal;}

#orangeBorder p { padding:0px 0px 0px 10px; padding-bottom:0.5em; font-size: 11px; width: 210px;}

#orangeBorder h3 { padding-left: 10px; padding-bottom: 5px; padding-top:3px;}

#orangeBorder h4 { padding-left: 10px; padding-bottom: 5px; padding-top:5px; font-size: 12px; color: red;}

#orangeBorder a:link, #orangeBorder a:visited { font-weight: bold; text-decoration: none; font-size: 12px; color: #000;}

#orangeBorder a:active, #orangeBorder a:hover { font-weight: bold; text-decoration: underline; font-size: 12px; color: #000;}

/*** Layout Elements ***/

.header {
	height:42px;
	margin:10px 40px 0px 20px;
	}
	
	.header a:link { text-decoration:none; color:#666;}
	.header a:visited { text-decoration:none; color:#666;}
	.header a:active { text-decoration:none; color:#666;}
	.header a:hover { text-decoration:none; color:#666;}

.links { float:right; text-align:right; font-size:.9em; padding-top:10px;}
	
#navigation {
    width:1000px; 
	height:35px;
    background:url(images/nav.jpg);
    margin:0px auto; 
	padding:0;
    position:relative;
	}
		
  #navigation li, #navigation a {
    height:25px; 
	display:block;
	text-decoration:none;
	}
			
  #navigation li {
    margin:0; 
	padding:0; 
	list-style:none;
    position:absolute; 
	top:0;
	}
	
	#navigation a { 
	  text-align:center; 
	  padding-top:7px;
	  color:#787878;
	  text-decoration:none;
	  }
	  

	#navA { left:0; width:199px;}
	#navA a { padding-left:20px;}
	#navB { left:200px; width:179px;}
	
	#navC { left:380px; width:179px;}
	
	#navD { left:560px; width:179px;}	
	
	#navE { left:740px; width:179px;}	
	
	#navF { left:920px; width:60px;}	
	
		#navF span { display:none;}

	  #navA a:hover {
		background:transparent url(images/nav.jpg)
		0 -35px no-repeat; color:#fff; text-decoration:none;}
	  #navB a:hover {
		background:transparent url(images/nav.jpg)
		-200px -35px no-repeat; color:#fff; text-decoration:none;}
	  #navC a:hover {
		background:transparent url(images/nav.jpg)
		-380px -35px no-repeat; color:#fff; text-decoration:none;}
	  #navD a:hover {
		background:transparent url(images/nav.jpg)
		-560px -35px no-repeat; color:#fff; text-decoration:none;}
	  #navE a:hover {
		background:transparent url(images/nav.jpg)
		-740px -35px no-repeat; color:#fff; text-decoration:none;}
	  #navF a:hover {
		background:transparent url(images/nav.jpg)
		-920px -35px no-repeat; color:#fff; text-decoration:none;}
	
	  #navA.up {
		background:transparent url(images/nav.jpg)
		0 -35px no-repeat; color:#fff; text-decoration:none;}
	  #navB.up {
		background:transparent url(images/nav.jpg)
		-200px -35px no-repeat; color:#fff; text-decoration:none;}
	  #navC.up {
		background:transparent url(images/nav.jpg)
		-380px -35px no-repeat; color:#fff; text-decoration:none;}
	  #navD.up {
		background:transparent url(images/nav.jpg)
		-560px -35px no-repeat; color:#fff; text-decoration:none;}
	  #navE.up {
		background:transparent url(images/nav.jpg)
		-740px -35px no-repeat; color:#fff; text-decoration:none;}
	  #navF.up {
		background:transparent url(images/nav.jpg)
		-920px -35px no-repeat; color:#fff; text-decoration:none;}
		

			/*** DropDown Nav ***/
			
				#navigation li ul {
					position:relative;
					display:none;
					}
					
				#navigation li ul li {
					height:20px; 
					display:block;
					text-decoration:none;
					margin-left:20px;
					position:relative; 
					border-top:solid 1px #fff;
					border-bottom:solid 1px #fff;
					} 
			
				#navigation li ul a {
					height:20px; 
					display:block;
					text-align:center;
					padding-right:20px; 
					padding-top:3px;
					background-color:#ccc; 
					opacity:0.9;
					color:#000;
					} 
					
				#navigation li:hover ul, #navigation li.sfhover ul, #navigation li:active ul {
					position:relative;
					display:block;
					}
						
				#navA ul li a:hover { background:#666; color:#fff;}
	
	#navigation .up a:link, #navigation .up a:visited { 
		color: #fff;
	  }

	#navigation .up .NavDrop a:link, #navigation .up .NavDrop a:visited { 
		color: #000;
	  }
	  

#content { margin:0px 20px 20px 20px;}

#footer {
	text-align:right; 
	color:#000; 
	padding-top:10px; 
	font-size:9px;
	width:1000px; 
	margin:0 auto;
	padding-right:75px; 
	}
	
	#footer a:link { color:#494949; text-decoration:none;}
	#footer a:visited, #footer a:active, #footer a:hover  { color:#fff; text-decoration:none;}
	
/*** Global Classes ***/
	
.clear { clear:both;}

.float { float:left;}

.floatRight { text-align:right;}

.hide { display:none;}

.psmall { font-size:9px; line-height:10px;}

.pmedium { font-size:11px; line-height:15px;}

.ptall { line-height:18px;}

.big { font-size:14px;}

.bigBold { font-size:14px; font-weight:bold; padding-bottom:5px;}

.bigger { font-size:20px; font-weight:bold;}

.firstHeader { font-size:19px; margin-top: 0px; margin-bottom:10px;}

.secondHeader { font-size:14px; font-weight:bold; margin-bottom:7px;}

.bold { font-weight:bold;}

.red { color:#FF0000;}

.blue { color:#3A6696;}

.blackC { color:#000000;}

	.blue a:link { text-decoration:none; color:#3A6696;}
	.blue a:visited { text-decoration:none;}
	.blue a:active { text-decoration:none;}
	.blue a:hover { text-decoration: none;}

.ls { font-size: 14px; }

/*** Global divs ***/

.promo { 
	width:236px;
	background-color:#eee;
	}
	
	.promo p {
		margin:5px 10px;
		color:#333;
		}
	
	.promo a {
		color:#333;
		text-decoration:none;
		}

	.promo a:hover {
		color:#666;
		text-decoration:underline;
		}

.AdobePlugin { 
	height:64px; 
	width:236px;
	_width: 233px;
	}
	
.AdobePlugin a:link,
.AdobePlugin a:visited,
.AdobePlugin a:active { 
text-decoration: none;
	}

.AdobePlugin a:hover {
text-decoration: underline;
}

.AdobePlugin img { 
	margin-bottom: 6px;
	}

.minor .AdobePlugin p { 
	font-size: 11px;
	padding-top: 6px;
	width: 210px;
	text-align:justify;
	}

.savings {
	height:100px;
	}

.questions { 
	margin-top:25px; 
	padding-left:10px;
	}

						
.subscribe { padding:10px 0px 0px 7px;}

/*** Round div corners***/
/***  GRAY BORDER ***/
#grayBorder { background:transparent;}

#grayBorder p { margin:0px 0px 0px 10px; padding-bottom:0.5em;}

#grayBorder h2 { padding-top:0.5em;}

#grayBorder h4  { font-size:12px; color:#FF0000; border:0; margin-left:10px; padding-top:10px;}

.xtop, .xbottom { display:block; background:transparent; font-size:1px;}

.gb1, .gb2, .gb3, .gb4 { display:block; overflow:hidden;}
.gb1, .gb2, .gb3 { height:1px;}
.gb2, .gb3, .gb4 { background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.gb1 { margin:0 5px; background:#ccc;}
.gb2 { margin:0 3px; border-width:0 2px;}
.gb3 { margin:0 2px;}
.gb4 { height:2px; margin:0 1px;}

.grayBoxContent {display:block; background:#fff; border:0 solid #ccc; border-width:0 1px;}

/*** GRAY  ***/
	
b.gtop, b.gbottom{ display:block; background:#FFF;}

b.gtop b, b.gbottom b {
	display:block; 
	height:1px;
	overflow:hidden;
	background:#eee;
	}
	 
b.g1 { margin:0 5px;}
b.g2 { margin:0 3px;}
b.g3 { margin:0 2px;}
b.gtop b.g4, b.gbottom b.g4 { margin:0 1px; height:2px;}


/*** SEABLUE  ***/
	
b.sbluetop, b.sbluebottom{ display:block; background:#FFF;}

b.sbluetop b, b.sbluebottom b {
	display:block; 
	height:1px;
	overflow:hidden;
	background:#abc5c6;
	}
	 
b.sblue1 { margin:0 5px;}
b.sblue2 { margin:0 3px;}
b.sblue3 { margin:0 2px;}
b.sbluetop b.sblue4, b.sbluebottom b.sblue4 { margin:0 1px; height:2px;}

.sbluediv {
	background:#abc5c6;
	}

/*** Layout Elements- Home ***/

#big { width:auto; margin-top:30px;}

	.imageHeader {
		background:url(images/homeGraphic.jpg) top left no-repeat;
		height:143px;
		margin-left:60px;
		}
	
		.imageHeader span { display:none;}
	
	#tagline {
		height:40px;
		margin-top: 20px;
		margin-left:54px;
		border-bottom:solid 0px #ccc;
		}

	.info {
		display:block;
		margin:auto;
		font-size:18px;
		}
			
		.info p.space {
			font-weight: bold;
			width: 600px;
			margin-top: 10px;
			}

			.info p.space img {
			margin-left: 20px;
				}
			
			form#emailBox {
			margin-top: 3px;
			font-size: 11px;
			padding: 0px;
			}
			
			form#emailBox input.txtField {
			width: 140px;
			margin: 6px 0px;
			font-size: 11px;
			font-family: arial;
			}

		.solutions a:link,
		.solutions a:visited,
		.solutions a:active {
		text-decoration: none;
		color: #000000;
			}
			
		.solutions a:hover {
		text-decoration: underline;
		cursor:pointer;
		}

#small {
	width:900px;
	margin-left: 60px;
	margin-top:20px;
	}

#small .promo {
	width: 200px;
	float: left;
	margin-right: 7px;
}			
	.solutions {
		width:200px;
		margin:0px 0px 0px 0px;
		padding:1px;
		font-size:11px;
		float: left;
		}
	
		.solutions a:hover { color:#000;}

	.solutions img {
	margin-left:0px;
	margin-top:1px;
	}

.solutions div {
	height: 100px;
}

.solutions p, #small .promo p {
	margin: 0px  0px 0px 10px;
	padding: 5px 0px;
}

#small .promo div {
	height: 100px;
	line-height: 14px;
}

#small .promo b {
	font-size: 14px;
}

p.blogLink {
	margin: 25px 0px 10px 60px;
}

#emailForm {
	font-size: 14px;
	text-align: right;
	width: 295px;
	margin: auto;
	.padding-top: 12px;
	border: dotted 1px #4a7273;
	}

#emailForm label{
	padding-right: 15px;
	.line-height: 10px;
	.overflow: hidden;
}

#emailForm input {
	margin: 1px 15px 0px 1px;
	}

#emailForm select {
	margin: 1px 15px 7px 0px;
	width: 157px;
	}
	
#emailForm.smapp input {
	width: 157px;
	}

#emailForm.smapp select {
	margin: 1px 15px 7px 0px;
	width: 161px;
	.width: 163px;
	.margin-top: 3px;
	}

#emailForm.smapp input.imgBtn {
	width: auto;
	}

.paraCenter {width: 295px; margin: 0px auto 5px auto;}

/*** Layout Elements- Interior ***/

.minor { width:240px; font-size:10px; float:left; margin-top:10px;}

	.minor p { width:190px; padding-left:2px;}

	.minor ul { width:175px; padding-left:2px; list-style-type:none;}

	.minor li { margin-top:5px;}
	
	.minor #grayBorder {
	width: 236px;
	} /* Limit width of rounds border in class "minor" */
	
.major { width:712px; float:right; margin-top:10px; padding-bottom:15px;}

	.left { width:455px; float:left; margin-top:20px; position:static;}
	
		.left p { width:450px;}
		
		#overview ul {
			list-style-image:url(images/redcheck.jpg); 
			margin: 10px 0px 5px 16px;
			}
		
		#overview li {
			padding:5px 0px;
			}

		#benefits ul {
			list-style-image:url(images/redcheck.jpg); 
			margin: 10px 0px 5px 16px;
			}
		
		#benefits li {
			padding:5px 0px;
			}
			
		#features ul {
			list-style-image:url(images/redcheck.jpg); 
			margin: 10px 0px 5px 16px;
			}
		
		#features li { padding:5px 0px;}
	
	.right { 
		width:230px; 
		float:right;  
		background-color:#eee;
		margin:20px 1px;
		}
		
		.right p { padding:10px 14px;}

	.right2 { 
		width:240px; 
		float:right;  
		background-color:#eee;
		margin:0px 1px;
		}
		
		.right2 p { padding:10px 14px;}
		
	.right3 { 
		width:240px; 
		float:right;  
		}
		
/*** Specific Classes- Creative Solutions ***/
.graphicHeaderCSolA {
	background: #ce3a5c url(images/creativeBanner1.jpg) top left no-repeat;
	height:154px;
	width: 711px;
	}

.graphicHeaderCSolB {
	background: #ce3a5c url(images/creativeBanner2.jpg) top left no-repeat;
	height:154px;
	width: 711px;
	}

.graphicHeaderCSolC {
	background: #ce3a5c url(images/creativeBanner3.jpg) top left no-repeat;
	height:154px;
	width: 711px;
	}

#graphicNavCSol {
	width:711px;
	height:26px;
	background:url(images/CreativeNAV.jpg);
	margin:0px 0px;
	padding:0;
	position:relative;
	}
		
  #graphicNavCSol li, #graphicNavCSol a {
    height:26px; 
	display:block; 
	text-decoration:none;
		}
			
  #graphicNavCSol li {
    margin:0; 
	padding:0; 
	list-style:none;
    position:absolute; 
	top:0;
		}
	
	#graphicNavCSol a { 
	  text-align:center; 
	  padding-top:7px;
	  color:#fff;
	  text-decoration:none;
	  }
		
	#CsolNavA { left:0; width:234px;}
	
	#CsolNavB { left:235px; width:239px;}
	
	#CsolNavC { left:475px; width:235px;}

  #CsolNavA a:hover {
    background:transparent url(images/CreativeNAV.jpg)
    0 -26px no-repeat; color:#ccc; text-decoration:none;}
  #CsolNavB a:hover {
    background:transparent url(images/CreativeNAV.jpg)
    -235px -26px no-repeat; color:#ccc; text-decoration:none;}
  #CsolNavC a:hover {
    background:transparent url(images/CreativeNAV.jpg)
    -475px -26px no-repeat; color:#ccc; text-decoration:none;}

	#creative #features .thumbStyles,
	#integration #overview .thumbStyles {
	float: left;
	width: 234px;
	height:auto;
	margin-right:5px;
	}

	#creative #features .thumbStyles p,
	#integration #overview .thumbStyles p {
	padding-top: 4px;
	margin-bottom:10px;
	width: 230px;
	}

	#creative .questions { 
	margin-top:180px;
	}
	
	#creative p.pmedium { 
	padding-left:12px;
	}

	#creative #showOverview p { 
	padding-top: 15px;
	padding-left: 2px;
	}
	

/*** Specific Classes- Enterprise Solutions ***/
.graphicHeaderESol {
	background:url(images/enterpriseBanner.jpg) top left no-repeat;
	height:154px;
	}
		
#graphicNavESol {
    width:711px; 
		height:25px;
    background:url(images/EnterpriseNAV.jpg);
    margin:0px auto; 
		padding:0;
    position:absolute;
		}
		
  #graphicNavESol li, #graphicNavESol a {
    height:25px; 
	display:block; 
	text-decoration:none;
	}
			
  #graphicNavESol li {
    margin:0; 
	padding:0; 
	list-style:none;
    position:absolute; 
	top:0;
	}
	
	#graphicNavESol a { 
	  text-align:center; 
	  padding-top:7px;
	  color:#fff; 
	  text-decoration:none;
	  }
		
	#EsolNavA { left:0; width:234px;}
	
	#EsolNavB { left:235px; width:239px;}
	
	#EsolNavC { left:475px; width:235px;}

  #EsolNavA a:hover {
    background:transparent url(images/EnterpriseNAV.jpg)
    0 -25px no-repeat; color:#ccc; text-decoration:none;}
  #EsolNavB a:hover {
    background:transparent url(images/EnterpriseNAV.jpg)
    -235px -25px no-repeat; color:#ccc; text-decoration:none;}
  #EsolNavC a:hover {
    background:transparent url(images/EnterpriseNAV.jpg)
    -475px -25px no-repeat; color:#ccc; text-decoration:none;}

h6.collapse { background:url(images/redArrowUp.jpg) center left no-repeat; margin:5px 15px; padding-left:10px; font-weight:normal;}

h6.expand { background:url(images/redArrowDown.jpg) center left no-repeat; margin:5px 15px; padding-left:10px; font-weight:bold;}

#enterprise #overview span.title {
	font-weight: bold;
	margin: 0px;
	display:block;
	}

#enterprise #overview ul {
	/*list-style-image:url(none); */
	margin: 3px 0px 5px 16px;
	}

#enterprise #overview li {
	padding:3px 0px;
	}

#enterprise .shadedDiv {
	background: transparent url(images/arvato_shaded.jpg) top left no-repeat;
	padding: 84px 10px 10px 10px;
	}

#enterprise .shadedDiv p {
	width: 100%;
	}

#enterprise #features ol {
	padding-left: 19px;
	}

#enterprise #features i {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	font-style:normal;
	}

#enterprise #features b {
	font-size: 13px;
	}
	
#enterprise #features p {
	padding-bottom: .6em;
	}

#enterprise #overview a:link,
#enterprise #overview a:visited,
#enterprise #overview a:active,
#enterprise #features a:link,
#enterprise #features a:visited,
#enterprise #features a:active {
	color: #4c98dc;
	font-weight: bold;
	text-decoration: none;
	}

#enterprise #overview a:hover, #enterprise #features a:hover {
	color: #4c98dc;
	font-weight: bold;
	text-decoration: underline;
	}

		
/*** Specific Classes- Partner opportunities ***/
.graphicHeaderPar {
	background:url(images/partnerBanner.jpg) top left no-repeat;
	height:165px;
	}

/*** Specific Classes- Integration ***/
.graphicHeaderIntA {
	background: #84b501 url(images/AdobeBanner-1.jpg) top left no-repeat;
	height:163px;
	width: 711px;
	}

.graphicHeaderIntB {
	background: url(images/AdobeBanner-2.jpg) top left no-repeat;
	height:163px;
	width: 711px;
	}

.adobeSmall {
	background:url(images/adobeSmall.jpg) top left no-repeat;
	padding-top:45px;
	margin-top:20px;
	margin-left:10px;
	}

	.adobeSmall ul {
		list-style-image:url(images/redcheck.jpg); 
		margin:0px 0px 0px 17px;
		}

#integration .left {
	width: 712px;
	}

#integration .major p {
	width: auto;
	}


/*** Specific Classes- FAQ ***/
.graphicHeaderFAQ {
	background:url(images/FAQsBanner.jpg) top left no-repeat;
	height:165px;
}

.faq { margin-top:10px;}

	.faQuestions {
		float:left;
		width:350px;
		padding:0px;
		}
	
		.faQuestions ul {
			list-style-type:none;
			padding:0px 5px 5px 0px;
			margin:0px 10px 10px 10px;
			padding-top:10px;
			}
		
		.faQuestions li { padding-bottom:7px;}

#answers {
	float:right;
	width:350px;
  }

	#answers p { padding:10px 10px 5px 0px;}
	
	#answers ul { padding:0px 10px 5px 20px;}
	
	#answers li { padding:5px; margin-left:15px;}
	
.inactiveQuestion { color:#000; cursor: pointer;}

.activeQuestion{ color:#3a6697; cursor: pointer;}

/*** Specific Classes- Press ***/
.graphicHeaderPress {
	background:url(images/pressBanner.jpg) top left no-repeat;
	height:165px;
	margin-bottom:10px;
	}

.press { padding:20px 10px;}

.border { border-top:solid 1px #ccc;}

.border p { padding-bottom:10px;}

.border h2 { font-size:13px; font-weight:bold; margin:10px 0px 10px 10px;} 

.border h3 { padding:5px 0px 0px 10px;} 

.border ul { padding-left:30px;}

.newsLeft a:link, .newsLeft a:visited, .newsLeft a:active, .newsLeft a:hover { font-size:12px; text-decoration: none;}

.newsLeft a:link, .newsLeft a:visited { .color: #000000; }

.newsLeft a:active, .newsLeft a:hover { .color: #666666; }

.newsLeft li { padding-bottom:10px;}

/*** Specific Classes- Contact ***/
.graphicHeaderContact {
	background:url(images/contactUsBanner.jpg) top left no-repeat;
	height:165px;
	}

form.c1 { padding-left:15px;}

INPUT,TEXTAREA { font-family: Arial; font-size: 12px; }


#quickStartNav span { display:none;}

	#quickStartNav a:hover span { display:block;}

	#quickStartNav {
		width: 657px; 
		height: 130px;
		background: url(Images/home.gif) no-repeat;
		margin: 0px auto; 
		padding: 0;
		position: relative;
		}
		
	 * html #quickStartNav{
		position: relative;
		}
		
	  #quickStartNav li {
		margin: 0; 
		padding: 0; 
		list-style: none;
		position: absolute; 
		top: 0;
		}
		
	  #quickStartNav li, #quickStartNav a {
		height: 130px; 
		display: block;
	    }
  
  #quickStartNav1 {left: 0; width: 220px;}
  
  #quickStartNav2 {left: 221px; width: 220px;}
  
  #quickStartNav3 {left: 442px; width: 214px;}  
  
  #quickStartNav1 a:hover {
    background: transparent url(Images/home.gif)
    0 -130px no-repeat;}
    
  #quickStartNav2 a:hover {
    background: transparent url(Images/home.gif)
    -221px -130px no-repeat;}
    
  #quickStartNav3 a:hover {
    background: transparent url(Images/home.gif)
    -442px -130px no-repeat;}

ol.terms {
	margin:0px 20px;
	}

ol.terms li {
	margin:10px;
	}
	
ol.terms p {
	margin:10px 0px;
	}

ol.terms ol {
	margin:10px;
	}

ol.terms ul {
	margin:10px;
	}

.errorText {
	margin:0px 0px 25px 0px;
	padding:10px 0px 5px 0px;
	border-top: solid 1px #ccc;
	color:#333;
	}

ul.siteMap {
	margin-left:30px;
	padding:5px;
	font-size:12px;
	list-style-type:circle;
	}
	
.pageEnd {
    background: transparent url(Images/poweredByImagespan.jpg) bottom right no-repeat;
		height:30px;
		}
		
	.pageEnd span { display:none;}

.graphicHeaderAdobe {
	background:url(images/adobeHeader.jpg) top left no-repeat;
	height:166px;
	position:relative;
}

	.graphicHeaderAdobe a {
		position:absolute;
		color:#FFFFFF;
		}


.graphicHeaderAdobe2 {
	background:url(images/greyHeader2.jpg) top left no-repeat;
	height:166px;
}

		#redList ul {
			list-style-image:url(images/redcheck.jpg); 
			margin: 10px 0px 5px 0px;
			}
		
		#redList li {
			padding:2px 0px;
			margin-left:10px;
			}
			
h6.collapses {margin:5px 5px; padding-left:10px; font-weight:normal;}

h6.expands {margin:5px 5px; padding-left:10px; font-weight:bold;}

/*** Specific Classes- Aquisition ***/
.graphicHeaderAquisition {
	background:url(images/threeBoxes.jpg) top left no-repeat;
	height:84px;
	}

h3.aquisition {
	font-size: 36px;
	margin-top: 20px;
	padding-bottom: 0px;
}

#aquisition .left {
	font-size: 13px;
}

		#aquisition .left ul {
			list-style-image:url(images/redcheck.jpg); 
			margin: 5px 0px 5px 16px;
			}
		
		#aquisition .left li {
			padding:5px 0px;
			}

#aquisition .right {
	background-color: #fff;
}

#aquisition .right p {
	padding-left: 2px;
	font-size: 11px;
}

#aquisition .right p.promocode {
	margin-top: 4px;
	padding-left: 2px;
	font-size: 13px;
}


/*** Specific Classes- PDN ***/
.graphicHeaderPDN {
	background:url(images/threeBoxes.jpg) top left no-repeat;
	height:84px;
	}

h3.pdn {
	font-size: 32px;
	margin-top: 17px;
	padding-bottom: 0px;
}

h4.pdn {
	font-size: 21px;
	margin-top: 2px;
	padding-bottom: 17px;
	width: 100%;
	border-bottom: solid 1px #ccc;
	margin-bottom: 2px;
}

#pdn .left {
	font-size: 13px;
}

		#pdn .left ul {
			list-style-image:url(images/redcheck.jpg); 
			margin: 5px 0px 5px 16px;
			}
		
		#pdn .left li {
			padding:5px 0px;
			}

#pdn .right {
	background-color: #fff;
}

#pdn .right p {
	padding-left: 2px;
	font-size: 11px;
}

#pdn .right p.promocode {
	margin-top: 4px;
	padding-left: 2px;
	font-size: 13px;
}

/*** Specific Page - WEVA ***/

	#weva .minor a:link,
	#weva #overview a:link,
	#weva #contestRules a:link,
	#weva .minor a:visited,
	#weva #overview a:visited,
	#weva #contestRules a:visited,
	#weva .minor a:active,
	#weva #overview a:active,
	#weva #contestRules a:active {
	color: #106ab5;
	text-decoration: none;
	}

	#weva .minor a:hover,
	#weva #overview a:hover,
	#weva #contestRules a:hover {
	color: #106ab5;
	text-decoration: underline;
	}

	#weva .right a:link,
	#weva .right a:visited,
	#weva .right a:active {
	color: #ffffff;
	text-decoration: none;
	}

	#weva .right a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
	
	#weva b {
	font-size: 13px;
	}
	
	#weva .major ul {
	width:;
	margin-top: 0px;
	padding-top: 0px;
	list-style-image: url(inages/wListGraphic.gif);
	list-style-type:disc;
	}
	
	#weva .major ul li {
	margin-top: 0px;
	margin-bottom: 0px;
	}

	#weva .major #overview ul li ul {
	margin-top: 10px;
	padding-top: 0px;
	margin-left: 40px;
	list-style-image: url(none);
	list-style-type:circle;
	}

	#weva .major #overview ul li ul li {
	margin: 4px;
	padding: 0px;
	}

	#weva .major ol {
	color: #000;
	list-style-position:outside;
	padding-left:inherit;
	margin-left: 20px;
	}
	
	#weva .major ol li {
	margin-top: 5px;
	margin-bottom: 10px;
	}

	#weva .major .ItemOne {
	background: url(images/olOne.gif) no-repeat;
	width: 390px;
	padding-left: 58px;
	}
	
	#weva .major .ItemTwo {
	background: url(images/olTwo.gif) no-repeat;
	padding-left: 58px;
	}

	#weva .major .ItemOne p,	
	#weva .major .ItemTwo p {
	width: 390px;
	}

	#weva b.xtop b, #weva b.xbottom b {
	background:#eee;
	}

	#weva .grayBoxContent {
	background-color:#eee;
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
	}

	#weva .gb2, #weva .gb3, #weva .gb4 {
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
	}
	
	#weva #grayBorder p {
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	padding-bottom: 0px;
	width: 100%;
	}

	#weva .subscribe {
	font-size:12px;
	padding: 7px 7px 9px 10px;
	width: 212px;
	line-height: 16px;
	}
	#weva .subscribeTitle {
	margin-bottom:6px;
	 }
	 	
	#weva .subscribeTitle b {
	font-size:14px;
	 }
	 
	#weva .paraLine {
	border-top: solid 1px #ccc;
	margin-top:10px;
	padding-top:9px;
	font-size: 12px;
	font-weight: bold;
	}
	
	#weva .left {
	margin-left: 1px;
	}
	
	#weva .left p {
	}

	#weva .right { 
		width:240px;
		background-color:#3399cc;
		color: #000000;
		margin-bottom:5px;
		margin-top: 24px;
	}
	
	#weva .right span {
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	}

	#weva .pcaps {
	text-transform:capitalize;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	
	#weva #content {
	_margin-right: 13px;
	}

	#weva b.gtop b, #weva b.gbottom b {
	background:#3399cc;
	}
	
	#weva #contestRules {
	float:right;
	width:228px;
	display: none;
	}
	
	
/*** Lightbox CSS ***/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 85%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
