body {
	padding: 0;
  margin: 0; 
	font: 11px Verdana; 
	line-height: 1.5em;
	background: #FFFFFF; 
	color: #4C4C4C; 
	min-width: 780px;
}
* {
	margin: 0;
}
.left { float: left; }
.right { position: relative; top:5px; float: right; }
ul {
	margin: 0; 
	padding: 0;
}
li {
	margin-left: 2em;
	padding: 0;
}
.nodisplay { display: none; }
.bold { font-weight: bold; }
.line-through { text-decoration: line-through; }
p { text-indent: 2em; }
a {	color: #FFFFFF; }
a:hover { color: #4C4C4C; }

/* Top images and logos */
#TopPanel 
{	
	height: 160px; 
	overflow: hidden; 
	white-space: nowrap; 
	background: url('images/cae_header2.jpg') no-repeat top left;
}
#TopPanel.DexwaySite 
{	
	background: url('images/cae_header.jpg') no-repeat top left;
}
#TopPanelRight 
{
	text-align: center;
	margin-left: 1100px;
	height: 160px;
}
#TopPanelRight img { vertical-align: bottom; }

#Head0 { margin-top: 0px; }
#Head1 {
	margin-left: 200px;
    padding-left: 0px;
}

/* User/Language bar */
#Head2 {
	height: 27px;
	background: #eee;
	padding: 0 20px 0 10px;
}
#Head2 select {
	font: 11px Verdana;
	height: 18px;
	margin-top: 0px;
}
div.textRight {text-align: right;}

#Body0 { background-color: #eee; margin-top: 2px; }
#Body1 {
	margin-left: 200px;
    padding-left: 2px;
    background: #FFFFFF;
}
#ViewContainer {
	/*background: url('images/shadow1.gif') repeat-x top;*/
	padding: 25px 9px 25px 18px;
	overflow: hidden;
}
* html #ViewContainer { display: inline-block; }

/* Menu */
#Menu {
	position: absolute;
	top: 160px;
	left: 0;
	width: 200px;
	background: #FFFFFF;
}

/* Login */
#LoginPanel {
	/*height: 82px;*/
	background-color: #eee;
	
	padding: 6px;
	line-height: 24px;
	font: 11px Verdana;
	color: #53606d;
}
div.loginPanelUserName, div.loginPanelPassword, div.loginPanelButton 
{ 
	overflow: hidden;
	clear: both; 
	margin: 8px 0; 
}
div.loginPanelButton { text-align: right; }
#LoginPanel label {
	float: left;
	width: 74px;
	line-height: 18px;
}
#LoginPanel input {
	font: 11px Verdana;
	color: #53606d;
	border: solid 1px #53606d;
	float: right;
	width: 100px;
	height: 15px;
	overflow: hidden;
}
#LoginPanel input.loginbtn {
	float: none;
	font-size: 10px;
	text-align: center;
	background-color: #eee;
	width: 50px;
	margin-top: 4px 0 8px 0;
}
div.loginPanelUserName input, div.loginPanelPassword input
{
    -webkit-box-shadow: 0 0 0 2em #FFFFFF inset;
}

span.loginError {
	color: #ff0000; /*#8F0A0A;*/
	font-weight: bold;
	line-height: 22px;
}
span.loginError a {
	color: #ff0000; /*#8F0A0A;*/
	font-weight: bold;
	line-height: 22px;
	text-decoration: underline;
}

#MenuPanel {
	font: 11px Verdana;
	/*border-top: solid 2px #FFFFFF;*/
}
#MenuPanel ul { list-style: none; padding: 0; }
#MenuPanel li {
	margin: 0;
	font-weight : bold;
	display: block;
	border-top: solid 1px #ACACAC;
	border-right: solid 1px #ACACAC;
	color: #4C4C4C;
	height: 20px;
}
#MenuPanel ul li span, #MenuPanel ul li a.selectedOption 
{
	text-decoration: none;		
	color: #53606d;
	display: block;
	padding: 2px 0 0 12px;
	margin: 1px 1px 1px 0px;
	background: #FFFFFF url("images/bullet_sel.gif") no-repeat left;
	height: 16px;
}
#MenuPanel ul li a {
	text-decoration: none;
	color: #4C4C4C;
	display: block;
	padding: 2px 0 0 12px;
	margin: 1px 1px 1px 0px;
	background: #FFFFFF url("images/bullet.gif") no-repeat left;
	height: 16px;
}
#MenuPanel ul li a:hover { background: #EEEEEE url("images/bullet_over.gif") no-repeat left; }
#MenuPanel ul li.LastItem { border-bottom: solid 1px #ACACAC; }
#MenuPanel ul li.SubOption a { font-weight : normal; padding-left: 20px; }
#MenuPanel ul li.SubOptionLast a { font-weight : normal; padding-left: 20px; border-bottom: solid 1px #ACACAC;}

