/*Modifications to the kodak dental css from 51Seconds.*/

/*They are modifying widths on their 'topnav' (lowecase n) in a freaking javascript file.  We're throwing that out and managing 'topNav' (camel case) ourselves...  */

#topNav{
	height:58px;
	position:absolute;
	right:0;
	top:0;
	width: 360px;
}
#topNav #search{
	float: right;
	margin: 0;
}
#topNav #search .searchbox{
	width: 116px;
}
#topNav #country{
	clear: right;
	float: right;
}
#topNav .newsletter{
	right: 0;
	margin: 0;
	margin-top: 2.3em;
}
#topNav .newsletter #custCareLink{
	float: right;
}

#home #billboard,
#home #billboard #flashContent{
	width: 719px;
	height: 349px;
	float: right;
}
#flashContent{
	overflow:hidden;
}

#home #contentNav{
	margin: 9px 0 5px;
}

#contentNav{
	padding: 15px;
	
	/*height:349px;*/
	height:319px;
	width: 198px;

	float: left;
	
	background-color: #fff;
}

#contentNav h1{
	font-size: 1.2em;
	color: #003D66;
	margin-bottom: .5em;
}

#contentNav ul{
	padding: 0;
	margin: 0;
	list-style-position: inside;
}
#contentNav ul li{
	border-bottom: 1px solid #D0CFCF;
	padding: 0;
	margin: 0;
	color: #003D66;
	padding-left: 3px;
}
#contentNav ul ul{
	list-style: none;
}
#contentNav ul li li{
	border-bottom: none;
	margin-left: 20px;
}

#contentNav ul li a{
	text-decoration: none;
	padding: .5em 0;
	font-size: 1.1em;
	line-height: 2em;
}
#contentNav ul li li a{
	font-size: 1em;
	line-height: 1.8em;
}
#contactBox{
	background-color: #e6e6e6;
}

#bigNav{
	
}
#bigNav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 2em;
}
#bigNav li{
	font-size: 1.2em;
}
#bigNav li a{
	text-decoration: none;
}

.navigationVid{
	margin: 0 1em;
}

.roundBorder{
	/*firefox rounding*/
	-moz-border-radius: 6px;
	/*safari/google rounding*/
	-webkit-border-radius: 6px;
	/*ie hacked rounding derived from above*/
	/*
	note, this hack breaks background-repeat : ( 
	It also tends to fail when dynamic things (like showing and hiding in jquery) happen.
	Pretty fragile, but for simple layouts, it's handy.
	*/
	behavior: url('../../Resources/Scripts/border-radius.htc');  
	border:1px solid #D0CFCF;
	background-color: #fff;
}
.rotator{
	padding-top: 10px;
}

.rotated{
	width: 313px;
	height: 142px;
	display: block;
}

.leftPos{
	float: left;
	margin-right: 10px;
}
.centerPos{
	float: left;
}
.rightPos{
	float: right;
	margin-left: 10px;
}
.clear{
	clear: both;
}


/* New stuff 3/18/10 */
.greyFade{
	padding: 2em 3em;
	margin: -4px -10px 10px -10px;
	background-image: url('../../Resources/Images/Website/horizGreyFadey.gif');
	border-bottom: 5px solid #ffb700
}
.sectionSelectors {
	font-size: 11px;
	
}

.breadCrumb{
	margin-bottom: 1em;
}

#software .fineprint{
	font-size: .7em;
}

#software .onecolumn{
	border: none;
}

#software #softwareContactCTA,
#software #softwareDemoCTA{
	clear: right;
	float: right;
	margin-bottom: 1em;
}

#support #sharedStuff,
#software #sharedStuff{
	margin-bottom: 1em;
	padding-bottom: 1em;
}
#support #sharedStuff #contactBox,
#software #sharedStuff #contactBox{
	float:right;
	width: 218px;
	margin-bottom: 1em;
	margin-left: 1em;
}

/*Column Stuff: */

.twocolumn,
.threecolumn{
	margin-top: 14px;
}

.twocolumn #contentNav,
.threecolumn #contentNav{
	float: none;
}

