/*-----------------------------------------------
 * @file: stylesheet.css
 * @description: Graphics 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;
}

a.thumbnail img.overlaynm
{
  position: absolute;
  bottom: 0px;
  /*left: 0px;*/  /* previous setting */
  right: 10px;    /* test for JF */
  z-index: 50;
  line-height: 0px;

  background-color: transparent;

  width: 15px;
  height: 15px;
  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: #04428B; /* Blue */ }
a:visited { color: #44077F; /* Purple */ }
a:hover {	text-decoration: underline; }

a.blueLink { color: #04428B !important; /* Blue */ }
a.blueLink:visited { color: #44077F !important; /* Purple */ }
a.blueLink:hover {	text-decoration: underline !important; }

#bottomContent a, #rightContent a { text-decoration: none; color: #666666; }
#bottomContent a:visited, #rightContent a:visited { color: #666666; }
#bottomContent a:hover, #rightContent 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;
}

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

.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(/graphics/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: 600px;/*670px;*/
	width: 920px;
	padding: 12px 15px 0px 15px;
	background: #CDCDCD url(/graphics/media/image/style/wrapper_background.jpg) repeat-x;	/* CHANGE BACKGROUND THEME HERE */
}
#wrapper_corpo
{
	height: auto;
	width: 920px;
	padding: 12px 15px 0px 15px;
	background: #CDCDCD url(/graphics/media/image/style/wrapper_background.jpg) repeat-x;	/* CHANGE BACKGROUND THEME HERE */
}
#wrapper.longPage
{
	background: #CDCDCD url(/graphics/media/image/style/wrapper_background_long.jpg) repeat-x;	/* use a different background when the page is long */
}
html>body #wrapper /* all other browsers */
{
	width: 920px;
	height: auto;
	min-height: 600px; /*670px;*/
}
#content_wrapper
{
	height: 350px;
	float: left;
}
html>body #content_wrapper
{
	height: auto;
	min-height: 350px;
}

html>body #content_wrapper_noaddthis
{
	height: auto;
	min-height: 350px;
	width: 920px;
}

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

/*
 * noAd
 */
#content.noAd #middleContent
{
	width: 512px;
	background: #FFFFFF url(/graphics/media/image/style/middleContent_bottom_noAd.gif) no-repeat bottom;
}
#content.noAd #rightContent
{
	display: none; /* hide right content section */
}

/*
 * noLeft
 */
#content.noLeft #middleContent
{
	width: 646px;		/* 680px for bottom gif */
	background: #FFFFFF url(/graphics/media/image/style/middleContent_bottom_noLeft.gif) no-repeat bottom;
}
#content.noLeft #leftContent
{
	display: none; /* hide left content section */
}

/*
 * largeContent
 */
#content.largeContent #middleContent
{
	width: 698px;
	margin-right: 0px;
	background: #FFFFFF url(/graphics/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(/graphics/media/image/style/middleContent_bottom_extraLarge.gif) no-repeat bottom;
	height: 640px;
}
html>body #content.extraLargeContent #middleContent		/* all other browsers */
{
	height: auto;
	min-height: 640px;
}
#content.extraLargeContent #leftContent, #content.extraLargeContent #rightContent
{
	display: none; /* hide left and right content sections */
}

#leftContent
{
	float: left;
	width: 174px;
	margin-right: 15px;
	height: 350px;
	#margin-top: -15px;
}
#rightContent
{
	float: left;
	width: 212px;
	margin: 0px;
	height: 350px;		/* IE6 */
}
#rightContent ul li
{
	float: left;
	display: inline;
	list-style: none;
	padding-right: 12px;
}
#middleContent
{
	float: left;
	background: #FFFFFF url(/graphics/media/image/style/middleContent_bottom.gif) no-repeat bottom;
	height: 350px;		/* IE6 */
	width: 472px;
	margin-right: 14px;
	padding: 0px 15px 15px 15px;
}
#middleContentWebinar
{
	width: 100%;
}
#middleContentLeft
{
	float: left;
	background: #FFFFFF url(/video/media/image/style/middleContent_bottom.gif) no-repeat bottom;				
	width: 42%;	
	margin-right: 30px;	
	padding-top: 0px;
	padding-right: 15px;	
	padding-left: 15px;	
}

#middleContentRight
{
	float: left;
	background: #FFFFFF url(/video/media/image/style/middleContent_bottom.gif) no-repeat bottom;			
	width: 48%;
	margin-right: 0px;	
	padding-top: 0px;
	padding-right: 15px;	
	padding-left: 15px;
}
#middleContentgxm
{
	float: left;
	background: #FFFFFF url(/graphics/media/image/style/middleContent_bottom.gif) no-repeat bottom;
	height: auto;		/* IE6 */
	width: 685px;
	margin-right: 14px;
	padding: 0px 15px 15px 15px;
}
html>body #middleContent
{
	margin-right: 15px;
}

html>body #leftContent,	/* Other browsers */
html>body #middleContent,
html>body #rightContent
{
	min-height: 488px;
	height: 100%;
}


#middleContent h1, .popup h1, #bottomContent h1
{
	font-size: 1.6em;
	margin-top: 0px;
	margin-bottom: 15px;
}
#middleContent h2, .popup h2, #bottomContent h2
{
	font-size: 1.3em;
	margin-bottom: 0px;
	margin-top: 15px;
}
#middleContent h4, .popup h4, #bottomContent h4
{
	font-size: 1.6em;
	margin-top: 0px;
	margin-bottom: 0px;
}
#middleContent h2.withMargins
{
	margin: 15px 0px;
}
#middleContent h3, #bottomContent 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, #bottomContent p	/* IMPORTANT: Do not change this style, it affects the whole website. Beware. */
{
	margin-top: 0px;
	margin-bottom: 15px;
}
#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(/graphics/media/image/style/square_bullet.gif);
	margin: 0px;
	padding-left: 20px;
}
/*#middleContent li { margin: 8px 2px; }*/

#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: 20px;
}

