@import url(/css/005/common.css);

/*Specific XStandard Page Styles*/
.cms h1							{margin-bottom: 16px; font-family: "Arial Narrow", Arial, Helvetica; font-size: 125%}
.cms h2							{padding-left: 0px; margin-bottom: 16px;}
.cms hr 							{display: block;	height: 1px; border-width: 0px; border-bottom: solid 1px #dadada;}
.cms p 						  	{line-height: 140%; margin-bottom: 16px;}
.cms .newsitem h3			  	{font-weight: bold;}
.cms .newsitem p			  	{line-height: 140%; margin-bottom: 0px;}
.cms ol 							{list-style-position: inside; margin-bottom: 16px;}
.cms ol.info-list 			{list-style-position: outside; list-style-type: upper-alpha; margin-left: 15px;}
.cms ol.service-list 		{list-style: none; list-style-position: outside; margin-left: -8px;}
.cms ol.service-list li		{background: url(/res/pub/img/content/icons/cs-info.gif) no-repeat 0px 2px; margin-bottom: 16px; padding-left: 34px;}
.cms ul							{margin-bottom: 16px;}

.content-left 					{float: left; padding-right: 8px;}
.content-right ul 			{padding-left: -8px;}
.content-right li 			{padding-bottom: 8px;}
.content-right 				{float: right; width: 188px; background-color: #f3f3f3; padding: 8px; border-left: 1px solid #dadada;}
.content-right-trans			{float: right; width: 188px; padding: 8px; border-left: 1px solid #dadada;}

.c2 								{width: 100px; white-space: nowrap;}
.c3 								{width: 150px; white-space: nowrap;}
.c4 								{width: 50%; white-space: normal;}

/* Main page structutre */
#col1_content					{border-right: 1px solid #e1e1e1;}
#col2_3							{padding-top: 2px; margin-top: 70px;}

/* Menu tree structure */
#menutree2 ul					{list-style: none; padding-left: 0px; font-weight: bold; padding-top: 6px; font-size: 10px;}
#menutree2 ul li ul			{list-style: disc; padding-left: 16px;  font-weight: normal; font-size: 11px; margin-bottom: 8px;}
#menutree2 ul li ul li		{margin-bottom: 2px;}

#menutree ul					{list-style: none; padding-left: 0px; font-weight: bold; padding-top: 6px;}
#menutree ul li ul			{list-style: none; padding-left: 0px; font-weight: bold; margin-bottom: 16px; font-size: 10px;}
#menutree ul li ul li ul	{list-style: disc; padding-left: 16px;  font-weight: normal; font-size: 11px;}
#menutree li					{margin-bottom: 2px;}
/** html #menutree li			{margin-bottom: -4px;}*/


#historylink 					{font-family: "Arial Narrow", Helvetica, sans-serif;	font-size: 20px; color: Red; margin-bottom: 0px;}
#col2_3 table 					{border-collapse: collapse;}
#col2_3 td 						{border-bottom: 1px solid #e1e1e1; padding: 2px;}
#col2_3 table.no-border td	{padding: 4px;}
#col2_3 .no-border td		{border-bottom: none;}

/* Style drop down in editor */
.info-list li 					{padding-bottom: 8px;}
.p-hr 							{padding-bottom: 8px; border-bottom: 1px solid #e1e1e1;}
.h1-hr 							{padding-bottom: 8px; border-bottom: 1px solid #e1e1e1; font-weight: bold;}
.underline 						{border-bottom: 1px solid #000;}
.highlight-yellow 			{background-color: #ffff99;}
.highlight-blue				{background-color: #ccffff;}
.highlight-green				{background-color: #ccffcc;}
.highlight-grey				{background-color: #f3f3f3; padding: 0px 6px 6px 6px;}
.float-right 					{float: right;}
.float-left 					{float: left;}
.float-reset 					{clear: both;}
.left								{text-align: left;}
.center							{text-align: center;}
.right							{text-align: right;}
.commandbutton					{font-size: 100%;}
.grey					  			{color: Gray;}	


/* ul classes */
.no-bullet,
.no-bullet-tab,
.no-bullet-tab-short			{list-style: none;}
.no-bullet-tab span			{width: 35px; display: inline-block; margin-left: -16px;}
.no-bullet-tab-short span	{width: 16px; display: inline-block; margin-left: -16px;}

.tab								{margin-left: -16px; width: 25px; text-align: left; display: inline-block;}
.tab-short						{width: 16px; display: inline-block;}

/* Specific classes */
.datatable 						{border: 0px none;	padding: 1px; margin-bottom: 8px;}
.row 								{text-align: center; vertical-align: top;}
.rowheader 						{background-color: #ECECEC;	text-align: center;	vertical-align: middle;}
.row1 							{background-color: #F9F9F9; text-align: center;}
.row2 							{background-color: #F3F3F3; text-align: center;}
.leftcell 						{text-align: left; padding-left: 0.5em;}
.center 							{text-align: center;}
.left 							{float: left; margin: 0px 8px 10px 0px;}
.right 							{float: right; margin: 0px 0px 10px 8px;}
.w240 							{float: left; width: 240px; margin-bottom: 20px;}
.w200 							{float: left; width: 200px; margin-bottom: 20px;}
.w200 img						{padding-right: 2px;}
.w140 							{float: left; width: 140px;}
.r140 							{margin-left: 140px;}
.ref-index						{margin-top: 24px;}
.flag 							{width: 19px;}
img.center 						{display: block; margin-left: auto; margin-right: auto;} 
.tableheader 					{font-weight: bold; background-color: #f3f3f3;}
.month 							{color: #aaa;	font-weight: bold;}
.dateheader 					{padding-bottom: 0px; border-top: 1px solid #ececec; padding-top: 4px;}
#dateselector 					{padding-bottom: 0px;	border-top: 1px solid #ececec; padding-top: 6px;}
#dateselector a 				{font-weight: bold;}
#year 							{float: left; font-size: 100%;}	

/* Translation Calculator */
#divcalc 						{padding: 8px; float: right; background-color: #EDF5FB; border-color: #CDCDCD; border-style: solid; border-width: 1px; width: 188px;}
#divcalc table					{width: 188px; height: auto;}
#divcalc td						{border-bottom: none; vertical-align: middle;}
#divcalc input					{font-size: 100%;}
#divcalc table.results td	{padding-bottom: 2px;}
#divcalc .checkbox 			{padding-right: 0px; margin-left: 1px;}
#divcalc .sum-left			{vertical-align: top; width: 160px;}
#divcalc .sum-right			{text-align: right; vertical-align: top;}
#divcalc .total-left			{border-color: #CDCDCD; border-style: solid; border-width: 1px 0px 0px 0px; font-weight: bold; text-align: left; padding-top: 4px;}
#divcalc .total-right		{border-color: #CDCDCD; border-style: solid; border-width: 1px 0px 0px 0px; font-weight: bold; text-align: right; padding-top: 4px;}

/* ESD program */
#esd-applicationform input	{font-size: 11px;}

/*	<p id="esd-tabs"><a onClick="javascript:showMenuESD('esd-program')">Program</a><span class="h"> | </span><a onClick="javascript:showMenuESD('esd-faqs')">FAQs</a><span class="h"> | </span><a onClick="javascript:showMenuESD('esd-agreement')">Agreement</a><span class="h"> | </span><a onClick="javascript:showMenuESD('esd-livedemo')">Live Demo</a><span class="h"> | </span><a onClick="javascript:showMenuESD('esd-applicationform')">Application Form</a></p>
*/
#esd-tabs						{width: 100%; border-bottom: solid 1px #dadada;}
#esd-tabs #esd-t1				{color: #666;}
#esd-tabs a						{cursor: pointer; display: inline-block; background-color: #ccc; margin-right: 2px; padding: 3px 6px 3px 6px; text-decoration: none; color: #fff; font-weight: bold;}
#esd-faqs,
#esd-livedemo,
#esd-agreement,
#esd-applicationform			{display: none;}
#content_banner h1 			{margin-bottom: 0px;}