/*

 ******************************
 *                            *
 *   Generation Style Sheet   *
 *                            *
 ******************************

 ************************
 *   Colour Key Sheet   *
 ************************/

  @font-face {
    font-family: z_main;
    font-style:  normal;
    font-weight: 700;
    src: url(\Design\Fonts\SWISCNB0.eot);
  } 
  
  @font-face {
    font-family: z_hooge;
    font-style:  normal;
    font-weight: normal;
    src: url(\Design\Fonts\HOOGE2.eot);
  } 
  

/*****************
 *  User Styles  *
 *****************/

/***************************
 * Freestyle Content Styles *
 ****************************

These style names are fixed and must to considered for each design

Mandatory Styles 
*/

/* text style used for most text rendered by modules */

/* normal */
.n
{
    font-family:Arial;
    font-size: 11px;
    font-weight: normal;
    color: #000000; 
}

.n2
{
    font-family:Arial;
    font-size: 11px;
    font-weight: normal;
    color: #000000; 
}

.n3
{
    font-family:Arial;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}

.n4
{
    font-family:Arial;
    font-size: 16px;
    font-weight: normal;
    color: #000000;
}

/* normal bold */
.nb
{
    font-family:Arial;
    font-size: 10px;
    font-weight:bold;
    color: #000000; 
}

/* normal italic */
.ni
{
    font-family:Arial;
    font-size: 10px;
	font-style:italic;
    color: #000000; 	
}

/* normal red */
.nr
{
    font-family:Arial;
    font-size: 10px;
    font-weight: bold;
    color: red;
}

/* normal black */
.nblk
{
    font-family:Arial;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

/* normal black bold */
.nblkb
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}


.Head
{
	color:#0951B1;
	font-size: 13px;
	text-transform: uppercase;
	font-family:z_main;
}

.Head2
{
	font-size: 18px;
	color: #0951B1;
	font-family:z_main;
	text-transform: uppercase;
}

.Head3
{
	font-size: 16px;
	text-transform: uppercase;
	color:#0951B1;
	font-family:z_main;
}

.Head4
{
	font-size: 20px;
	text-transform: uppercase;
	color: #0951B1;
	font-family:z_main;
}

.Head5
{
	font-size: 22px;
	text-transform: uppercase;
	color: #00629f;
	font-family:z_main;
}

.Head6
{
	font-size: 24px;
	text-transform: uppercase;
	color: #0951B1;
	font-family:z_main;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight:    bold;
    color: black;
}

.SubHead2    {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    color: black;
}


.SubHead3    {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: black;
}


.SubHead4    {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color: black;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
/* normal text box */
.ntb
{
    font-family:Arial;
    font-size: 8pt;
    font-weight: normal;
    border: solid 1px #000000;
}


/*****************
 *  Image Sizes  *
 *****************/

.Image1
{
	width:50px;
	border: solid 1px #dddddd;
}

.Image2
{
	width:100px;
	border: solid 1px #dddddd;
}

.Image3
{
	width:150px;
	border: solid 1px #dddddd;
}

.Image4
{	
	width:200px;
	border: solid 1px #dddddd;
}

.Image5
{
	width:250px;
	
}
/*****************
 * Homepage.aspx *
 *****************/

/* Mandatory Styles */
Body
{

}

/* Extra Design Related Styles */

.MainFrame
{

}

.sp {
	font-family: z_hooge;
	text-transform: uppercase;
    font-size: 8px;
    color: #334668;
	text-decoration: none;
}

a.sp:link {
    color: #334668;
	text-decoration: none;
}

a.sp:visited {
	color: #334668;
	text-decoration: none;
}

a.sp:active {
	color: #334668;
	text-decoration: none;
}

a.sp:hover {
	color: #000000;
	text-decoration: none;
}

.spg
{
	font-family: z_hooge;
	text-transform: uppercase;
    font-size: 8px;
    color: #334668;
}

/****************************
 * DesktopPortalBanner.ascx *
 ****************************/

/* Mandatory Styles */
.SiteTitle
{
	font-weight:normal;
	font-size: 35px;
	text-transform:none;
	vertical-align:SUB;
	color: #000000;
	font-family:Arial CE;
}

.WelcomeMsg
{
	font-family: z_hooge;
	text-transform: uppercase;
    font-size: 8px;
    color: #334668; 
}


/* Extra Design Related Styles */
.HeadBg
{
	background-color: #FFFFFF;
}

.MenuBg
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
	height:20px;
}

