@charset "UTF-8";

   
@import 'reset.css';
@import '/_css/smoothbox/smoothbox.css';
@import '/_css/typography.css';





/* 
------------------------------------------------------------------ 
----------------------- STRUCTURE --------------------------------
------------------------------------------------------------------ 
*/

.bodyBackground {
	background: url(/_common/background_tile.jpg) repeat;
}


/* center and define width of content */
#content {  }


a:link, a:visited { color: #333; text-decoration: underline; }
a:active, a:hover { color: #69C; text-decoration: underline; }


#header {
	height:132px;
	text-align: center;
	background: #005498 url(/_common/header_background.png) repeat-x left bottom;	
	}

	.headerTop {
		width: 900px;
		margin: 0 auto;
		height: 105px;
		background: url(/_common/header_top_background.png) no-repeat left bottom;
		}
		.headerTop img.logo { vertical-align: middle; margin: 30px 0 0 48px; }
		.headerTop .liveChat { position: absolute; width: 240px; height: 26px; margin: 0 0 0 644px;}
		.headerTop .loginForm { position: absolute; width:260px; height: 24px; margin: 48px 0 0 644px; text-align: right; }
				.myForm .loginFormLabel { float: left; color: #000; margin: 4px 6px 0 0; }
				.myForm .loginFormUsername { float: left; margin: 0 0 0 0; width: 75px; }
				.myForm .loginFormPassword { float: left; margin: 0 0 0 0; width: 75px; }
				.myForm .loginFormSubmit { float: left; margin: 2px 0 0 6px; }
		
	.nav {
		height: 24px;
		background-color: #000;
		}
	
		.nav ul { 
			margin: 0; 
			padding: 0; 	
			width: 900px;
			margin: 0 auto; 
			}
		.nav li { 
			float: left; 
			list-style: none; 
			margin: 0; 
			font-size: 85%;
			color: #fff;
			text-transform: uppercase;
			}
			
		.nav li a:link, .nav li a:visited { 
			color: #fff;
			text-decoration: none;
			outline: none;
			display: block;
			padding: 4px 10px;
			}
		.nav li a:hover, .nav li a:active { 
			background-color: #09F;
			color: #000;
			}
		.nav .onPage {
			background-color: #09F;
			color: #032a67;
			}
	
	.headerRule { height: 3px; background-color:#09F; font-size: 0; line-height: 0; }
	



#middle {
	text-align: center;
	}
	
.middleTopHome {
	height: 264px;
	background: #005498 url(/_common/middle_top_background.png) repeat-x left top;
	text-align: center;
	}
	.middleTopHome .flashContainer { position: relative; width: 900px; height: 264px; margin: 0 auto; }	
	.middleTopHome .flash { position: absolute; height: 284px; }

.middleTop {
	height: 164px;
	background: #005498 url(/_common/middle_top_background.png) repeat-x left top;
	text-align: center;
	}
	.middleTop .imageArea { width: 900px; height: 164px; margin: 0 auto; overflow: hidden; }
	.middleTop .imageAreaShow { width: 900px; height: 164px; margin: 0 auto; }

.middleRule { height: 3px; font-size: 0; line-height: 0; background-color: #fff; }

.middleBottom {
	background: #FFF url(/_common/middle_background.jpg) repeat-x left top;
	}
	
	
	
	.middleCenter {
		width: 900px;
		min-height: 300px;
		margin: 0 auto;
		}
	
		.singleColumn { float: left; width: 675px; margin: 36px 0 36px 90px; }

			.singleColumn ul {
				margin: .4em 0 1em 0;
				}
			.singleColumn li {
				margin: .3em 1.6em;
				list-style: url(/_common/bullet_69C.png) none;
				}

		
	.middleCenterHome {
		padding: 48px 12px 24px 12px;
		}
		.middleCenterHome .bubbles { height: 152px; margin: 0 0 0 12px; }
			.bubbles img { float: left; }
					
			.HomeLeftCol {
				float: left;
				width: 560px;
				margin: 0 46px 0 24px;
				}
			.HomeRightCol {
				float: left;
				width: 224px;
				}
			.HomeRightCol .insideTop {
				height: 9px;
				background: url(/home/home-right-col-bkgd_01.png) no-repeat left top;
				}
			.HomeRightCol .insideMiddle { 
				background: url(/home/home-right-col-bkgd_02.png) repeat-y 0px 30px; 
				padding: 2px 18px; 
				}
			.HomeRightCol .insideBottom {
					height: 9px;
					background: url(/home/home-right-col-bkgd_03.png) no-repeat left bottom;
				}
			
			
				.homeNews { 
					width: 224px; 
					margin: 0 0 12px 0; 
					}
					.homeNews p { margin: 0 12px 12px 0; line-height: 1.1em; }
					.homeNews a { font-size: 90%; color:#222; text-decoration: none; }
					.homeNews a:hover { color: #69c; }
				
				
				
				.homeEvents {
					width: 224px;
					margin: 24px 0 24px 0;
					padding: 0;
					}
				.homeEvents .eventInside {
					padding: 9px 18px;
					background: url(/home/home_event_bkgd.png) no-repeat left top;
				}
					/* noobslide css */
					#box1{ position:absolute; }
					#box1 div.insideBox {
						display:block;
						float:left;
						text-align: center; 
						width: 200px;
						height: 150px;
					}
					#box1 div.imageClip { width: 190px; height: 150px; overflow: hidden;  }
						#box1 div.imageClip h4 { color: #369; border: solid 3px #ccc; padding: 2px 6px 6px 6px; width: 150px; margin: 0; }
							#box1 div.imageClip h4 span { font-size: 60%; text-transform: uppercase; color:#333; font-weight: bold; }
					#box1 img.event { border: solid 3px #ccc; }
					
					#box1 div.insideBox h6.date { color: #369; font-size: 90%; margin: 0; width: 150px; text-align: center;  }
					
		
					/*#box1 div.insideBox a { font-size: 90%; line-height: 1.1em; color:#666; text-decoration: none; }*/
					
					.mask1{
						position:relative;
						width:200px;
						height:150px;
						overflow:hidden;
					}
		
		
		
		
		
		.middleCenter .LeftCol {
			float: left;
			width: 200px;
			margin: 0 36px 0 0;
			}
			
		.middleCenter .RightCol {
			float: left;
			width: 618px;
			padding: 24px 0 0 0;
			}
		
			.RightCol ul {
				margin: .4em 0 1em 0;
				}
			.RightCol li {
				margin: .3em 1.6em;
				list-style: url(/_common/bullet_69C.png) none;
				}


		.middleCenter .RightColAlt {
			float: left;
			width: 618px;
			padding: 24px 0 0 0;
			}
			
			.RightColAlt ul.alt {
				margin: .4em 0 1em 0;
				}
			ul.alt li {
				margin: .3em 1.6em;
				list-style: url(/_common/bullet_69C.png) none;
				}

	.middleCenter3col {
			 	width: 900px;
				margin: 0 auto;
				 }

				 .middleCenter3col .col1 {
						float: left;
						width: 200px;
						margin: 0 36px 0 0;
						}
				.middleCenter3col .col2 {
						float: left;
						width: 448px;
						margin: 0 36px 0 0;
						padding: 24px 0 0 0;
						}
				.middleCenter3col .col3 {
						float: left;
						width: 164px;
						padding: 24px 0 0 0;
						}


.colFloat2 { float:left; width: 40%; margin: 0 4%; }

		.colFloat2 h3 { margin: 0 0 6px 0; }
		.colFloat2 h5 { margin: 0 0 3px 0; }
		.colFloat2 .listing { padding: 0 9px; border-left: solid 1px #ccc;  }



.colFloat { float:left; width: 28%; margin: 0 2% 0 0; }

		.colFloat h3 { margin: 0 0 6px 0; }
		.colFloat .listing { padding: 0 9px; border-left: solid 1px #ccc;  }



.ulContainer { width: 166px; padding: 0 0 36px 0; }
.ulContainer ul {
	margin: 0;
	padding: 0;
	width: 166px;
	/*background-color:#666;*/
	
	position: absolute;  /* we need to "float" this for pages with floated PNG artwork*/
	z-index: 100; 
	}
.ulContainer li {
	list-style: none;
	display: block;
	padding: 0 ;
	}
.ulContainer li a {
	color:#666;
	text-decoration: none;
	outline: none;
	display: block;
	padding: 6px 9px;
	background:#666 url(/_common/left_nav_buttons1.jpg) repeat-x left top;	
	border-bottom: solid 1px #666;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
	}
.ulContainer li a:hover {
	color: #000;
	background: url(/_common/left_nav_buttons2.jpg) repeat-x left top;				
	}
	
.ulContainer li a.onPage {
			background: url(/_common/left_nav_buttons_onPage.jpg) repeat-x left top;	
			color: #000;
			}
	
	.ulContainer li.subNav a {
		color:#369;
		font-size: 90%;
		text-decoration: none;
		outline: none;
		display: block;
		padding: 3px 1px 3px 9px;
		background:#666 url(/_common/left_nav_buttons_subNav.jpg) repeat-x left top;	
		border-bottom: solid 1px #666;
		border-left: solid 1px #666;
		border-right: solid 1px #666;
		}
	.ulContainer li.subNav a:hover {
		color: #000;
		background: url(/_common/left_nav_buttons2.jpg) repeat-x left top;				
		}

.ulContainer li.subNav a.onPage {
			background: url(/_common/left_nav_buttons_subNav_onPage.jpg) repeat-x left top;	
			color: #032a67;
			}
	
.ulContainer li.bottom { height: 36px; background: url(/_common/left_nav_ul_bottom.png) no-repeat; }
		




#footer {
	height: 124px;
	text-align: center;
	background: url(/_common/footer_background.jpg) repeat-x left top;
	}
	
	.footerCenter {
		width: 900px;
		margin: 0 auto;
		}
		.footerCenter .breadCrumbs { position: absolute; width: 600px; height: 18px; margin: 0; color:#999; text-transform: uppercase; font-size: 80%;  }
			.footerCenter .breadCrumbs a { color:#999; text-decoration: none; text-transform: uppercase; font-weight: bold; }
			.footerCenter .breadCrumbs a:hover { color: #69C; text-decoration: underline; }
		.footerCenter .emailButtons { position: absolute; width: 280px; height: 34px; vertical-align: bottom; margin: 0 0 0 608px; }
		.footerCenter .addressBlock { color: #000; font-size: 85%; line-height: 1.1em; padding: 48px 0 0 0; vertical-align: bottom; }
			.addressBlock a { color: #000; text-decoration: none; }




/* 
Page Specific Styels
-------------------------------------------------------- 
-------------------------------------------------------- 
-------------------------------------------------------- 
*/

.iscWestPromo { width: 900px; margin: 0 auto; position: relative; }
	.iscWestPromo .iscWestPromoMiddle { position: absolute; z-index: 1000; width: 413px; height: 64px; margin: 251px 0 0 0;  }



.company { }

.management { }
	.management_text { margin-bottom: 18px; }
		.management_text img.staffimage { margin: 3px 9px 0 0; }

.mission { }
	
.investors { }
	
.careers { }
		.careers h3.list { margin-bottom: 24px; padding-bottom: 24px; border-bottom: dotted 1px #ccc; }
		.careers h3.list a { color: #369; text-decoration: none;  }
		.careers h3.list a:hover { color: #69C; }
		.careers h6.date { margin: 9px 0 0 0; color:#000; }
		
		.careers h1.details { color: #69C; }

.resources { }

.articles { }

.articles .list { margin-bottom: 24px; padding-bottom: 24px; border-bottom: dotted 1px #ccc;  }
	.articles .list h3 { margin: 0; }
		.articles .list h3 a { color: #369; text-decoration: none;  }
		.articles .list h3 a:hover { color: #69C; }
		.articles .list h6 { margin: 0; color:#999; }
/*	.articles h3.list { margin-bottom: 24px; padding-bottom: 24px; border-bottom: dotted 1px #ccc; }
		.articles h3.list a { color: #369; text-decoration: none;  }
		.articles h3.list a:hover { color: #69C; }
*/	
		
	.articles h4 { margin-bottom: 24px; }
	.articles h6.author { margin: 18px 0 36px 0; }

	.articles .LeftCol1 {
		width: 288px;
		float: left;
		margin: 0 36px 0 0;
		line-height: 1em;
		vertical-align: top;
		}
	.articles .RightCol1 {
		width: 288px;
		float: left;
		margin: 0;
		line-height: 1em;
		vertical-align: top;
		}
	
	a img.imgLeft  { float: left; margin: 3px 9px 0 -18px; padding: 3px; border: solid 2px #ccc; }
		a:hover img.imgLeft  {  border: solid 2px #69C; }

	a img.imgRight  { float: right; margin: 3px 9px 0 9px; padding: 3px; border: solid 2px #ccc; }
		a:hover img.imgRight { border: solid 2px #69C; }
	
	




.videos { }

.videos .list {   }
	.videos .list h5 { margin: 0; }
	.videos .list h5 a { color: #333; text-decoration: none;  }
	.videos .list h5 a:hover { color: #69C; }	
	.videos .list img { max-width: 271px; }
		.videos .list a img  { border: solid 2px #ccc; }
		.videos .list a:hover img { border: solid 2px #69C; }
	.videos .horizline { margin-bottom: 24px; padding-bottom: 24px; border-bottom: dotted 1px #ccc; }

.videoDetail { }
	.videoDetail h1 { font-size:24px; line-height:26px; color: #369; margin-bottom: 6px; }


	
.contact { }

.map { }


.products { }

	.largeCenterChart {
	margin: 0 0 12px 0;
	padding: 12px 0;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	display:block;
	text-align: center;
	background: url(/_common/fade_up_bkgd.png) repeat-x left bottom;
}

.product_detail { margin: 0 0 48px 0; }

	.product_detail ul.alt {
				margin: .4em 0 1em 0;
				}
	.product_detail ul.alt li {
				margin: .3em 1.6em;
				list-style: url(/_common/bullet_69C.png) none;
				}
	
	.dataSheetDiv { position: absolute; margin: 250px 0 0 8px; }
			.dataSheetDiv img { vertical-align: middle; margin-top: -6px;}
				
	.product_detail h1 { }
	.product_detail h2 { }
	.product_detail h3 { margin: 18px 0 3px 0; }
	.product_detail h4 { margin: 6px 0 3px 0; font-weight: bold; }
	.product_detail h5 { }
	.product_detail h6 { }
	




.support { margin: 0 0 24px 0; }


.cameras { margin: 0 0 24px 0; }
	.cameras img { clear: both; margin: 0; padding: 24px 0 4px 0; display: block;  }
	.cameras ul { }
		.cameras ul li {
			width: 100px;
			float: left;
		  	margin: 0 1em .3em 1em;
		  	list-style: url(/_common/bullet_69C.png) none;
		  	}












.faqs { }
	.faqs h1.top { margin-bottom: 9px; }
	.faqs .faqSearch { }
	.faqs .answerText { margin-bottom: 24px; padding-bottom: 24px; border-bottom: dotted 1px #ccc; }


.analysts { }
	.analysts h1.top { margin-bottom: 9px; }
	.analysts .faqSearch { }
	.analysts .Text { margin-bottom: 24px; padding-bottom: 24px; border-bottom: dotted 1px #ccc; }
	.analysts .alnIMG { margin: 3px 0; }
	
.whitepapers { }
	.whitepapers h1.top { margin-bottom: 9px; }
	.whitepapers h3 { margin-top: 0; }
			.whitepapers h3 a { color: #369; text-decoration: none; }
			.whitepapers h3 a:hover { color: #69C; }
	.whitepapers .faqSearch { }
	.whitepapers .Text { margin-bottom: 24px; padding-bottom: 24px; border-bottom: dotted 1px #ccc; }
	.whitepapers p.clear { clear: both; margin-bottom: 24px; padding-bottom: 24px; border-bottom: dotted 1px #ccc; }


.pressOverview { }
	.pressOverview .col { width: 190px; float: left; margin-right: 16px; }
	.pressOverview .col a img.event { border: solid 3px #ccc; padding: 2px; float: left; }
		.pressOverview .col a:hover img.event { border: solid 3px #69c; }
		
	.pressOverview .col h5 { margin: 0 0 0 70px; width: 110px;  }
		.pressOverview .col h5 a { color: #369; text-decoration: none;  }
		.pressOverview .col h5 a:hover { color: #69C; }
	
	.pressOverview .col h6.date { font-size: 90%; margin: 3px 0 3px 70px; width: 110px;  }
		.pressOverview .col h6.date a { color: #369; text-decoration: none;  }
		.pressOverview .col h6.date a:hover { color: #69C; }
		
	.pressOverview h2 { color: #69c; margin-bottom: 9px; }
		.pressOverview h2 a { color: #69c; text-decoration: none; }
		.pressOverview h2 a:hover { color: #369; }
	.pressOverview h3 { margin: 0 0 24px 0; padding-bottom: 24px; }
		.pressOverview h3 a { color: #369; text-decoration: none;  }
		.pressOverview h3 a:hover { color: #69C; }
	.pressOverview h5 { margin: 0 0 12px 0;  }
		.pressOverview h5 a { color: #369; text-decoration: none;  }
		.pressOverview h5 a:hover { color: #69C; }
		
	.pressOverview h6 { margin: 0; color:#999; }
		
	.pressOverview p.clear { clear: both; margin-bottom: 12px; padding-bottom: 12px; border-bottom: dotted 1px #ccc; }

.pressContactDiv { position: absolute; margin: 180px 0 0 8px; }


	
.press { }
	.press .col { float: left; }
	.press h3 { margin: 0 0 24px 0; padding-bottom: 24px; border-bottom: dotted 1px #ccc; }
		.press h3 a { color: #369; text-decoration: none;  }
		.press h3 a:hover { color: #69C; }
	.press h6 { margin: 0; color:#999; }

.pressDetail { }
	.pressDetail h6 { margin: 0; color:#999; }




.event { }
	.event .col { float: left; }
	.event  a img { border: solid 3px #ccc; padding: 2px; }
	.event  a:hover img { border: solid 3px #69c; }
	.event h3 { margin: 0; }
		.event h3 a { color: #369; text-decoration: none;  }
		.event h3 a:hover { color: #69C; }
	.event h6 { margin: 0; color:#999; }
	.event h6.date { margin: 9px 0 0 0; color:#000; }
	.event p.clear { clear: both; margin-bottom: 24px; padding-bottom: 24px; border-bottom: dotted 1px #ccc; }
	.event p.location { color: #369; font-size: 80%; text-transform: uppercase; margin: 0; }

.eventDetail { }
	.eventDetail h1 { color: #369; margin: 12px 0 0 0; }
	.eventDetail h6 { color: #999; margin: 0; }
	.eventDetail h6.date { margin: 0 0 6px 0; color:#000; }
	.eventDetail h6.location { color: #369; text-transform: uppercase; margin: 6px 0 18px 0; }

	.eventDetail .rsvpForm {
		width: 320px;
		margin: 18px 0;
		padding: 12px;
		border: solid 6px #69c;
		background: url(/_common/fade_up_bkgd.png) repeat-x left bottom;
	}

	.eventDetailCol3 img { border: solid 3px #ccc; padding: 2px; margin-top: 32px; }
	.eventDetailCol3 .boothNum {
	margin: 36px 0;
	border: solid 3px #ccc;
	}
	.eventDetailCol3 .boothNum span {
		line-height: 1.3em;
		display: block;
		padding:12px;
		border: solid 2px #fff;
		background-color: #69c;
		text-align: center; 
		vertical-align: middle;
		color: #fff;
		}

.eventDetail ul {
				margin: .4em 0 1em 0;
				}
			.eventDetail li {
				margin: .3em 1.6em;
				list-style: url(/_common/bullet_69C.png) none;
				}




.dottedRulesTopAndBottom { border-top: dotted 1px #333; border-bottom: dotted 1px #333; }


.event img.webinar { border: solid 3px #69C; padding: 2px; margin: 0 0 6px 12px; float: right; }







.floatFeild { float: right; margin: 0 100px 0 0; }	























table.data { margin: 3px 0 3px 9px; border: solid 4px #fff; }

table.data thead td{ 
	background-color: #69C; 
	color: #000; 
	padding: 3px 6px; 
	font-size: 85%; 
	line-height: 1.1em;
	font-weight: bold;
	vertical-align: middle; 
	}

table.data tbody td{ 
	background-color: #e6e6e6; 
	padding: 3px 6px; 
	color: #000; 
	font-size: 90%; 
	vertical-align: middle; 
	}

table.data tbody tr.rowOdd > td{
	background-color: #D7D7D7;
}
table.data td.y-axis { font-weight: bold; font-size: 85%; }
table.data td.stats { font-size: 110%; text-align: center; }

table.data tbody td.caption { background-color: #fff ; color: #369; font-size: 85%; font-style: italic; line-height: 1.1em; }


/* Color Palette
--------------------------------------------------------

light blue = 69C
dark blue = 369
electric blue = 005498
dark electric blue = 042A67
*/
.lightBlue { color: #69C; }
.darkBlue { color: #369; }











/* FORMS
----------------------------------------------------- */

/* form pages */
.myForm {
	margin: 0;
	padding: 0;
	}

.myForm label {
	color: #666;
	font-size: 85%;
	font-weight: bold;
	display: block;
	text-align: left;
	margin-top: 9px; margin-bottom: 0;
	}

.myForm label.floatFieldNew { float:left; width: 100px; margin-top: 0; margin-right: 20px; }


.myForm .line {
	background-color: #666;
	height: 2px;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
}

.myForm .line3 {
	height: 2px;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
	background: url(/_common/line3_bkgd.png) repeat-y left center;
}


/* text fields */
.myForm input.text {
	background-color: #e6e6e6;
	font-size: 95%;
	padding: .125em;
	margin: .03em 0;
	border:1px solid #333;
	}	
.myForm input.text:focus {
	border:1px solid #333;
	background: #FC0;
	}

/* list menu fields */	
.myForm select.editSelect {
	background-color: #e6e6e6;
	font-size: 95%;
	padding: .125em;
	margin: .03em 0;
	border:1px solid #333;
	}

.myForm select.editSelect:focus { 
	border:1px solid #333; 
	background:#FC0;
	}
	
	
/* Textareas */
.myForm textarea            { margin:.03em 0; }
.myForm textarea            { border:1px solid #333; background:#e6e6e6; padding:2px; }
.myForm textarea:focus      { border:1px solid #333; background:#FFCC00; }






/* page polling forms */
.myPollForm {
	margin: 0;
	padding: 0;
	color: #666;
	}

.myPollForm label {
	color: #666;
	font-size: 85%;
	font-weight: bold;
	display: block;
	text-align: left;
	}


/* text fields */
.myPollForm input.text {
	color: #666;
	background-color: #e6e6e6;
	font-size: 85%;
	padding: .06em;
	margin: .06em 0;
	border:1px solid #999;
	}	
.myPollForm input.text:focus {
	border:1px solid #999;
	background: #FC0;
	}

/* list menu fields */	
.myPollForm select.editSelect {
	color: #666;
	background-color: #e6e6e6;
	font-size: 85%;
	padding: .06em;
	margin: .06em 0;
	border:1px solid #999;
	}
.myPollForm select.editSelect:focus { 
	border:1px solid #999; 
	background:#FC0;
	}
	
.myPollForm .submitButton { vertical-align: middle; }












/* used on sliders */
.hiddenDiv {
	display: none;
	}
.visibleDiv {
	display: block;
	
	}













/* New Buttons :: http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
--------------------------------*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.newButton {
    background: transparent url('/_common/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.newButton span {
    background: transparent url('/_common/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.newButton:hover, a.newButton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.newButton:hover span, a.newButton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 





a.newButtonSM {
    background: transparent url('/_common/bg_admin_buttonSM_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 10px arial, sans-serif;
    height: 18px;
    margin-right: 6px;
    padding-right: 9px; /* sliding doors padding */
    text-decoration: none;
}

a.newButtonSM span {
    background: transparent url('/_common/bg_admin_buttonSM_span.png') no-repeat;
    display: block;
    line-height: 10px;
    padding: 4px 0 4px 9px;
} 

a.newButtonSM:hover, a.newButtonSM:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.newButtonSM:hover span, a.newButtonSM:active span {
    background-position: bottom left;
    padding: 4px 0 4px 9px; /* push text down 1px */
} 

.nudgeButton {  }



/*  floaty stuff
----------------------------------------------*/
.floatLeft { float: left; }
.floatRight { float: right; }
.clear-both {
	clear: both;
	display: block;
	}
	





/*  standard set widths
----------------------------------------------*/
.width25 { width: 25px; }
.width50 { width: 50px; }
.width75 { width: 75px; }
.width100 { width: 100px; }
.width125 { width: 125px; }
.width150 { width: 150px; }
.width175 { width: 175px; }
.width200 { width: 200px; }
.width225 { width: 225px; }
.width230 { width: 230px; }
.width235 { width: 235px; }
.width250 { width: 250px; }
.width275 { width: 275px; }
.width300 { width: 300px; }
.width325 { width: 325px; }
.width350 { width: 350px; }
.width400 { width: 400px; }
.width450 { width: 450px; }
.width500 { width: 500px; }


/*  standard set height
----------------------------------------------*/
.height25 { height: 25px; }
.height50 { height: 50px; }
.height75 { height: 75px; }
.height100 { height: 100px; }
.height125 { height: 125px; }
.height150 { height: 150px; }
.height175 { height: 175px; }
.height200 { height: 200px; }
.height230 { height: 230px; }
.height235 { height: 235px; }
.height250 { height: 250px; }
.height300 { height: 300px; }
.height350 { height: 350px; }
.height400 { height: 400px; }
.height450 { height: 450px; }
.height500 { height: 500px; }





/* standard margins 
----------------------------------------------*/
.margin-top12 { margin-top: 12px; }
.margin-top18 { margin-top: 18px; }
.margin-top24 { margin-top: 24px; }
.margin-top36 { margin-top: 36px; }
.margin-top48 { margin-top: 48px; }

.margin-right12 { margin-right: 12px; }
.margin-right18 { margin-right: 18px; }
.margin-right24 { margin-right: 24px; }
.margin-right36 { margin-right: 36px; }
.margin-right48 { margin-right: 48px; }
.margin-right72 { margin-right: 72px; }
.margin-right96 { margin-right: 96px; }


.margin-bottom12 { margin-bottom: 12px; }
.margin-bottom18 { margin-bottom: 18px; }
.margin-bottom24 { margin-bottom: 24px; }
.margin-bottom36 { margin-bottom: 36px; }
.margin-bottom48 { margin-bottom: 48px; }
	
	
	
	
/* tool tips 
--------------------------------------------------------------- */
.tip { 
	color: #fff;
	font-size: 11px;
	line-height: 12px;
	text-align: left;
	width:250px; 
	background:url(/_admin/Admin/common/bubble2.png) left top repeat-y;
	z-index: 13000;
	}

.tip-top { 
	background: url(/_admin/Admin/common/bubble2.png) top left no-repeat; 
	height:1px; 
	width:250px; 
	}
.tip-bottom	{ 
	background: url(/_admin/Admin/common/bubble2.png) bottom left no-repeat;
	width:250px; 
	height:1px; 
	}


.tip-title { 
	color: #999;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 6px 0 6px;
	}
.tip-text { 
	font-weight: normal;
	padding: 3px 6px;
	}
	
	
	
	
	
/* new zebra table sytles */
.zebraT thead td {
	font-size: 80%;
	text-transform: uppercase;
	padding: .25em .5em;
	border-bottom:1px solid #999;
	font-weight:bold;
	background-color:#CCC;
}
.zebraT tbody td {
	padding: .25em .5em;
	border-bottom:1px solid #ddd;
	vertical-align: middle;
}

.zebraT .highlight { background:#d5fcdc; }
.zebraT .even { background:#f4f4f4; }
.zebraT .odd { background:#EEE; }
.zebraT .zo { background:#e3f1fb; }



	

/* some styles related only to dev sites, found in _incPostHTML.asp */
#DevPostHTML, #OfflinePostHTML {
	width: 400px; 
	margin: 9px auto;
	text-align: center;
	font-size:18px;
	color:#3C0;
	}