.twocolumn .left,
.threecolumn .left{ width: 230px; }
.threecolumn .center{ width: 473px; }

.twocolumn .left{ float: left;}

.twocolumn .right{ 
	width: 715px; 
	float: left;
}

.onecolumn .thinpadded,
.twocolumn .thinpadded,
.threecolumn .thinpadded{ padding: 1em; }

.onecolumn .padded,
.twocolumn .padded,
.threecolumn .padded{ padding: 2em; }

.onecolumn .thickpadded,
.twocolumn .thickpadded,
.threecolumn .thickpadded{ padding: 1em 3em; }

.twocolumn .roundBorder,
.threecolumn .roundBorder{
	margin-bottom: 14px;
}

.twocolumn .left,
.threecolumn .left,
.threecolumn .center{
	margin-right: 14px;
}

.twocolumn .left img,
.twocolumn .center img,
.threecolumn .left img,
.threecolumn .center img,
.threecolumn .right img{
	float: none;
	margin-right: inherit;
}

/* Sprite Tabs:  A tabbed background image shifting interface */

/* 		General Setup */
#content ul.spriteTabs{
	clear: both;
	display: block;
	padding: 0;
	padding-left: 30px;
	width: 662px;
	list-style: none;
	margin: 0 auto;
	height: 6px;
	margin-top: 36px;
	background-image: url('../../Resources/Images/Website/eventTabs.gif');
	background-position: 0 -51px;
	background-repeat: no-repeat;
}


#content .onecolumn ul.spriteTabs{
	width: 946px;
	padding-left: 10px;
}
#content ul.spriteTabs li{
	margin: 0;                                
	padding: 0;
	float: left;
	margin-top: -25px;
}
#content ul.spriteTabs li a{
	background-repeat: no-repeat;
	display: block;
	height: 0;
	padding-top: 26px;
	overflow: hidden;
}

#content .spriteTabsTail{
	height: 6px;
	margin: 0 auto;
	margin-bottom: 14px;
	background-image: url('../../Resources/Images/Website/eventTabs.gif');
	background-position: 0 -57px;
	background-repeat: no-repeat;
}

/*TODO: ditch these id based selectors once the html is revised.*/
.onecolumn .spriteTabsContent,
.twocolumn .spriteTabsContent{
	clear: both;
	padding: 10px 10px;
	border-left: 1px solid #d0cfcf;
	border-right: 1px solid #d0cfcf;
	margin: 0 auto;
}

.twocolumn .spriteTabsContent{
	width: 670px;
}
.onecolumn .spriteTabsContent{
	width: 924px;
}

.twocolumn .spriteTabsTail{
	width: 692px;
}
.onecolumn .spriteTabsTail{
	width: 946px;
}


/* 	SpriteTabs Content:*/

.spriteTabsContent h1{
	font-size: 1.1em;
	height: 1.8em;
	margin-top: 0px;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	text-transform: uppercase;
	background-image: url('../../Resources/Images/Website/1x5yellowbg.gif');
	background-position: 0 1.2em;
	background-repeat: repeat-x;
	color: #777;
}

.spriteTabsContent h2{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0;
}


/* 		Section Specific: */

/*			Software: */
#software ul.spriteTabs{
	background-image: url('../../Resources/Images/Website/softwareTabs.gif');
}
#software #main ul.spriteTabs li{
	width: 111px;
}
#software #main ul.spriteTabs li a{
	background-image: url('../../Resources/Images/Website/softwareTabs.gif');
}
#software #softwareTail{
	background-image: url('../../Resources/Images/Website/softwareTabs.gif');
}

#software #main ul.spriteTabs,
#software #softwareContent,
#software #softwareTail{ 
	margin-left: -3em;
}

