/* !!ALL PAGES STYLE!! */
body 
{
	background-image:url(background.gif);
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	margin: 0px;
}

form
{
	margin:0;
	padding:0;
}

.text 
{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	margin: 0px;
}	
	
.td 
{
	background: #FFF;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	margin: 0px;
}
	
/* !!this sets up a "container" somewhat like a table. everything after this is set in an absolute position, relative to this container!! */
#pageLayout 
{
	position: relative;
	width: 770px;
	margin: auto;
	padding: 0px;
}
	
/* !!this establishes a container for the header contents!! */
#header 
{
	background-color: #006;
	height: 133px;
}
	
/* !!aligns and justifies the row with the logo and 3 small icons on the right!! */
#logoRow 
{
	background-color: #009;
	background-image: url(../images/logoRow.jpg);
	background-repeat: no-repeat;
	width: 770px;
	height: 73px;
}
	
/* !!places the row with the flags and login form!! */
#loginRow 
{
	width: 770px;
	height: 40px;
	background-image: url(../images/loginrow_new.jpg);
	background-repeat: no-repeat;
}

/* positions the placement of the first flag, the rest follow!!
#flags {
		position: absolute;
		top: 5px;
		left: 5px;	
	} */
	
#opis {
		position: absolute;
		top: 0px;
		left: 0px;
	      font-size: 12px;
	      color: #00078C;
	      DISPLAY: none
}

/* !!places the position of the login form elements!! */
.login 
{
	padding-top:8px;
	height:20px;
	text-align:right;
}

.login form 
{
	margin:0px 5px 0px 0px;
}
	
/* !!places the position of the login form elements!! */
#logout 
{
	margin-top: 13px;
	margin-right: 10px;
	float:right;
}

.copyright 
{
	 margin-top: 54px;
}

.strong {
		font-weight: bold;
	}
	
.formtext {
		color: #D5D5D5;
		font-weight: bold;
		margin-left:5px;
	}
	
.blueBoldText {
		color: #9CF;
		font-weight: bold;
		text-indent: 12px;
	}
	
.textbox {
		background-color: #006;
		background-image: url(../images/inputBG.gif);
		font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFF;
		border-width: 1px;
		border-style: solid;
		border-color: #F93;
		width: 96px;
		padding-left: 2px;
	}
	
input.submit {
		font-size: 10px;
		font-weight: bold;
		color:#FFFFFF;
		background-color: #0033CC;
		border-width: 1px;
		border-style: solid;
		border-color: #F93;
		height: 17px;
		width:60px;
	}
	
.dots {
		border-left: 1px solid;
		border-color: #F93;
		margin-left: 6px;
		padding-left: 7px;
	}

.form {
		margin: 0px;
		padding: 0px;
	}
	
.largeText {
		font-size: 14px;
		font-weight: bold;
	}

.forgotPasswordText{
	font-size:11px;
	color: #FFA343
}
	
/* BEGIN LINK CODES */
/* pale-blue links */
a.footLinks:link, a.footLinks:visited {
		color: #9CF;
		font-weight: bold;
		text-decoration: none;
		margin-right:18px;
	}

a.footLinks:hover {
		color: #FFF;
		font-weight: bold;
		text-decoration: underline;
	}

a.footLinks:active {
		color: #006;
		font-weight: bold;
		text-decoration: none;
}
/* end pale-blue footer links */

/* red links */
a.footLinksRed:link, a.footLinksRed:visited {
	color: Red;
	font-weight: bold;
	text-decoration: none;
}
/* end red links */

/* orange links */
a.orange:link {
		color: #F93;
		text-decoration: underline;
	}

a.orange:visited {
		color: #F93;
		text-decoration: underline;
	}

a.orange:hover {
		color: #FC9;
		text-decoration: none;
	}

a.orange:active {
		color: #F93;
		text-decoration: none;
	}
/* end orange links */

/* NAV LINKS */
a.navText:link {
		font-size: 10px;
		font-weight: bold;
		color: #000;
		text-decoration: none;
	}

a.navText:visited {
		font-size: 10px;
		font-weight: bold;
		color: #000;
		text-decoration: none;
	}

a.navText:hover {
		font-size: 10px;
		font-weight: bold;
		color: #FC9;
		text-decoration: underline;
	}

