/* 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-color:#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:20px; 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}

/*** 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;
	visibility: hidden;
	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:319px;}
	#navA a { padding-left:20px;}
	#navB { left:320px; width:299px;}
	
	#navC { left:620px; width:299px;}
	
	#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)
		-320px -35px no-repeat; color:#fff; text-decoration:none;}
	  #navC a:hover {
		background:transparent url(images/nav.jpg)
		-620px -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)
		-320px -35px no-repeat; color:#fff; text-decoration:none;}
	  #navC.up {
		background:transparent url(images/nav.jpg)
		-620px -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;}
		
		#navA.up a:link, #navA.up a:visited,
		#navB.up a:link, #navB.up a:visited,
		#navC.up a:link, #navC.up a:visited { color: #ffffff; }


			/*** 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;}
	
#content { margin:0px 20px 20px 20px;}

#footer {
	text-align:right; 
	color:#000; 
	padding-top:10px; 
	font-size:9px;
	width:1000px; 
	margin:0 auto;
}

#footer p {
	margin-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;}

.bold { font-weight:bold;}

.red { color:#FF0000;}

.blue { color:#3A6696;}

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


/*** 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:66px; 
	width:236px;
	}
	
.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;margin-top:20px;}

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

.ob1, .ob2, .ob3, .ob4 { display:block; overflow:hidden;}
.ob1, .ob2, .ob3 { height:1px;}
.ob2, .ob3, .ob4 { background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.ob1 { margin:0 5px; background:#ccc;}
.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:#fff; border:0 solid #ccc; border-width:0 1px;}

#orangeBorder { width:233px;}

#orangeBorder p { padding:0px 0px 0px 10px; padding-bottom:0.5em; font-size: 12px; 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; color: #000000; }

#orangeBorder a:active, #orangeBorder a:hover { font-weight: bold; text-decoration: underline; }

#callStyle p { font-size: 12px; }

#callStyle a.curbEmail:link, #callStyle a.curbEmail:visited { font-weight: normal; text-decoration:underline; font-size: 12px; }


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

/*** Layout Elements- Home ***/

/*** 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:717px; float:right; margin-top:10px; padding-bottom:15px;}

.major a:link, .major a:visited {
	color: #000000;
	}

	.leftDemo {float:left; margin-top:20px; margin-left: 1px; position:static;}
	
	.left { width:455px; float:left; margin-top:20px; margin-left: 1px; position:static;}
	
		.left p { width:450px;}
		
		#overview p {
		line-height:16px;
		}
		
		#curbLineHeight #overview p {
		line-height:15px;
		}
		
		#curbLineHeight #overview ul {
			list-style-image:url(images/redcheck.jpg); 
			margin: 0px 0px 10px 16px;
			}
			
		#curbLineHeight #overview li {
			padding:1px 0px;
			}
		
		#benefits ul {
			list-style-image:url(images/redcheck.jpg); 
			margin: 0px 0px -6px 16px;
			}
		
		#benefits li {
			padding:3px 0px;
			}
			
		#features ul {
			list-style-image:url(images/redcheck.jpg); 
			margin: 10px 0px 5px 16px;
			}
		
		#features li { padding:5px 0px;}
		
		#features #imgSpacing img {
			border: solid 1px #000000;
			margin-left:0px; 
			}

		#features #imgSpacing td {
			width: 210px;
			padding-right:15px;
		}
		#features #imgSpacing td.bttns {
			text-align: left;
			padding: 5px 0px;
			border: solid 0px #afafaf;
			}

		.leftDemo #imgSpacing img {
			border: solid 1px #000000;
			margin-left:0px; 
			}

		.leftDemo #imgSpacing td {
			width: 210px;
			padding-right:15px;
		}
		.leftDemo #imgSpacing td.bttns {
			text-align: left;
			padding: 5px 0px;
			border: solid 0px #afafaf;
			}

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

p span.large { font-size: 13px; }

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


/*** LicenseStream Production ***/
.graphicHeaderCurb {
	background:url(images/banner.jpg) top left no-repeat;
	height:154px;
	width: 716px;
	}

