/**********************************************************************************/
/* MASTER PAGE LAYOUT */
/**********************************************************************************/

* {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
}

.body {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	color: #606060;
	margin:5px 20px 0 20px;
	background:url(../img/bg.jpg) top left repeat-x #4193c2;
}

.mainContainer {
	width:910px;
}

.toolbarBg {
	background:url(../img/imgToolbarBg.gif) repeat-x top left;
	height:38px;
	color:#d7d7d7;
	vertical-align:middle;
}
.toolbarBg img {
	border:0;
}
.toolbarBg {
	background:url(../img/imgToolbarBg.gif) repeat-x top left;
	height:38px;
	color:#d7d7d7;
	vertical-align:middle;
}
.toolbarBg img {
	border:0;
}
/**********************************************************************************/
/* HEADER STYLES */
/**********************************************************************************/
.header {
	background:url(../img/imgFranjaHeader.gif) repeat-x top left;
	vertical-align:bottom;
	height:144px;
}
.systemLogo {
	width:245px;
	text-align:left;
	background:url(../img/imgSystemLogo2.gif) no-repeat top left;
	height:144px;
}
.systemLogo img {
	width:245px;
	height:144px;
	border:0;
}
.systemNameBg {
	vertical-align:bottom;
	padding-bottom:35px;
}
.systemName {
	font-family: Arial Narrow;
	color:#ff7e00;
	font-size:26px;

}
.system {
	padding-bottom:25px;
}
.systemDescription {
	color:#FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size:10px;
}
.companyLogo {
	width:40%;
	text-align:right;
	background:url(../img/imgLogoXM.gif) top right no-repeat;
	height:144px;
	vertical-align:top;
}
.companyURL{
	text-align:right;
}
.companyURL img {
	width:285px;
	height:84px;
	border:0;
}
.headerToolbar {
	padding-right:30px;
	text-align:right;
	color:#FFF;
	height:37px;
}
.headerToolbar a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}




/**********************************************************************************/
/* CONTENT BODY STYLES */
/**********************************************************************************/

.contentBodyRightSimulacion {
	background:url(../img/imgBodyStrokeRightSimulacion.gif) top right no-repeat;
	height:290px;
	vertical-align:top;
	padding-right:20px;
	padding-left:20px;
}
.contentBodyRight {
	background:url(../img/imgBodyStrokeRight.gif) top right no-repeat;
	height:290px;
	vertical-align:top;
	padding-right:20px;
	padding-left:20px;
}
.contentBodyLeftSimulacion{
	background:url(../img/imgBodyStrokeLeftSimulacion.gif) top left no-repeat #FFF;
	height:290px;
	vertical-align:top;
}
.contentBodyLeft {
	background:url(../img/imgBodyStrokeLeft.gif) top left no-repeat #FFF;
	height:290px;
	vertical-align:top;
}
.content 
{
	background:#FFFFFF;
	vertical-align:middle;	

}


/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/
.MenuBarHerope
{	
	cursor: pointer;		
	background-image:url(../img/imgMenuLink2.gif);
	background-repeat:no-repeat;	
	background-position:top left;	
	padding: 10px 10px 10px 20px;
	color: #e5500b;
	font-weight:bold;
	text-decoration: none;
	text-align:left;

}

.MenuBarHerope A:link
{	
	background-image: none;
}

.MenuBarHeropeHover
{
	background: url(../img/imgMenuLinkOver2.gif) top left no-repeat;
	padding: 10px 10px 10px 20px;	
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
}

.SubmenuBarHerope
{
	border: 1px solid #CCC;
	display: block;
	cursor: pointer;
	background:#FFF !important;
	
	color: #4194c4;
	font-size:11px;
	font-weight:normal !important;
	text-transform:none;
	text-decoration: none;
}

.SubmenuBarHerope A:link, .SubmenuBarHerope A:visited
{	
	display: block;
	cursor: pointer;
	background:#FFF !important;
	padding: 6px 10px 6px 10px !important;
	color: #4194c4;
	font-size:11px;
	font-weight:normal !important;
	text-transform:none;
	text-decoration: none;
}

.SubmenuBarHerope A:hover
{	
	background: #4194c4 !important;
	color: #FFF !important;
	font-size:11px !important;
	text-decoration: none !important;
}

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
	
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background:url(../img/imgMenuLink2.gif) top left no-repeat;
	padding: 10px 10px 10px 36px;
	color: #e5500b;
	font-weight:bold;
	text-decoration: none;
	text-align:left;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background:url(../img/imgMenuLinkOver2.gif) top left no-repeat;
	color:#FFF;
	text-decoration: none;
	text-align:left;
}
/* Menu child items*/
ul.MenuBarHorizontal ul a {
	display: block;
	cursor: pointer;
	background:#FFF !important;
	padding: 6px 10px 6px 10px !important;
	color: #4194c4 !important;
	font-size:11px;
	font-weight:normal !important;
	text-transform:none;
	text-decoration: none;
}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
}
ul.MenuBarHorizontal ul a:hover, ul.MenuBarHorizontal ul a:focus {
	background: #4194c4 !important;
	color: #FFF !important;
	font-size:11px !important;
	text-decoration: none !important;
}


/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	display: block;
	cursor: pointer;
	background:url(../img/imgMenuLink2.gif) top left no-repeat;
	padding: 10px 10px 10px 36px;
	color: #e5500b;
	font-weight:bold;
	text-decoration: none;
	text-align:left;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background:url(../img/imgMenuLinkOver2.gif) top left no-repeat;
	color:#FFF;
	text-decoration: none;
	text-align:left;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background: #FFF;
	}
}

/**********************************************************************************/
/* FOOTER STYLES */
/**********************************************************************************/


.footerLeft {
	background:url(../img/imgFooterShadowLeft2.gif) no-repeat top left;
	height:120px;
}
.footerRight {
	background:url(../img/imgFooterShadowRight2.gif) no-repeat top right;
	height:120px;
}
.credits {
	width:50%;
	padding-left:25px;
	height:81px;
}
.credits img {
	border:0;
	margin:15px 0 0 35px;
}
.groupLogo {
	width:50%;
	text-align:right;
	height:81px;
}
.groupLogo img {
	border:0;
	margin:22px 25px 0 0;
}
.companyInformation {
	text-align:center;
	color:#FFF;
	padding-top:10px;
}