@import url(reset.css);

@import url(common.css);
/*ur@import url(eproducts.css);*/

/******* BODY ******/
body {
	background-color: #fff;
	height: 100%;	

}
hr 
{
    display:block;
}

.divider {border-top-color: #6d757b; border-top-style:solid; border-top-width:1px; border-left-width:0px; border-right-width:0px; border-bottom-width:1px;}
.news_detail {display:inline; color: #6d757b; font-family:Arial, Verdana; text-decoration:none; font-size:10pt;}
.news_date {font-family: Arial, Verdana; font-size:10pt; color: #cd525f; font-style: italic; font-weight: bold; display:inline;}

#document {
	/*height: 100%;
	min-width: 60em;*/
	padding:0; margin:0; min-height:500px; width:100%; background-repeat:repeat-x; background-image:url('../img/bg_hitlist.jpg'); background-repeat:repeat-x; background-color:#FFFFFF;
}

#document .hundertPercentWidth {
	width: 100%;
}

img {
	/*display: block;*/
}

/******* HEADER ******/
#header {
	background-color: #F0F0F0;
	/*width: 60em;*/
}

#header .headerFontSize {
	font-size: 0.6875em;
}

#corporateLogo {
	width:190px;
	background:none;
	height:160px;
	display:block;
	position:absolute;
	float:right;
	left: 48.15em;
	top:3.75em;
	z-index: 999;
}

#corporateLogo > img {
	width:11.88em;
	height:10em;
}

/* SERVICE */
#service {
	background-color: #F0F0F0;
	height: 1.8125em;
	font-family: Arial;
	overflow: hidden;
	padding-left: 12.5em;
	padding-top: 0.375em;
	width: 47.5em;
}

#service li {
	color: #535353;
	float: left;
}

#service li a {
	color: #535353;
}

#service .serviceFontSize {
	font-size: 0.625em;
}

.topBar_searchForm{
	background-color: #f0f0f0;
}

* html #service #searchForm {
	padding-top: 0.0625em;
}

#service #searchForm,
#serviceNav .serviceNavFirstLevel,
#service #langSwitch {
	line-height: 2em;
}

#service fieldset {
	line-height: 2em;
	color: #535353;
}

#service fieldset input {
	color: #535353;
}

#service #loupe {
	float: right;
	padding-right: 0.4375em;
	width: 4.1875em;
}

#service #loupe li {
	padding: 0.125em 0.1875em;
}

#service #loupe li img {
	vertical-align: top;
	width: 1em;
	cursor: pointer;
}


#service #identity {
	font-family: Helvetica;
	font-weight: bold;
	line-height: 1em;
}

#service #identity span {
	font-size: 0.75em;
}

#service #serviceNav {
	float: right;
}

#service #serviceNav .serviceNavFirstLevel a,
#service #search a,
#service #langSwitch a {
	padding: 0pt 1.09em;
}

#service a:hover {
	text-decoration: underline;
	font-weight:bold;
}


#stage {
	height: 10em;
	/*width: 60em;*/
	z-index: 10;
	overflow: hidden;
	/*width:100%;*/
	/*background-color:Blue;*/
	background-color: #E1E5E6;
}

#stage img,
#stage object,
#stage embed {
	height: 100%;
	/*width: 100%;*/
	
}

.home #stage {
	height: 21.25em;
	
}

/* Banderole */
#banderole {
	left: 1.25em;
	position: absolute;
	top: 0px;
	width: 10em;
}

#banderole {
	height: 13.75em;
}

.home #banderole {
	height: 25em;
}
#logo {
	position: absolute;
	top: 1.25em;
	z-index: 999;
	overflow:hidden;
}

#logo.stageLogo {
	left: 1.25em;
}

#logo img {
	height: 10em;
	width: 10em;
}


/* Sub Nav *** Need to add button configuration here */
#subNav {
	width: 10em;
	top: 0;
	left: 0;
	padding-bottom: 0.625em;
	line-height: 1em;
  
}

#subNav div.subNavInfo {
	color: #333333;
	font-weight: bold;
	padding: 2.56em 0 0.75em;/* 1.5625em;*/
 
}

#subNav div.subNavInfo a {
	font-size: 0.6875em;
}
#subNav div.subNavInfo a:hover {
	font-size: 0.6875em;
	text-decoration:none;
}

