/*-----------------------------------------------
 * @file: stylesheet.css
 * @description: Video general page layout CSS.
 * IMPORTANT: Please update the stylesheet for the SSL server as well.
 *
 * @author: Siri Pathammavong
 * @date: 2008-01-09
 *-----------------------------------------------*/

.clearfix:after					/* fix for floated container containing floats  Use: when an element won't stay inside its container */
{												/* Equivalent for <div style="clear:both;"></div> but for floating elements. */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

img
{
	margin: 0px;
	border: none;
	background: transparent;
}

form
{
	margin: 0px;
}
/**
 * Thumbnail image
 */
/*
Usage:
<a class="ignore thumbnail" rel="thumbnail" title="Caption for this image" href="/graphics/media/image/support/gxm/th2go/digital/edit_mode_list_dual.gif">
	<img class="ignore" alt="Click to enlarge" title="Click to enlarge" src="/graphics/media/image/support/gxm/th2go/digital/edit_mode_list_dual.jpg" style="display:block;margin-left:auto;margin-right:auto;" />
	<img class="overlay" src="/graphics/media/image/style/overlay_open.png" alt="Click to enlarge" title="Click to enlarge" />
</a>
*/
a.thumbnail
{
  position: relative;
  z-index: 0;
  float: left;

  border: 0;
  padding: 0;
  margin: 0;
}
a.thumbnail img
{
  width: 250px;  /* force width */
  height: auto;  /* scale the height */
}
a.thumbnail img.overlay
{
  position: absolute;
  bottom: 0px;
  /*left: 0px;*/  /* previous setting */
  right: 10px;    /* test for JF */
  z-index: 50;
  line-height: 0px;

  background-color: transparent;

  width: 20px;
  height: 20px;
  border-width: 0;
}

/* TODO */
p
{
	margin: 15px 0px;
	padding: 0px;
}
.noteBox
{
	font-weight: normal;
	background-color: #E5EDF0; /* light blue */
	padding: 5px;
	border: 1px solid #CCCCCC;
}

a { color: #0000CC; /* Blue */ }
a:visited { color: #551A8B; /* Purple */ }
a:hover {	text-decoration: underline; }

hr
{
	height: 1px;
	margin: 15px 0px;
	border: none;
	color: #CCCCCC;
	background-color: #CCCCCC;
	text-align: left;
}
* html hr
{ /*IE only hack*/
	padding: 15px 0px;
	margin: 0px;
}

/* fixed Input field size for contact forms */
.fixed_size 
{
    width:252px;
    margin-bottom: 10px;
}

/* faux-column for contact forms */
div.faux_column
{
    width:200px; 
    float:left;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	background: #FFFFFF url(backgrou.jpg) repeat-x;	/* CHANGE BACKGROUND THEME HERE */
	margin: 0px;
	padding: 0px;
	color: #666666;
}
body.popup /* popup window style */
{
	background-image: none;
	background-color: #FFFFFF;
	margin: 15px;
}

.linkNote,
#print_logo,
.printOnly,
a.printLink		/* Use printLink to replace an url when for instance the initial url is a javascript code TODO ADD (@see file) */
{
	display: none;
}

#outerTop
{
	width: 100%;
	height: auto;
	/* the bg should be an image because of the header's right bottom corner */
	background: transparent;/*url(/video/media/image/style/outer_top_background.jpg) repeat-x;*/	 /* CHANGE BACKGROUND THEME HERE */;
	margin: 0px;
	padding: 0px;
}
#outer
{
	width: 100%;
	text-align: center;
	background: transparent;
	margin: 0px;
	padding: 0px;
}
#inner
{
	text-align: left;
	width: 950px;
	margin: auto;
	background: transparent;
}

/*
 * WRAPPER
 */
#wrapper                     /* IE 6 */
{
	height: 670px;
	width: 920px;
	padding: 12px 15px 0px 15px;
	background: #CDCDCD url(wrapper_.jpg) repeat-x;	/* CHANGE BACKGROUND THEME HERE */
}
#wrapper_corpo
{
	height: auto;
	width: 920px;
	padding: 12px 15px 0px 15px;
	/*background: #CDCDCD url(/video/media/image/style/wrapper_background.jpg) repeat-x;*/	/* CHANGE BACKGROUND THEME HERE */
	background: #FFFFFF;
}
#wrapper.longPage
{
	background: #CDCDCD url(wrapper0.jpg) repeat-x;	/* use a different background when the page is long */
}
html>body #wrapper           /* all other browsers */
{
	width: 920px;
	height: auto;
	min-height: 670px;
}
#content_wrapper
{
	height: 350px;
	float: left;
}
html>body #content_wrapper
{
	height: auto;
	min-height: 350px; /*488px;*/
}

/*
 * CONTENT
 */
#content
{
	width: 100%;
	height: auto;
}

/*
 * noAd
 */
#content.noAd #middleContent
{
	width: 512px;
	/*margin-right: 154px;*/
	background: #FFFFFF url(http://www.matrox.com/video/media/image/style/middleContent_bottom_noAd.gif) no-repeat bottom;
}
#content.noAd #rightContent
{
	/*display: none;*/ /* hide right content section */
	width:160px;
}

/*
 * largeContent
 */
#content.largeContent #middleContent
{
	width: 698px;
	margin-right: 0px;
	background: #FFFFFF url(http://www.matrox.com/video/media/image/style/middleContent_bottom_large.gif) no-repeat bottom;
}
#content.largeContent #rightContent
{
	display: none; /* hide right content section */
}

/*
 * extraLargeContent
 */
#content.extraLargeContent #middleContent		/* IE 6 */
{
	width: 890px;
	margin-right: 0px;
	background: #FFFFFF url(http://www.matrox.com/video/media/image/style/middleContent_bottom_extraLarge.gif) no-repeat bottom;
	height: 500px;
}
html>body #content.extraLargeContent #middleContent		/* all other browsers */
{
	height: auto;
	min-height: 500px;
}
#content.extraLargeContent #leftContent, #content.extraLargeContent #rightContent
{
	display: none; /* hide left and right content sections */
}
#productContent
{
	float: left;
	width: 800px;
	margin-right: 15px;
	height: 350px;
}
#leftContent
{
	float: left;
	width: 174px;
	margin-right: 15px;
	height: 350px;
}
#rightContent
{
	float: left;
	width: 212px;
	margin: 0px;
	height: 350px;		/* IE6 */
}
#middleContent
{
	float: left;
	background: #FFFFFF url(middleCo.gif) no-repeat bottom;
	height: 350px;		/* IE6 */
	width: 472px;
	margin-right: 15px;
	padding: 0px 15px 30px 15px;
}
#middleContent_events
{
	float: left;
	background: #FFFFFF ;
	height: auto;	/* IE6 */
	width: 690 !important;
	width: 695px;

	border-bottom-right-radius: 10px;
 	border-bottom-left-radius: 10px;

	margin-right: 0px;
	padding: 0px 15px 30px 15px;
}
#middleContent2
{
	float: left;
	background: #FFFFFF ;
	height: auto;	/* IE6 */
	width: 690 !important;
	width: 695px;
	border-bottom-right-radius: 10px;
 	border-bottom-left-radius: 10px;

	margin-right: 0px;
	padding: 0px 20px 30px 15px;
}
#bottomContent
{
	float: left;
	background: #FFFFFF url(middleCo.gif) no-repeat bottom;
	height: auto;	/* IE6 */
	width: 690 !important;
	width: 695px;
	border-bottom-right-radius: 10px;
 	border-bottom-left-radius: 10px;

	margin-right: 0px;
	padding: 0px 20px 30px 15px;
}
html>body #leftContent,	/* Other browsers */
html>body #middleContent,
html>body #rightContent
{
	min-height: 488px;
	height: auto;
	/*height: 100%;*/
}

#middleContent h1, .popup h1
{
	font-size: 1.6em;
	margin-top: 0px;
	margin-bottom: 15px;
}
#middleContent h2, .popup h2
{
	font-size: 1.3em;
	margin-bottom: 0px;
	margin-top: 15px;
}
#middleContent h2.withMargins
{
	margin: 15px 0px;
}
#middleContent h3, .popup h3
{
	font-size: 12px; /* same than normal text */
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 15px;
}
#middleContent h3.withMargins
{
	margin: 15px 0px;
}
#middleContent p	/* IMPORTANT: Do not change this style, it affects the whole website. Beware. */
{
	margin-top: 0px;
	margin-bottom: 15px;
}
#middleContent p.copyright, #middleContent .copyright
{
	margin-top: 0px;
	margin-bottom: 15px;
	font-style: italic;
	font-size: 9px;
}
#middleContent ul, /* Unordered list style */
#middleContent ul.singleLineSpacingList	/* no margins between lines */
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration: none;
	list-style-position: outside;
	list-style-type: square;	/* if the bullet image was not found */
	list-style-image: url(http://www.matrox.com/video/media/image/style/square_bullet.gif);
	margin: 0px;
	padding-left: 20px;
}
#middleContent li { margin: 8px 0px; }
#middleContent .singleLineSpacingList li
{
	margin: 0px;
}
#middleContent ol, /* ordered list style */
#middleContent ol.singleLineSpacingList	/* no margins between lines */
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration: none;
	list-style-position: outside;
	margin: 0px;
	padding-left: 24px;
}

/*
 * HEADER
 */
#header
{
	margin: 0px auto;	/* auto centers the header */
	padding-top: 5px;
	text-align: left;
	width: 778px;			/* IE6 */
	height: 68px;
	background: url(header00.gif) no-repeat bottom;	/* CHANGE BACKGROUND THEME HERE */
}
html>body #header		/* Other browsers */
{
	width: 950px;
}
#header #logo
{
	float: left;
	background: transparent;
	padding: 23px 0px 0px 15px;
}
table#header_right
{
	width: 140px;
	float: right;
	clear: right;
	margin-top: 15px;
	margin-right: 15px;
	border-collapse: collapse;
}

/*
 * SEARCH BOX (top right corner - all pages except the search page)
 */
#search_box_form
{
	height: 19px;
}
#search_box
{
	font-size: 9px;
	width: 134px;		/* ajustement fait pour l'allemand */
}

/*
 * LANGUAGE BAR
 */
#languageBar
{
	font-size: 10px;
	padding-top: 5px;
}
html>body #languageBar	/* all other browsers */
{
	margin-top: 2px;
}
#languageBar #languageStatus
{
	float: left;
	color: #04428B;
}


/*
 * MAIN NAVIGATION
 */
#main_navigation
{
	float: left;
	width: auto;
	height: 15px;
	background: transparent;
	z-index: 0;
	padding: 42px 0px 0px 15px;
}
html>body #main_navigation
{
	padding-top: 36px;
}

#homeFlash
{
	width: 920px;
	height: auto;
	padding: 0px;
}

/*
 * TITLE TAB
 */
.title_tab
{
	width: auto;
	height: 31px;
	background: url(Tab_mili.gif) repeat-x;
}
html>body .title_tab
{
	height: auto;
	min-height: 31px;
	overflow: hidden;
}
.title_tab_693px
{
	background: url(http://www.matrox.com/video/media/image/style/title_tab.gif) no-repeat bottom;
	height: 32px;
	font-size: 1px;
}
.title_tab_693px .title_tab_text
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 12px 0px 0px 15px;
}
.title_tab_450px
{
	background: url(http://www.matrox.com/video/media/image/style/title_tab_450px.gif) no-repeat bottom;
	height: 42px;
	font-size: 1px;
}
.title_tab_450px .title_tab_text
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 10px 0px 0px 12px;
}
.title_tab_212px
{
	background: url(http://www.matrox.com/video/media/image/style/title_tab.gif) no-repeat bottom;
	height: 32px;
	font-size: 1px;
}
.title_tab_text a, .title_tab_text a:hover, .title_tab_text a:visited
{
	color: #333333 !important;
	text-decoration: none !important;
}
.title_tab_212px .title_tab_text
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 12px 0px 0px 15px;
}
.round_corner_tab .title_tab_text
{
	font-family: Verdana, sans-serif;
	position: relative;
	left: 13px;
	top: 11px;
	height: 31px;
	width: auto;
	font-weight: bold;
	color: #333333;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: none;  /* important */
}
html>body .round_corner_tab .title_tab_text
{
	height: auto;
	min-height: 31px;
}
p.main_title
{
	margin:0px 0px 0px 5px;
	padding:15px 0px 0px 16px;
	font-family: arial;
	font-size:16px;
	font-weight: bold;
	color: #333333;
}
.main_tab
{
	height:240px;
	/*height:auto;*/
	/*min-height:240px;*/
	width:296px;
	/*padding:20px 0px 0px 16px;*/
	background: url(home_gra.png) no-repeat;
}
.main_tab_bottom
{
	float:left;
	width:296px; 
	height:40px;
	padding:10px 0px 4px 0px;
	background: url(home_grb.png) no-repeat;
}
#more_image
{
	width:auto;
	height:auto;
}
#more_image a,
#more_image a:visited
{
	text-decoration: none;
	color: #666666;
}
#more_image a:hover
{
	text-decoration: underline;
}

.LearnMore
{
	font-weight: bold;
}

.LearnMore span:hover
{
	text-decoration: underline;
}

.main_tab_under_title
{
	margin:10px 0px 5px 5px;
	padding:0px 0px 0px 16px;
	font-family: arial;
	font-size:12px;
	color:#333333;
	font-weight:bold;
}

.main_tab_content
{
	margin:5px 0px 0px 5px;
	padding:0px 0px 0px 16px;
	font-family: arial;
	font-size:12px;
	width:250px;
	height:auto;
	/*height:260px;*/
	/*height:250px;
	overflow:hidden;*/
}
.main_tab_content_jp
{
	margin:0px;
	font-family: arial;
	font-size:12px;
	width:210px;
	height:268px;
}
.tab_content
{
	width: auto;
	height: 100%;
	background: transparent;
	padding: 5px 15px 0px 10px;
	border: 1px solid #CCCCCC;
	border-top: none;
	border-bottom: none;
}
html>body .tab_content
{
	height: auto;
	min-height: 8px;
}
.tab_content a, .tab_content a:visited
{
	color: #003399;	/* Blue */
	text-decoration: none;
}
.tab_content a:hover
{
	text-decoration: underline;
}
.tab_content_footer
{
	background: url(http://www.matrox.com/video/media/image/style/tab_content_bottom_693px.gif) no-repeat bottom;
	height: 13px;
	font-size: 1px;
}
.tab_content_footer_sm
{
	background: url(tab_cont.gif) no-repeat bottom;
	height: 1px;
	font-size: 1px;
}
.tab_content_round_top
{
	background: url(http://www.matrox.com/video/media/image/style/tab_content_top_693px.gif) no-repeat top;
	height: 13px;
	font-size: 1px;
}
.tab_content_round_top_sm
{
	background: url(http://www.matrox.com/video/media/image/style/tab_content_top_450px.gif) no-repeat top;
	height: 13px;
	font-size: 1px;
}
.tab_content a.solutionsLink
{
	display: block;
	height: 65px;
	width: 660px;
	padding: 15px 15px 0px 15px;
	color: #666666;
}

/* LINK BUTTON STYLE */
.linkButton a,
.linkButton a:visited,
.linkButton a:hover
{
	margin: 0px;
	padding-left: 19px;
	padding-top: 13px;
	font-size: 16px;
	font-weight: bold;
	display: block;
	height: 100%;
	color: #1a3c62 !important;
	text-decoration: none !important;
}
.linkButton a:hover { color: #0099ff !important; }


/*
 * ROUND CORNERS
 */
.round_corner_tab div   	{ background: url(Tab_gauc.gif) no-repeat top left; }
.round_corner_tab       	{ background: url(Tab_droi.gif) no-repeat top right; }

 /* height and width details */
.round_corner_tab div, .round_corner_tab,
.tab_content_bottom, .tab_content_top
{
	width: auto;
	height: auto;
}

/*
 * HOME MIDDLE SECTION
 */
#middleSection
{
	margin: 0px;
	width: 922px;
	height: auto;/*160px;*/
	background: transparent;
	margin-top: 15px;
}
.middleSectionBox
{
	margin: 0px;
	float: left;
	height: 100%;
	background: #FFFFFF url(http://www.matrox.com/video/media/image/style/middle_section_background.jpg) repeat-x;
	margin-right: 10px;
}

.middleSectionBoxCorners div  { background: url(http://www.matrox.com/video/media/image/style/middle_section_left.jpg) no-repeat top left; }
.middleSectionBoxCorners      { background: url(http://www.matrox.com/video/media/image/style/middle_section_right.jpg) no-repeat top right; }

 /* height and width details */
.middleSectionBoxCorners div, .middleSectionBoxCorners
{
	width: 100%;
	height: 160px;
}
html>body .middleSectionBoxCorners div, .middleSectionBoxCorners
{
	height:160px;
}


/*
 * HOME BOTTOM SECTION
 */
#bottomSectionHome
{
	float: left;
	margin: 0px;
	margin-top: 15px;
	width: 920px;
	/*height: 250px;*/
	background: transparent;
}
#bottomSectionHome a,
#bottomSectionHome a:visited
{
	text-decoration: none;
	color: #666666;
}
#bottomSectionHome a:hover
{
	text-decoration: underline;
}

#bottomSection
{
	float: left;
	margin: 0px;
	margin-top: 15px;
	width: 920px;
	height: 162px;
	background: transparent;
}
#bottomSection a,
#bottomSection a:visited,
#platformSection a,
#platformSection a:visited
{
	text-decoration: none;
	color: #666666;
}
#bottomSection a:hover,
#platformSection a:hover
{
	text-decoration: underline;
}
#newsSection
{
	float: left;
	height: 100%;
	width: 476px;
	margin-right: 10px;
	background: #FFFFFF url(http://www.matrox.com/video/media/image/style/news_bottom.gif) no-repeat bottom;
}
#insightsSection, .promoBox
{
	float: left;
	width: 212px;
	height: 100%;
	margin-right: 10px;
	background-color: transparent;
	overflow: hidden;
}
#promoBoxnew
{
	float: left;
	width: 212px;
	height: 100%;
	margin-left:10px;
	margin-right:10px;

	background-color: transparent;
	margin-bottom:135px;
}
#lastSection
{
	float: left;
	width: 212px;
	height: 162px;
	background-color: transparent;
	overflow: hidden;
}
#platformSection
{
	width: 100%;
	height: 67px;
	margin-bottom: 10px;
	background: #FFFFFF url(http://www.matrox.com/video/media/image/style/platform_bottom.gif) no-repeat bottom;
	padding: 0px;
}
html>body #platformSection	/* Other browsers except IE6 */
{
	height: 103px;
}

/*
* support pages
*/
.oneQuestionAndHiddenAnswer
{
  padding-bottom: 10px;

}

.theHiddenAnswer
{
  display: none;
  padding-left: 10px;
  padding-bottom: 10px;
}

/*
 * PRODUCT PAGES STYLE
 */
table.productInfo
{
	border-collapse: collapse;
	width: 100%;
	vertical-align: top;
	margin-top: 15px;
}
.productInfo td
{
	vertical-align: middle;
}
.productInfo p
{
	margin-top: 0px;
	text-align: justify;
}
hr.productInfo
{
	height: 1px;
	margin: 30px 82px 15px 82px;
	border: none;
	color: #CCCCCC;
	background-color: #CCCCCC;
	text-align: left;
}
table.productInfo img
{
	margin-left: 70px;
	margin-right: 30px;
}

/*
 * PDF MENU
 */
.pdfMenu
{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	background: #FFFFFF url(http://www.matrox.com/video/media/image/style/platform_bottom.gif) no-repeat bottom;
}
.pdfMenu hr
{
	height: 1px;
	margin: 5px 0px;
	border: none;
	color: #CCCCCC;
	background-color: #CCCCCC;
	text-align: left;
}
.pdfMenu table
{
	width: 100%;
	border-collapse: collapse;
}
.pdfMenu table td
{
	vertical-align: top;
	border-bottom: 1px solid #DFDFDF;
	padding: 10px 0px;
}
.pdfMenu table td.first
{
	padding-top: 0px;
}
.pdfMenu table td.last
{
	padding-bottom: 0px;
	border-bottom: none;
}
.pdfMenu a, .pdfMenu a:visited, .pdfMenu a:hover
{
	color: #666666; /* text color */
}

/*
 * ACCORDION MENU
 */
.accordionMenu
{
	width: 174px;
	background-color: transparent;
}
.accordionMenu .accToggler
{
	width: 100%;
	height: 32px;
	background: url(Tab_Milj.gif) no-repeat top left;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}
.accordionMenu .first
{
	background: url(Tab_Haut.gif) no-repeat top left;
}
.accordionMenu .last
{
	background: url(Tab_Bas0.gif) no-repeat top left;
}
.accordionMenu .accContent
{
	width: 146px;
	padding:0px 13px 0px 13px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.accordionMenu .accContent a,
.accordionMenu .accContent a:visited
{
	text-decoration: none;
	color: #6d6d6d;
}
.accordionMenu .accContent a:hover
{
	text-decoration: underline;
	color: #6d6d6d;
}
.accordionMenu .accContent table td
{
	padding: 5px 0px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.accToggler h2
{
	font-size: 12px;
	margin: 0px;
	position: relative;
	top: 10px;
	left: 15px;
}
.accToggler a, .accToggler a:hover, .accToggler a:visited
{
/* TODO fix clickable area of side menu buttons
	height: 28px;
	width: 158px;
	display: block;
*/
	text-decoration: none;
	color: #333333;
}
.activeLeftSideMenu a, .activeLeftSideMenu a:hover, .activeLeftSideMenu a:visited ,
 .activeLeftSideMenu
{
  text-decoration:underline;
}

.activeLeftSideSubMenu
{
  font-weight:bold;
}

/*
 * EVENTS
 */
#events #middleContent h2
{
	font-size: 14px;
}
table.event_grid
{
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 400px;
}
table.event_grid th, table.event_grid td
{
	border: 1px solid;
	padding: 5px;
}
table.event_grid th.date
{
	width: 90px;
}

/*
 * FEATURE GRID
 */
table.feature_grid
{
	border-collapse: collapse;
	border: 1px solid #666666;
	width: 100%;
}
table.feature_grid th
{
	border-bottom: none;
	padding: 4px 15px;
	background-color: #E9F4FC;
	border: 1px solid #666666;
}
table.feature_grid td
{
	padding-right: 5px;
	border: 1px solid #666666;
}

/*
 * AXIO THEME GRID
 */
table.axio_grid th
{
	padding: 5px;
	background-color: #BCE3F8;
	vertical-align: top;
}
table.axio_grid td
{
	padding: 5px;
	background-color: #E6E7E8;
	vertical-align: top;
}

/*
 * MXO THEME GRID
 */
table.mxo_grid th
{
	padding: 5px;
	background-color: #D4E7B8; /* Light Green */
	vertical-align: top;
}
table.mxo_grid td
{
	padding: 5px;
	background-color: #E6E7E8;
	vertical-align: top;
}

/*
 * RTX2 THEME GRID
 */
table.rtx2_grid th
{
	padding: 5px;
	background-color: #EA0602; /* Red */
	vertical-align: top;
}
table.rtx2_grid td
{
	padding: 5px;
	background-color: #E6E7E8;
	vertical-align: top;
}

/*
 * DESIGN SYSTEM GRID
 */
table.designSystem_grid
{
	background-color: #FFFFFF;
	vertical-align: top;
	border-collapse: collapse;
}
table.designSystem_grid th
{
	text-align: left;
	padding: 5px;
	background-color: #D9D9D9;	/* Grey */
	vertical-align: top;
	border: 1px solid #666666;
}
table.designSystem_grid th.empty
{
	background-color: #FFFFFF;
}

table.designSystem_grid td
{
	text-align: left;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #666666;
}

table.designSystem_grid th.centered,
table.designSystem_grid td.centered
{
	text-align: center;
	vertical-align: middle;
}

table.designSystem_grid th.vCentered,
table.designSystem_grid td.vCentered
{
	text-align: left;
	vertical-align: middle;
}




/*
 * SYSTEM DETAILS GRID
 */
table.systemDetails_grid
{
	border-collapse: collapse;
}
table.systemDetails_grid th
{
	font-weight: bold;
	text-align: left;
	border: none;
	text-align: right;
	background-color: transparent;
	padding: 3px;
	padding-right: 10px;
	vertical-align:top;
}
table.systemDetails_grid td
{
	text-align: left;
	background-color: transparent;
	border: none;
	padding: 3px;
}

/*
 * SIMPLE GRID and GREY HEADERS GRID (no background color grid)
 */
table.simple_grid,
table.greyHeaders_grid
{
	border-collapse: collapse;
}
table.simple_grid th,
table.greyHeaders_grid th
{
	font-weight: bold;
	text-align: left;
	border: 1px solid #666666;
	padding: 5px;
	background-color: transparent;
	vertical-align: top;
}
table.greyHeaders_grid th
{
	background-color: #D9D9D9; /* grey headers */
}
table.simple_grid td,
table.greyHeaders_grid td
{
	text-align: left;
	border: 1px solid #666666;
	padding: 5px;
	background-color: transparent;
}

/*
 * DOWNLOAD GRID
 */
table.download_grid
{
	border-collapse: collapse;
}
table.download_grid td
{
	background-color: #E5EDF0; /* light blue */
	border: 1px solid #666666;
	padding: 0px 5px;
	padding-bottom: 15px;
}
table.download_grid td.file
{
	width: 60%;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #666666;
	padding: 5px 0px;
}
table.download_grid td.date
{
	width: 40%;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #666666;
	padding: 5px 0px;
}

/*
 * DEFINITIONS GRID
 */
table.definitions_grid
{
	border-collapse: collapse;
}
table.definitions_grid th
{
	font-weight: bold;
	text-align: right;
	border: none;
	padding: 5px;
	padding-right: 15px;
	background-color: transparent;
	vertical-align: top;
}
table.definitions_grid td
{
	vertical-align: top;
	text-align: left;
	border: none;
	padding: 5px;
	background-color: transparent;
}

/*
 * VPGSALES GRID
 */
table.vpgsales_grid
{
	border-collapse: collapse;
	width: 100%;
}
table.vpgsales_grid th
{
	width: 25%;
	font-weight: bold;
	text-align: center;
	border: 1px solid #666666;
	padding: 5px;
	padding-right: 15px;
	vertical-align: middle;
}
table.vpgsales_grid td
{
	width: 25%;
	vertical-align: top;
	text-align: left;
	border: 1px solid #666666;
	padding: 5px;
}

/*
 * REQUIRED STAR : Use to indicate mandatory fields in forms
 */
.requiredStar
{
	float: left;
	width: 9px;
	height: 9px;
	margin-right: 2px;
	background: #FFFFFF url(http://www.matrox.com/video/media/image/symbols/star_blue.gif) no-repeat;
}

/*
 * TWO COLS FORM
 */
table.twoColsForm
{
	width: 100%;
	border-collapse: collapse;
	line-height: 15px;
}
.twoColsForm th
{
	text-align: left;
	width: 30%;
	padding: 0px 15px 15px 12px;
}
.twoColsForm th.required
{
	background: #FFFFFF url(http://www.matrox.com/video/media/image/symbols/star_blue.gif) no-repeat;
}
.twoColsForm td
{
	width: 70%;
	padding: 0px 15px 15px 0px;
}

/*
 * CUSTOMER PROFILE FORM
 */
table.customerProfileForm
{
	width: 100%;
	border-collapse: collapse;
	line-height: 15px;
}
.customerProfileForm th
{
	text-align: right;
	width: 30%;
	padding: 3px 15px;
	font-weight: bold;
}
.customerProfileForm td
{
	width: 70%;
	padding: 3px 0px;
}

/*
 * THUMBNAIL VIEWER STYLE
 */
#thumbBox								/*Outermost DIV for thumbnail viewer*/
{
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 0px 10px 20px 10px;
	background: white;
	border: #666666 solid 4px;
	visibility: hidden;
	z-index: 10;
}
#thumbBox .header_bar		/*Header DIV of thumbbox that contains "close" link */
{
	font: bold 12px arial, sans-serif;
	line-height: 1.1em;
	color: #CCCCCC;
	padding: 5px 0;
	text-align: right;
}
#thumbBox #thumbImage		/*DIV within thumbbox that holds the enlarged image */
{
	background-color: #FFFFFF;
}
#thumbLoading						/* DIV for showing "loading" status while thumbbox is being generated */
{
	position: absolute;
	visibility: hidden;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	padding: 5px;
	z-index: 5;
}
#thumbBox a
{
	color: #666666;
	text-decoration: none;
}
#thumbBox #thumbCaption /* Caption DIV of thumbbox */
{
	font-weight: bold;
	color: #666666;
	text-align: center;
}


/*
 * TIPS SECTION
 */
.centerImage
{
	margin-top:20px;
	margin-bottom:20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
table.tipTable
{
  background-color: rgb(229, 237, 240);
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-style: outset;
  border-width: thin;
  margin-top: 20px;
  margin-bottom: 20px;
}
table.tipTable th
{
  white-space: nowrap;
  text-align: right;
  vertical-align: top;
  padding: 5px 5px 5px 5px;
}
table.tipTable td
{
  padding: 5px 5px 5px 5px;
}
table.defTable td
{
  padding: 5px 5px 5px 5px;
  vertical-align:top;
}
table.defTable th
{
  vertical-align:top;
  padding: 5px 5px 5px 5px;
  text-align: right;
  white-space:nowrap;
}

/*
 * FOOTER
 */
#footer
{
	clear: both;
	font-size: 10px;
	font-weight: bold;
	background: transparent;
	color: black;
	text-align: right;
	height: auto;
}
#footer .links
{
	color: black;
	background: transparent;
	margin-top: 1em;
}
#footer a, #footer a:visited
{
	color: black;
	font-weight: bold;
	background: transparent;
	text-decoration: none;
}
#footer a:hover
{
	color: black;
	background: transparent;
	text-decoration: underline;
}
#footer .image
{
	width: 950px;
	height: 28px;
	background: url(footer00.gif) no-repeat;
}
#footer ul
{
	margin: 0;
	padding: 0;
	background: transparent;
}
#footer li
{
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
	color: black;
	font-weight: bold;
	background: transparent;
}

/*
 * GENERAL FONTS: group up all special fonts here
 */
.error
{
	color: #9B0000; /* Red */
}
.newFont
{
	color: #9B0000; /* Red */
	font-weight: bold;
}
.red_italic_font
{
	font-style: italic;
	color: #E21F25; /* Red */
}
.redFont
{
	color: #9B0000; /* Red */
}
.noteFont
{
	font-size: 10px;
}
.smallFont
{
	font-size: 10px;
}
.smallFont2
{
	font-size: 11px;
}
.asianSmallFont
{
	font-size: 9px;
}
.japaneseFont
{
	font-family: "MS UI Gothic";
	font-size: 10px;
}
.noWrap
{
  white-space:nowrap;
}

/* End style (font style should be the last css declaration) */

ul.circle-bullet li
{
  list-style-type: circle;	/* if the bullet image was not found */
	list-style-image: url(http://www.matrox.com/video/media/image/style/circle_bullet.gif);
}
ul.square-bullet li
{
  list-style-type: square;	/* if the bullet image was not found */
	list-style-image: url(http://www.matrox.com/video/media/image/style/square_bullet.gif);
}
.buy_product_list
{
width:920px;
margin-left:-10px;

}
/* rotator in-page placement */
div.rotator 
{
	position:relative;
}

/* rotator css */
div.rotator li 
{
	float:left;
	position:absolute;
	list-style: none;


}

/* rotator image style */	
div.rotator li img 
{
	border:0px solid #FFF;
	background: #FFF;
}

div.rotator li.show 
{
	z-index:500;
}
table.eventlisting
{
border-width:1px;
border-style:none;
border-spacing:1em; 
}


/*-------------------------------------------------------------------
 * @file: main_menu.css
 * @description:Video website main menu style.
 * IMPORTANT: Please update the stylesheet for the SSL server as well.
 *
 * @author: Siri Pathammavong
 *-------------------------------------------------------------------*/
.menu_button
{
	width: 125px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	color: #999999;
	border-left: 1px solid;
	background: transparent;
	line-height: 11px;
}
html>body .menu_button
{
	height: 15px;
	padding-top: 5px;
}

.menu_button a, .menu_button a:visited
{
	width: 100%;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;					/* CHANGE MAIN MENU FONT COLOR HERE */
	text-decoration: none;
}

.menu_button a:hover
{
	color: #3CB1E3;/*#04428b;*/
	text-decoration: none;
}

/* Allows to indicate the current active option menu (section). */
#solutions a#linksol,
#products a#linkpro,
#events a#linkevt,
#support a#linksup,
#press a#linkprs,
#buy a#linkbuy
{
	color: #3CB1E3; /* blue */
}


/*
 * MAIN MENU
 */
#chromemenu                       /* IE 6 */
{
	width: auto;
	height: 15px;
}
html>body #chromemenu             /* all other browsers */
{
	height: auto;
	min-height: 15px;
}
#chromemenu ul
{
	margin: 0;
	padding: 0;
}
#chromemenu li
{
	float: left;
	display: inline;
	/*
	margin-left: 5px;
	margin-right: 5px;
	*/
}

/*-------------------------------------------------------------------
 * @file: language_menu.css
 * @description: Video website language menu style.
 *-------------------------------------------------------------------*/

/*
 * LANGUAGE MENU
 */
#languageMenu                       /* IE 6 */
{
	width: auto;
	height: 25px;
}
html>body #languageMenu             /* all other browsers */
{
	height: auto;
	min-height: 25px;
}
#languageMenu a, #languageMenu a:visited
{
	text-decoration: none;
	color: #666666;
}
#languageMenu .dropmenudiv a,
#languageMenu .dropmenudiv a:visited
{
	color: #333333;
}
#languageMenu .dropmenudiv a:hover	/* see dropdown.css */
{
	color: white;
}
#languageMenu ul
{
	margin: 0;
	padding: 0;
}
#languageMenu li
{
	float: left;
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}
/*-------------------------------------------------------------------
 * @file: main_menu.css
 * @description:Video website drop down menu style.
 *
 * @author: Siri Pathammavong
 *-------------------------------------------------------------------*/

.dropmenudiv
{
	position: absolute;
	top: 0;
	border: 1px solid #999999;		/* THEME CHANGE HERE */
	font: normal 12px Helvetica;
	z-index: 3;
	background-color: #C4C7C7;

	/* Makes the dropdown list transparent */
	/*
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: .8;
	-opacity: .8;
	*/
	visibility: hidden;
}

.dropmenudiv a, .dropmenudiv a:visited
{
	width: auto;
	display: block;
	text-indent: 3px;
	/*padding: 4px 0;*/
	text-decoration: none;
	font-weight: bold;
	color: #333333;					/* CHANGE SUB MENU FONT COLOR */
	padding: 0.3em;
	font-size: 12px;
	z-index: 3;
}

* html .dropmenudiv a
{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover
{
	background-color: #9E9FA2;/*#3CB1E3;*//*#04428b;*/
	color: #04428B;	/* Blue */
	text-decoration: none;
}

/*-------------------------------------------------------------------------------
 * @file: ajaxtabs.css
 * @description: AJAX tabs stylesheet inspired by dynamicdrive
 * Source: http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/index.htm
 *-------------------------------------------------------------------------------*/
.tabsMenu
{
	margin-top: 0px;
}

.tabsMenu a,
.tabsMenu a:visited,
.tabsMenu a.selected,
.tabsMenu a:hover
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	cursor: hand;
}

.ajax_title_tab
{
	width: auto;
	height: 31px;
	background: url(Tab_Cent.gif) repeat-x;
}
a.selected .ajax_title_tab
{
	background: url(http://www.matrox.com/video/media/image/style/Tab_Center_Active.gif) repeat-x;
}
html>body .ajax_title_tab
{
	height: auto;
	min-height: 31px;
	overflow: hidden;
}

.ajax_title_tab_text
{
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	left: 10px;
	top: 11px;
	height: 15px;
	width: auto;
	font-weight: bold;
	color: #333333;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: none !important;
}
html>body .ajax_title_tab_text
{
	height: auto;
	min-height: 15px;
}

.ajax_round_corner_tab div   	{ background: url(Tab_Left.gif) no-repeat top left; height:31px; }
.ajax_round_corner_tab       	{ background: url(Tab_Righ.gif) no-repeat top right; height:31px; }
a.selected .ajax_round_corner_tab div   	{ background: url(http://www.matrox.com/video/media/image/style/Tab_Left_Active.gif) no-repeat top left; height:31px; }
a.selected .ajax_round_corner_tab       	{ background: url(http://www.matrox.com/video/media/image/style/Tab_Right_Active.gif) no-repeat top right; height:31px; }

.tabContainer
{
	width: 100%;
	padding: 0px 1px;
	margin-bottom: 15px;
}

/* Link style for different product categories */
.software .selected .ajax_title_tab_text,
.software .tabsMenu a:hover .ajax_title_tab_text
{
	color: #CC9900; /* Yellow */
}
.frame_grabbers .selected .ajax_title_tab_text
{
	color: #006600; /* Green */
}
.embedded_cameras .selected .ajax_title_tab_text
{
	color: #0033CC; /* Blue */
}
.vision_processors .selected .ajax_title_tab_text
{
	color: #CC0000; /* Red */
}
.smart_cameras .selected .ajax_title_tab_text
{
	color: #592684; /* Mauve */
}
.software .tabsMenu a:hover
{
	text-decoration: none !important;
}