#graphicNavCurb {
    width:716px; 
		height:25px;
    background:url(images/lsproductionNav.jpg);
    margin:0px auto; 
		padding:0;
    position:absolute;
		}
		
  #graphicNavCurb li, #graphicNavCurb a {
    height:25px; 
	display:block; 
	text-decoration:none;
	}
			
  #graphicNavCurb li {
    margin:0; 
	padding:0; 
	list-style:none;
    position:absolute; 
	top:0;
	}
	
	#graphicNavCurb a { 
	  text-align:center; 
	  padding-top:7px;
	  color:#fff; 
	  text-decoration:none;
	  }
		
	#CurbNavA { left:0; width:180px; }
	
	#CurbNavB { left:180px; width:180px;}
	
	#CurbNavC { left:359px; width:181px;}

	#CurbNavD { left:539px; width:178px;}

  #CurbNavA, #CurbNavA a:hover {
    background:transparent url(images/lsproductionNav.jpg)
    0 -26px no-repeat; color:#ccc; text-decoration:none;}
  #CurbNavB a:hover {
    background:transparent url(images/lsproductionNav.jpg)
    -180px -26px no-repeat; color:#ccc; text-decoration:none;}
  #CurbNavC a:hover {
    background:transparent url(images/lsproductionNav.jpg)
    -359px -26px no-repeat; color:#ccc; text-decoration:none;}
  #CurbNavD a:hover {
    background:transparent url(images/lsproductionNav.jpg)
    -539px -26px no-repeat; color:#ccc; text-decoration:none;}

	#curbLineHeight .graphicHeaderCurb {
	background:url(images/demo_banner.jpg) top left no-repeat;
	height:154px;
	width: 716px;
	}

	#curbLineHeight #graphicNavCurb {
    width:716px; 
		height:25px;
    background:url(images/lsproductionNav3.jpg);
    margin:0px auto; 
		padding:0;
    position:absolute;
		}

	#curbLineHeight #CurbNavA { left:0; width:236px; }
	
	#curbLineHeight #CurbNavB { left:237px; width:239px;}
	
	#curbLineHeight #CurbNavC { left:477px; width:238px;}
	
	#curbLineHeight #CurbNavD { left:717px; width:238px;}

  #curbLineHeight #CurbNavA, #curbLineHeight #CurbNavA a:hover {
    background:transparent url(images/lsproductionNav3.jpg)
    0 -26px no-repeat; color:#ccc; text-decoration:none;}
  #curbLineHeight #CurbNavB a:hover {
    background:transparent url(images/lsproductionNav3.jpg)
    -237px -26px no-repeat; color:#ccc; text-decoration:none;}
  #curbLineHeight #CurbNavC a:hover {
    background:transparent url(images/lsproductionNav3.jpg)
    -477px -26px no-repeat; color:#ccc; text-decoration:none;}
  #curbLineHeight #CurbNavD a:hover {
    background:transparent url(images/lsproductionNav3.jpg)
    -717px -26px no-repeat; color:#ccc; text-decoration:none;}
	
	
	#curbLineHeight #graphicNavCurb {
    width:716px; 
		height:25px;
    background:url(images/lsproductionNav3.jpg);
    margin:0px auto; 
		padding:0;
    position:absolute;
		}

	#curbLineHeight #CurbNavA { left:0; width:236px; }
	
	#curbLineHeight #CurbNavB { left:237px; width:239px;}
	
	#curbLineHeight #CurbNavC { left:477px; width:238px;}
	
	#curbLineHeight #CurbNavD { left:717px; width:238px;}

  #curbLineHeight #CurbNavA, #curbLineHeight #CurbNavA a:hover {
    background:transparent url(images/lsproductionNav3.jpg)
    0 -26px no-repeat; color:#ccc; text-decoration:none;}
  #curbLineHeight #CurbNavB a:hover {
    background:transparent url(images/lsproductionNav3.jpg)
    -237px -26px no-repeat; color:#ccc; text-decoration:none;}
  #curbLineHeight #CurbNavC a:hover {
    background:transparent url(images/lsproductionNav3.jpg)
    -477px -26px no-repeat; color:#ccc; text-decoration:none;}
  #curbLineHeight #CurbNavD a:hover {
    background:transparent url(images/lsproductionNav3.jpg)
    -717px -26px no-repeat; color:#ccc; text-decoration:none;}
	
	

/*** 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: transparent url(images/contact_banner.jpg) top left no-repeat;
	height:164px;
	width: 717px;
	}		

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- Platform ***/

#platform h3 {
	margin-left:9px;
	margin-bottom: 13px;
	padding-bottom: 8px;
	padding-top: 8px;
	width:97%;
	border-bottom: solid 1px #ccc;
}

#platform ul {
	list-style-type:circle; 
	margin: 0px 0px -6px 14px;
	margin-left: 16px;
}
		
#platform li {
	padding:3px 0px;
}

#platform td b {
	font-size: 13px;
}
			

/*** Leightbox CSS ***/

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 35%;
	width: 330px;
	height: 320px;
	padding: 1em;
	border: 5px double #B8B8B8;
	background-color: #efefef;
	text-align: center;
	z-index:1001;
	overflow: auto;	
}

.leightbox div {
	width: auto;
	text-align:center;
	margin-top: 8px;
	.padding-top: 7px;
}

.leightbox p {
	text-align:center;
	margin-top: 10px;
	display: inline;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }
#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }
#overlay[id], x:-moz-any-link { position:absolute; padding-bottom:400px; } /* FireFox 2 */