a.navText:active {
		font-size: 10px;
		font-weight: bold;
		color: #F93;
		text-decoration: none;
	}
/* END NAV LINKS */

/* NAV2 LINKS */
a.navText2:link {
		font-size: 10px;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
	}

a.navText2:visited {
		font-size: 10px;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
	}

a.navText2:hover {
		font-size: 10px;
		font-weight: bold;
		color: #9CF;
		text-decoration: underline;
	}

a.navText2:active {
		font-size: 10px;
		font-weight: bold;
		color: #00C;
		text-decoration: none;
	}
/* END NAV@ LINKS */
/* FLAG LINKS */
a.navText3:link {
		font-size: 10px;
		font-weight: normal;
		color: #000;
		text-decoration: none;
	}

a.navText3:visited {
		font-size: 10px;
		font-weight: normal;
		color: #000;
		text-decoration: none;
	}

a.navText3:hover {
		font-size: 10px;
		font-weight: normal;
		color: #03C;
		text-decoration: underline;
	}

a.navText3:active {
		font-size: 10px;
		font-weight: normal;
		color: #F93;
		text-decoration: none;
	}
/* END FLAG LINKS */

	/* END LINK CODES */


/* !!this places the top "address" bar on the page!! */
#topInfoStrip {
		background-color: #E7E7E7;
		background-image: url(../images/aebnTop.gif);
		background-repeat: no-repeat;
		width: 770px;
		height: 18px;
	}

#flagNavLinks{
		padding-left:120px;
		padding-top:4px;
		width:250px;
		height:8px;
		float:left;
}

#flagImage{
		width:25px;
		height:10px;
		float:left;
}

#englishNavLink {
		float:left;
		clear:right;
		background-image: url(../images/english.gif);
		background-repeat: no-repeat;
		width:16px;
		height:10px;
	}

#spanishNavLink {
		float:left;
		clear:right;
		background-image: url(../images/spanish.gif);
		background-repeat: no-repeat;
		width:16px;
		height:10px;
	}
	
#germanNavLink {
		float:left;
		clear:right;
		background-image: url(../images/german.gif);
		background-repeat: no-repeat;
		width:16px;
		height:10px;
	}
#frenchNavLink {
		float:left;
		clear:right;
		background-image: url(../images/french.gif);
		background-repeat: no-repeat;
		width:16px;
		height:10px;
	}
#japanNavLink {
		float:left;
		clear:right;
		background-image: url(../images/flag_japan.gif);
		background-repeat: no-repeat;
		width:16px;
		height:10px;
	}

#italianNavLink {
		float:left;
		clear:right;
		background-image: url(../images/italian.gif);
		background-repeat: no-repeat;
		width:16px;
		height:10px;
	}
	
#portugueseNavLink {
		float:left;
		clear:right;
		background-image: url(../images/brazil.gif);
		background-repeat: no-repeat;
		width:16px;
		height:10px;
	}
	
#logoTopNavLink1{
		float:left;
		width:260px;
		height:73px;
	display: block;
}
#logoTopNavLink2{
		float:left;
		width:260px;
		height:40px;
	display: block;
}

#rightTopNavLinks{
	width:50px;
	float:right;	
}
		
#homeTopNavLink {
		margin-top:7px;
		float:right;
		background-image: url(../images/home.gif);
		width:25px;
		height:21px;
	}
	
#contactTopNavLink {
		float:right;
		clear:both;
		background-image: url(../images/contact.gif);
		width:25px;
		height:21px;
	}
	
#sitemapTopNavLink {
		float:right;
		clear:both;
		background-image: url(../images/siteMap.gif);
		width:25px;
		height:21px;
	}
/* !!Hyperlinking "click here" (products/re-worked flash files into static images) */
#productsLink {
		float:right;
		clear:both;
		width:50px;
		height:20px;
	}
	
	
/*  this will allow usage of lists instead of all of those divs for the left navigation */
#leftNav {
	background-color: #006;
	background-image: url(navBG.jpg);
	background-repeat: no-repeat;
	height: 159px;
	text-align:left;
	float:left;
	margin-right:0px;
	padding-right:0px;
}

#leftNavLinkList {
	list-style:none;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	width:150px;
	margin-top:12px;
	margin-left:0px;
	margin-bottom:0px;
	padding:0px;		
}

#leftNavLinkList li {
	margin-bottom:1px;
}