/**********************
* SitePositioner.ascx *
***********************/
/* Mandatory Styles */
/* Extra Design Related Styles */
.SitePos
{
	font-family:Arial;
	font-size:10px;
	text-transform:uppercase;
}

/* Extra Design Related Styles */

/*************************
* Tag:A Class:HeaderLink *
**************************/

/* hyperlink styles of the LogoffLink */
A.HeaderLink:link    
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration:    none;
    color:Black;
}

A.HeaderLink:visited 
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration:    none;
    color:Black;
}

A.HeaderLink:active  
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration:    none;
    color:Black;
}

A.HeaderLink:hover   
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration:    none;
    color:red;
}

/***********************
* Tag:A Class:SiteLink *
************************/
    
/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}   

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color:black;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:black;
}

/***************
 * Footer.ascx *
 ***************

 ***********************
 * Tag:A Class: Footer *
 ***********************

/* Mandatory Styles */
.Footer
{
    font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

A.FooterLink:link    
{
    font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

A.FooterLink:visited 
{
    font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

A.FooterLink:active  
{
    font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

A.FooterLink:hover   
{
    font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}

/* Extra Design Related Styles */



 /*************************
 * Part Containers Styles *
 **************************

/***********************
 * TitleContainer.ascx *
 **********************/

/* Mandatory Styles */
.TitleCon
{
	font-family: z_handel;
	font-size: 18px;
	text-transform: none;
	color: #00629f;
}

/* Extra Design Related Styles */

 /****************
 * Container1.ascx *
 ****************/

/* Mandatory Styles */
.Container1
{
	width: 100%;
    font-family: z_main;
    font-style:  normal;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 13px;
	color: #515151;
}

/* Extra Design Related Styles */

.UF
{
	filter:progid:DXImageTransform.Microsoft.Gradient(endColor=00000000, startColorstr='#00629f', gradientType='0');
}

.fDw
{
	filter:progid:DXImageTransform.Microsoft.Gradient(endColor=00000000, startColorstr='#00629f', gradientType='0');
}

.fUp
{
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#00629f',startColor=00000000, gradientType='0');
}

.sL
{
	border-left: solid 1px #00629f;
	border-right: solid 1px #00629f;
}

/*******************
 * Container2.ascx *
 *******************/

/* Mandatory Styles */
.Container2
{
	width: 100%;
    font-family: z_main;
    font-style:  normal;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 13px;
	color: #0951B1;
}

/* Extra Design Related Styles */

.Bbg
{
	background-color:#00629f;
}	

.rightL
{
	border-right: solid 1px #00629f;	
}

/****************
 * Container3.ascx *
 ****************/

/* Mandatory Styles */
.Container3
{
	font-family: z_hooge;
	text-transform: uppercase;
    font-size: 8px;
    color: #334668;
}

/* Extra Design Related Styles */

.bottomL
{
	border-bottom: solid 1px #00629f;
}

/****************
 * Container4.ascx *
 ****************/

/* Mandatory Styles */
.Container4
{
	width: 100%;
    font-family: z_main;
    font-style:  normal;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 13px;
	color: #BD0400;
}

/* Extra Design Related Styles */

/****************
 * Container5.ascx *
 ****************/

/* Mandatory Styles */
.Container5
{
	font-family: z_hooge;
	text-transform: uppercase;
    font-size: 8px;
    color: #BD0400;
}

/* Extra Design Related Styles */

/****************
 * Container6.ascx *
 ****************/

/* Mandatory Styles */
.Container6
{
	width: 100%;
    font-family: z_main;
    font-style:  normal;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 13px;
	color: #416B59;
}

/* Extra Design Related Styles */

/****************
 * Container7.ascx *
 ****************/

/* Mandatory Styles */
.Container7
{
	font-family: z_hooge;
	text-transform: uppercase;
    font-size: 8px;
    color: #416B59;
}

/* Extra Design Related Styles */

/****************
 * Header8.ascx *
 ****************/

/* Mandatory Styles */
.Header8
{
	font-weight:bold;
	font-size: 13px;
	text-transform: none;
	color: White;
	font-family:Arial, Helvetica, sans-serif;
}

/* Extra Design Related Styles */


/*********************
 * MyProfile.ascx *
 *********************

.MyProfileBox
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
} */



/***************************
 * General Sitewide Styles *
 ***************************/

.ErrorText
{
    color: red;
    font-family: Arial, Arial;
    font-size: 12px;
    line-height: 20pt
}

/* style for separator between site links */
.Accent
{
    color: red;
    font-weight:    bold;
}

.Button
{
	width: 120px;
	background: #DDDDDD;
	font-family: Arial;
	font-size: 10px;
	font-style:normal;
	border-top-width: 1px;
	border-top-color: #334668;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #334668;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-color: #334668;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-color: #334668;
	border-right-style: solid;
}
 
/***********************
* Design Tables Styles *
************************/
/* Mandatory Styles */
/* table frame */
.tbl
{
		border: solid 1px #000000;
		font-size : 8pt;
		font-family: Arial;
}
/* table header */
.tblhdr
{
	background-color: #D0DCE4;
	color:Black;
	font-size : 8pt;
	font-family: Arial;
	font-weight:bold;
	height:20px;
}
/* table footer */
.tblftr
{
	background-color: #D0DCE4;
	color:black;
	font-size : 8pt;
	font-family: Arial;
	height:20px;
	font-weight:bold;
}

/* table pager */
.tblpag
{
	background-color: #D0DCE4;
	color:black;
	height:20px;	
}
/* table edit row */
.tbledit
{
	background-color: #D0DCE4;
}
/* table row selected */
.tblsel
{
	background-color: #D0DCE4;
	color: 000000;
	font-weight: bold;	
}
/* table row */
.tblitm
{
		font-size : 8pt;
		font-family: Arial;
		color: 000000;	
}
/* table alt row */
.tblalt
{
		font-size : 8pt;
		font-family: Arial;
		color: 000000;
		background-color: D0DCE4;
}

.tblcel
{
	background-color: #D0DCE4;	
}

.tblatlc
{
	
}

/******************************
* Site Wide HTML HyperlinkTag *
*******************************/
/* Mandatory Styles */
A:link  
{
    color:  #0952B3;
	font-weight: bold;
}

A:visited   
{
    color:  #0952B3;
	font-weight: bold;
}

A:active    
{
    color:  #0952B3;
	font-weight: bold;
}

A:hover 
{
    color:  #525152;
	font-weight: bold;
}


/* hyperlink style for buttons and link buttons used in the portal admin pages */
/*************************
* Tag:a class:EditButton *
**************************/
/* Mandatory Styles */
.EditButton     {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

A.EditButton:link
{
	color: #8C1834;
	text-decoration: none;
}

A.EditButton:visited  {
    text-decoration:    none;
    color: #8C1834;
}

A.EditButton:active   {
    text-decoration:    none;
    color: #8C1834;
}

A.EditButton:hover    {
    text-decoration:    none;
    color: #8C1834;
}


/***************
 * HTML Styles *
 ***************/

H1  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #2F3C86;
}

H2  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #2F3C86;
}

H3  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: darkred;
}

H4  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: darkred;
}

H5, DT  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

H6  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

TH  {
    vertical-align: baseline;
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: Black;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
    color:5A657B;
}

UL LI LI    {
    list-style-type:    disc;
    color:5A657B;
}

UL LI LI LI {
    list-style-type:    circle;
    color:5A657B;
}

OL LI   {
    list-style-type:    decimal;
    color:5A657B;
}

OL OL LI    {
    list-style-type:    lower-alpha;
    color:Black;
}

OL OL OL LI {
    list-style-type:    lower-roman;
    color:5A657B;
}

HR {
    color: 5A657B;
    height:1pt;
}

SELECT
{
	border-right: #5A657B 0px solid;
	border-top: #5A657B 0px solid;
	border-left: #5A657B 0px solid;
	border-bottom: #5A657B 0px solid;
}

OPTION
{
	border-right: #5A657B 0px solid;
	border-top: #5A657B 0px solid;
	border-left: #5A657B 0px solid;
	border-bottom: #5A657B 0px solid;
}