body{
background-image:url('../img/bg/bg.png');
background-repeat:no-repeat;
background-color:#B7C9C9;
margin-top:0px;

}

#ui-datepicker-div{
 display:none!important;


}


#UI_BrowserNotGoodSection
{
    display: none;
    height: 120px;
    padding: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#versionBox{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
 color:#FFF;

}

.UI_BrowserNotGoodSection_Content
{
padding: 10px;
background-color: #FFF;
border: 1px solid #333333;
}


.UI_BrowserNotGoodSection_Content a img
{
    border-style: none;
    margin-right:10px;
}








.License_AggreementHolder, .IcodisDownHolder
{
  width:780px;
  padding:10px;
  overflow:auto;
  height:250px;
      border-style: solid;
    border-width: 1px;
    border-color: #ABADB3 #E3E9EF #E3E9EF #E3E9EF;   
    
}

.LicenseText, .IcodisDownText
{
  font-family:Verdana;
  font-size:12px;
  color:#333333;   
}



.PopUp_Header{ font-size:18px; color:#FFF; font-family:Verdana; padding-bottom:5px;}


#blanket_LicensePage, #blanket_IcodisDownPage
{
    width:200%;
    position:absolute;
    background-color:#000;
    height:200%;
    z-index:20000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;  
    top:0px;
     left:0px;
}




input{
border-style: solid;
    border-width: 1px;
    border-color: #666666 #999999 #999999 #666666;
}

.fullWidth
{
  width:100%;   
}

.i{font-style:italic;}

.ForgottenPassword
{
font-style:italic;
font-size:10px;
font-family:Verdana;
font-weight:normal;
color:#000;  
text-decoration:none;
}

a.ForgottenPassword:hover {
    text-decoration: underline;
}

.LicenseLink
{
font-style:normal;
font-size:12px;
font-family:Verdana;
font-weight:normal;
color:#000;  
text-decoration:none;
}

a.LicenseLink:hover {
    text-decoration: underline;
}


.LoginBox
{
  padding-left:10px;   
   margin-bottom:5px; 
}

.LoginBox input
{
    border-style: solid;
    border-width: 1px;
    border-color: #666666 #999999 #999999 #666666;
    width: 338px;
    height:22px;
    font-size:18px;
    color:#333333;
    padding-left:5px;
     margin-left:10px;
}

#UI_Respons
{

    width: 260px;
    height:22px;
    font-size:12px;
    font-style:italic;
    color:#333333;
    

}

.img_Username
{
     background: url( '../img/icons/Login_Username.png' ) repeat-x 0px 0px;
     width:16px;
     height:16px;
     white-space:nowrap;
      float:left;
}

.img_Password
{
    background: url( '../img/icons/Login_Password.png' ) repeat-x 0px 0px;
    width: 16px;
    height: 16px;
    white-space: nowrap;
    float: left;
}

.img_Token
{
    background: url( '../img/icons/Login_SecurityToken.png' ) repeat-x 0px 0px;
    width: 16px;
    height: 16px;
    white-space: nowrap;
    float: left;
}

.img_Response
{
    background: url( '../img/icons/Login_Response.png' ) repeat-x 0px 0px;
    width: 16px;
    height: 16px;
    white-space: nowrap;
    float: left;
     margin-right:10px;
}

.img_ForgottenPassword
{
    background: url( '' ) repeat-x 0px 0px;
    width: 16px;
    height: 16px;
    white-space: nowrap;
    float: left;
     margin-right:10px;
}


#Appview{
 margin-left:211px;
 margin-top:170px;
}




#ContentBlock {

width: 428px;

clear:both;
}


#ContentBlock .LU{
background-image:url('../img/corners/LU.png');
background-repeat:no-repeat;
 height:30px;
 width:16px;
  overflow:hidden;
 
}

 #ContentBlock .U{
background-image:url('../img/corners/U.png');
background-repeat:repeat-x;
 height:30px;
 overflow:hidden;
}

 #ContentBlock .RU{
background-image:url('../img/corners/RU.png');
background-repeat:no-repeat;
 height:30px;
 width:24px;
  overflow:hidden;
}