#leftNavLinkList a {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	width:150px; 
	height:16px;
	/*letter-spacing: -0.06em;*/
	padding:7px 0px 3px 15px;	
}

#leftNavLinkList li.top a {
	height:20px;
	color:#000;
	padding:9px 0px 1px 15px;	
}

#leftNavLinkList li.top a:hover {
	background: url(topbuttonBG_over.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;	
	}

#leftNavLinkList li.first a {
	height:16px;
	color:#D5D5D5;
	padding:7px 0px 3px 15px;
}

#leftNavLinkList li.first a:hover {
	background: url(button_over1.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;	
	}
	
#leftNavLinkList li.second a {
	height:16px;
	color:#D5D5D5;
	padding:7px 0px 3px 15px;
}

#leftNavLinkList li.second a:hover {
	background: url(button_over2.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	}
	
#leftNavLinkList li.third a {
	height:16px;
	color:#D5D5D5;
	padding:7px 0px 3px 15px;
}

#leftNavLinkList li.third a:hover {
	background: url(button_over3.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	}
	
#leftNavLinkList li.fourth a {
	height:16px;
	color:#D5D5D5;
	padding:7px 0px 3px 15px;
}

#leftNavLinkList li.fourth a:hover {
	background: url(button_over4.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	}
	
#leftNavLinkList li.fifth a {
	height:16px;
	color:#D5D5D5;
	padding:7px 0px 3px 15px;
}

#leftNavLinkList li.fifth a:hover {
	background: url(button_over5.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	}
	
#leftNavLinkList li.sixth a {
	height:16px;
	color:#D5D5D5;
	padding:7px 0px 3px 15px;
}

#leftNavLinkList li.sixth a:hover {
	background: url(button_over6.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	}

a.topBlueNavButton {
	/*background: url(topbuttonBlueBG.gif);*/
	background-repeat: no-repeat;
	color:#000;
}

a.topBlueNavButton:hover {
	/*background: url(topbuttonBlueBG_over.gif);*/
	background-repeat: no-repeat;
	}

/* !!ALL CONTENT STYLES!! */

/* !!sets a container with the light gray BG on all content pages that DO NOT have a tabbed navigation!! */
.contentPage 
{
	background-color: #F5F5F5;
	background-image: url(contentTop.gif);
	background-repeat: no-repeat;
	color: #666;
	margin-right: 2px;
	margin-left: 10px;
	padding: 10px;
	width: 600px;
	min-height: 250px;
	_height: 250px;
}

.contentPage p 
{
	margin:5px;
} 

/* this is used remove the background image for the contentPage div for pages that have the tabs across the top and multi contentPage divs */
.tabbedPage 
{
	background-image: url();
}

/* !!this is the container with the dark blue BG for all thew contents of the main, right column of all pages!! */
.contentContainer 
{
	float:right;
	background-color: #003;
}
	
/* !!this places the text on the placement of the nice, blue graphical header used within the content of a page!! */
.contentHeader 
{
	background-image: url(contentHeader.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #D5D5D5;
	width: 600px;
	height: 24px;
	margin-top: 11px;
	text-align:center;
	background-color:#006;
	padding-top: 11px;
	vertical-align: center;
}
	
/* !!feature used as inset, 3D looking content box within the content area!! (formerly insetbox1) */
.insetboxWhite
{
	background-color: white;
	border: 1px solid;
	border-color: #F5F5F5 #FFF #FFF #DDD;
	padding: 2px;
}


/* inset box w/o a background color.  former insetbox2 */
.insetboxClear 
{
	border: 1px solid;
	border-top-color: #DDD;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #DDD;
	margin-top: 0px;
	padding: 2px;
}
	
/* !IMPORTANT!
!!this is only used to place the content headline on each page. without using the h1 tag, the page blows apart in Firefox and Nutscrape!! */
h1 
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 8px;
	color: #FC9;
	padding-left: 10px;
}
	
p 
{
	margin-bottom: 0px;
}

.insetFooter 
{
	 background-color: #006;
	 color: #D5D5D5;
	 padding: 5px;
	 margin-bottom: 2px;
	 text-align:center;
}
	
.text1 
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000;
}
	
.text2 
{
	font-weight: bold;
	color: #03C;
}	
	
.headerText {
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #03C;
		padding-top: 8px;
		width:240px;
		display:block;
	}
	