#software ul.spriteTabs #features{ 			background-position: -10px -26px; }
#software ul.spriteTabs #features.on{ 		background-position: -10px 0px; }
#software ul.spriteTabs #services{ 			background-position: -120px -26px; }
#software ul.spriteTabs #services.on{ 		background-position: -120px 0px; }
#software ul.spriteTabs #modules{ 			background-position: -230px -26px; }
#software ul.spriteTabs #modules.on{ 		background-position: -230px 0px; }
#software ul.spriteTabs #products{ 			background-position: -340px -26px; }
#software ul.spriteTabs #products.on{ 		background-position: -340px 0px; }
#software ul.spriteTabs #videos{ 			background-position: -450px -26px; }
#software ul.spriteTabs #videos.on{ 		background-position: -450px 0px; }
#software ul.spriteTabs #library{ 			background-position: -560px -26px; }
#software ul.spriteTabs #library.on{ 		background-position: -560px 0px; }
#software ul.spriteTabs #training{ 			background-position: -670px -26px; }
#software ul.spriteTabs #training.on{ 		background-position: -670px 0px; }
#software ul.spriteTabs #support{ 			background-position: -780px -26px; }
#software ul.spriteTabs #support.on{ 		background-position: -780px 0px; }


/*			Support: */
#support ul.spriteTabs{
	background-image: url('../../Resources/Images/Website/supportTabsTrade.gif');
}
#support #main ul.spriteTabs li{
	width: 85px;
}
#support #main ul.spriteTabs li a{
	background-image: url('../../Resources/Images/Website/supportTabsTrade.gif');
}
#support #supportTail{
	background-image: url('../../Resources/Images/Website/supportTabsTrade.gif');
}


#support ul.spriteTabs #forDentists{ 			background-position: -8px -26px; }
#support ul.spriteTabs #forDentists.on{ 		background-position: -8px 0px; }
#support ul.spriteTabs #forEndodontists{ 		background-position: -93px -26px; }
#support ul.spriteTabs #forEndodontists.on{ 	background-position: -93px 0px; }
#support ul.spriteTabs #forOMS{ 				background-position: -178px -26px; }
#support ul.spriteTabs #forOMS.on{ 				background-position: -178px 0px; }
#support ul.spriteTabs #forOrthodontists{ 		background-position: -263px -26px; }
#support ul.spriteTabs #forOrthodontists.on{	background-position: -263px 0px; }
#support ul.spriteTabs #forPedodontists{ 		background-position: -348px -26px; }
#support ul.spriteTabs #forPedodontists.on{		background-position: -348px 0px; }
#support ul.spriteTabs #forPeriodontists{ 		background-position: -433px -26px; }
#support ul.spriteTabs #forPeriodontists.on{	background-position: -433px 0px; }
#support ul.spriteTabs #forProsthodontists{		background-position: -518px -26px; }
#support ul.spriteTabs #forProsthodontists.on{	background-position: -518px 0px; }
#support ul.spriteTabs #forEServices{			background-position: -601px -26px; }
#support ul.spriteTabs #forEServices.on{		background-position: -601px 0px; }


/*			Events: */
#events #main ul.spriteTabs li{
	width: 103px;
}
#events #main ul.spriteTabs li a{
	background-image: url('../../Resources/Images/Website/eventTabs.gif');
}

#events ul.spriteTabs #usersConference{ 	background-position: -11px -26px; }
#events ul.spriteTabs #usersConference.on{ 	background-position: -11px 0px; }
#events ul.spriteTabs #seminars{ 			background-position: -113px -26px; }
#events ul.spriteTabs #seminars.on{ 		background-position: -113px 0px; }
#events ul.spriteTabs #webinars{ 			background-position: -215px -26px; }
#events ul.spriteTabs #webinars.on{ 		background-position: -215px 0px; }
#events ul.spriteTabs #tradeshows{ 			background-position: -317px -26px; }
#events ul.spriteTabs #tradeshows.on{ 		background-position: -317px 0px; }
#events ul.spriteTabs #calendar{ 			background-position: -419px -26px; }
#events ul.spriteTabs #calendar.on{ 		background-position: -419px 0px; }


/* END: SpriteTabs Stuff*/



#softwareContentCallout {
	clear: both;
	width: 650px;
	padding: 10px 10px;
	border-left: 1px solid #d0cfcf;
	border-right: 1px solid #d0cfcf;
	margin: 0 auto;
}


#events #main h1{
	font-size: 1.2em;
	margin: 1em 0;
}


#events #eventsContent tr.odd td{
	background-color: #F0F0F0;
}