#ContentBlock .R{
background-image:url('../img/corners/R.png');
background-repeat:repeat-y;

 width:16px;
}

#ContentBlock .RB{
background-image:url('../img/corners/RB.png');
background-repeat:no-repeat;
 height:16px;
 width:16px;
}

#ContentBlock .B{
background-image:url('../img/corners/B.png');
background-repeat:repeat-x;
 height:16px;

}

#ContentBlock .LB{
background-image:url('../img/corners/LB.png');
background-repeat:no-repeat;
}

#ContentBlock .L{
background-image:url('../img/corners/L.png');
background-repeat:repeat-y;
}

#ContentBlock .Main{
background-color:#FFF;
font-family:Verdana,Arial;
font-size:12px;
vertical-align:text-top;
}



/* Fonts*/
.PageTitle{
font-size:28px;
font-family:Verdana;
color:#333333;

}

.SubTitle{
font-size:14px;
font-family:Verdana;
font-weight:normal;
color:#333333;
}

.Text{
font-size:11px;
font-family:Verdana;
font-weight:normal;
color:#000;
}


#PageHeader{
height:18px;
}


.FocusButton_Link
{
text-decoration:none;
color:#333333;
font-family:Arial,Verdana;
font-size:18px;
font-weight:normal;
 float:none;
}


.FocusButton{
height:24px;
line-height:24px;
/*float:left;*/
display:inline;
 float:none;
 cursor:pointer;
}




.FocusButton .FB_Middle a {
text-decoration:none;
color:#333333;
font-family:Arial,Verdana;
font-size:18px;
font-weight:normal}

.FocusButton .FB_Middle  img{
 border:none;

}



.FocusButton  .FB_Left{

background-image:url('../../webresources/img/buttons/Green_Left.png');
background-repeat:no-repeat;
 height:24px;
 width:6px;
 white-space:nowrap;
 float:left;
}
.FocusButton  .FB_Middle{
 float:left;
background-image:url('../../webresources/img/buttons/Green_Middle.png');
background-repeat:repeat-x;
 height:24px;
 float:left;

}
.FocusButton  .FB_Right{
 
background-image:url('../../webresources/img/buttons/Green_Right.png');
background-repeat:no-repeat;
 height:24px;
 width:6px;
 white-space:nowrap;
 float:left;
}







.TopButton{
height:16px;
line-height:16px;
}

.TopButton .TB_Middle  a{
text-decoration:none;
color:#333333;
font-family:Arial,Verdana;
font-size:12px;
font-weight:normal
}






.TopButton  .TB_Left{
background-image:url('../img/buttons/WhiteTop_Left.png');
background-repeat:no-repeat;
 height:16px;
 width:6px;
 white-space:nowrap;
}
.TopButton  .TB_Middle{
background-image:url('../img/buttons/WhiteTop_Middle.png');
background-repeat:repeat-x;
 height:16px;
 width:auto;

}
.TopButton  .TB_Right{
background-image:url('../img/buttons/WhiteTop_Right.png');
background-repeat:no-repeat;
 height:16px;
 width:6px;
 white-space:nowrap;
}










.TabButton{
height:24px;
line-height:24px;
padding-bottom:5px;
}





.TabButton .Tab_Middle_Active  a{
text-decoration:none;
color:#333333;
font-family:Arial,Verdana;
font-size:15px;
font-weight:Bold;
}


.TabButton .Tab_Middle_Unselected  a{
text-decoration:none;
color:#333333;
font-family:Arial,Verdana;
font-size:15px;
font-weight:Bold;


}


.TabButton .Tab_Middle_Hover a{
text-decoration:none;
color:#333333;
font-family:Arial,Verdana;
font-size:15px;
font-weight:Bold;

}


.TabButton  .Tab_FarLeft_Active{
background-image:url('../img/buttons/tabs/FarLeft_Active.png');
background-repeat:no-repeat;
 height:25px;
 width:7px;
 white-space:nowrap;
}

.TabButton  .Tab_FarLeft_Unselected{
background-image:url('../img/buttons/tabs/FarLeft_Unselected.png');
background-repeat:no-repeat;
 height:25px;
 width:7px;
 white-space:nowrap;
}

