body      { color: #4c4c4c; font: 11px/1.5em Arial, Helvetica, SunSans-Regular, sans-serif; background: #fff; margin: 0; padding: 0; min-width: 780px }
* {
	margin: 0;
}
.left { float: left; }
.right { float: right; }
ul {
	margin: 0; 
	padding: 0;
}
li {
	margin-left: 2em;
	padding: 0;
}
.nodisplay { display: none; }
.bold { font-weight: bold; }
p { text-indent: 2em; }

/* Top images and logos */
#TopPanel 
   { background: #000 url("images/cae_header.jpg") no-repeat left bottom; white-space: nowrap; height: 145px; overflow: hidden }
#TopPanelRight 
   { background: #000 url("images/cae_header_izq.jpg") no-repeat left bottom; text-align: center; margin-left: 740px; height: 145px }
#TopPanelRight img  { vertical-align: bottom }

#Head0  { }
#Head1  { margin-left: 198px; padding-left: 2px }

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

#Body0   { background-color: #000000 }
#Body1    { background-color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; margin-left: 200px }
#ViewContainer    { background: url("imagenes%20puzzle/body1.png") no-repeat left top; padding: 25px 9px 0 18px; overflow: hidden }
* html #ViewContainer { display: inline-block; }

/* Menu */
#Menu     { color: #fff; background: #000; padding-bottom: 140px; position: absolute; top: 139px; left: 0; width: 200px }

#LoginPanel    { background-color: #000000; background-image: url("imagenes%20puzzle/cabecera_noticias.png"); background-repeat: no-repeat; background-position: center top; margin-top: 10px; padding-top: 25px; height: 119px }
#LoginPanel form  { color: #333333; font: 11px "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; padding: 6px }
#LoginPanel label   { color: #b5b5b5; margin-top: 5px; margin-left: 5px; width: 74px; float: left }
#LoginPanel input  { color: #333333; font: 11px Verdana; margin-top: 4px; margin-left: 5px; width: 100px; height: 15px; float: left; border: 0 }
#LoginPanel input.loginbtn    { font: 10px Verdana; background-image: url("imagenes%20puzzle/in.png"); background-repeat: no-repeat; background-position: left top; cursor: pointer; margin-top: 18px; margin-left: 70px; padding-bottom: 5px; padding-left: 25px; width: 60px; height: 18px; float: left }
#LoginPanel br { clear: both; }

span.loginError {
	color: #9C0D0D; /*#8F0A0A;*/
	font-weight: bold;
	line-height: 22px;
}

#MenuPanel     { font: 12px Arial, "Trebuchet MS", Helvetica, SunSans-Regular, sans-serif; background-image: url("imagenes%20puzzle/menu_a.png"); background-repeat: no-repeat; background-position: left top; margin-left: 5px; padding-top: 5px }
#MenuPanel ul  { background-repeat: repeat-y; background-position: left bottom; list-style: none; padding: 0 }
#MenuPanel li  { font-weight: bold; background-repeat: repeat-y; background-attachment: scroll; background-position: left center; display: block; margin: 0; height: 20px }
#MenuPanel ul li span, #MenuPanel ul li a.selectedOption 
  { color: #fff; text-decoration: none; background-image: url("imagenes%20puzzle/bola.png"); background-repeat: repeat-y; background-attachment: scroll; background-position: left top; display: block; padding: 2px 0 0 20px; height: 20px }
#MenuPanel ul li a    { color: #b5b5b5; text-decoration: none; background-image: url("imagenes%20puzzle/menu.png"); background-repeat: repeat-y; background-attachment: scroll; background-position: left top; display: block; padding: 2px 0 0 20px; height: 20px }
#MenuPanel ul li a:hover   { color: #fff; font-weight: bold; text-decoration: none; height: 20px }
#MenuPanel ul li.LastItem   { }
#MenuPanel ul li.SubOption a  { font-weight: normal; padding-left: 20px }
#MenuPanel ul li.SubOptionLast a    { font-weight: normal; background-image: url("imagenes%20puzzle/menu_b.png"); background-repeat: no-repeat; background-position: left top; padding-left: 20px }

#LegalPanel   { font: 11px/1.5em Verdana; background-image: url("imagenes%20puzzle/cabecera_noticias.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-align: left; padding: 25px 10px 10px }
#LegalPanel a  { color: #b5b5b5; text-decoration: none }
#LegalPanel a:hover  { color: #fff }



/*** Init Page and Courses List ***/
.messageInfo 
{
	font-size: 12px;
	text-align: center;
	color: #4C4C4C;
}
.initBlock {
	background-color: #FFFFF8;
	margin-bottom: 18px;
	margin-right: 9PX;
	overflow: hidden;
	display: inline-block; /* Solve height problem in IE6 */
}
* html .initBlock { padding-bottom: 10px; } /* For IE6 and lower only */
.initBlock a { color: #4C4C4C; text-decoration: none; }
.initBlock a:hover   { color: #e3007a }
.initBlockHeaderLink a { font-size: 11px; }
.initBlockColElement a { font-size: 12px; text-decoration: underline; }
.initBlockHeader   { color: #fff; font-size: 18px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 20px; background: #ffffff url("imagenes%20puzzle/cabecera_color.png") no-repeat right top; text-transform: capitalize; padding-top: 15px; height: 45px; overflow: hidden }
.initBlockHeaderIcon  { margin-left: 5px; padding-left: 5px; float: left }
.initBlockHeaderLink { padding-right: 5px; text-align: right; }
.initBlockContent { padding: 0 5px 10px; overflow: hidden; }
.initBlockLine { overflow: hidden; }
* html .initBlockLine  { }
.initBlockLeftCol { float: left; width: 49%; clear: left; }
.initBlockRightCol { float: right; width: 49%; clear: right; }
.initBlockColElement   { background: url("imagenes%20puzzle/p02.jpg") no-repeat left top; padding-left: 20px }
.initBlockColSubElement { padding-left: 15px; }

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

/** Latest news list **/
div.newTitle  { color: #333; font-size: 15px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold }
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; }
div.newText a  { color: #a06da7; font-size: 11px }
div.newText a:hover  { color: #e3007a }

/**     Latest courses     **/
div.courseTitle {  }
div.courseTitle a 
  { color: #333; font-size: 15px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; display: block; padding-left: 2px }
div.courseTitle a:hover  { color: #df0e00; font-weight: bold }
div.courseCat { font-size: 10px; font-weight: bold; padding-left: 2px; }
div.courseDesc { overflow: hidden; font-size: 11px; margin-left: 15px; text-align: justify; }
div.courseImg { float: left; margin: 2px 5px 4px 0px; }

/**   news.rails   **/
div.newsTitle 
 { color: #4c4c4c; font-size: 12px; background: #d9c7d8 url("images/sheet.gif") no-repeat 4px 50%; padding: 2px 5px 1px 20px; overflow: hidden; border-bottom: 1px dotted #a06da7 }
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  { color: #a06da7; font-size: 11px }
div.newsText a:hover  { color: #e3007a }
div.newsPagination { text-align: center; font-size: 11px; color: #4C4C4C; font-weight: bold; }
div.newsPagination a  { color: #a06da7; text-decoration: none }
div.newsPagination a:hover  { color: #e3007a }

/* Course Details */
#CourseContainer
{
	margin: 5px 20px;
	padding: 0;
}
#CourseContainer h4
{
	font-size: 11px;
	font-weight: bold;
	color: #6C6C6C;
}
#CourseNameContainer
 { color: #fff; background-image: url("imagenes%20puzzle/cabecera_color.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; margin-bottom: 5px; padding: 10px 25px 0 15px; height: 35px; overflow: hidden }
#CourseName h2
  { color: #fff; font-size: 16px; font-weight: bold }
#CourseCategory h3
 { color: #333; font-size: 12px; font-weight: bold }
#CourseImage
{
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
#CourseInfo
{
	/*border-bottom: solid 1px #000000;*/
	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
 { color: #fff; font-size: 16px; font-weight: bold; background: #e3007a url("imagenes%20puzzle/pesta_1.gif") no-repeat right top; display: block; margin: 10px 0 0; padding: 5px 5px 0; height: 20px }
#CourseContent h3
 { color: #6c6c6c; font-size: 13px; font-weight: bold; background: url("imagenes%20puzzle/p04.jpg") no-repeat left 50%; display: block; margin: 10px 0 0; padding-left: 20px }
#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 }

/* 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-color: #a06da7; margin-right: 10px; margin-left: 5px; height: 18px }

#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: 24px;
	background: url(images/m_top2_center.gif) top repeat-x;
	text-align: center;
}
#MCHeader23 h3  { color: #a06da7; font-size: 15px; font-weight: bold; line-height: 36px; background: url("images/m_body_center.gif") repeat-x 50% top }
#MCBody1 { background: url(images/m_body_right.gif) right repeat-y; }
#MCBody2  { background-color: #dcbfd5; 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  { background-color: #dcbfd5; text-align: right; margin-right: 4px; padding: 10px 15px }
#MCButtons2 p {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #4D4D4D;
}
#MCButton2  { background-color: #dcbfd5; text-align: center; margin-right: 4px; padding: 10px 15px }
#MCButton2 a  { color: #fff; font-size: 11px; font-family: Verdana; font-weight: bold; line-height: 16px; text-decoration: none; background-color: #a06da7; padding: 3px 6px }
#MCButton2 a:hover  { color: #4d4d4d; background-color: #f7e2f6 }
#MCButtons2 a  { color: #fff; font-size: 11px; font-family: Verdana; font-weight: bold; line-height: 16px; text-decoration: none; background-color: #a06da7; margin-left: 15px; padding: 3px 10px; width: 35px }
#MCButtons2 a:hover  { color: #4d4d4d; background-color: #f7e2f6 }
#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: #f7e2f6 }
#ShoppingCartContent h2
{
	font-size: 11px;
	font-weight: bold;
	padding-left: 3em;
}

/** Categories and Courses tree **/
#CourseTree  { padding: 1em 0 2em }
#CourseTree a   { color: #333; text-decoration: none; cursor: pointer }
#CourseTree a:hover  { color: #333; font-weight: bold; text-decoration: none }
#CourseTree h1 
{
	font-size: 14px; 
	color: #4C4C4C; 
	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; display: block; margin: 0; padding: 0 5px 0 22px; height: 20px; float: left }
* html #CourseTree li span { display: inline-block; } /* Solves extra vertical space in IE6 */
#CourseTree li span.cat_minimized  { background: url("imagenes%20puzzle/p01.jpg") no-repeat left 50% }
#CourseTree li span.cat_maximized  { background: url("imagenes%20puzzle/p02.jpg") no-repeat left 50% }
#CourseTree li span.cat_empty  { background: url("imagenes%20puzzle/p03.jpg") no-repeat left 50% }
#CourseTree li span.course_minimized  { background: url("imagenes%20puzzle/p03.jpg") no-repeat left 50% }
#CourseTree li span.course_maximized   { background: url("imagenes%20puzzle/p04.jpg") no-repeat left 50% }
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
 { background-color: #fff; padding-left: 5px; overflow: hidden }
* html .treeCourseData { display: inline-block; }
div.treeCourseData img 
 { margin-right: 10px; border: none }
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: #a06da7 }
table.courseAvailableGroups td span.oldPrice { text-decoration: line-through; font-size: 10px; }
table.courseAvailableGroups td span.newPrice  { color: #a06da7; font-size: 10px }
table.courseAvailableGroups td span.freePrice  { color: #a06da7; font-size: 12px; font-weight: bold }
div.treeCourseData strong { font-weight: bold; font-size: 10px; }
div.treeCourseGroupsContainer
 { background-color: #fff; padding-left: 5px; clear: left; overflow: hidden }
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 
 { background-color: #f7e2f6; padding-left: 1em; border-right: 1px dotted #4c4c4c; border-left: 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: #a06da7 }
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  { color: #a06da7; font-weight: bold }

/*******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: 1px solid #a06da7 }
table.shoppingCart tfoot td  { font-weight: bold; border-top: 1px solid #a06da7 }
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: #dcbfd5 }
table.shoppingCart a.remove 
{
	display: block;
	background: url("images/icons/remove.png") no-repeat right;
	width: 100%;
	height: 16px;
}
table.shoppingCart a.continue
 { color: #4c4c4c; font-size: 10px; font-weight: bold; line-height: 18px; text-decoration: none; background: url("images/button_bg.gif") repeat-x left 50%; text-align: center; display: block; margin: 5px 0 0; padding: 0 2em; height: 18px; float: right; border-right: 1px solid #a06da7; border-left: 1px solid #a06da7 }
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: #fff url("images/round/round1_t.gif") repeat-x 50% 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 
 { background-color: #fff; margin: 0 15px 10px; padding: 0 0 11px; overflow: hidden }
div.loginPanel { padding: 10px 5px; text-align: right; }
/* Forms */
div.formBlock  { font-size: 10px; background-color: #fff; padding: 10px }
div.formBlock + div.formBlock, div.infoBlock + div.infoBlock  { border-top: 1px solid #a06da7 }
* html div.formBlock  { border-top: 1px solid #a06da7 } /* 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 #EBAD04;*/
	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: #a06da7; text-align: left; margin: 4px 15px 0; padding: 5px 10px 5px 20.5em }
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
 { color: #4c4c4c; font-size: 10px; font-family: Verdana; font-weight: bold; background: url("images/button_bg.gif") repeat-x left 50%; text-align: center; margin: 0; padding: 0; width: 10em; height: 20px; border-right: 1px solid #a06da7; border-left: 1px solid #a06da7 }
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
 { color: #4c4c4c; font-size: 10px; font-weight: bold; line-height: 18px; text-decoration: none; background: url("images/button_bg.gif") repeat-x left 50%; text-align: center; display: block; margin: 5px auto; padding: 0 2em; height: 18px; float: left; border-right: 1px solid #a06da7; border-left: 1px solid #a06da7 }
a.wizardButton:hover
{
	background: url("images/button_bg2.gif") left repeat-x;
}
span.info 
 { font-style: italic; line-height: 20px; background: url("images/icons/info20x20.gif") no-repeat left top; display: block; margin: 3px 0; padding-bottom: 6px; padding-left: 23px; overflow: hidden }