.headerText2 {
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #03C;
	}
	
.testHeadline {
		color: #03C;
		font-weight: bold;
	}

a.content1:link {
		color: #03C;
		font-weight: bold;
		text-decoration: none;
	}

a.content1:visited {
		color: #03C;
		font-weight: bold;
		text-decoration: none;
	}

a.content1:hover {
		color: #006;
		font-weight: bold;
		text-decoration: underline;
	}

a.content1:active {
		color: #CCC;
		font-weight: bold;
		text-decoration: none;
	}
	
a.content2:link {
		color: #03C;
		text-decoration: none;
	}

a.content2:visited {
		color: #03C;
		text-decoration: none;
	}

a.content2:hover {
		color: #006;
		text-decoration: underline;
	}

a.content2:active {
		color: #CCC;
		text-decoration: none;
	}
	
a.content3:link {
		color: #999;
		font-weight: normal;
		text-decoration: none;
	}

a.content3:visited {
		color: #999;
		font-weight: normal;
		text-decoration: none;
	}

a.content3:hover {
		color: #000;
		font-weight: normal;
		text-decoration: underline;
	}

a.content3:active {
		color: #CCC;
		font-weight: normal;
		text-decoration: none;
	}
	
a.content4:link {
		color: #D5D5D5;
		font-weight: bold;
		text-decoration: none;
	}

a.content4:visited {
		color: #D5D5D5;
		font-weight: bold;
		text-decoration: none;
	}

a.content4:hover {
		color: #FFF;
		font-weight: bold;
		text-decoration: underline;
	}

a.content4:active {
		color: #CCC;
		font-weight: bold;
		text-decoration: none;
	}
a.content5:link {
		font-size: 12px;
			font-weight: bold;
		color: #03C;
		text-decoration: none;
	}

a.content5:visited {
font-size: 12px;
	font-weight: bold;
		color: #03C;
		text-decoration: none;
	}

a.content5:hover {
font-size: 12px;
	font-weight: bold;
		color: #006;
		text-decoration: underline;
	}

a.content5:active {
font-size: 12px;
	font-weight: bold;
		color: #CCC;
		text-decoration: none;
	}

	
.horzRule {
		background-color: #CCC;
		width: 544px;
		line-height:0px;
		height:1px;
		margin:0px;
		padding:0px;
		
	}
	
.horzRule2 {
		background-color: #CCC;
		width: 450px;
		height:1px;
	}
	
ol.sitemapTop 
{
	 list-style-type: upper-alpha;
}

ol.sitemapInner 
{
	list-style-type: lower-alpha;
}

div.feedProductsThumbs 
{
	background-image: url(../images/siteBG.jpg);
	background-repeat: no-repeat;
	margin:0px 5px 0px 8px;
	text-align:center;
	width: 250px;
	height: 194px;
	float:left;
}

.feedScreenShot {
	margin-top: 18px;
}

.feedDemoLink {
	margin-top: 10px; 
	margin-left: 30px;
	float:left;
}

.feedApplyLink {
	margin-top: 10px; 
	margin-right: 30px;
	float:right;	
}

.leftThirdColumn {
	float:left;
	width:33%;
	margin-top:10px;
}
.bigBlueText {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #9CF;
	font-weight: normal;
	float:right;
}
.headlines {
	font-weight:bold;
}

/*  members / stats / etc administration "tables" layout */
.adminLeftThirdColumn {
	width:33%; 
	float:left; 
	border:1px solid #FFF;
}

.smallerThirdColumn {
	width:32%
}

.adminColumnCell {
	background-color:#DDE3FF; 
	padding:3px; 
	height:70px; 
	border:1px solid #FFF;
}
.adminColumnCell ul 
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.adminColumnHeader {
	background-color: #009; 
	color: #D5D5D5; 
	padding: 5px; 
	margin-bottom: 2px; 
	border:1px solid white;
	font-weight: bold;
}

/* press release formating */
div#pressRelease {
	overflow:auto;
}

div#pressRelease h2 
{
	font-size:2em;
	margin-top:0px;
	margin-bottom:0px;
}
	
div#releaseDate {
	font-size:0.8em;
	margin-bottom:0px;
}
	
div#byLine {
	font-size:0.8em;
	margin-bottom:0px;
}

div#pressReleaseText {
	font-size:1.15em;
	margin-bottom:0px;
}
/* end press release formating */

