/*  CSS Document - lsproductionPortal.css Stylesheet for LicenseStream Production Portal 2.0 portal site.
 * Author: Jenn Gallion
 * Copyright: 2007 Imagespan / IT Dev Solutions
 ---------------------------------------------------------------------------- */

/* undo some default styling of common (X)HTML browsers */

/* No list-markers by default - must redefine bullets w/ bg graphics */

ul { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */

h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */

p,ul,ol,li,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input,div,dd,dt,dl,a { margin:0; padding:0; }

/* prevent blue linked image borders */

a,a :link,a :visited,a :hover  { border:none; text-decoration:none; outline:none; }


/*--------- global elements------ */

body {
	min-width:645px;
	background-color:#808080;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
  }
	
h3 {
	color:#000000;
	font-size:20px;
	padding:15px 0 0 15px;
	}
	
h4 {
	color:#FFFFFF;
	font-size:11px;
	padding:10px 0 0 33px;
	letter-spacing:.05em;
	}


/* ----- classes ----- */

.clear	{ 
	clear:both; 
	height:.01em; 
	overflow:hidden;
	}

.white {
	color:#FFFFFF;
	}
	
.whiteBig {
	color:#FFFFFF;
	font-size:18px;
	}	
	
.big {
	font-size:14px;
	line-height:18px;
	}	
	
.giant {
	font-size:40px;
	line-height:45px;
	}	
	
	
.redI {
	color:#800000;
	font-style:italic;
	}	
	
.green {
	color:#99cc00;
	}
	
.over {
	padding-left:25px;
	text-decoration:underline;
	}
	

/* ----framework----- */
#wrap {
	background-color:#FFFFFF;
	width: 1000px;
	margin:30px auto;
	}

	#header {
		}
		
		#nav {
			padding-left:20px;
			font-size:11px;
			}

			#nav li {
				width: 239px;
				height:22px;
				float:left;
				text-align:center;
				line-height:22px;
				border-left:1px solid #999999;
				}
			
				#nav li a {
					background:url(images/nav_up.gif) bottom left repeat-x;
					color:#858585;
					display:block;
					}
				
				#nav li a:hover {
					background:url(images/nav_down.gif) bottom left repeat-x;
					color:#fff;
					font-weight:bold;
					display:block;
					text-decoration:none;
					}
	
				#nav li a:visited { text-decoration:none; }
	
			#lowerNav {
				background:url(images/2nav.gif) top left repeat-x;
				height:22px;
				width:935px;
				margin-left:20px;
				color:#FFFFFF;
				font-size:9px;
				font-weight:bold;
				line-height:22px;
				padding-left:25px;
				clear:both;
				}
				
				#lowerNav a { 
					color:#fff;
					padding:0 10px;
					}
				
				#lowerNav a:hover{ 
					color:#fff;
					padding:0 10px;
					text-decoration:underline;
					}

#container {
  padding-left: 210px;   /* LC width */
  padding-right: 215px;  /* RC width */
	margin: 0px 20px;
	position: relative;
	overflow:hidden;
	background-color:#afafaf;
}

#container .column {
  position: relative;
  float: left;
}

#center {
  width: 525px;
	position:relative;
	overflow: hidden;
}

	
	#graphicHeader {
		background:url(images/graphicHeader_02.jpg);
		height:105px;
		width:525px;
		}
		
		#divHeaderText1 {
			padding:13px 20px 10px 5px;
			color:#ff9900;
			font-size:20px;
			line-height:26px;
			}
		
		#divHeaderText2 {
			padding:13px 20px 10px 5px;
			color:#ff9900;
			font-size:20px;
			line-height:26px;
			}
		
		#divHeaderText3 {
			padding:13px 20px 10px 5px;
			color:#99cc00;
			font-size:20px;
			line-height:26px;
			}
				
				#info {
					padding:10px 75px 10px 0;
					overflow-y: auto;
					height:364px;
					}

				#info p {
					margin:10px 10px;
					}

				#info a {
					color:#000000;
					}
			
				#info table a:link, #info table a:visited {
					color:#000;
					text-decoration:none;
					}
					
				#info table a:active, #info table a:hover {
					color:#000000;
					text-decoration:underline;
					}
				#info table {
					margin-top: 0px;
				}
				#info ol {
					margin:15px 0;
					padding-left:50px;
					}
	
				#info ul {
					margin:15px 10px;
					padding-left:25px;
					list-style-type:square;
					}

				#info table {
					margin-left:18px;
					line-height: 12px;
					}

				#info table td {
					vertical-align: middle;
					height: 134px;
					}

				#info table td.padd {
					padding-right:27px;
					}

				#test p {
				float:right;
				width:225px;
				color:#FFFFFF;
				margin:0px;
				padding:0px;
				}
				
				#test img {
				float:left;
				}
				
			#icons {
				background:url(images/icons.gif);
				width:334px;
				height:68px;
				margin-left:50px
				}

#left {
  width: 210px;          /* LC width */
  right: 210px;          /* LC width */
  margin-left: -525px;
}

	#graphicHeader1 {
		background-image:url(images/graphicHeader_01.jpg);
		width:210px;
		height:105px;
		}

	#links	{
		padding:10px 0 0 15px;
		}
	
		#links	li {
			padding-top:10px;
			width:185px;
			border-bottom: 1px solid #dedede;
			margin-right:10px;
			}
	
		#links a {
			background:url(images/grayArrow.gif) bottom right no-repeat;
			display:block;
			color:#333333;
			padding:10px 0;
			}
					
		#links a:hover {
			background:url(images/grayArrow_up.gif) bottom right no-repeat;
			display:block;
			color:#333333;
			padding:10px 0;
			}	

#right {
  width: 225px;          /* RC width */
  margin-right: -225px;  /* RC width */
	background-color:#CCCCCC;
}

	#signNow {
		background:url(images/signNow.gif) top left no-repeat;
		height:100px;
		padding-left:15px;
		padding-top:10px;
		font-size:12px;
		}

		#signNow p {
			margin-left:15px;
			}
	
		#signNow a {
			color:#ffffff;
			}
			
		#signNow a:hover {
			color:#ffffff;
			}
			
	#event {
		background:url(images/event.gif) top left no-repeat;
		height:100px;
		padding-left:23px;
		font-weight:bold;
		font-size:12px;
		}
		
		#event p {
			padding:30px 10px 0px 0px;
			}

		#event a {
			color:#000;
			}
			
		#event a:hover {
			color:#ff6600;
			}
			
	#benefits {
		background:url(images/benefits.jpg) top left no-repeat;
		height:330px;
		}

		#benefits ul{
			padding:15px 0 5px 25px;
			margin-left:10px;
			}
			
		#benefits li{
			padding:0px 0px 0px 35px;
			margin-top:10px;
			}

#benefits_01 {
		background:url(images/benefits_01.jpg) top left no-repeat;
		}

#benefits_02 {
		background:url(images/benefits_02.jpg) top left no-repeat;
		}
		
	
#benefits_03 {
		background:url(images/benefits_03.jpg) top left no-repeat;
		}
		

#benefits_04 {
		background:url(images/benefits_04.jpg) top left no-repeat;
		}
		

#benefits_05 {
		background:url(images/benefits_05.jpg) top left no-repeat;
		}
		

#benefits_06 {
		background:url(images/benefits_06.jpg) top left no-repeat;
		}
		
	
#footer { 
		position: relative;
		margin-bottom: 30px;
		padding: 10px 0px;
		background-color: White; /* repetition required for IE */
		text-align: center;	}
	
		#footer a, a:visited {color:#800000; }

        #footer a:hover, a:active { color:#800000; text-decoration:underline; }
				
		#footer p {
			padding-top:5px;
			}

/*** IE6 Fix ***/
* html #left {
  left: -210px;           /* RC width */
}

* html body {
  overflow: hidden;
}

* html #center {
  position: relative;
  margin-right: -210px;
  margin-left: 105px;
}

* html #container {
  position: static;
  padding-left: 0px;
  width: 745px;
}

* html #container .column {
  position: static;
}

* html #info {
  padding-left: 0px;
  width: 600px;
}

* html #info table {
  width: 180px;
  padding-top: 3px;
}

* html #right {
  margin-left: 210px;
}

* html #footerWrapper {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 20000px;
  margin-bottom: -20000px;
  background: #808080;         /* Same as body 
                               background */
}


/*** Leightbox CSS ***/

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top:20%;
	left: 30%;
	width: 430px;
	height: 350px;
	.top: 18%;
	.width: 430px;
	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: 5px;
	padding-top: 15px;
}

.leightbox div p {
	margin: 0px;
	padding: 5px 20px;
}

#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:60px; } /* FireFox 2 */