#events #eventsContent table.tradeShowSchedule td{
	font-size: 1em;
	text-align: left;
	border:1px solid #cfcfcf;
}

#events #eventsContent table.tradeShowSchedule{
	width: 692px; 
	margin-left: -11px;
	border: 1px solid #cfcfcf;
}
#events #content #eventsContent table.tradeShowSchedule tr td p{
	margin-bottom: 0;
}

#events #eventsContent .WebinarHeadShot{
	/* padding's on the freaking images.. change that, then uncomment this:
	margin: 0 .5em .5em 0;
	*/
	float: left;
}


#events  #eventsContent .CalendarLayout{
	width: 100%;
	border: 2px solid #595959;
}

#events .CalendarLayout{
	border-collapse: inherit;
	
}

#events .CalendarLayout th{
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	padding: inherit;
	text-align: inherit;
	width: inherit;
}

#events .CalendarLayout td{
	font-size: inherit;
	padding: inherit;
	text-align: inherit;
}

#events .CalendarLayout th{
	background-color: #595959;
	color: white;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	font-size: .8em;
}
#events .CalendarLayout td{
	width: 14.2%;
	padding: inherit;
	height: 100px;
	border: 1px solid #e6e6e6;
	font-size: .8em;
}
#events .CalendarLayout td span{
	background-color: #e6e6e6;
	display: block;
	text-align: right;
	padding-right: .4em;
	font-size: 1.1em;
}
/* contols  formatting in Calendars*/
.calMonth{
	text-align: center;
	color: 323232;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
}
.calNav{
	text-align: center;
}
#calendarControl{ 
	margin: 1em auto; display: block; 
} 

.calLink{
	line-height:12px;
}

/* ORF HAK for support sub page tables */

#support #supportContent tr.odd td{
	background-color: #F0F0F0;
}

#support #supportContent table.contactTable td{
	font-size: 1em;
	text-align: left;
	border:1px solid #cfcfcf;
}

#support #supportContent table.contactTable{
	width: 692px; 
	margin-left: -11px;
	border: 1px solid #cfcfcf;
}
#support #content #eventsContent table.contactTable tr td p{
	margin-bottom: 0;
}

#support #supportContent tr.odd td{
	background-color: #F0F0F0;
}

#support #supportContent table.contactTable td{
	font-size: 1em;
	text-align: left;
	border:1px solid #cfcfcf;
}

#support #supportContent table.contactTable{
	width: 692px; 
	margin-left: -11px;
	border: 1px solid #cfcfcf;
}
#support #content #supportContent table.contactTable tr td p{
	margin-bottom: 0;
}


/* ORF HAK for Support Main page */

#support #supportContent tr.odd td{
	background-color: #000000;
}

#support #supportContent table.supportMain td{
	font-size: 1em;
	text-align: left;
	border: solid #cfcfcf;
	border-width: 1px;
}

#support #supportContent table.supportMain{
	width: 810px; 
	margin-left: 50px;
	border:  solid #cfcfcf;
	border-width: 1px;
}
#support #content #eventsContent table.supportMain tr td p{
	margin-bottom: 0;
}

#support #supportContent tr.odd td{
	background-color: #000000;
}

#support #supportContent table.supportMain td{
	font-size: 1em;
	text-align: left;
	border: solid #cfcfcf;
	border-width:1px;
}

#support #supportContent table.supportMain{
	width: 810px; 
	margin-left:50px;
	border:  solid #cfcfcf; 
	border-width: 1px;
}
#support #content #supportContent table.supportMain tr td p{
	/*margin-bottom: 0; */
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 15px;
}


/* Events Table Copy to Support Contact */
#support #supportContent tr.odd td{
	background-color: #F0F0F0;
}

#support #supportContent table.tradeShowSchedule td{
	font-size: 1em;
	text-align: left;
	border:1px solid #cfcfcf;
}

#support #supportContent table.tradeShowSchedule{
	width: 692px; 
	margin-left: -11px;
	border: 1px solid #cfcfcf;
}
#support #content #supportContent table.tradeShowSchedule tr td p{
	margin-bottom: 0;
}