/* formatting for the affiliate signup form, other forms and table-like areas of some pages */


.formHead 
{
	background-color: #03C;
	border-style: solid;
	border-width: 1px;
	border-color: #003;
	font-weight: bold;
	color: #FFF;
	font-size: 11px;
	padding: 5px;
	margin-top: 4px;
}

.formHeadWarning 
{
	background-color: red;
	border-style: solid;
	border-width: 1px;
	border-color: #003;
	font-weight: bold;
	color: #FFF;
	font-size: 11px;
	padding: 5px;
	margin-top: 4px;
}

.formSubhead {
	background-color:#DDE3FF;
	margin:5px 0px;
	padding:5px;
}

.formRow 
{
	/*width: 544px; */
	height: 32px;
	margin-top: 1px;
}
	
.midGrey 
{
	background-color: #EEE;
}

.darkGrey
{
	background-color: #E7E7E7;
}

span.formRadioButton 
{
	width:40%;
	text-align:right;
	display:block;
	float:left;
	padding:0px 5px 0px 0px;	
}

span.formRadioButtonGalleries
{
	width:15%;
	text-align:right;
	display:block;
	float:left;
	padding:0px 5px 0px 0px;	
}

.textbox2 
{
	background-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-color: #03C;
	margin-top:2px;
}
		
#bigRow 
{
	background-color: #FFF3DD;
	width: 544px;
	height: 100px;
}

.submitButtomRow	
{
	text-align:center;
	padding: 25px 0px 5px;
}

.formLabel
{
	font-weight:bold;
	width:30%;
	text-align:right;
	display:block;
	float:left;
	padding:5px 5px 0px 0px;
}

.formLabelValue 
{
	display:block;
	float:left;
	padding:5px 0px 0px 5px;
}

.formRadioLabel
{
	font-weight:bold;
	padding:5px 5px 0px 0px;
}

.formRadioLabelGalleries1
{
	padding-left:50px;
	font-weight:bold;
	font-size:14px;
	color:black;
}

.formRadioLabelGalleries2
{
	padding-left:55px;
	font-size:12px;
	color:black;
}

label.regFormTax
{
	font-weight:bold;
	width:70px;
	text-align: right;
	display:block;
	float: left;
	padding:5px 5px 0px 0px;
}

/* !!these place the "tables" on the content pages. it is set up for a 2 coulmn, equal sized layout!!	*/
.insetLeft 
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 268px;
}
	
.insetRight 
{
	position: absolute;
	top: 0px;
	left: 270px;
	width: 268px;
}

/* !!these place the "tables" on the content pages. This one is set up for a 3 coulmn, equal sized layout!! */
.insetLeft2 
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 178px;
}
	
.insetMid2 
{
	position: absolute;
	top: 0px;
	left: 180px;
	width: 178px;
}
	
.insetRight2 
{
	position: absolute;
	top: 0px;
	left: 360px;
	width: 178px;
}
	
/* !!these place the "tables" on the content pages. This one is set up for a 3 coulmn, NONequal sized layout!! */
.insetLeft3 
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 200px;
}
	
.insetMid3 
{
	position: absolute;
	top: 0px;
	left: 202px;
	width: 167px;
}
	
.insetRight3 
{
	position: absolute;
	top: 0px;
	left: 371px;
	width: 167px;
}
	
/* !!this places the "table" on the resources page. it is set up for a 2 coulmn, UNequal sized layout!! */
.insetLeft4 
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 130px;
}
	
.insetRight4 
{
	position: absolute;
	top: 0px;
	left: 132px;
	width: 406px;
}

.insetRight5 
{
	position: absolute;
	top: 0px;
	left: 210px;
	width: 328px;
}

.table1 
{
	background-color: #FFF3DD;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 2px;
	height: 20px;
}
	
.table2 
{
	background-color: #DDE3FF;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 2px;
	height: 20px;
}
	
.table3 
{
	background-color: #DDE3FF;
	padding: 5px;
	margin-bottom: 2px;
	height: 84px;
}
	
.table4 
{
	background-color: #D5D5D5;
	margin-bottom: 2px;
	height: 1px;
}
	
.table5 
{
	background-color: #E7E7E7;
	margin-bottom: 2px;
	padding: 5px;
}
	