.TabButton  .Tab_FarLeft_Hover{
background-image:url('../img/buttons/tabs/FarLeft_Hover.png');
background-repeat:no-repeat;
 height:25px;
 width:7px;
 white-space:nowrap;
}





.TabButton  .Tab_Middle_Active{
background-image:url('../img/buttons/tabs/Middle_Active.png');
background-repeat:repeat-x;
 height:25px;
 width:auto;
}

.TabButton  .Tab_Middle_Unselected{
background-image:url('../img/buttons/tabs/Middle_Unselected.png');
background-repeat:repeat-x;
 height:25px;
 width:auto;
}
.TabButton  .Tab_Middle_Hover{
background-image:url('../img/buttons/tabs/Middle_Hover.png');
background-repeat:repeat-x;
 height:25px;
 width:auto;
}

.TabButton  .Tab_FarRight_Active{
background-image:url('../img/buttons/tabs/FarRight_Active.png');
background-repeat:no-repeat;
 height:25px;
 width:25px;
 white-space:nowrap;
}

.TabButton  .Tab_FarRight_Unselected{
background-image:url('../img/buttons/tabs/FarRight_Unselected.png');
background-repeat:no-repeat;
 height:25px;
 width:25px;
 white-space:nowrap;
}

.TabButton  .Tab_FarRight_Hover{
background-image:url('../img/buttons/tabs/FarRight_Hover.png');
background-repeat:no-repeat;
 height:25px;
 width:25px;
 white-space:nowrap;
}







.TabButton  .Tab_Active_Unselected{
background-image:url('../img/buttons/tabs/Active_Unselected.png');
background-repeat:no-repeat;
 height:25px;
 width:25px;
 white-space:nowrap;
}

.TabButton  .Tab_Unselected_Unselected{
background-image:url('../img/buttons/tabs/Unselected_Unselected.png');
background-repeat:no-repeat;
 height:25px;
 width:25px;
 white-space:nowrap;
}

.TabButton  .Tab_Active_Hover{
background-image:url('../img/buttons/tabs/Active_Hover.png');
background-repeat:no-repeat;
 height:25px;
 width:25px;
 white-space:nowrap;
}

.TabButton  .Tab_Hover_Active{
background-image:url('../img/buttons/tabs/Hover_Activ.png');
background-repeat:no-repeat;
 height:25px;
 width:25px;
 white-space:nowrap;
}


.TabButton  .Tab_Hover_Unselected{
background-image:url('../img/buttons/tabs/Hover_Unselected.png');
background-repeat:no-repeat;
 height:25px;
 width:25px;
 white-space:nowrap;
}


.TabButton  .Tab_Unselected_Hover{
background-image:url('../img/buttons/tabs/Unselected_Hover.png');
background-repeat:no-repeat;
 height:25px;
 width:25px;
 white-space:nowrap;
}




.RoundedCornerPanel .top-left,.RoundedCornerPanel .top-right,.RoundedCornerPanel .bottom-left,.RoundedCornerPanel .bottom-right { 
	background-image: url('../img/corners/RoundedCornersForPanels_5x5.png'); /* CHANGE: path and name of your image */
	height: 5px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	width:5px;
	}
.RoundedCornerPanel .top-left,.RoundedCornerPanel .bottom-left { 
	margin-right: 5px; /* CHANGE: replace by the width of one of your corners */
	}
.RoundedCornerPanel .top-right,.RoundedCornerPanel .bottom-right { 
	margin-left: 5px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -5px;  /* CHANGE: replace by the height of one of your corners */
	}
.RoundedCornerPanel .top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	float:right;
	}
.RoundedCornerPanel .bottom-left  { 
	background-position: 0 -5px;    /* CHANGE: replace second number by negative height of one of your corners */
	
	}
.RoundedCornerPanel .bottom-right { 
	background-position: 100% -5px; /* CHANGE: replace second number by negative height of one of your corners */
		float:right;
	}
.RoundedCornerPanel .inside {
	color: #000;                 /* YCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right:5px;             /* YCC: all texts at some distance of the right border */
	}
.RoundedCornerPanel .notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.RoundedCornerPanel .nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */