/* @include url(/Frameworks/Common/Styles/Common.css); */


:root


{


	overflow-y: scroll;


}





body 


{


	background: #fff;


}





/*** Region ***/ 


.region:after


{


	content: ".";


	clear: both;


	display: block;


	visibility: hidden;


	height: 0;


}





/*** ContentBlocks ***/ 


.cb


{


	margin-bottom: 1em;


}


 


/* @include url(/Frameworks/Default/Styles/MasterPage.css); */


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


/* FRAMEWORK STATICS


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


form 


{


	display: block;


	


}


body


{


	background:#fff url(Images/top_bg.png) no-repeat top center;


}


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


/* REGIONS


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


#RegionHeader


{


	background:transparent url(Images/header_bg.png) repeat-x top left;


	padding-top:5px;


	overflow:hidden;


	height:190px;


	width:940px;


}





#RegionPage


{


	background:transparent url(Images/RegionPage_bg.png) repeat-y top left;


	width: 940px;


	margin: 15px auto 1px auto;


	font-size:1.0em;


	


}


#RegionPageHolder


{


	border-bottom:2px solid #333333;


	padding-bottom:14px;


}





.StartPage #RegionPage


{


	background:none;


}


#RegionBottomPage


{


	width: 940px;


	margin: 0px auto 0px auto;


	padding-top:0px;


	font-size:1.0em;


	padding-bottom:5px;


	position:relative;


	background:#fff;


}


#RegionBottomPage .bottom-puff


{


	float:left;


	width:279px;


	border-right:1px solid #ccc;	


}


#RegionBottomPage .bottom-puff .equalize


{


	padding-bottom:40px;	


}


#RegionBottomPage .bottom-puff .equalize .buttonLink


{


	bottom:50px;	


}


#RegionBottomPage .bottom-puff .equalize .bottom-text


{


	position:absolute;


	bottom:20px;


	width:280px;


}


form #RegionBottomPage .first


{


	padding:15px 20px 15px 10px;	


}


form #RegionBottomPage .second


{


	padding:15px 20px 15px 20px;	


	width:280px;


}


form #RegionBottomPage .third


{


	padding:15px 10px 15px 0px;	


	float:right;


	border:none;


}





#RegionSidebar


{


	float: left;


	width: 150px;


}





#RegionContent


{


	float: right;


	width: 590px;


}





#RegionMainContent


{


	float: left;


	width: 620px;	


	background-color: #fff;


	padding:0px 0px 0 0;	


	margin-bottom: 15px;


}


#RegionMainContent .main-holder


{


	padding: 20px 19px;


}





#RegionSecondaryContent


{


	float: right;


	width: 300px;


	margin-left:1px;	


	/*border-left: solid 1px #ddd;*/


	padding-left:10px;


	/*background:transparent url(Images/ddd_dot.png) repeat-y top left;*/


}





#RegionSecondaryContent .unit .unit


{


	padding-bottom:20px;	


	margin-bottom:20px;


	border-bottom:1px dashed #ccc;	


	padding:0 0px 20px 10px;


	width:290px;


}


#RegionSecondaryContent h3, #RegionBottomPage h3


{


	font-size:23px;


	text-align:center;	


}





#RegionPage #RegionSecondaryContent .UnionDropDownPicker


{


	padding-bottom:0px;	


	margin-bottom:0px;


	border-bottom:0px dashed #ccc;


	padding:0px;


	width:auto;


}





#RegionFooter


{


	clear: both;	


}


.unit


{


	overflow:visible !important;


} 


/* @include url(/Frameworks/Default/Styles/PageFooter.css); */


.PageFooter


{


	border-top:1px solid #ccc;


	padding-top:10px;


}


img.tco-logo


{


	float:left;


}


.PageFooter .logo-holder


{


	width:560px;	


	margin: 0px 0 2px 0px;


	list-style-type:none;	


	padding:0px;


	float:left;





}


.PageFooter .logo-holder li


{	


	margin: 0 5px 7px 0;


	display:inline;	


}


.PageFooter .logo-holder li a


{	


	height:3em;


	margin:0 0 0 0;


	


}


.PageFooter .logo-holder li a:hover


{


	background:transparent;


	text-decoration:none;


	opacity:0.75;	


	filter: alpha(opacity=75);


}


.PageFooter .logo-holder li a:hover img


{


	


}





.PageFooter .logo-holder li img


{


	vertical-align:middle;


}


.PageFooter .footer-text


{


	margin:25px 0 0 0;


	width:245px;


	float:right;		


	vertical-align:middle;


}


 


/* @include url(/Frameworks/Default/Styles/PageHeader.css); */


#RegionHeader .PageHeader