.table6 
{
	background-color: #EEE;
	margin-bottom: 2px;
	padding: 5px;
}
	
.table7 
{
	background-color: #009;
	color: #D5D5D5;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 2px;
}
	
.table8 
{
	background-color: #FFF3DD;
	padding: 5px;
	margin-bottom: 2px;
	height: 20px;
}

.linkingCode2 {
		background-color: #FFF;
		border-style: dashed;
		border-width: 1px;
		border-color: #CCC;
		font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #C30;
		width: 514px;
		padding: 5px;
		overflow: auto;
		margin:3px;
}

table.consoleTable {
	width:100%;
}
.consoleTable td {
	background-color:#FFF3DD;
	color:#666;
	font-weight:bold;
	padding: 5px;
	margin-bottom: 2px;
}
.consoleTable td.left {
	background-color:#DDE3FF;
	font-weight:normal;
}

.fakeWhiteButton {
	background-color: white;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	font-weight: bold;
	text-align: center;
	height: 10px;
	padding: 4px;
	padding-left: 4px;
	padding-right: 4px;
	margin:2px;
	margin-top:6px;
}

.fakeGreyButton {
	background-color:##E7E7E7;
	width:132px;
	float:left;
	padding:3px 0px;
	border:2px white solid;
}

span.leftHalf
{
	display:block;
	float:left;
	width:50%;
}

span.rightHalf
{
	display:block;
	float:right;
	width:49%;
}

.selectBox {
	width: 220px;
	height: 80px;
	overflow: auto;
	padding:0px;
	margin:0px;
}
div.contentSelect 
{
	height:102px;
	margin-top:2px;
}

div.contentSelectL
{
	text-align:left;
	background-color:#DDE3FF;
	float:left;
	width:230px;
	height:100px;
	padding:4px 0px 0px 4px;	
}

div.contentSelectM
{
	text-align:center;
	background-color:#DDE3FF;
	float:left;
	width:60px;
	padding-top:20px;
	height:84px;
	text-align:center;
	
}

div.contentSelectR
{
	text-align:right;
	background-color:#DDE3FF;
	float:left;
	width:230px;
	height:100px;
	padding:4px 4px 0px 8px;
}	
.submit2 {
		font-size: 10px;
		font-weight: bold;
		color: #9CF;
		background-color: #03C;
		border-width: 1px;
		border-style: solid;
		border-color: #006;
		height: 24px;
	}
	
/* stats table formatting */ 
table#statsTable {
	width:540px;
}

table#statsTable td {
	text-align:right;
	padding-right:3px;
}

table#statsTable th {
	border:1px solid; 
	border-color: #D1D1D1 #393939 #393939 #D1D1D1; 
	text-align:right; 
	padding: 2px 3px 2px 0px;
	background-color:#E7E7E7;
	font-weight:normal;
}

table#statsTable tr:hover 
{
	background-color: #DDE3FF;
}

table#statsTable tr#totalsRow { 
	background-color: #E7E7E7; 

}

tr#totalsRow td{ 
	color:#0033CC;
	font-weight:bold;
	padding:3px 3px;
}
/* end stats table formatting */ 

table#promoList tr:hover 
{
	background-color: #DDE3FF;
}

table#editPromo
{
	width: 530px;
}


table#editPromo td
{
	padding: 5px;
	vertical-align:top;
}

/* invoice table formatting */ 
table#invoice {
	width:100%;
}


table#invoice th {
	border:1px solid; 
	border-color: #D1D1D1 #393939 #393939 #D1D1D1; 
	text-align:left; 
	padding: 2px 0px 2px 3px;
	background-color:#E7E7E7;
	font-weight:normal;
}

table#invoice td {
	text-align:left;
	padding-left:3px;
}


table#invoice tr 
{
	background-color:#EEEEEE;
}

table#invoice tr:hover 
{
	background-color: #DDE3FF;
}

/* end invoice table formatting */ 

/* table formatting for a table w/3 equal columns (studio list, contact page, etc) */
table.threeColumn 
{
	width:100%;
}

table.threeColumn td 
{
	text-align:left;
	width:33%;
	padding: 4px;
}
/* end 3 column table formatting */


/* table formatting for a table w/2 equal columns (contact page, etc) */
table.twoColumn 
{
	width:100%;
}

table.twoColumn td 
{
	text-align:left;
	width:50%;
	padding: 4px;
}
/* end 2 column table formatting */



