 /* CSS Document */

/* html, body styles */
	html, body {width: 100%; height: 100%; margin: 0; padding: 0; position: absolute;}
	body {background: #EDEDED url('../images/homepage_bkg.gif') repeat-x; margin: 0; padding: 0;} /* change the page's background image here */

/* wrappers */
	div.wrapper_x {background: transparent url('../images/map.gif') repeat-x -50px 201px; height:521px; text-align: center;} /* change the map image here */
	div.wrapper_x *, div.wrapper_x * *, div.wrapper_x * * * {text-align: left;} /* this is a hack for IE. emulates margin: 0 auto; technique for centering block elementals of variable width */
	div.wrapper_a {margin: 0 auto; width: 808px; padding: 0; background: transparent url('../images/wrapper_bkg.gif') repeat-y 0px;} /* change page shadow here */
	div.wrapper_b {background: transparent url('../images/bottom_border.gif') no-repeat bottom left; padding: 0 0 22px 3px;} /* change bottom page border and shadow image here */
	div.body_content {padding: 0 3px; margin-bottom: 18px; background: transparent url('../images/vertical_dots.gif') repeat-y 200px; border: 1px solid #ffffff; border-width: 0; width: 800px;} /* this is the wrapper for the page's content body. the background is a false border dividing the page. change the image for it here. */
	div.left_column {float: left; width: 200px; background: transparent; width: 200px; padding-right:6px;} /* this is the left most content wrapper for the page's content body */
	div.center_column {float: left; width: 596px !important; width: 597px; background: transparent;}/* this is the center most content wrapper for the page's content body */
	div.right_column {float: right; width: 200px;}/* this is the right most content wrapper for the page's content body */
	div.bottom_row {clear: both; background: #ffffff !important;} /* the homepage has a bottom content wrapper. this is it. */
	DIV.breadcrumbs {margin: 0 12px; width: 100%;} /* some pages of breadcrumbs in the center wrapper */
	
/* page header stuff */
	div.top_bar {height: 30px; background: #E6E6E6; border-bottom: 1px solid #C5C6CA; border-top: 5px solid #FF6600; width: 800px;} /* this contains the search function and is decorative */
	div.top_bar_popup {height: 5px; background: #FFFFFF; border-bottom: 1px solid #C5C6CA; border-top: 5px solid #FF6600; width: 100%;} /* this contains the search function and is decorative */
	fieldset {border: none; margin: 0; padding: 0; float: right; height: 30px;} /* required element for forms, this element is graphically invisible */
	input.searchbutton {font-size: 10px; font-family: courier; width: 20px; height: 20px; margin: 0 3px; position: relative; top: -1px; left: 0px !important; left: 3px;} /* this is the search fields submit button. the complex styles serve to make the button look similar to the comp in IE and Firefox. */
	input.button {font-size: 10px; margin:0 ! important; padding:0 ! important; height: 20px; text-align: center; } 
	submit.button {font-size: 10px; margin:0 ! important; padding:0 ! important; height: 20px; text-align: center; } 
	input.searchfield {font-family: Arial; font-size: 12px; color: #333333; margin-top: 3px;} /* this is the search box */
	label {font-family: Arial; font-size: 10px; color:#333333; line-height: 13px; margin: 3px; position: relative; top: -2px !important; top: -3px;} /* this is the label for the search box */
	h1.banner {display: block; height: 127px; width: 391px; background: #F8F8F8 url('../images/h1.gif') no-repeat 0px 0px; margin: 0; padding: 0;} /* this header contains the 'TANDBERG EMEA PARTNERS' banner at the top of the page. Using Header tags properly is the only way to successfuly SEO a page. */
	h1.banner span {display: none;} /* hides the text content for h1.banner */
	h2.banner {display: block; height: 127px; width: 409px; background: transparent url('../images/banner.jpg') no-repeat 0px 0px; margin: 0; padding: 0;} /* this contains the picture to the right of the banner. Using Header tags properly is the only way to successfuly SEO a page. */
	h2.banner span {display: none;} /* hides the text content for h2.banner */
	div.decorative_border {font-size: 0px; line-height: 0px; height: 0px; display: block; clear: both; border-bottom: 9px solid #FF6600; margin-right: 5px;}

/* nav */
	ul.nav a:link, ul.nav a:visited, ul.nav a:active 
	{background:#ffffff; color:#5D5D5D; text-decoration: none; text-align: left; 
	font-family: 'Arial',sans-serif; font-size: 11px; padding-left: 4px;} /* these styles apply to the top level of the main navigation (drop down menu) */
	ul.nav li ul li.first, ul.nav li ul li {width: 200px !important; margin-bottom: 1px; border-bottom: 1px solid #D7D7D7;} /* these apply to second level LI elements */
	ul.nav li ul li:hover, ul.nav li ul li.iehover {border-bottom: 1px solid #FF6600;} /* these apply to second level LI elements on hover */
	
	ul.nav li ul li ul {width: 200px !important; left:100px; margin-bottom: 1px; border-bottom: 1px solid #D7D7D7;} /* these apply to third level LI elements */
	ul.nav li ul li.iehover ul {border-bottom: 1px solid #FF6600;} /* these apply to third level LI elements on hover */
	
	ul.nav li ul li a:link, ul.nav li ul li a:visited, ul.nav li ul li a:hover, ul.nav li ul li a:active 
		{background: #ffffff url('../images/ddm_gradient.gif') repeat-x; color: #5C5C5C;} /* these apply to second level anchor tags */
		
	ul.nav a:hover {background: #555555; color:#ffffff;}	/* theseapply to top level anchor tags on hover */
	ul.nav li ul li a:hover {color: #FF9000;} /* these apply to second level anchor tags on hover */
	ul.nav {margin-bottom: 18px; float: none; border: 1px solid #EBEBEB; border-width: 1px 0px; width: 800px;} /* this applies to the drop down menu UL element */
	ul.nav a {display: block; width: 86px !important; width: 87px; height: 20px; line-height: 20px;} /* this applies to links, these styles are often overridden in other tags */
	ul.nav li 
	{float: left; width: 86px !important; width: 87px; height: 20px; position: relative; display: block; 
	border-right: 1px solid #F5F5F5; border-left: 1px solid #E5E5E5;} /* this applies to LI elements in the main nav */
		
	ul.nav li ul, ul.nav li ul li, ul.nav li ul li a {width: 200px;} /* this sets the width of the seconid level items in the drop down menu */
	UL.nav UL LI A:link, UL.nav UL LI A:visited, UL.nav UL LI A:hover, UL.nav UL LI A:active 
		{width: 196px !important; width: 200px;} /* this is the second level anchor width. the these numbers should coordinate with the width in the above style (ul.nav li ul, ul.nav li ul li, ul.nav li ul li a)*/
	ul.nav li.first {border: none;}
	ul.nav ul 
	{list-style-type: none; margin: 0; padding: 0; position: absolute; left: -1px; top: 20px !important; 
	top: 20px; z-index: 2; border: 1px solid #CECECE; padding-bottom: 4px; display: none; padding: 0 2px 4px 0; 
	background: #FFFFFF url('../images/ul_bottom_border.gif') repeat-x bottom;} /* this applies to the second level UL's in the main nav */


/* upper nav states */
	body.homepage a#home,
	body.products a#products,
	body.products_list a#products,
	body.services a#services,
	body.services_list a#services,
	body.training a#training,
	body.training_list a#training,
	body.techsupport a#techsupport,
	body.techsupport_list a#techsupport,
	body.salestools a#salestools,
	body.salestools_list a#salestools,
	body.marketingtools a#marketingtools,
	body.marketingtools_list a#marketingtools,
	body.newsevents a#newsevents,
	body.newsevents_list a#newsevents,
	body.contacttaa a#contacttaa,
	body.contacttaa_list a#contacttaa,
	body.search a#search,
	body.search_list a#search
	{background: #555555; color:#ffffff;} /* this highlights main nav links based on the body element class. use this for setting nav state */
		
/* homepage specific */
	body.homepage div.left_column {width: 507px;} /* this sets the width of the left_column on the homepage only */
	body.homepage div.body_content_admin {background: transparent url('../images/vertical_line.gif') repeat-y 200px;} /* this sets the false border (divider) in the body_content wrapper. */
	body.homepage div.body_content {background: transparent url('../images/vertical_line.gif') repeat-y 508px;} /* this sets the false border (divider) in the body_content wrapper. */
	body.homepage div.bottom_row {margin-left: 38px; background: #FFFFFF url('../images/homepage_special_border.gif') no-repeat right top !important; padding-top: 12px;} /* sets a special decorative border on the bottom wrapper on the homepage only */
	body.homepage div.center_column {width: 289px !important; width: 290px;} /* sets the width on the center column wrapper on the homepage */
	body.homepage div.body_content ul {margin: 16px 0 0 20px; padding: 0; list-style-type: none;} /* sets special styles for UL elements in the body_content wrapper on the homepage only */
	body.homepage div.body_content ul li {padding-left: 19px; background: transparent url('../images/ul_bullet.gif') no-repeat 0px 8px; margin-bottom: 22px;} /* sets special styles for LI elements in the body_content wrapper on the homepage only */
	
	/* secondary nav */
	body.homepage div.body_content ul.secondary_nav {margin: 0; padding: 0;} /* sets styles for the secondary nav, unique to the homepage design */
	body.homepage div.body_content ul.secondary_nav li {margin: 0; padding: 0; float: left; width: 211px; margin-left: 3px;} /* sets styles for the secondary nav */
	body.homepage div.body_content ul.secondary_nav li.first {margin-left: 0;} /* sets styles for the first secondary nav item. this class is set by a javascript. */
	
	body.homepage div.body_content ul.secondary_nav li a:link, body.homepage div.body_content ul.secondary_nav li a:visited, body.homepage div.body_content ul.secondary_nav li a:hover, body.homepage div.body_content ul.secondary_nav li a:active 
		{margin: 0 0 7px 0; padding: 0; font-size: 12px; color: #ffffff; font-family: 'helvetica', 'arial', sans-serif; display: block; 
		height: 16px; line-height: 16px; text-decoration: none; padding-left: 11px;} /* sets styles for anchor elements in the secondary nav */
		
	body.homepage div.body_content ul.secondary_nav li p a:link, body.homepage div.body_content ul.secondary_nav li p a:visited, body.homepage div.body_content ul.secondary_nav li p a:hover, body.homepage div.body_content ul.secondary_nav li p a:active
		{margin: 0; padding: 0; font-size: 11px; color: #FF9000; font-family: 'arial', sans-serif; display: inline; 
		text-decoration: underline;} /* sets styles for anchor tags in Paragraph tags */
		
	body.homepage div.body_content ul.secondary_nav li p a:hover {text-decoration: none;} /* sets styles for anchor tags in paragraph tags, ON HOVER */
	
	body.homepage div.body_content ul.secondary_nav li a.lightblue {background: #A3B6BD;} /* secondary nav header color, lightblue */
	body.homepage div.body_content ul.secondary_nav li a.gray, body.homepage div.body_content ul.secondary_nav li a.grey {background: #878787;} /* secondary nav header color, gray */
	body.homepage div.body_content ul.secondary_nav li a.orange {background: #FF6600;} /* secondary header color, orange */
	
	body.homepage div.body_content ul.secondary_nav li ul {margin: 0; padding: 0; margin-left: 9px; width: 202px;} /* secondary nav functional styles */
	body.homepage div.body_content ul.secondary_nav li ul li {margin: 0; padding: 0; float: none; width: 202px; padding-left: 10px; background: transparent url('../images/bullet_orange_square.gif') no-repeat 0px 6px !important;} /* secondary nav functional styles, set the orange bullet image here. */
	
	body.homepage div.body_content ul.secondary_nav li ul li a:link, body.homepage div.body_content ul.secondary_nav li ul li a:visited, body.homepage div.body_content ul.secondary_nav li ul li a:hover, body.homepage div.body_content ul.secondary_nav li ul li a:active
		{margin: 0; padding: 0; font-family: 'Arial', sans-serif; color: #FF9000; display: inline;} /* secondary nav styles */
		
	body.homepage div.body_content ul.secondary_nav li ul li a:hover {text-decoration: underline;} /* secondary_nav anchor hover styles, underline on hover */

/* document page specific */
	body.products_list div.right_column,
	body.services_list div.right_column,
	body.training_list div.right_column,
	body.techsupport_list div.right_column,
	body.salestools_list div.right_column,
	body.marketingtools_list div.right_column,
	body.newsevents_list div.right_column,
	body.contacttaa_list div.right_column {float: left; padding-top: 41px; padding-left: 7px; width: 254px !important;} /* product page, dots border. float, margins, padding, and width set here */
	
	
	body.products div.center_column div.download_list div.header,
	body.services div.center_column div.download_list div.header,
	body.training div.center_column div.download_list div.header,
	body.techsupport div.center_column div.download_list div.header,
	body.salestools div.center_column div.download_list div.header,
	body.marketingtools div.center_column div.download_list div.header,
	body.newsevents div.center_column div.download_list div.header,
	body.contacttaa div.center_column div.download_list div.header{color: #423F39; font-family: 'Arial', sans-serif; font-size: 10px; font-weight: normal; background: transparent; text-align: center; border: 1px solid #BDBDBD; border-width: 0 1px; } /* products page download list header styles */
	
	body.products div.center_column h3.orange,
	body.services div.div.center_column h3.orange,
	body.training div.center_column h3.orange,
	body.techsupport div.center_column h3.orange,
	body.salestools div.center_column h3.orange,
	body.marketingtools div.center_column h3.orange,
	body.newsevents div.center_column h3.orange,
	body.contacttaa div.center_column h3.orange {margin-left: 12px;} /* products page h3.orange stlyes; center column only */
	
	body.products_list div.center_column,
	body.services_list div.center_column,
	body.training_list div.center_column,
	body.techsupport_list div.center_column,
	body.salestools_list div.center_column,
	body.marketingtools_list div.center_column,
	body.newsevents_list div.center_column,
	body.contacttaa_list div.center_column {width: 330px !important;} /* products list center column styles. width */

	body.products_list h4.orange,
	body.services_list h4.orange,
	body.training_list h4.orange,
	body.techsupport_list h4.orange,
	body.salestools_list h4.orange,
	body.marketingtools_list h4.orange,
	body.newsevents_list h4.orange,
	body.contacttaa_list h4.orange {width: 252px;} /* h4 orange; product list page */
	
/* download_list */
	div.download_list {width: 312px; margin: 0 0 58px 16px;} /* div.download list element styles. sets width and margins */
	div.download_list div.top {background: transparent url('../images/download_list/top_left.gif') no-repeat 0px 0px; height: 6px; line-height: 6px; font-size: 0;} /* controls the top border, left sliding door */
	div.download_list div.top div {background: transparent url('../images/download_list/top_right.gif') no-repeat 100% 0px; height: 6px; line-height: 6px; font-size: 0;} /* controls the top border, right sliding door */
	
	div.download_list div.bottom {background: transparent url('../images/download_list/bottom_left.gif') no-repeat 0px 0px; height: 7px; line-height: 7px; font-size: 0;} /* controls the bottom border, left sliding door */
	div.download_list div.bottom div {background: transparent url('../images/download_list/bottom_right.gif') no-repeat 100% 0px; height: 7px; line-height: 7px; font-size: 0;} /* controls the bottom border, right sliding door */
	
	div.download_list ul {display: block; margin: 0; padding: 0 0 0 11px; list-style-type: none; border: 1px solid #BDBDBD; border-width: 0 1px;} /* download list ul styles */
	div.download_list ul li {font-size: 11px; font-family: 'Arial',sans-serif; color:#000000; font-weight: bold; margin: 19px 0 0 0; padding: 0;} /* download list li styles */
	div.download_list ul li.first {margin-top: 0;} /* first li of download_list. the .first class is set by a javascript */
	div.download_list ul li ul {border: none; margin: 0 0 0 9px; padding: 0;} /* second level ul styles */
	div.download_list ul li ul li {margin: 0 11px 0 0; padding: 0; background: transparent url('../images/download_list/speckled_border.gif') repeat-x left bottom;} /* sets speckled border */
	
	div.download_list ul li ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* applies clearfix to second lvl li */
	* html div.download_list ul li ul li {height: 1%;} /* hides clearfix from mac5 */
	
	div.download_list ul li ul li a:link, div.download_list ul li ul li a:visited, div.download_list ul li ul li a:hover, div.download_list ul li ul li a:active 
		{padding-left: 23px; margin: 0; padding-top:7px; height: 28px; line-height: 14px; display: block !important; display: inline; float: left; clear: both;} /* download list anchor styles. functional */
	
	div.download_list ul li ul li.doc a:link, div.download_list ul li ul li.doc a:visited, div.download_list ul li ul li.doc a:hover, div.download_list ul li ul li.doc a:active 
		{background: transparent url('../images/download_list/doc.gif') no-repeat left 50%;} /* sets the .doc icon, the .doc class is automatically set my a javascript based on the extension of the link. */
	
	div.download_list ul li ul li.xls a:link, div.download_list ul li ul li.xls a:visited, div.download_list ul li ul li.xls a:hover, div.download_list ul li ul li.xls a:active 
		{background: transparent url('../images/download_list/xls.gif') no-repeat left 50%;} /* sets the .xls icon, the .xls class is automatically set my a javascript based on the extension of the link. */
	
	div.download_list ul li ul li.zip a:link, div.download_list ul li ul li.zip a:visited, div.download_list ul li ul li.zip a:hover, div.download_list ul li ul li.zip a:active 
		{background: transparent url('../images/download_list/zip.gif') no-repeat left 50%;} /* sets the .zip icon, the .zip class is automatically set my a javascript based on the extension of the link. */
	
	div.download_list ul li ul li.pdf a:link, div.download_list ul li ul li.pdf a:visited, div.download_list ul li ul li.pdf a:hover, div.download_list ul li ul li.pdf a:active 
		{background: transparent url('../images/download_list/pdf.gif') no-repeat left 50%;} /* sets the .pdf icon, the .pdf class is automatically set my a javascript based on the extension of the link. */
	
	div.download_list ul li ul li.ppt a:link, div.download_list ul li ul li.ppt a:visited, div.download_list ul li ul li.ppt a:hover, div.download_list ul li ul li.ppt a:active 
		{background: transparent url('../images/download_list/ppt.gif') no-repeat left 50%;} /* sets the .ppt icon, the .ppt class is automatically set my a javascript based on the extension of the link. */
	
	div.download_list ul li ul li.src a:link, div.download_list ul li ul li.src a:visited, div.download_list ul li ul li.src a:hover, div.download_list ul li ul li.src a:active 
		{background: transparent url('../images/download_list/src.gif') no-repeat left 50%;} /* sets the .src icon, the .src class is automatically set my a javascript based on the extension of the link. */
	
	div.download_list ul li ul li.wmv a:link, div.download_list ul li ul li.wmv a:visited, div.download_list ul li ul li.wmv a:hover, div.download_list ul li ul li.wmv a:active 
		{background: transparent url('../images/download_list/wmv.gif') no-repeat left 50%;} /* sets the .wmv icon, the .wmv class is automatically set my a javascript based on the extension of the link. */
	
	div.download_list ul li ul li.jpg a:link, div.download_list ul li ul li.jpg a:visited, div.download_list ul li ul li.jpg a:hover, div.download_list ul li ul li.jpg a:active 
		{background: transparent url('../images/download_list/jpg.gif') no-repeat left 50%;} /* sets the .jpg icon, the .jpg class is automatically set my a javascript based on the extension of the link. */
	
	div.download_list ul li ul li.gif a:link, div.download_list ul li ul li.gif a:visited, div.download_list ul li ul li.gif a:hover, div.download_list ul li ul li.gif a:active 
		{background: transparent url('../images/download_list/gif.gif') no-repeat left 50%;} /* sets the .gif icon, the .gif class is automatically set my a javascript based on the extension of the link. */
	
	div.download_list ul li ul li.xxx a:link, div.download_list ul li ul li.xxx a:visited, div.download_list ul li ul li.xxx a:hover, div.download_list ul li ul li.xxx a:active 
		{background: transparent url('../images/download_list/unknown.gif') no-repeat left 50%;} /* sets the .gif icon, the .gif class is automatically set my a javascript based on the extension of the link. */
	
	div.download_list ul li ul li  a.edit:link, div.download_list ul li ul li a.edit:visited, div.download_list ul li ul li a.edit:hover, div.download_list ul li ul li a.edit:active
		{background: none; line-height:9px; color:Gray; margin:0; padding:0;padding-left: 23px; }
	
	div td.left {font-size: 11px; font-family: 'Arial',sans-serif; color:#000000; font-weight: bold; margin: 16px 0 0 0; padding: 0; padding-right:18px;} /* download list li styles */
	div td.right {font-size: 11px; font-family: 'Arial',sans-serif; color:#000000; font-weight: bold; margin: 16px 0 0 0; padding: 0; padding-bottom:6px;} /* download list li styles */
	div td.right input {font-size: 11px; font-family: 'Arial',sans-serif; color:#000000;} /* download list li styles */
		
/* download_details */
	table.download_details {width: 254px;} /* download_details table width set here */
	table.download_details td {color: #000000; font-family: 'Arial', sans-serif; font-weight: normal; font-size: 10px; line-height: 18px;}
	/* table.download_details td span{background: transparent url('../images/download_list/doc.gif') no-repeat right 50%; padding-right: 20px; font-size: 13px; height: 10px; color: #000000;}
	*/
	table.download_details td.doc span span{background: transparent url('../images/download_list/doc.gif') no-repeat right 50%; padding-right: 20px; font-size: 10px; line-height: 18px; height: 10px; color: #000000;}
	table.download_details td.xls span span{background: transparent url('../images/download_list/xls.gif') no-repeat right 50%; padding-right: 20px; font-size: 10px; line-height: 18px; height: 10px; color: #000000;}
	table.download_details td.zip span span{background: transparent url('../images/download_list/zip.gif') no-repeat right 50%; padding-right: 20px; font-size: 10px; line-height: 18px; height: 10px; color: #000000;}
	table.download_details td.pdf span span{background: transparent url('../images/download_list/pdf.gif') no-repeat right 50%; padding-right: 20px; font-size: 10px; line-height: 18px; height: 10px; color: #000000;}
	table.download_details td.wmv span span{background: transparent url('../images/download_list/wmv.gif') no-repeat right 50%; padding-right: 20px; font-size: 10px; line-height: 18px; height: 10px; color: #000000;}
	table.download_details td.jpg span span{background: transparent url('../images/download_list/jpg.gif') no-repeat right 50%; padding-right: 20px; font-size: 10px; line-height: 18px; height: 10px; color: #000000;}
	table.download_details td.gif span span{background: transparent url('../images/download_list/gif.gif') no-repeat right 50%; padding-right: 20px; font-size: 10px; line-height: 18px; height: 10px; color: #000000;}
	table.download_details td.xxx span span{background: transparent url('../images/download_list/unknown.gif') no-repeat right 50%; padding-right: 20px; font-size: 10px; line-height: 18px; height: 10px; color: #000000;}	
	table.download_details td span span {font-size: 10px; white-space: normal; background: none; padding: 0;}

/* headers, a, p, li's, etc */
	h3 {font-family: 'Arial', sans-serif; font-weight: bold; color: #666666; font-size: 11px; margin: 8px 0;}
	p {margin: 8px 0 16px 0;}
	div.left_column h3.orange {margin-top: 0; margin-left: 25px;}
	p,span,div,li {font-family: 'Arial', sans-serif; font-size: 11px; color: #555555;}
	a:link, a:visited, a:hover, a:active {font-family: 'Arial', sans-serif; font-size: 11px; color: #FF9000;}
	a:link, a:visited, a:active {text-decoration: underline;}
	a:hover {text-decoration: none;}
	*.orangeText {color: #FF6600;}
	h3.orange, h2.orange, h3.orangeText {color: #FF6600; font-family: 'helvetica', 'arial', sans-serif; font-size: 14px; font-weight: bold; margin: 5px 0 10px 0;}
	h2.orange {font-weight: normal; font-size: 20px; margin: 0;}
	h4.orange {font-family:'Arial',sans-serif; height: 18px; font-weight: bold; font-size: 12px; color: #FF9000; margin: 0; padding: 0; display: block;}
	A.event_banner {display: block; width: 177px; height: 456px; background: transparent url('../images/event.jpg') no-repeat 0px 0px;}

/* decorative */
	div.hr {font-size: 0px; height: 1px; line-height: 1px; margin: 7px 0; background: transparent url('../images/horizontal_dots.gif') repeat-x;}
	*.speckled_border {background: transparent url('../images/download_list/speckled_border.gif') repeat-x -4px bottom;}

/* functional and positioning */
	div.center {text-align: center;}
	div.center * {margin-left: auto; margin-right: auto;}
	div.center *, div.center * *, div.center * * * {text-align: left;}
	*.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	* html .clearfix {height: 1%;}
	*.clearfix_bar {clear: both; visibility: hidden; font-size: 0px; height: 0;}
	*.no_top_margin {margin-top: 0;}
	*.float_left {float: left;}
	*.float_right {float: right;}
	*.copy_margins {margin: 0 24px 0 12px; padding-top: 8px;}
	*.fir span {display: none;}
	*.nowrap {white-space: nowrap;}
/* RadTree */
.TreeNode
{ 
	font-family: Tahoma;
	font-size: 8pt; 
	color: black;	
	padding-left: 3px;
}

.TreeNodeOver 
{ 
	font-family: Tahoma; 
	font-size: 8pt; 
	color: black; 	
	text-decoration: underline; 
	cursor: pointer;
	cursor: hand;
	padding-left: 3px;	
}

.TreeNodeSelect 
{ 
	font-family: Tahoma; 
	font-size: 8pt; 
	color: white; 
	background: #316AC5; 	
    cursor: pointer;
	cursor: hand;
	margin-left: 3px;	
}

.TreeContextItem
{ 
	font-family: Arial;
	font-size:10px;
	cursor: pointer;
	cursor: hand;
	padding-left:4px;
	height:24px;
	background-color:#F6F6F6;
	background-image:url(itemsBg.gif);
	background-repeat:repeat-y;
	width:100%;
	padding-top:1px;	
}

.TreeContextItemOver
{
	font-family: Arial;
	font-size:10px;
	cursor: pointer;
	cursor: hand;
	padding-left:4px;
	height:24px;
	background-color: #FFEEC2;
	border: 1px solid #000080;
	width:100%;
}

.TreeNodeEdit 
{
  border:1px gray solid;
  font-family: tahoma; 
  font-size: 8pt;
  margin-left: 3px;  
}
.smalltext
{
	font-size:10px;
}
.medtext
{
	font-size:11px;
}