{


	width:940px;


	height:125px;


	position:relative;


	margin:0 auto;


}


.PageHeaderLogo


{


	margin: 0 0px;


	position:absolute;


	left:0px;


	bottom:0px;


	margin:0px;


	padding:0px;


}


.PageHeaderLogo:hover


{


	background:none;


	text-decoration:none;


}


a.PageHeaderLogo:hover img


{


	opacity:.75;


	-moz-opacity:.75;


	filter: alpha(opacity=75);


}


a.PageHeaderLogo:hover


{


	text-decoration:none;


	background:none;


}








.PageHeaderLinks


{


	float: right;


	list-style: none none;


	margin: .5em;


	padding: 0;


}





.PageHeaderLinks li


{


	display: inline;


	margin: 0;


	padding: 0;


}





.PageHeaderLinks li a


{


	border-right: solid 1px #ccc;


	padding: 0 1em 0 1em;


}





.PageHeaderLinks li a.last


{


	border-right-style: none;


} 


/* @include url(/Frameworks/Default/Styles/sifr.css); */


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


scalable Inman Flash Replacement (sIFR) version 3.





Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>





Older versions:


* IFR by Shaun Inman


* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin


* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben





See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.





This software is licensed and provided under the CC-GNU LGPL.


See <http://creativecommons.org/licenses/LGPL/2.1/>


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





@media screen {


  .sIFR-flash {


    visibility: visible !important;


    margin: 0;


    padding: 0;


  }


  


  .sIFR-replaced, .sIFR-ignore {


    visibility: visible !important;


  }


  


  .sIFR-alternate {


    position: absolute;


    left: 0;


    top: 0;


    width: 0;


    height: 0;


    display: block;


    overflow: hidden;


  }


  


  .sIFR-replaced div.sIFR-fixfocus {


    margin: 0pt; 


    padding: 0pt; 


    overflow: auto; 


    letter-spacing: 0px; 


    float: none;


  }


}





@media print {


  .sIFR-flash {


    display    : none !important;


    height     : 0;


    width      : 0;


    position   : absolute;


    overflow   : hidden;


  }


  


  .sIFR-alternate {


    visibility : visible !important;


    display    : block   !important;


    position   : static  !important;


    left       : auto    !important;


    top        : auto    !important;


    width      : auto    !important;


    height     : auto    !important;


  }


}





/*


Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active


so they only apply if sIFR is active. Make sure to limit the CSS to the screen


media type, in order not to have the printed text come out weird.


*/


@media screen {


	.sIFR-active h1 {


		visibility: hidden;  		


		font-size: 32pt;


		line-height: 1.5em;		


		margin:-15px 0 0px 0;		


	}


	.sIFR-active .Glossary h5 {


		visibility: hidden;  		


		font-size: 30pt;


		line-height: 1.5em;		


		margin:-10px 0 -10px 0;		


	}


	.sIFR-active #RegionBottomPage h3, .sIFR-active #RegionSecondaryContent h3{


  		visibility: hidden;  


		line-height: 1.5em;


		font-size: 20pt;


		padding:0px;  	


		margin-bottom:-0px;		


  		


  	}


  	.sIFR-active #RegionSecondaryContent .SubMenu h3{


  		visibility: hidden;  


		line-height: 1.5em;


		font-size: 20pt;


		padding:10px 0 0 0;  	


		margin-bottom:10px;		


  		


  	}


} 


/* @include url(/Frameworks/Default/Styles/SubMenu.css); */


#RegionPage #RegionSecondaryContent .SubMenu


{


	


	/*background:#f6e4ec;	*/


	background:#eee;


	color:#fff;


	width:300px;


	padding-bottom:20px;


}	


#RegionPage #RegionSecondaryContent .submenu-holder


{


	padding-bottom:10px;	


	margin-bottom:15px;


	border-bottom:1px dashed #ccc;	


}


.SubMenu a:hover


{


	background-color:Transparent;


	text-decoration:underline;


}





.SubMenu h3


{


	padding:11px 0px 10px 0px;


	color:#000;


	margin:0px 0;


	text-align:center;


}


.SubMenu ul


{


	list-style-type:none;


	margin:0px 0 5px 0px;


	padding:0px;	


}


.SubMenu ul ul


{


	margin:0px 0 0 0px;


	padding:0px 0 0 10px;


}


.SubMenu li


{


	margin:0px;


	padding:0px;	


	padding-left:12px;


	line-height:1.3em;


	margin:0 0 5px;


}


.SubMenu li.exp li a, .SubMenu li a


{


	font-weight: bold;


	color:#000;


	text-decoration:underline;


	padding:0 2px;


	margin-left:-2px;


}





.SubMenu li.exp li.sel a,


.SubMenu li.sel a