/* resources list table formatting */
table#resourcesTable {
	width:100%;
}

table#resourcesTable tr 
{
	background-color: #E7E7E7;
}

table#resourcesTable td
{
	padding:4px;
	vertical-align:top;
}

table#resourcesTable td.resourceThumb
{
	width:100px;
}
/* end resources list table formatting */

.darkBlueHead
{
	background-color: #006; 
	color: #D5D5D5; 
	padding: 5px; 
	margin-bottom: 2px;
	text-align:center;
	font-weight:bold;
}


.paddedCell
{
	margin:2px;
	padding:4px;
}


#dvi 
{
	top: 24px;
	left: 39px;
	background-image: url(../images/dvi.jpg);
	background-repeat: no-repeat;
	width: 100px;
	height: 105px;
	padding-top: 13px;
	margin:auto;
}

/* !!MAIN.CFM PAGE-SPECIFIC STYLES!! */
/* !!absolute positioning of the flash piece!! */
#mainPageLayout 
{
	background-color:#000066;
	width: 770px;
	margin: auto;
	padding: 0px;
}

#centerPiece
{
	height: 219px;
}

/* this is the main flash piece on frontpage.FrontPage */	
#flashPiece 
{	
	height: 219px;
	background-color:#006;
	padding:0px; 	
	float:left;
}

#newsPiece
{
	width: 188px;
	height: 219px;
	background-image: url(../images/latest_news_scrollarea.jpg);
	background-repeat: no-repeat;
	float:left;	
}

#scrollText
{
	height:203px;
	margin: 1px 0px 1px 0px;
	overflow:auto;
	scrollbar-face-color : #85ABDC;
	scrollbar-highlight-color : #A5C2E0;
	scrollbar-3dlight-color : #A5C2E0;
	scrollbar-shadow-color : #A5C2E0;
	scrollbar-darkshadow-color : #A5C2E0;
	scrollbar-track-color : #A0BCE3;
	scrollbar-arrow-color : #3365AC;
}

#latestNews
{	
	margin-top: 6px;
	margin-left:10px;
	font-size:15px;
	font-weight:bold;
	color: #000000;
}

#latestNewsHeadLines
{	
	margin-top: 6px;
	margin-left:10px;
	margin-right:10px;
	font-size:10px;
	font-weight:bold;
	color: #000000;
}

#more
{	
	text-align:center;
}

/* this is the row of "modules" on frontPage.FrontPage */
#mainModules 
{
	background-color:white;
	height: 240px;
	padding:2px 0px;
}

/* this is the formatting for the modules, the background image, etc will be set individual for each module as needed */ 
.mainModule 
{
	background-color: #D5D5D5;
	background-repeat: no-repeat;
	width: 188px;
	height: 240px;
	float:left;
}

/* !!formatting for the first feature module!! */
#mod1 
{
	background-image: url(../images/mod1.jpg);
	margin-right:6px;
}
	
/* !!formatting for the second feature module!! */
#mod2 
{
	background-image: url(../images/mod2.jpg);
	margin-right:6px;
}

/* !!formatting for the third feature module!! */
#mod3 
{
	background-image: url(../images/mod3.jpg);
	margin-right:1px;
}

/* !!formatting for the fourth feature module!! */
#mod4 
{
	background-image: url(../images/mod4.jpg);
	float:right;
}

