
/* Main Links */
.BlueMainHeading{ background:url(../images/lang-blue.gif) repeat-y; width:127px; height:118px; border-left:1px solid #fff; border-top:1px solid #fff; padding:0 15px; font:normal 12px Arial, Helvetica, sans-serif; text-transform:uppercase; }
.BlueMainHeading a{display:block; color:#FFFFFF; line-height:normal;}
.OrangeMainHeading{ background:url(../images/lang-orange.gif) repeat-y; width:126px; height:118px; border-left:1px solid #fff; border-right:1px solid #fff; border-top:1px solid #fff; padding:0 15px; font:normal 12px Arial, Helvetica, sans-serif; text-transform:uppercase;  line-height:13px;}
.OrangeMainHeading a{display:block; color:#FFFFFF;}
.PurpleMainHeading{ background:url(../images/lang-purple.gif) repeat-y; width:127px; height:118px; border-top:1px solid #fff; padding:0 15px; font:normal 12px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:13px;}
.PurpleMainHeading a{display:block; color:#FFFFFF;}

.greyLink1{ background:url(../images/home_menu_2_03.png) no-repeat left top;font:normal 12px Arial, Helvetica, sans-serif; text-transform:uppercase; height:35px; line-height:35px; padding:0 15px;} 
.greyLink1 a{ color:#FFFFFF; text-decoration:none;} 
.greyLink{ font:normal 12px Arial, Helvetica, sans-serif; text-transform:uppercase; height:33px; |height:32px; line-height:32px; border-left:1px solid #fff;border-top:1px solid #fff; padding:0 15px; background:#5b5b5b; display:block; vertical-align:middle;}
.greyLink a{ display:block; cursor:pointer; color:#FFFFFF; text-decoration:none;}

/* Hero image */
.heroimage{ width:465px; height:217px;position:relative; overflow:hidden;}
.heroimage .heroText{ position:absolute; font:bold 15px Arial, Helvetica, sans-serif; color:#000000; top:55px; left:15px; width:350px;}
.heroimage .heroText p{ line-height:17px; padding:0; margin:0;} 
.heroimage .heroText .imageheading{ font:bold 24px Arial, Helvetica, sans-serif; margin:0; padding:0;}
.heroimage .heroText .readmore a{ color:#767778;}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


.globalnav{ float:right; margin:0 15px 0 0 !important; margin:0 3px 0 0; }
.globalnav ul{ line-height:normal; margin:0; padding:0;}
.globalnav ul li{ padding:0; float:left; list-style:none; margin:0 10px 0 10px; display:block; position:relative;}
.globalnav ul li a{color:#666666; font:normal 11px Arial, Helvetica, sans-serif; text-transform:none;}
.globalnav ul li a.login{ background:url(../images/icon-login.gif) no-repeat right 5px; padding:5px 23px 2px 0; display:block;}
.globalnav ul li a.language{ background:url(../images/icon-language.gif) no-repeat right 5px; padding:5px 23px 2px 0; display:block;}
.loginpanel { position:absolute; width:195px; z-index:0; top:0px; |top:-2px; right:-9px!important; right:-11px;  margin:0; padding:0;}
.loginpanel .button{ background:url(../images/login-hover.png) no-repeat; padding:0 9px 0 0; width:60px; height:29px; float:right; position:absolute; top:0; right:0; z-index:2;}
*html .loginpanel .button{ background:url(../images/login-hover.gif) no-repeat; padding:0 9px 0 0; width:60px; height:29px; float:right; position:absolute; top:0; right:0; z-index:2;}
.loginpanel .button a.login{ background:url(../images/icon-login.gif) no-repeat right 5px; |background:url(../images/icon-login.gif) no-repeat right 7px; padding:5px 23px 2px 0; display:block; cursor:pointer; text-align:right;}
.loginpanel .loginpanelCont{background:#f0f1f0; border:1px solid #b5b5b6; clear:both; top:27px; right:3px !important; right:4px; position:relative; z-index:1; text-transform:none; font:normal 11px Arial, Helvetica, sans-serif; color:#666666; padding:10px;}
.loginpanel .loginpanelCont a img{ margin:0 2px 0 0;}
.loginpanel .loginpanelCont input{ width:100px; height:12px; font-size:9px; background:url(../images/input-bg.gif) repeat-x; border:1px solid #989898;}

/* Language Panel */
.languagepanel { position:absolute; width:195px; z-index:0; top:0px; |top:-2px; right:-9px!important; right:-11px;  margin:0; padding:0;}
.languagepanel .button{ background:url(../images/language-hover.png) no-repeat right top; padding:0 9px 0 0; width:80px; height:29px; float:right; position:absolute; top:0; right:0 !important; right:1px; z-index:2;}

*html .languagepanel .button{ background:url(../images/language-hover.gif) no-repeat right top; padding:0 9px 0 0; width:80px; height:29px; float:right; position:absolute; top:0; right:0 !important; right:1px; z-index:2;}

.languagepanel .button a.language{ background:url(../images/icon-language.gif) no-repeat right 5px; |background:url(../images/icon-language.gif) no-repeat right 7px; padding:5px 23px 5px 0; |padding:7px 23px 5px 0; display:block; cursor:pointer; text-align:right;}
.languagepanel .languageCont{background:#f0f1f0; border:1px solid #b5b5b6; clear:both; top:27px; right:3px !important; right:4px; position:relative; z-index:1; text-transform:none; font:normal 11px Arial, Helvetica, sans-serif; color:#666666; padding:5px 0;}

.languagepanel .languageCont ul{ clear:both; line-height:normal;}
.languagepanel .languageCont ul li{ display:block; margin:0; padding:0; width:194px; float:none; cursor:pointer;}
.languagepanel .languageCont ul li a{ padding:3px 8px; color:#666666; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; display:block;}
.languagepanel .languageCont ul li a:hover, .languagepanel .languageCont ul li:hover{ color:#ffffff; display:block; background:#8c8c8c;}
/* Left Navigation */
#leftNav{ width:154px; padding:0 0px; float:left; border-top:1px solid #cccccc; overflow:hidden;}
#leftNav h2 {
	background:url(../images/back-arrow-full.gif) 5px 8px no-repeat;
	border-bottom:1px solid #999999;
	font:bold 13px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0;
	text-align:left;
	padding:5px 0 5px 5px;
	margin:8px 8px 0 8px;
}
#leftNav h2 a {
	border:0;
	color:#ffffff;
	margin:0 0 0 15px;
}
#leftNav ul {
	text-align:left;
	margin:0 8px;
	line-height:normal;
	padding:0;
}
#leftNav ul li {
	overflow:hidden;
	padding:0 0 1px 0;
	margin:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #999999;
}
#leftNav ul li a {
	margin:1px 0 0 0 ;
	display:block;
	color:#ffffff;
	padding:4px 7px 4px 14px;
}
#leftNav ul li a:hover, #leftNav ul li.selected a, #leftNav ul li a.selected {
	background:#dddedc;
	color:#000000;display:block;
	font:bold 12px Arial, Helvetica, sans-serif;
}
#leftNav ul li h3 {
	font-size:1.077em;
	font-weight:bold;
	text-align:left;
	margin:0;
}
#leftNav ul li h3 a {
	color:#000000;
	text-align:left;background:#dddedc;
	padding:4px 0 5px 8px;
}
#leftNav ul li h3 a:hover, #leftNav ul li h3 a.selected {
	background:#dddedc;
	color:#000;
}
        





a.pdf{ background:url(../images/Oficina-PDF-16x16.png) no-repeat 0 0; color:#000000; text-decoration:none; padding:0 0 0 20px; margin:0 5px 0 0;}

/*a.pdf:hover{ text-decoration:underline;}*/

a.ppt{ background:url(../images/ppt-icon.gif) no-repeat 0 0; color:#000000; text-decoration:none; padding:0 0 0 20px;margin:0 5px 0 0;}

/*a.ppt:hover{ text-decoration:underline;}*/
a.print { background:url('../images/print-16x16.gif') no-repeat 0 0; color:#000000; text-decoration:none; padding:0 0 0 20px;margin:0 5px 0 0;}


a.excel{ background:url(../images/icon_excel_16x16.gif) no-repeat 0 0; color:#000000; text-decoration:none; padding:0 0 0 20px;margin:0 5px 0 0;}

/*a.excel:hover{ text-decoration:underline;}*/

/* CSS Document */

.buttonGroup {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #507CD1;
	text-align: center;
	vertical-align: top;
	border: 0;
	background-color:#E5142F ;
	
	/*height: 22px;
	width: 80px;
	padding: 0px 2px 4px 2px;
	margin-left: 1px;
	line-height: 22px;*/
}

#popup{

	width:600px;	
	border:2px solid #ffd900;
	background:#FFFFFF;
	position:relative;
	margin:20px auto;
	z-index:1000;
}
#popup .closeButton{
	position:absolute;
	right:0px;
	top:10px;
	padding:0 10px 0 0;
	cursor:pointer;
}
#popup .closeButton a{
	font:normal 11px Arial, Helvetica, sans-serif;
	background:url(../images/icon-close-a.gif) no-repeat right;
	text-transform:lowercase;
	text-decoration:none;
	border:none;
	padding:0 17px 0 0;
	color:#999999;
}
#popup .closeButton a:hover{
	text-decoration:underline;
	background:url(../images/icon-close-h.gif) no-repeat right;
	color:#999999;
	padding:0 17px 0 0;
}

/*input, select, textarea
{
	border:1px solid #999;
	float:left;
	color:#666666;
	/*margin-bottom:1em;
	font:normal 11px Arial, Helvetica, sans-serif;
	}*/

#popup .content{
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:10px;
}
#popup .height1
{
	overflow:auto;
	height:450px;
}
#popup .content h4{
	font-size:1.5em;
	margin:5px 0 10px 0;
	font-weight:normal;
	color:#004fb6;
	border-bottom:1px dashed #92a8af;
	font-weight:bold;
	padding-bottom:3px;
}
.scroll{
	overflow:auto;
	height:480px;
	border:1px solid #ccc;
	padding:5px;
}

#divChangeAmount
{
/*	width:200px;
	background:#f4f4f4;
	border:1px solid #ccc;*/
	visibility:hidden;
	position:absolute;
	z-index:999;
	/*padding:5px;*/
}
#divChangeAmount table td
{
	margin:0;
	border:none;
	/*padding:5px;*/
}
#divChangeAmount img a:link
{
	border:none;}

/* Tooltip */

#theToolTip {
	border: 2px solid #cedede;
	position:relative;
	padding: 6px 0px 6px 10px;
	width:200px;
	background-color: #e7eded;
	position:relative;
 filter: progid:DXImageTransform.Microsoft.Shadow(color=gray, direction=135, strength=4);
}
#theToolTip .Tcont{
	margin:0 10px 0 0;
}

.close {
	float:right;
	clear:right;
	margin:0 5px 0 0;
}
.close a:link 
{
	border-bottom:none;}
.close img, .close img a:link {
	border:0;
}

/* Form */
.form{ clear:both; margin:10px 0 0 0; width:550px; margin:0 auto;}
.form table td { padding:5px;}



/*Popup CSS*/



.breadcrumb{ clear:both; position:absolute; left:160px; top:25px;}
.breadcrumb ul{list-style:none; margin:0; padding:0; color:#ffffff; }
.breadcrumb ul li{ float:left; margin:0 0 0 -10px; padding:0; font:normal 10px Arial, Helvetica, sans-serif; color:#ffffff;}
.breadcrumb li a, .breadcrumb li a:link{text-transform:uppercase; text-decoration:underline; background:url(../images/arrow-white.gif) no-repeat right 5px; padding:0 10px 0 0; color:#ffffff; }
.breadcrumb li a:hover {  color:#ffffff; text-decoration:none;}



.tb-gradient-230 {

                border: 1px solid #666666;

                background: transparent url('../images/Gradient.png') repeat-x left top;

                width: 230px;

                padding: 2px 2px 2px 5px;

                margin-left: 1px;

}

.tb-gradient-155 {

                border: 1px solid #666666;

                background: transparent url('../images/Gradient.png')  repeat-x left top;

                width: 155px;

                
                text-align:left;

                margin-left: 1px;

}

.tb-gradient-70 {

                border: 1px solid #666666;

                background: transparent url('../images/Gradient.png') repeat-x left top;

                width: 80px;

                padding: 2px 2px 2px 5px;

                margin-left: 1px;

}

.tb-gradient-100 {

                padding: 2px 2px 2px 5px;

                border: 1px solid #666666;

                background: transparent url('../images/Gradient.png')  repeat-x left top;

                width: 100px;

                margin-left: 1px;

                vertical-align: middle;

                line-height: 22px;

}

.tb-gradient-155-Home {

                background-position: center center;

                padding: 2px 2px 2px 5px;

                border: 1px solid #666666;

                background: transparent url('../images/Gradient.png') repeat-x left top;

                width: 155px;

                margin-left: 160px;

                vertical-align: middle;

                line-height: 22px;

                font-size: 13px;

                margin-bottom: 2px;

}

table {

                font-family: Arial, Helvetica, sans-serif;

                border-width: 0px;

                border-style: solid;

                padding: 0px;

                margin: 0px;

                vertical-align: top;

}

select {

                font-family: arial, Helvetica, sans-serif;

                font-size: 13px;

                width: 155px;

                padding: 0px;

                margin: 0px;
                text-align:left;

                border: 1px solid #666666;

                background: transparent url(../images/Gradient.png) repeat-x left top;

}

select.other {

                font-family: arial, Helvetica, sans-serif;

                font-size: 13px;

                width: 55px;

                padding: 0px;

                margin: 0px 5px 0px 0px;border: 1px solid #666666;

                background: transparent url('../images/Gradient.png') repeat-x left top;

}

textarea{

                border: 1px solid #666666;

                font:normal 12px Arial, Helvetica, sans-serif;

                background: transparent url('../images/Gradient.png') repeat-x left top;

}
/* Welome Message */

.welcome{ font-size:11px; float:right; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0 15px 0 10px !important; margin:0 8px 0 10px; padding:0 0 0 5px;}
.welcome span{ font-weight:bold;}
a.differentLink {

color:#333333;

}