#subNav .firstNav {
	/*margin-left: 0.3125em;*/
	margin-right: 0.3125em;
}

#subNav li.navFirstLevel,#subNav li.navFirstLevelActive {
	/*padding-left: 0.75em;*/
	padding-right: 0.3125em;
}

#subNav li.navSecLevel,#subNav li.navSecLevelActive {
	/*padding-left: 0.6875em;*/
}

#subNav li.navThirdLevel,#subNav li.navThirdLevelActive {
	/*padding-left: 1em;*/
}

#subNav li.navFourthLevel,#subNav li.navFourthLevelActive {
	/*padding-left: 1.3125em;*/
}

#subNav li.navFirstLevel,#subNav li.navFirstLevelActive,#subNav li.navSecLevel,#subNav li.navSecLevelActive,#subNav li.navThirdLevel,#subNav li.navThirdLevelActive,#subNav li.navFourthLevel,#subNav li.navFourthLevelActive
	{
	list-style: none;
	margin: 0;
	padding-top: 0.125em;
	padding-bottom: 0.125em;
}

#subNav ul a {
	color: #333333;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 0.6875em;
	height: 100%;
	line-height: 1.2727em;
	padding-left: 1.36em;
}
/***Main Nav*****/
.headerFontSize
{
     /*border: 2px ridge black;*/
     width: 70%;
     /*background-color: #F0F0F0;*/     
     border-bottom-color:Red;
     padding-bottom:20px;     
}
.topNavFirstLevelActive
{
    font-size:large;
    text-align:center;                 
}

.topNavFirstLevelActive a:Hover
{    
    /*font-weight:bolder;
	text-decoration: underline;*/
}	

.buttongo
{
    border-left: 2px ridge black;
	border-right: 2px ridge #006666;
	border-top: 2px ridge black;
	border-bottom: 2px ridge #006666;
	background-color: #F0F0F0;     
    font-size:Medium;
    float:left;
    width:99px;
   
}
.buttoncenter
{
    border: 2px ridge black;
    width: 20%;
    background-color: #F0F0F0;     
    border-bottom-color:Red;
    border-right-color:Red;
    font-size:Medium;
}

/* active */
#subNav li.navFirstLevelActive a,#subNav li.navSecLevelActive a,#subNav li.navThirdLevelActive a,#subNav li.navFourthLevelActive a
{
	font-weight: bold;
}

/******* Content ******/
#mainWrap {
	margin-left: 2.25em;
	position: relative;
	display: inline-block;
    /*height: 100%;*/
    max-height:500px;
}

#menuMainWrap {
	position: absolute;
	top: 0em;
	left: 0em;
	width: 10em;    
}

/* padding modified */

#clearMainWrap {
	/*background: #fff;*/
	margin-left: 10em;
	padding-left: 2em;
	/*padding-left: 3.125em;*/
	padding-top: 2.5625em;
	height:100%;
	/*min-height: 1200px;*/
}

* html #clearMainWrap {
	/*height: 1200px;*/
}

#content {
	position: relative;
	font-family: arial;
	font-size: 0.68em;
	line-height: 1.28em;
	padding-bottom: 0.93em;
}

/* provide an anchor (floating and positioning) for grid content */

#content .gridContainer {
	position: relative;	
	overflow: visible;	
}

* html .gridContainer,
* html #content {
	float: left;
}

#content h1 {
	font-family: Helvetica;
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.04em;
	letter-spacing: 0em;
	margin-bottom: 0.125em;
	margin-top: 0.18em;
	color: #C50022;
}

#content h2 {
	font-family: Arial;
	font-size: 1.65em;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.11em;
	margin-bottom: 0.34em;
	margin-top: 0.18em;
}

#content h3 {
	font-family: arial;
	font-size: 1.29em;
	font-weight: bold !important;
	letter-spacing: 0em;
	line-height: 1.071em;
	margin-bottom: 0.428em;
	margin-top: 0.4285em;
}

#content h4 {
	font-family: arial;
	font-size: 0.999em;
	font-weight: bold !important;
	letter-spacing: 0em;
	line-height: 1.28em;
	margin-bottom: 0.428em;
	margin-top: 0.4285em;
}

/******** Picture Component ****/
#content .pictureComponent a {
	font-size: 1em;
}

#content .pictureComponent .size1x1 img,#content .pictureComponent .size1x1 embed,#content .pictureComponent .size1x1 object
	{
	height: 10.625em;
	width: 10.625em;
}

#content .pictureComponent .size1x2 img,#content .pictureComponent .size1x2 embed,#content .pictureComponent .size1x2 object
	{
	height: 21.875em;
	width: 10.625em;
}

#content .pictureComponent .size2x1 img,#content .pictureComponent .size2x1 embed,#content .pictureComponent .size2x1 object
	{
	height: 10.625em;
	width: 21.875em;
}

#content .pictureComponent .size2x2 img {
	height: 21.875em;
	width: 21.875em;
}

/*FORM ELEMENTS
----------------------------------------------------------*/
FIELDSET
{
	margin: 1em 0px;
	padding: 1em;
	border: 2px solid #CCC;
}
FIELDSET P
{
	margin: 2px 12px 10px 10px;
}
FIELDSET.login LABEL, FIELDSET.register LABEL, FIELDSET.changePassword LABEL
{
	display: block;	
}
FIELDSET LABEL.inline
{
	display: inline;
}
LEGEND
{
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px;
}
INPUT.textEntry
{
	width: 320px;
	border: 1px solid #CCC;
	background-color: White;
 	font-size:medium;
}
INPUT.passwordEntry
{
	width: 320px;
	border: 1px solid #CCC;
	font-size:large;
}
DIV.accountInfo
{
	/*width: 50%;*/
}
/*MISC
----------------------------------------------------------*/
.clear
{
	clear: both;
}
.title
{
	display: block;
	float: left;
	text-align: left;
	width: auto;
}
.loginDisplay
{
	font-size: 1.2em;
	display: block;
	text-align: right;
	padding: 10px;	
	/*color: #FFFFFF;*/	
}
.loginDisplay A:link
{
	/*color: #FFFFFF;*/
}
.loginDisplay A:visited
{
	/*color: #FFFFFF;*/
}
.loginDisplay A:hover
{
	/*color: #FFFFFF;*/
}
.failureNotification
{
	font-size: 1.2em;
	/*color: #FF0000;*/
}
.bold
{
	font-weight: bold;
}
.submitButton
{
	text-align: left;
	padding-left: 10px;
	font-size:medium;
	background-color:White;
    color:White;    
}
.textLabel
{
    font-size: inherit;
    font-weight:bold;
}
.failureNotification
{
	font-size:x-small;
	display: block;
	text-align: left;
	padding-left:10px;
	color:Red;	
}
#LoginUserValidationSummary
{
    color:Red;
}
#UpdateCalendar
{
    text-align:center;
    font-size:small;
}
#fieldborder
{
    width:350px;
}
#FieldsetActiInfo
{
    width:350px;
}
.navStretch
{
    
    font-size:large;    
    /*border-bottom-style:solid;
    border-bottom-width:thin;   
    border-top-style:ridge;
    border-top-width:thin;     
    left:0;
    width:100%;    
    border-color:White;
    background-color:#C50022;
    text-align:left;    
    padding-top:3px;
    padding-bottom:3px;*/           
}
.linkbutton
{
    font-weight:bold; 
    color:black;
    font-family: Helvetica;
    font-size:large;   
}
#dvGridCustomer
{
    width:100%;
    overflow:auto;
}
.txtReadOnly
{
    width: 160px;
    background-color:Yellow;
    color:Gray;
}
.textEntryCenter
{
    width: 320px;
	border: 1px solid #CCC;
	background-color: White;
 	font-size:medium;
 	text-align:center;
}
.textLabellarge
{
    font-size: inherit;
    font-weight:bold;
    font-size:large;
}
.textLabelmedium
{
    font-size: inherit;
    font-weight:bold;
    font-size:medium;
}
.dropListCenter
{
    width: 320px;
	border: 1px solid #CCC;
	background-color: White;
 	font-size:medium;
 	text-align:center !important;
 	list-style-type:circle;
    margin:0;
    padding:0;
}
.buttongolarge
{
    border-left: 2px ridge black;
	border-right: 2px ridge Red;
	border-top: 2px ridge black;
	border-bottom: 2px ridge Red;
	background-color: #F0F0F0;     
    font-size:small;
    float:left;
    width:43%;
}
.buttongoxlarge
{
    border-left: 2px ridge black;
	border-right: 2px ridge Red;
	border-top: 2px ridge black;
	border-bottom: 2px ridge Red;
	background-color: #F0F0F0;     
    font-size:small;
    float:left;
    width:75%;
}
.buttongosmall
{    
    border-left: 2px ridge black;
	border-right: 2px ridge Red;
	border-top: 2px ridge black;
	border-bottom: 2px ridge Red;
	background-color: #F0F0F0;     
    font-size: x-small;    
    width:90%;    
}
.buttongowizard
{
    border-left: 2px ridge black;
	border-right: 2px ridge Red;
	border-top: 2px ridge black;
	border-bottom: 2px ridge Red;
	background-color: #F0F0F0;     
    font-size: small;    
    width:100px; 
}
.gridcenter
{
	text-align:center;
	font-size:medium;
	background-color:#e899a7;
}
#footercontent
{
    left:225px;
    position:relative;
}