a.moreLinks:link
{
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.moreLinks:visited 
{
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.moreLinks:hover 
{
	font-size: 9px;
	font-weight: bold;
	color: #C30;
	text-decoration: none;
}

a.moreLinks:active 
{
	font-size: 9px;
	font-weight: bold;
	color: #F93;
	text-decoration: none;
}

	
a.miniLinks:link
{
	font-size: 9px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.miniLinks:visited 
{
	font-size: 9px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.miniLinks:hover 
{
	font-size: 9px;
	font-weight: bold;
	color: #C30;
	text-decoration: none;
}

a.miniLinks:active 
{
	font-size: 9px;
	font-weight: bold;
	color: #F93;
	text-decoration: none;
}

a.miniLinks1:link
{
	font-size: 9px;
	color: #FFF;
	text-decoration: none;
}

a.miniLinks1:visited 
{
	font-size: 9px;
	color: #FFF;
	text-decoration: none;
}

a.miniLinks1:hover 
{
	font-size: 9px;
	color: #C30;
	text-decoration: none;
}

a.miniLinks1:active 
{
	font-size: 9px;
	color: #F93;
	text-decoration: none;
}

	
/* !!this positions the blue background for the extra modules at the bottom!! */	
#extrasMods 
{
	background-color: #006;
	background-image: url(../images/extraModulesBG.jpg);
	background-repeat: no-repeat;
	height: 204px;
	padding-top:8px;
}
	
/* !!this positions the testimonials module!! */
#extrasMod1 
{
	background-color: #D5D5D5;
	background-repeat: no-repeat;
	width: 244px;
	height: 197px;
	float:left;
	margin-left:1px;
}

#extrasMod2Footer 
{
	background-image: url(../images/partnerModBottom.gif);
	background-repeat: no-repeat;
	width: 512px;
	height: 14px;
	text-align:right;
	padding-right:6px;
	padding-top:4px;
}

#mainPageContentBottom {
	background-image: url(../images/contentBottom.gif);
	width:100%;
	height:13px;
	clear:both;
}
	
/* !!this positions and defines the information in the testimonials module!! */
#testimonials {
	color: #300;
	width: 228px;
	margin:8px 8px 0px;
}

#salestools{
	margin-left:14px;
	margin-top:55px;
	margin-right:10px;
	height:110px;
	color: #000;
	font-weight:bold;
	font-size:11px;
}

#salestools ul{
	padding:0;
	margin-left:10px;
}
	
#salestools li{
	margin-left:10px;
}

/* !!this positions the "read more" tag atthe bottom of the testimonials module!! */
#testMore {
	float:right;
	margin-right:5px;
}
	
/* !!this positions the studio & partners modules!! */	
#extrasMod2 {
	background-image: url(../images/studioModBG.gif);
	background-repeat: no-repeat;
	width: 516px;
	height: 100px;
	float:left;
	margin-left:6px;
}
	
/* !!this positions and defines the content of the studios module!! */
#studios {
	font-weight: bold;
	text-align: center;
	color: #300;
	width: 480px;
	height: 59px;
	margin:8px 8px 0px;
}

/* !!this positions the pixel-font link at the bottom of the studios module!! */
#studioBottom {
	text-align: right;
	margin-right:8px;
	margin-bottom: 8px;
}

/* !!this positions the partner, inertia flash scroller!! */
#partnerFlash {
	background-image: url(../images/partnerModBG.gif);
	background-repeat: no-repeat;
	height: 91px;
	margin-top: 8px;
	margin-left:0px;
	width: 516px; 
}

#partnerFlash object {
	margin-left:0px;
}
	
#partnerFlash embed {
	margin-left:0px;
}

#partnerListTop{
	width:490px;
	height:30px;
	margin-left:14px;
	margin-top:8px;
}

#partnerListBottom{
	width:490px;
	height:30px;
	margin-left:14px;
	margin-top:0px;
}
#partnerContainer1{
	width:75px;
	height:30px;
	float:left;
	text-align:center;
	margin-left:0px;
	margin-top:0px;
}
#partnerContainer2{
	width:75px;
	height:30px;
	float:left;
	text-align:center;
	margin-left:8px;
	margin-top:0px;
}

/* footer layout */
#footer {
	background-color: #0033CC;
	background-image: url(../images/footer1.gif);
	background-repeat: no-repeat;
	width: 770px;
	height: 138px;
	text-align:center;
	clear:both;
}


.copyright 
{
	 margin-top: 34px;
}

/* !!this sets the location of the bold text in the blue module headers!! */
.textHeader {
	margin-top: 6px;
	margin-left:14px;
	font-weight: bold;
}
.modText {
	margin-left: 14px;
	margin-top:114px;
	width: 160px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	height:88px;
}
.modText ul {
	margin:0px 0px 0px 20px;
	color: #9CF;
	font-weight: bold;
	font-size:11px;
	padding: 0px 0px 0px 3px;
}
.modText li {
	line-height:13px;
}
.modSignup {
	margin-left: 16px; 
	float:left;
}

.extramodSignup {
	margin-left: 16px; 
	float:left;
}

.modMore {
	float:right;
	margin-right: 3px;
	margin-top:2px;
}
#studioReps li {
	margin-left:10px;
	padding-left:10px;
}