/*
 * HEADER
 */
#header
{
	margin: 0px auto;	/* auto centers the header */
	padding-top: 5px;
	text-align: left;
	height: 68px;
	background: url(/graphics/media/image/style/header.gif) no-repeat bottom;	/* CHANGE BACKGROUND THEME HERE */
}

/*fix header in IE6 for languages */
.header_de{ width: 656px; }
.header_en{ width: 658px; }
.header_es{ width: 652px; }
.header_fr{ width: 642px; }
.header_it{ width: 672px; }
.header_cs{ width: 672px; }
.header_ct{ width: 672px; }
.header_jp{ width: 660px; }

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;
}
table#header_right .header_button_top
{
	vertical-align: top;
	font-size: 90%;
	padding-right: 10px;
	padding-top: 4px;
	white-space:nowrap;
}
#header_right td.header_button_top a
{
	color: #666666;
	text-decoration: none;
}
#header_right td.header_button_top a:hover
{
	color: #3CB1E3;	/* Blue */
	text-decoration: none;
}

/*
 * 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; /* Blue */
}


/*
 * 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: 334px;
	padding: 0px;
	margin-bottom: 15px;
}

/*
 * TITLE TAB
 */
.title_tab
{
	width: auto;
	height: 31px;
	background: url(/graphics/media/image/style/Tab_milieu.gif) repeat-x;
}
html>body .title_tab
{
	height: auto;
	min-height: 31px;
	overflow: hidden;
}
.title_tab_693px
{
	background: url(/graphics/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_212px
{
	background: url(/graphics/media/image/style/title_tab.gif) no-repeat bottom;
	height: 32px;
	font-size: 1px;
}
.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;
}
.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(/graphics/media/image/style/tab_content_bottom_693px.gif) no-repeat bottom;
	height: 13px;
	font-size: 1px;
}
.tab_content_footer_large
{
	background: url(/graphics/media/image/style/tab_content_bottom_921px.gif) no-repeat bottom;
	height: 13px;
	font-size: 1px;
}
.tab_content_round_top
{
	background: url(/graphics/media/image/style/tab_content_top_693px.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;
}


/*
 * ROUND CORNERS
 */
.round_corner_tab div   	{ background: url(/graphics/media/image/style/Tab_gauche.gif) no-repeat top left; }
.round_corner_tab       	{ background: url(/graphics/media/image/style/Tab_droite.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;
}

.rbroundbox { background: url(/graphics/media/image/style/rounded/box_background.gif) repeat; }
.rbtop div { background: url(/graphics/media/image/style/rounded/top_left_corner.gif) no-repeat top left; }
.rbtop { background: url(/graphics/media/image/style/rounded/top_right_corner.gif) no-repeat top right; }
.rbbot div { background: url(/graphics/media/image/style/rounded/bottom_left_corner.gif) no-repeat bottom left; }
.rbbot { background: url(/graphics/media/image/style/rounded/bottom_right_corner.gif) no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot
{
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.rbcontent { margin: 0 15px; }
.rbroundbox { width: auto; }

/*

Right side rounded button CSS3
*/

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 1em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

/* green */
.green {
	color: #02741d;
	border: solid 1px #02741d;
	background: #028f24;
	background: -webkit-gradient(linear, left top, left bottom, from(#81cd93), to(#02741d));
	background: -moz-linear-gradient(top,  #81cd93,  #02741d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#81cd93', endColorstr='#02741d');
}
.green:hover {
	background: #037e21;
	background: -webkit-gradient(linear, left top, left bottom, from(#07a62d), to(#037e21));
	background: -moz-linear-gradient(top,  #07a62d,  #037e21);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#07a62d', endColorstr='#037e21');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#02741d), to(#81cd93));
	background: -moz-linear-gradient(top,  #02741d,  #81cd93);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#02741d', endColorstr='#81cd93');
}


/*

Right side rounded button
*/

.rounded_button
{
	margin-bottom:15px;
}
.rounded_button a, .rounded_button a:visited, .rounded_button a:hover,
{
	text-decoration:none;
	cursor:pointer;
}
.rounded_button_top
{
	background:url(/graphics/media/image/style/sideMenu/rounded_box_top.jpg) no-repeat top left;
	height:13px;
	font-size:1px;
}

.rounded_button_middle
{
	padding-right:10px;
	padding-left:10px;
	font-weight:bold;
	text-align: left;
	color: #04428b;
	background:url(/graphics/media/image/style/sideMenu/rounded_box_middle.jpg) repeat-y top left;
	width:192px;
}
.rounded_button_bottom
{
	background:url(/graphics/media/image/style/sideMenu/rounded_box_bottom.jpg) no-repeat top left;
	height:13px;
}

/*
 * HOME MIDDLE SECTION
 */
#middleSection
{
	margin: 0px;
	width: 920px;
	height: 160px;
	background: transparent;
}
.middleSectionBox
{
	margin: 0px;
	float: left;
	height: 100%;
	background: #FFFFFF url(/graphics/media/image/style/middle_section_background.jpg) repeat-x;
	margin-right: 10px;
}

.middleSectionBoxCorners div  { background: url(/graphics/media/image/style/middle_section_left.jpg) no-repeat top left; }
.middleSectionBoxCorners      { background: url(/graphics/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
 */
#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;
	width: 476px;
	height: 100%;
	margin-right: 10px;
	background: #FFFFFF url(/graphics/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;
}
#lastSection
{
	float: left;
	width: 212px;
	height: 162px;
	background-color: transparent;
	overflow: hidden;
}
#platformSection
{
	width: 100%;
	height: 67px;
	margin-bottom: 10px;
	background: #FFFFFF url(/graphics/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(/graphics/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: 5px 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(/graphics/media/image/style/sideMenu/Tab_Milieu.gif) no-repeat top left;
	color: #333333;
	/* font-weight: bold; */
	font-size: 12px;
	cursor: pointer;
}
.accordionMenu .first
{
	background: url(/graphics/media/image/style/sideMenu/Tab_Haut.gif) no-repeat top left;
}
.accordionMenu .last
{
	background: url(/graphics/media/image/style/sideMenu/Tab_Bas.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;
}
#products .activeLeftSideMenu a, #products .activeLeftSideMenu a:hover, #products .activeLeftSideMenu a:visited, #products .activeLeftSideMenu
{
  /*text-decoration: underline;*/  /* Removed for #products only (Ghislain 2008-06-10) */
  text-decoration: underline;		/* Reactivated on 2016-Oct-13 as requested by mbaker */
  /*text-decoration: none;*/
}

.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;
}

/*
 * SOLUTIONS MAIN GRID
 */
table.solutions_main_grid
{
	border-collapse: collapse;
	width: 920px;
}
table.solutions_main_grid th
{
	height: 30px;
	width: 460px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF url(/graphics/media/image/style/solutions/solutions_main_grid_header.gif) repeat-x;
	padding: 0px 10px;
	vertical-align: middle;
	font-weight: bold;
	/*color: #333333;*/
	text-align: left;
}
table.solutions_main_grid td
{
	height: auto;
	width: 460px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 10px;
	vertical-align: top;
}
table.solutions_main_grid td p
{
	float: left;
	width: 330px;
	height: auto;
	margin: 0px;
}

table.solutions_main_grid td p.it
{
	width: 300px;
}

table.solutions_main_grid td p.de
{
	width: 280px;
}

table.solutions_main_grid td p.es
{
	width: 300px;
}

/*
 * 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;
}

/*
 * GXM Customer Selection
 */
#customerSelection td
{
	vertical-align: top;
	padding: 0px;
}

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

.formSection
{
   font-weight: bold;
	margin-bottom: 10px;
}

/*
 * 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(/graphics/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;
}


/* faux-column for contact forms */
form#contact_form div.faux_column
{
    width:180px; 
    float:left;
}

/* faux-column for contact forms os title */
form#contact_form div.faux_column_os
{
    width:280px; 
    float:left;
}


/* fixed select field size for contact forms */
form#contact_form select
{
    width:256px;
    margin-bottom: 10px;
}

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

/* Style for registration form grid */
table.blueHeaders_grid th
{
	background-color: #E8EEFA;
	padding: 5px 0px;
	text-align: left;
	text-indent: 10px;
}
table.blueHeaders_grid td
{
	text-align: left;
	text-indent: 10px;
}

/*
 * 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(/graphics/media/image/style/footer.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;
}

/**
 * Where to buy formatting
 */
#buy .where_to_buy
{
	float: left;
	margin: 0;
	padding: 5px 10px;
	padding-top: 10px;
	width: 300px;
	height: 150px;
	text-align: center;
}

#buy .where_to_buy a
{
	font-weight: bold;
}

#buy table.where_to_buy
{
	width: 600px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	border-collapse: collapse;
}

#buy table.where_to_buy th, #buy table.where_to_buy td
{
	width: 280px;
	margin: 0;
	padding: 0 0 2em 0;
	border: none;
	vertical-align: top;
	text-align: center;
	

/*
	border: 1px dashed black;
	background-color: lightgray;
*/
}

/* Style for the registration system welcome box */
.welcome_box
{
	width: auto;
	text-align: right;
	float: right;
}
.welcome_boxLeft
{
	background-color: transparent;
	background-image: url(/graphics/media/image/style/register/welcomeBoxLeft.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: center;
	background-y-position: center;
	height: 65px;
	width: 15px;
	float: left;
	display: inline;
}
.welcome_boxRight
{
	background-color: transparent;
	background-image: url(/graphics/media/image/style/register/welcomeBoxRight.jpg);
	height: 65px;
	width: 15px;
	float: left;
	display: inline;
}
.welcome_boxCenter
{
	background-color: transparent;
	background: url(/graphics/media/image/style/register/welcomeBoxCenter.jpg) repeat-x;
	height: 35px;
	width: auto;
	padding: 15px 0px;
	float: left;
}

/* 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; }

/*
 * 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 */
}
.blueFont
{
	color: #04428B; /* Blue */
}
.grayFont
{
	color: #5A5A5A; /* gray */
}
.greenFont
{
	color: #008000; /* Green */
}
.darkblueFont
{
	color: #000066; /* Dark Blue */
}
.noteFont
{
	font-size: 10px;
}
.smallFont
{
	font-size: 10px;
}
.mediumFont
{
	font-size: 11px;
}
.smallBoldFont
{
	font-size: 11px;
	font-weight: bold;
}
.smallFont2
{
	font-size: 11px;
}
.asianSmallFont
{
	font-size: 9px;
}
.japaneseFont
{
	font-family: "MS UI Gothic";
	font-size: 11px;
}
.videoTitleFont
{
	font-size: 13px;
	font-weight: bold;
}
.noWrap
{
  white-space: nowrap;
}
.indent
{
	padding-left: 1em;
}
.indent_gxm
{
	padding-left: 1em;
	font-size:0.95em;
}
:root .indent_gxm {
	padding-left: 1em;
	font-size:0.95em;
	font-weight:400; \0/IE9; 
 }  /* for IE9 */

/* font for change made in japanese site  */
.lionBridgeFont
{
 color: #FF0099;
}


/* rounded buttons */
.round {
	cursor:pointer; 
	cursor:hand; 
	padding-right:40px; 
	padding-left:10px; 	
	display:inline-block;
	
	
	background:url(/graphics/media/image/style/round_button_arrow_green_45.png) no-repeat right top; 	
}

.round ins { 
	float:left;
	line-height:15px;	
	display:inline-block;
	padding-left:10px;	
	color:#FFFFFF;
	font-weight:bold;	
	text-decoration:none;	
	
	height:20px;	
	padding-top:15px;
	padding-bottom:15px;
}
.round del { 
	float:left;
	line-height:15px;	
	display:inline-block;
	padding-left:10px;	
	color:#FFFFFF;
	font-weight:bold;	
	text-decoration:none;	
	
	height:20px;	
	padding-top:15px;
	padding-bottom:15px;
}


	a.round:hover {background:url(/graphics/media/image/style/round_button_arrow_green_45_hover.png) no-repeat right top; }	
	/*a.round:hover ins {background-position:left -60px;}*/
	

.round_one_line{
	cursor:pointer; 
	cursor:hand; 
	padding-right:40px; 
	padding-left:10px; 	
	display:inline-block;
	
	
	background:url(/graphics/media/image/style/round_button_arrow_green_45.png) no-repeat right top; 	
}

.round_one_line ins { 
	line-height:15px;	
	display:inline-block;
	padding-left:10px;	
	color:#FFFFFF;
	font-weight:bold;
	width:155px;
	text-decoration:none;	
	
	height:20px;	
	padding-top:15px;
	padding-bottom:15px;		
}

	.round_one_line:hover {background:url(/graphics/media/image/style/round_button_arrow_green_45_hover.png) no-repeat right top; }	


.round_two_line {
	cursor:pointer; 
	cursor:hand; 
	padding-right:40px; 
	padding-left:10px; 
	display:inline-block;
	
	background:url(/graphics/media/image/style/round_button_arrow_green_60.png) no-repeat right top; 	
}

.round_two_line ins { 	
	line-height:15px;
	display:inline-block;	
	padding-left:10px;
	color:#FFFFFF;
	font-weight:bold;
	width:155px;
	text-decoration:none;
	
	height:30px;
	padding-top:15px;	
	padding-bottom:15px;	
}

	a.round_two_line:hover {background:url(/graphics/media/image/style/round_button_arrow_green_60_hover.png) no-repeat right top; }	


.round_three_line {
	cursor:pointer; 
	cursor:hand; 
	padding-right:40px; 
	padding-left:10px; 
	display:inline-block;
	
	background:url(/graphics/media/image/style/round_button_arrow_green_75.png) no-repeat right top; 	
}

.round_three_line ins { 	
	line-height:15px;
	display:inline-block;	
	padding-left:10px;
	color:#FFFFFF;
	font-weight:bold;
	width:155px;
	text-decoration:none;
	
	height:45px;
	padding-top:15px;	
	padding-bottom:15px;	
}

	a.round_three_line:hover {background:url(/graphics/media/image/style/round_button_arrow_green_75_hover.png) no-repeat right top; }	

/* end rounded buttons */


/*begin wizrads */

.wzr_selected , .wzr_selectable:hover
{
	color:blue;
	background-color:lightblue !important;	
	cursor:pointer;
}

.wzr_selectable 
{
	display:block;	
	padding:3px;
	margin:3px;
	/*background-color : Lavender;*/
}

table.wzr_table
{
	border-collapse: collapse;
	width:100%;	
}

.wzr_table th
{
	vertical-align:middle;
	text-align:center;
	background-color: #D9D9D9; /* grey headers */	
	border: 1px solid #666666;
	padding:2px;
}

.wzr_table td
{
	vertical-align:top;
	border: 1px solid #666666;
	padding:2px;
}

.wzr_selectable:link,.wzr_selectable:visited, .wzr_selectable:hover, .wzr_selectable:active
{
	text-decoration:none;
	color:blue;
}
.wzr_table div 
{ 
  margin:3px;
  padding:0px;
  margin-bottom:10px;	
  /*width:100%;*/
}

/* 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;
}

/*end wizrads*/
/* 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(/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(/video/media/image/style/square_bullet.gif);
}
#hr2
{
   border-style:solid; 
   clear:both;
	height: 2px;
	margin: 15px 0px;
	border: none;
	color: #333333;
	background-color: #333333;
	text-align: left;
}

/*Use for Floating button */
#buttons {
  float:left;
  width:450px;
}

#button-wrapper {
  position: relative;
}
/* required to avoid jumping */
#buttonWrapper { 
  left: 50%;
  position: absolute;
  margin-left: 35px;
  width: 280px;
}

#button {
  position: absolute;
  top: 0;
  /* just used to show how to include the margin in the effect */
  margin-top: 20px;
  padding-top: 19px;
}

#button.fixed {
  position: fixed;
  top: 0;
}
/*For tool tip*/
#span{
    background:#F8F8F8;
    border: 5px solid #DFDFDF;
	
    color: #717171;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
    position: relative;
    text-align: center;
    top: 0px;
    left:-30px;
    display:none;
    padding:0 20px;
    
}
#span:after{
    position:absolute;
    bottom:-10px; 
    width:10px;
    height:10px;
    border-bottom:5px solid #dfdfdf;
    border-right:5px solid #dfdfdf;
    background:#f8f8f8;
    left:50%;
    margin-left:-10px;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
/*
p{
   float:left; 
}
*/

p:hover #span{
    display:block;
	
}

/*
CSS Code for youtube videos
*/

.youtube-container { 
	display: block; 
	margin: 20px auto; 
	width: 100%; 
	max-width: 600px; 
}

.youtube-player { 
	display: block; 
	width: 100%; /* assuming that the video has a 16:9 ratio */ 
	padding-bottom: 56.25%; 
	overflow: hidden; 
	position: relative; 
	width: 100%; 
	height: 100%; 
	cursor: hand; 
	cursor: pointer; 
	display: block; 
}

img.youtube-thumb { 
	bottom: 0; 
	display: block; 
	left: 0; 
	margin: auto; 
	max-width: 100%; 
	width: 100%; 
	position: absolute; 
	right: 0; 
	top: 0; 
	height: auto 
}

div.play-button { 
	height: 72px; 
	width: 72px; 
	left: 50%; 
	top: 50%; 
	margin-left: -36px; 
	margin-top: -36px; 
	position: absolute; 
	background: url("/graphics/media/image/youtube/play.png") no-repeat; 
}

#youtube-iframe { 
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 0; 
	left: 0; 
}
/*-------------------------------------------------------------------
 * @file: main_menu.css
 * @description: Graphics 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: #04428B; /* Blue */
	text-decoration: none;
}

/* Allows to indicate the current active option menu (section). */
#solutions a#linksol,
#products a#linkpro,
#support a#linksup,
#press a#linkprs,
#buy a#linkbuy
{
	color: #04428B; /* 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: Graphics 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: Graphics 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;
	color: #FFFFFF;
	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: 30px;
}

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

.ajax_title_tab
{
	width: auto;
	height: 31px;
	background: url(/graphics/media/image/style/Tab_Center.gif) repeat-x;
}
a.selected .ajax_title_tab
{
	background: url(/graphics/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: Verdana, sans-serif;
	position: relative;
	left: 13px;
	top: 11px;
	height: 15px;
	width: auto;
	font-weight: bold;
	color: #333333;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: none !important;*/
	
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 11px;
	height: 15px;
	width: auto;
	font-weight: bold;
	text-align: center;
	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(/graphics/media/image/style/Tab_Left.gif) no-repeat top left; height:31px; }
.ajax_round_corner_tab       	{ background: url(/graphics/media/image/style/Tab_Right.gif) no-repeat top right; height:31px; }
a.selected .ajax_round_corner_tab div   	{ background: url(/graphics/media/image/style/Tab_Left_Active.gif) no-repeat top left; height:31px; }
a.selected .ajax_round_corner_tab       	{ background: url(/graphics/media/image/style/Tab_Right_Active.gif) no-repeat top right; height:31px; }

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