.chkbox label
{
    font-size:medium;
}

.footerLang
{
    position: relative; margin-top: 5px; font-family:Arial, Verdana; font-size:9pt;text-decoration:none; color:Black;
}
.imageFlag
{
    margin-right: 10px;
    margin-top:-4px;   
}
.imgLangWrapper
{
    float:left;
}

.footer {color:#FFFFFF; display:block; padding-left:225px; padding-top:3px; page-break-before:avoid; position: relative; float:left; font-family:Arial, Verdana; font-size:9pt; text-decoration:none; color:Black;}


#service #identity,
#service #identity a {
	color: #C50022;
}
.content {padding:0; margin:0; min-height:500px; width:100%; background-repeat:repeat-x; background-image:url('../img/bg_hitlist.jpg'); background-repeat:repeat-x; background-color:#FFFFFF;}

#mainWrap,
#banderole,
#banderole2 {
	/*background-color: #dc667a;*/
}

/* Sub Nav */
#subNav ul.firstNav{
	background-color:#e899a7;
}
#subNav ul.secNav {
	background-color: #eeb3bd;
}
#subNav ul.thirdNav {
	background-color: #f7d9de;
}
#subNav ul.fourthNav {
	background-color: #fbecef;
}
#subNav ul a:hover,
#subNav .navPoint a {
	background-image:url(../../img/red-blue/navpoint.gif);
	background-position:0px 1px;
	background-repeat:no-repeat;
}
#identity span,
#content .linkListComponent .linkListHeaderText {
	color: #C50022;
}
#content .linkListComponent .linkListHeaderIcon {
	background-color: #C50022;
}
#unten
{
    width:100%;   
    float:left;
    white-space:nowrap;
}

.news_cell {padding-left:11px; width:180px; padding-right:20px; vertical-align:top;}
	.news_header, .news_detail {display:inline; color: #6d757b; font-family:Arial, Verdana; font-size:10pt; text-decoration:none;}
	.divider {border-top-color: #6d757b; border-top-style:solid; border-top-width:1px; border-left-width:0px; border-right-width:0px; border-bottom-width:1px;}
	.news_date {font-family: Arial, Verdana; font-size:10pt; color: #cd525f; font-style: italic; font-weight: bold; display:inline;}
	.content_cell {padding-left:10px; vertical-align:top; font-family: Arial, Verdana; font-size:10pt; color:#FFFFFF;}
	.version_select {background-color:#cdd2d6; width:450px; padding:10px;}
	.selectv {width:300px;}
.left75Percent {    
    margin-right:25%;
    margin-left:0%;    
    position:absolute;
    
}
.right25Percent {
   position:absolute;
    margin-left:90%;
    margin-right:0%;
    text-align:left;
    width:30%;
}
#wrapfornewlinks {
    position:relative;
    break-after:always;
    height:50%;
}
.hyperlink {
    color:blue;  
    font-size:medium;  
    line-height:130%;   
}
#MainContent_LoginView_UpdatePanelApplication {    
    min-width:800px;

}
#MainContent_LoginView_UpdatePanelVersion {
    padding-top:10%;
}