{


	color:#fff;	


	background:#000;


	text-decoration:none;


	


}


.SubMenu li a:hover


{	


	color:#fff;	


	background:#000;


	text-decoration:none;


} 


/* @include url(/Frameworks/Default/Styles/TopMenu.css); */


.TopMenu


{


	margin-top:20px;


	height:45px;	


	


	


}


.TopMenu ul


{


	list-style-type:none;


	margin:0px;


	padding:0px;


	border-top:2px solid #333;	


	height:28px;


	background:url(/Frameworks/Default/Images/topmenu/bg_white.png) repeat-x left bottom;


	border-bottom:1px solid #ccc;


	width:1200px;	


}


.TopMenu ul li


{


	float:left;


}


.TopMenu ul li a


{


	font-size:1.2em;


	display:block;	


	text-transform:uppercase;


	font-weight:bold;	


	text-decoration:none;


	padding:0px;


}


.TopMenu ul li a{


	color:#ff9ac8;


}


.TopMenu ul li a span


{


	display:block;


	padding:4px 18px 9px 19px;	


}





/* BLUE - STANDARD*/


.TopMenu ul li a{


	color:#5ec6ed;


}


.TopMenu ul li.sel a, .TopMenu ul li a:hover


{


	background:#5ec6ed url(/Frameworks/Default/Images/topmenu/bg_blue.png) repeat-x top left;


}


.TopMenu ul li.sel a span, .TopMenu ul li a:hover span


{


	color:#fff;


	background:url(/Frameworks/Default/Images/topmenu/ff_bottoms.png) repeat-x center -11px;	


}





/* GREEN */


.TopMenu ul li a.item1{


	color:#86c9c7;


}


.TopMenu ul li.sel a.item1, .TopMenu ul li a.item1:hover


{


	background:#86c9c7 url(/Frameworks/Default/Images/topmenu/bg_green.png) repeat-x top left;


}


.TopMenu ul li.sel a.item1 span, .TopMenu ul li a.item1:hover span


{


	color:#fff;


	background-position:center -57px;	


}





/* PURPLE */


.TopMenu ul li a.item2{


	color:#8582b9;


}


.TopMenu ul li.sel a.item2, .TopMenu ul li a.item2:hover


{


	background:#8582b9 url(/Frameworks/Default/Images/topmenu/bg_purple.png) repeat-x top left;


}


.TopMenu ul li.sel a.item2 span, .TopMenu ul li a.item2:hover span


{


	color:#fff;


	background-position:center -103px;	


}

















/* BRIGHTPURPLE */


.TopMenu ul li a.item3{


	color:#bb90bd;


}


.TopMenu ul li.sel a.item3, .TopMenu ul li a.item3:hover


{


	background:#bb90bd url(/Frameworks/Default/Images/topmenu/bg_brightpurple.png) repeat-x top left;


}


.TopMenu ul li.sel a.item3 span, .TopMenu ul li a.item3:hover span


{


	color:#fff;


	background-position:center -149px;	


}





/* ORANGE */


.TopMenu ul li a.item4{


	color:#de7c6d;


}


.TopMenu ul li.sel a.item4, .TopMenu ul li a.item4:hover


{


	background:#de7c6d url(/Frameworks/Default/Images/topmenu/bg_orange.png) repeat-x top left;


}


.TopMenu ul li.sel a.item4 span, .TopMenu ul li a.item4:hover span


{


	color:#fff;


	background-position:center -195px;	


}





/*PINK  */


.TopMenu ul li a.item5{


	color:#ff9ac8;


}


.TopMenu ul li.sel a.item5, .TopMenu ul li a.item5:hover


{


	background:#ff9ac8 url(/Frameworks/Default/Images/topmenu/bg_pink.png) repeat-x top left;


}


.TopMenu ul li.sel a.item5 span, .TopMenu ul li a.item5:hover span


{


	color:#fff;


	background-position:center bottom;	


} 


/* @include url(/Frameworks/Default/Styles/UnionLogoCollection.css); */


.UnionLogoCollection li


{


    float: left;


}





.UnionLogoCollection .left


{


    float: left;


    margin-top: 5px;


    margin-right: 15px;


}





.UnionLogoCollection .left .unionIconLink .toolTip


{


    display:none;


    position:absolute;


    font-weight:normal;


    width:165px;    


    padding-bottom:15px;


    background: transparent url(/Elements/UnionIconLink/bottomBigLogo.png) no-repeat 0 100% !important;


    bottom:37px;


    left:2px !important;


    z-index:99999;


}





.UnionLogoCollection .right


{


    float: left;


}





.UnionLogoCollection .left .unionIconLink .toolTip


{


    bottom:79px;


    left:-44px;


}