#LegalPanel {
	font: 11px Verdana;
	background-color: #eee;
	padding: 10px;
	/*border-top: solid 2px #FFFFFF;*/
	text-align: right;
	line-height: 1.5em;
}
#LegalPanel a {	text-decoration: none; color: #53606d; }
#LegalPanel a:hover { color: #60be19; }
#LegalPanel li { list-style: none; line-height: 25px; }



/*** Init Page and Courses List ***/
.messageInfo 
{
	font-size: 12px;
	text-align: center;
	color: #4C4C4C;
}
.initBlock {
	background-color: #FFFFFF;
	margin-bottom: 18px;
	margin-right: 9PX;
	overflow: hidden;
}
* html .initBlock { padding-bottom: 10px; display: inline-block; } /* For IE6 and lower only */
.initBlock a { color: #4C4C4C; text-decoration: none; }
.initBlock a:hover { color: #53606d; }
.initBlockHeaderLink a { font-size: 11px; }
.initBlockColElement a { font-size: 12px; text-decoration: underline; }
.initBlockHeader {
	font-size: 14px;
	font-weight: 100;
	color: #53606d;
	background: #fff /*url("images/header_bg.gif") no-repeat left top*/;
	height: 20px;
	line-height: 20px;
	border-bottom: solid 1px #53606d;
	overflow: hidden;
}
.initBlockHeaderIcon {
	float: left;
	padding-left: 26px;
	margin-left: 5px;
	background: url("images/sheet.gif") no-repeat left;
}
.initBlockHeaderLink { padding-right: 5px; text-align: right; }
.initBlockContent { padding: 0 5px 10px; overflow: hidden; }
.initBlockLine { overflow: hidden; }
* html .initBlockLine { display: inline-block; }
.initBlockLeftCol { float: left; width: 49%; clear: left; }
.initBlockRightCol { float: right; width: 49%; clear: right; }
.initBlockColElement {
	background: url("images/cross.gif") no-repeat left .5em;
	padding-left: 12px;
	margin-top: 10px;
}
.initBlockColSubElement { padding-left: 15px; }
* html .initBlockLeftCol, * html .initBlockRightCol { overflow: hidden; clip: auto; position: relative; }
* html .initBlockColElement { overflow: hidden; clip: auto;  }

/*******************************/
/**        index.rails        **/

/** Latest news list **/
div.newTitle { font-size: 12px; color: #4C4C4C; border-bottom: dashed 1px #53606d; background-color: #fff; }
div.newData { font-size: 10px; }
span.newAuthor { font-style: italic; color: #4C4C4C; }
span.newTime { font-weight: bold; }
div.newText { font-size: 11px; padding-left: 10px; text-align: justify; overflow: hidden; clip: auto; }
* html div.newText { position: relative; }
div.newText a { font-size: 11px; color: #53606d; }
div.newText a:hover { color: #60be19; }

/**     Latest courses     **/
div.courseTitle {  }
div.courseTitle a 
{ 
	display: block;
	padding-left: 2px;
	border-bottom: dashed 1px #53606d; 
	background-color: #fff;
	font-size: 12px; 
	color: #61bf1a; 
	text-decoration: none; 
}
div.courseTitle a:hover { color: #61bf1a; background-color: #eee; }
div.courseCat { font-size: 10px; font-weight: bold; padding-left: 2px; }
div.courseDesc { overflow: hidden; font-size: 11px; color: #666; margin-left: 15px; text-align: justify; }
div.courseImg { float: left; margin: 2px 5px 4px 0px; }
div.courseImg img { max-width: 150px; max-height:150px; border-radius:1em; }

/**   news.rails   **/
div.newsTitle 
{
	font-size: 12px; 
	color: #4C4C4C; 
	border-bottom: dotted 1px #53606d; 
	padding: 2px 5px 1px 20px;
	background: #eee url("images/sheet.gif") no-repeat 4px;
	overflow: hidden;
}
div.newsDate { float: right; font-style: italic; font-size: 10px; }
div.newsText { font-size: 11px; padding: 4px 4px 10px 10px; text-align: justify; margin-bottom: 10px; }
div.newsText a { font-size: 11px; color: #4d4d4d; }
div.newsText a:hover { color: #EBA600; }
div.newsPagination { text-align: center; font-size: 11px; color: #4C4C4C; font-weight: bold; }
div.newsPagination a { color: #4d4d4d; text-decoration: none; }
div.newsPagination a:hover { color: #EBA600; }

/* Course Details */
#CourseContainer
{
	margin: 5px 20px;
	padding: 0;
}
#CourseContainer h4
{
	font-size: 11px;
	font-weight: bold;
	color: #6C6C6C;
}
#CourseNameContainer
{
	/*background: url("images/course/course_bg.gif") repeat-y left;*/
	/*border: solid 1px #53606d;*/
	padding: 5px 0 0 5px;
	margin-bottom: 5px;
	overflow: hidden;	
	color: #53606d;
}
* html #CourseNameContainer { display: inline-block; /* IE6 and lower height fix */ }
#CourseName h2
{	
	font-size: 18px;
	font-weight: bold;
	color: #53606d;
}
#CourseCategory h3
{
	font-size: 12px;
	font-weight: bold;
	color: #8C8C8C;
}
#CourseImage
{
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
#CourseInfo
{
	/*border-bottom: solid 1px #F0AB00;*/
	margin-bottom: 10px;
	overflow: hidden;
}
#CourseDescription
{
	text-align: justify;
	text-indent: 2em;	
	margin-bottom: 5px;
}
.courseLabel
{
	float: left;
	clear: left;
	width: 12em;
	text-align: right;
}
.courseData
{
	float: left;
	margin-left: 5px;
}
#CourseContent
{
	clear: left;
	margin-top: 18px;
}
#CourseContent ul
{
	display: block;	
	margin-left: 0;
	padding: 0;
	list-style: none;
}
#CourseContent ul li
{
	display: block;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}
#CourseContent ul li ul
{
	margin-left: 4em;
	/*list-style-image: url("images/arrow.gif");*/
}
#CourseContent ul li ul li
{
	font-size: 11px;
	background: none;
	margin-top: 4px;
}
#CourseContent h2
{
	display: block;
	/*background: url("images/course/course_bg.gif") repeat-y left;*/
	/*border: solid 1px #F0AB00;*/
	padding: 0 5px;
	margin: 10px 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #53606d;
}
#CourseContent h3
{
	display: block;
	padding-left: 12px;
	margin: 10px 0 0;
	background: url("images/cross.gif") no-repeat left;
	font-size: 13px;
	font-weight: bold;
	color: #60be19;
}
#CourseContent h4
{
	display: block;
	padding-left: 12px;
	margin: 0;
	margin-left: -12px;
	background: url("images/bar.gif") no-repeat left;
	font-size: 12px;
	font-weight: bold;
	color: #6C6C6C;
}
#CourseContent p
{
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
	color: #4C4C4C;
}

/* Footer bar, on page load will be displayed */
#Footer 
{
	display: none;
	height: 8px;
	font-size: 1px;
	background: #fff;
	margin-top: 0px;
}

/* Confirmation/Information messages */
#MessageContainer {
	margin: 30px auto 50px;
	padding: 0;
	width: 332px;
}
#MCHeader11 { background: url(images/m_top_left.gif) top left no-repeat; }
#MCHeader12 { background: url(images/m_top_right.gif) top right no-repeat; }
#MCHeader13 { background: url(images/m_top_center.gif) top repeat-x; 
/* 	background-color: #f4f4f4; */
	margin-left: 10px;
	margin-right: 10px;
	height: 10px;
}

#MCHeader21 { background: url(images/m_top2_left.gif) top left no-repeat; }
#MCHeader22 { background: url(images/m_top2_right.gif) top right no-repeat; }
#MCHeader23 {
	height: 36px;
	margin-left: 20px;
	margin-right: 20px;
	background: url(images/m_top2_center.gif) top repeat-x;
	text-align: center;
}
#MCHeader23 h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 36px;
	color: #465560;
/* 	background: url(images/m_body_center.gif) top repeat-x; */
}
#MCBody1 { background: url(images/m_body_right.gif) right repeat-y; }
#MCBody2 { background: url(images/m_body_left.gif) left repeat-y;
/* 	background-color: #f4f4f4; */
	margin-right: 4px;
	padding: 10px 15px;
}
#MCBody2 p { font-size: 11px; color: #4D4D4D; text-align: justify; }
#MCButtons1, #MCButton1 { background: url(images/m_body_right.gif) right repeat-y; }
#MCButtons2, #MCButton2 { background: url(images/m_body_left.gif) left repeat-y; }
#MCButtons2 {
	margin-right: 4px;
	padding: 10px 15px;
/* 	background-color: #f4f4f4; */
	text-align: right;
}
#MCButtons2 p {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #4D4D4D;
}
#MCButton2 {
	margin-right: 4px;
	padding: 10px 15px;
/* 	background-color: #f4f4f4; */
	text-align: center;
}
#MCButton2 a {
	line-height: 16px;
	padding: 3px 6px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #4D4D4D;
	text-decoration: none;
	background-color: #f4f4f4;
	border:1px solid #465560;
}
#MCButton2 a:hover { background-color: #c5c5c5; }
#MCButtons2 a {
	line-height: 16px;
	padding: 3px 10px;
	width: 35px;
	margin-left: 15px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #4D4D4D;
	text-decoration: none;
	background-color: #f4f4f4;
	border:1px solid #465560;
}
#MCButtons2 a:hover { background-color: #c5c5c5; }
#MCFooter1 { background: url(images/m_bottom_left.gif) top left no-repeat; }
#MCFooter2 { background: url(images/m_bottom_right.gif) top right no-repeat; }
#MCFooter3 {
	margin-left: 10px;
	margin-right: 10px;
	height: 10px;
	font-size: 1px;		/* For IE6 */
	background: url(images/m_bottom_center.gif) bottom repeat-x;
}

/***********************************/
/** Courses Tree - Shopping Cart  **/
/**        courses.rails          **/
/***********************************/

/**     Shopping Cart     **/
#ShoppingCartContent
{
	background-color: #efefef;
}
#ShoppingCartContent h2
{
	font-size: 11px;
	font-weight: bold;
	padding-left: 3em;
}

/** Categories and Courses tree **/
#CourseTree { padding: 1em 0 2em 0; }
#CourseTree a { color: #666666; text-decoration: none; cursor: pointer; }
#CourseTree a:hover { text-decoration: underline; }
#CourseTree h1 
{
	font-size: 16px; 
	color: #53606d; 
	/*font-weight: bold;*/
	line-height: 25px;
	height: 25px;
	padding-left: 30px;
	background: url("images/icons/catalog.gif") no-repeat left;
}
#CourseTree ul { margin: 2px 0; padding: 0 0 0 30px; }
#CourseTree li
{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden; /* Solves extra vertical space in IE7 */
	clear: left;
}
#CourseTree li span.list_element { font-size: 12px; line-height: 20px; height: 20px; display: block; margin: 0; padding: 0 0 0 22px; float: left; }
* html #CourseTree li span { display: inline-block; } /* Solves extra vertical space in IE6 */
#CourseTree li span.cat_minimized { background: url("images/icons/cat_minimized2.png") no-repeat left; }
#CourseTree li span.cat_maximized { background: url("images/icons/cat_maximized2.png") no-repeat left; }
#CourseTree li span.cat_empty { background: url("images/icons/cat_empty2.png") no-repeat left; }
#CourseTree li span.course_minimized { background: url("images/icons/course_minimized2.png") no-repeat left; }
#CourseTree li span.course_maximized { background: url("images/icons/course_maximized2.png") no-repeat left; }
div.treeLevelContainer1, div.treeLevelContainer2 { margin: 0; padding: 0; clear: left; }
div.courseDataContainer
{
	float: left;
	clear: left;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;	
	overflow: hidden;
	font-size: 10px;	
}
* html div.courseDataContainer { display: inline-block; float: none; }
div.treeCourseData
{
	overflow: hidden;
	padding-left: 5px;
	background-color: #efefef;
}
* html .treeCourseData { display: inline-block; }
div.treeCourseData img 
{ 
	border: none;
	margin-right: 10px;
    max-width: 100px;
}
div.treeCourseData h2 { color: #3E4466; font-size: 16px; font-weight: bold; margin: 0; }
div.treeCourseData h3 { color: #3E4466; font-size: 12px; font-weight: bold; display: inline; }
table.courseAvailableGroups td a { color: #4C4C4C; }
table.courseAvailableGroups td a:hover { color: #A07C00; }
table.courseAvailableGroups td span.oldPrice { text-decoration: line-through; font-size: 10px; }
table.courseAvailableGroups td span.newPrice { font-size: 10px; color: #A07C00; }
table.courseAvailableGroups td span.freePrice { font-size: 12px; color: #A07C00; font-weight: bold; }
div.treeCourseData strong { font-weight: bold; font-size: 10px; }
div.treeCourseGroupsContainer
{
	clear: left;
	overflow: hidden;
	padding-left: 5px;
	background-color: #efefef;
}
div.courseGroupsContainer { margin: 0; padding: 0; }
div.treeCourseDataImage { float: left; }
table.courseAvailableGroups th, .courseAvailableGroups td
{
	color: #4C4C4C;
	font-size: 11px;
	padding: .1em .5em;
	text-align: left;
	border-bottom: dotted 1px #4C4C4C;
	line-height: 16px;
}
table.courseAvailableGroups td.groupData 
{ 
	padding-left: 1em; 
	background-color: #FEF1CF; 
	border-left: 1px dotted #4C4C4C; 
	border-right: 1px dotted #4C4C4C; 
}
#CourseTree table.courseAvailableGroups thead th.check span { display: none; }
table.courseAvailableGroups th { border-bottom: solid 1px #4C4C4C; font-weight: bold; }
table.courseAvailableGroups tbody tr.selectedGroup { background: #8CC3E6; }
div.treeCourseGroupImage { float: left; margin: 2px 4px 2px 0; }
div.treeCourseInfo p { text-indent: 0; }

/**    ShoppingCart Summary     **/
span.info 
{ 
	display: block;
	margin: 3px 0;
	overflow: hidden;
	background: url(images/icons/info20x20.gif) left top no-repeat;
	padding-left: 23px;
	line-height: 20px;
	padding-bottom: 6px;
	font-style:italic; 
}
span.info a { text-decoration: underline; }
div.shoppingCartTableContainer ul { list-style-type: none; margin-bottom: 5px; }
div.shoppingCartTableContainer ul li { padding-left: 15px; }
div.shoppingCartTableContainer p { margin-bottom: 5px; }
div.shoppingCartTableContainer strong { font-weight: bold; color: #4d4d4d; }

/*******Shopping Cart Table*******/
div.shoppingCartTableContainer { width: 90%; margin: 0 auto; overflow: hidden; padding: 10px; }
* html div.shoppingCartTableContainer { display: inline-block; }
table.shoppingCart 
{
	/*table-layout: fixed;*/
	font-size: 10px;
}
table.shoppingCart thead th { border-bottom: solid 1px #4d4d4d; }
table.shoppingCart tfoot td { border-top: solid 1px #4d4d4d; font-weight: bold; }
table.shoppingCart td, table.shoppingCart th { padding: 2px 10px; text-align: right; }
table.shoppingCart td.remove { text-align: right; width: 20px; }
table.shoppingCart td.title, table.shoppingCart th.title { text-align: left; }
table.shoppingCart tr.odd { background-color: #F5E2A9; }
table.shoppingCart a.remove 
{
	display: block;
	background: url("images/icons/remove.png") no-repeat right;
	width: 100%;
	height: 16px;
}
table.shoppingCart a.continue
{
	display: block;
	float: right;
	line-height: 18px;
	margin: 5px 0 0 0;
	padding: 0 2em;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	color: #4c4c4c;
	height: 18px;
	border: solid 1px #465560;
	background: url("images/button_bg.gif") left repeat-x;
}
table.shoppingCart a.continue:hover
{
	background: url("images/button_bg2.gif") left repeat-x;
}
/** Shopping Cart Panel **/
/*#ShoppingPanel 
{ 
	position: fixed; 
	width: 200px;
	padding: 2px 0;
	text-align: right; 
	background-color: #FFFFFF; 	
}
#ShoppingPanelTotal
{
	padding: 5px;		
	border-top: solid 1px #ACACAC;
	border-right: solid 1px #ACACAC;
}
#ShoppingPanelNum
{
	padding: 5px;
	border-right: solid 1px #ACACAC;
	border-bottom: solid 1px #ACACAC;	
}
* html #ShoppingPanel { display: none; }*/ /* IE6 don't support position fixed */

/******************************/
/**      Round corners       **/
div.round1_t  { background: #efefef url("images/round/round1_t.gif") repeat-x top; }
div.round1_b  { background: Transparent url("images/round/round1_b.gif") repeat-x bottom; }
div.round1_l  { background: Transparent url("images/round/round1_l.gif") repeat-y left; }
div.round1_r  { background: Transparent url("images/round/round1_r.gif") repeat-y right; }
div.round1_tl { background: Transparent url("images/round/round_tl.gif") 0 0 no-repeat; }
div.round1_tr { background: Transparent url("images/round/round_tr.gif") 100% 0 no-repeat; }
div.round1_bl { background: Transparent url("images/round/round_bl.gif") 0 100% no-repeat; }
div.round1_br { background: Transparent url("images/round/round_br.gif") 100% 100% no-repeat; }
div.round1_DataContainer { padding: 8px; }
* html #ShoppingCartContainer div { display: inline-block; }


/************** Forms style ***************/
/* Formmulary container */
#Formulary 
{
	overflow: hidden;
	background-color: #f4f4f4; 
	margin: 0 15px 10px 15px;
	padding: 0 0 11px 0;
	background-image: url("images/shadow1.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}
div.loginPanel { padding: 10px 5px; text-align: right; }
/* Forms */
div.formBlock {
	/*margin: 0 15px 0 15px;*/
	padding: 10px;
	background-color: #f4f4f4;
	font-size: 10px;
}
div.formBlock + div.formBlock, div.infoBlock + div.infoBlock { border-top: 1px solid #4d4d4d; }
* html div.formBlock { border-top: 1px solid #4d4d4d; } /* For IE6 and lower only */
* html div.formBlockFirst { border-top: 0; } /* For IE6 and lower only */
* p
{
	padding-top: .2em;
	padding-bottom: .2em;
}
fieldset { padding: 0; border-style: none; }
legend, div.infoBlock span.legend 
{
	display: block;
	padding: 5px 0 5px 0;  
	color: #4C4C4C;  
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 1em;
}
span.legend { /* out of div.infoBlock, with no border-bottom */
	display: block;
	padding: 5px 0 5px 15px;  
	color: #4C4C4C;  
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 1em;
}
div.legend {  
	padding: 10px 0 5px 15px;
	/*border-top: solid 1px #4d4d4d;*/
	color: #4C4C4C;  
	font-weight: bold;
	font-size: 12px;
}
#Formulary legend {  
	padding: .5em 15px 0;  
	color: #4C4C4C;  
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 1em;
}
div.formBlock input { width: 300px; font-size: 10px; text-align: left; }
div.formBlock input.checkbox { width: auto; }
div.formBlock input.long { width: 500px; }
div.formBlock select { width: 305px; font-size: 10px; }
div.formBlockRow .HtmlEditor { float:left; width: 500px; }
div.formBlock select.long { width: 505px; }
div.formBlock select.nowidth { width: auto; }
div.formBlock textarea { width: 500px; font-size: 10px; font-family: Verdana; height: 6em; }
span.inlineinput input { width: auto }
div.formBlock textarea.long { width: 500px; font-size: 10px; font-family: Verdana; height: 12em; }
fieldset input.radioButton { width: auto; margin-left: 2em; vertical-align: middle; }
fieldset.formButtons {
	background-color: #f4f4f4;
	margin: 4px 15px 0 15px;
	padding: 5px 10px 5px 20.5em;
	text-align: left;
}
fieldset.formButtons input {
	height: 19px; 
	margin-right: 25px; 
	font-size: 11px;
	width: auto;
}
span.formError {
	display: block;
	color: Red;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
.validation-advice 
{
	color: red;
	margin-left: 21em;
}
div.formBlockRow { margin-bottom: 10px; line-height: 18px; overflow: hidden; }
div.formBlockRow label, div.formBlockRow .label {
	float: left;
	clear: left;
	width: 20em;
	text-align: right;
	font-weight: bold;
	margin-right: 1em;
}
div.formBlockRow label.radioLabel {
	float: none;
	clear: none;
	width: auto;
	padding: 0;
	text-align: left;
	font-weight: normal;
}
div.formAlert 
{
	float: left;
	clear: left;
	margin-left: 21em;
	font-weight: bold;
}

#WizardButtons 
{
	margin-top: 10px;
	text-align: center;
}
input.wizardButton
{
	margin: 0;
	padding: 0;
	width: 10em;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	color: #4c4c4c;
	height: 20px;
	border: solid 1px #4d4d4d;
	background: url("images/button_bg.gif") left repeat-x;
}
input.wizardButton:hover
{
	background: url("images/button_bg2.gif") left repeat-x;
	cursor: pointer;	/* hand-shaped cursor */
	cursor: hand;		/* same for IE 5.x */
}
div.blockButton
{
	float: left;
	margin-left: 21em;
	margin-bottom: 12px;
}
#StartDate, #EndDate
{
	display: none;
}

/* Info blocks into forms */
div.infoBlock {
	/*margin: 15px 10px 10px 10px;*/
	margin: 15px 0 10px;
	padding: 5px 15px;
	font-size: 10px;
	overflow: hidden;
}
div.infoBlockRow a { color: #4C4C4C; text-decoration: none; font-weight: bold; }
div.infoBlockRow a:hover { text-decoration: underline; }
div.infoBlockRow { line-height: 18px; margin-bottom: 10px; clear: left; overflow: hidden; }
div.infoBlockRow .label 
{
	float: left;
	clear: left;
	width: 20em;
	text-align: right;
	font-weight: bold;
	margin-right: 1em;
}
div.infoBlockMultiline { margin-left: 21em; /* label width + label margin-right */ }
div.oddInfoBlockMultiline 
{
	margin: .5em 0 1.5em 21em;
/* 	background-color: #FEFAF0; 	 */
	padding: 0 .5em; 
}
* html div.infoBlockMultiline { margin-left: 21.4em; } /* For IE6 and lower only */
form h2 { font-size: 12px; margin: 10px; }
div.infoBlock select { width: 305px; font-size: 10px; }
a.wizardButton
{
	display: block;
	float: left;
	line-height: 18px;
	margin: 5px auto;
	padding: 0 2em;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	color: #4c4c4c;
	height: 18px;
	border: solid 1px #4d4d4d;
	background: url("images/button_bg.gif") left repeat-x;
}
a.wizardButton:hover
{
	background: url("images/button_bg2.gif") left repeat-x;
}
span.info 
{ 
	display: block;
	margin: 3px 0;
	overflow: hidden;
	background: url(images/icons/info20x20.gif) left top no-repeat;
	padding-left: 23px;
	line-height: 20px;
	padding-bottom: 6px;
	font-style:italic; 
}

/*Nueva cabecera dexway*/
div#lmscabeceraLogo
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: rgb(66,74,82); 
    color: white; 
    min-height: 3em; 
    box-shadow: 0 0 0.25em black; 
    position:relative; 
    padding-top: 0.05em; 
    padding-left: 18px; 
    padding-right: 18px; 
    z-index: 3;
    min-width:960px;
}
table#tblLogo
{
    position: relative; 
    width: 100%; 
    min-height: 3em;
}
table td#tdLogo, table td#tdLogo2
{
    width: 1px; 
    padding-left: 0.5em;
}
table td#tdLogo img
{
    /*background-color: white; */
    height: 3em; 
    width: auto; 
    margin-top: 0.1em; 
    margin-bottom: 0.1em; 
    display: block;
}
table td#tdLogo2 img
{
    max-height:55px;
}
table td#tdMigas
{
    font-size: 1.5em
}