/* the tags are implemented on the end of this document */
/* please add comments when you add modifications */


.overthetoptable
{
	background-color:#DCE8F4;
}
.greyedoutinput
{
	background-color: #dcdcdc;
	font-family: verdana;
}

.breadcrumb
{
    FONT-SIZE: 10px;
    COLOR: #8a9f93;
    FONT-FAMILY: verdana
}
.bodyTile{
	padding-right: 15px;
	width: 100%;
}

a.menu, .menudivider, .toolbarMenuDivider{
   	color: #009EDF;
	font-weight: bold;
}

a.menu:hover, a.menu:active {
	color: #C88544;
}

a.menuitem, .menudividerWhite{
	color: #FFFFFF;
	font-weight: bold;
}

.pageTitle{
	font-size: 25px;
	font-weight: bold;
	color: #009EDF;
	padding-left: 60;
}

.toolbarMenu, .toolbarMenuDivider{
	font-size: 10px;
	text-transform: uppercase;
}

.treelvl3{
	color: #009EDF;
	font-weight: bold;
	padding-left: 0px;
}

.treelvl4{
	padding-left: 20px;
}

.treelvl5{
	padding-left: 40px;
}

.tabsContainer{
	margin-left: 5px;
}

.frametable
{	
	width: 100%;
}

.framecellDW
{	
	padding: 0px;
	padding-right: 0px;
	padding-top: 0px;
	background-color: #DCE8F4;
	
}

.framecell
{	
	padding: 13px;
	padding-right: 17px;
	padding-top: 0px;
	background-color: #DCE8F4;
	
}

.innerFrame {
	height: 459;
	width: 685;
	background-color: #DCE8F4;
	border-width: 0;
}

.innerFrameFpl {
	height: 559;
	width: 685;
	background-color: #DCE8F4;
	border-width: 0;
}

.innerFrameAip {
	background-color: #DCE8F4;
	border-width: 0;
}

.innerFrameMenu {
	height: 427;
	width: 680;
	background-color: #DCE8F4;
	border-width: 0;
}

.innerFrameMenuPIB {
	height: 845;
	width: 680;
	background-color: #DCE8F4;
	border-width: 0;
}

.innerFrameMenuDW {
	height: 600;
	width: 785;
	background-color: #DCE8F4;
	border-width: 0;
	overflow: hidden;
}

.innerFrameDiv {
	height: 459;
	width: 710;
	background-color: #DCE8F4;
	padding: 6px;
	padding-right: 10px;
	
}

.innerFrameBodyMeteoWcm {
	background-color: #DCE8F4;
	padding: 6px;
	padding-right: 10px;
	
}

.innerFramePopUp {
	height: 450;
	width: 550;
	background-color: #DCE8F4;
	padding: 6px;
	padding-right: 10px;
	
}

.innerFrameGram {
	height: 450;
	width: 750;
	background-color: #ffffff;
	padding: 6px;
	padding-right: 10px;
	
}

.iframeBody{
	background-color: #DCE8F4;
	font-size: 10px;
	border-width: 0;
	
}

.iframeBodyFplProd {
	height: 440;
	width: 775;
	background-color: #DCE8F4;
}

.iframeBodyMetProd {
	height: 440;
	width: 750;
	background-color: #DCE8F4;
}

.iframeBodyMeteoOper {
	width: 800;
	background-color: #DCE8F4;
	font-size: 10px;
	
}
.iframeBodyGenInfo {
	height: 440;
	width: 530;
	background-color: #DCE8F4;
	
}

.iframeMeteoWcm {
	height: 470;
	width: 520;
	background-color: #DCE8F4;
	
}

.iframeMeteoWcm2 {
	height: 470;
	width: 600;
	background-color: #DCE8F4;
	
}

.iframeDailyWarning {
	width: 950;
	height: 600;
}
.iframeWxMod {
	height: 429;
	width: 750;
	background-color: #DCE8F4;
}

.iframeBodyMetProdSmall {
	height: 250;
	width: 490;
	background-color: #DCE8F4;
	text-align: center;
}

.iframeBodyAisSmall {
	height: 350;
	width: 490;
	background-color: #DCE8F4;
	text-align: center;
}

.iframeBodyAisProdSmall {
	height: 380;
	width: 580;
	background-color: #DCE8F4;
	text-align: center;
}

.iframeBodyMetProdLarge {
	height: 470;
	width: 713;
	background-color: #DCE8F4;
}

.iframeProfilenavig {
	height: 200;
	width: 725;
	background-color: #DCE8F4;
}

.iframeProfilecontent {
	height: 220;
	width: 725;
	background-color: #DCE8F4;
}

.tabdim {
	height: 550;
	width: 770;
	vertical-align: top;
	padding: 5px;
}

.tablewcm {
	height: 450;
	width: 685;
	
}

.tabsmain {
	width: 788;
	
}
.meteoInfo{
	font-size: 10px;
}

PRE.briefing{
	font-size: 11px;
}

.iboxContainer{
	border: 1px solid #80add6;
	padding-left: 3px;
}

.iboxTitleWrapper{
	background-color: #CCCCCC;
	border-bottom: 1px solid #80add6;
}

.iboxTitle{	
	font-weight: bold;
	color: #000000;	
	text-transform: uppercase;
	font-size: 11px;
}

.iboxContent{
	background-color: #EFEFEF;
	font-size: 10px;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

legend{
	font-weight:bold;
	color: #B07660;
}

fieldset{
	margin-bottom: 15px;
}

.fieldsettabkes{
	width: 500;
	background-color: #DCE8F4;
	text-align: left;
}


TH{
	font-weight: bold;
	background-color: #EFEFEF;
	border-bottom: 1px solid orange;
	font-style: italic;
}

.attention
{
    FONT-SIZE: 10px;
    COLOR: #ff0000;
    FONT-FAMILY: verdana
}

.NotamDisclaimer
{
    FONT-SIZE: 10px;
    COLOR: #ff0000;
    FONT-FAMILY: verdana;
    FONT-WEIGHT: bold;
}

/* the login is to big */
.login {
    font-family: verdana,helvetica;
	font-size: 8px;
	width: 90%;
}  

/* styles servicemeteo*/
.dropDownMeteo {
	font-family: verdana,helvetica;
	font-size: 10px;
	}

.iframe {
    background-color: #FFFFFF;
    font-family: verdana,helvetica;
	font-size: 10px;
	border: 0px;
	width: 99%;
	height:97%;
	}
.tab {
	font-family: verdana,helvetica;
	font-size: 9px; font-weight: bold;
	position:absolute; text-align: center; 
	border: 2px; border-color:#009ee0;
	border-style: solid;
	border-bottom-style: none; 
	height:37px;
	width:160px;
	color:#009ee0;
	margin:0px;
	top:0px;
	background-color:#D0D3D4
}
.panel {
	background-color: #ffffff;
    font-family: verdana,helvetica;
	font-size: 10px;
}

.popup {
	background-color: #DCE8F4;
}
		

/*end styles servicemeteo*/

/* style for the glossary page*/
.glossary
{
    font-family: verdana,helvetica;
	font-size: 16px;
}
.date
{
    FONT-SIZE: 10px;
    FONT-STYLE: italic
}
.leftmenu
{
    FONT-SIZE: 10px;
    COLOR: #009ee0;
    FONT-FAMILY: verdana;
    FONT-WEIGHT: bold;
    color: #009ee0;
    LINE-HEIGHT: 50%;
}
.greyleftmenu
{
    FONT-SIZE: 10px;
    COLOR: gray;
    FONT-FAMILY: verdana;
    FONT-WEIGHT: bold;
    color: #009ee0;
    LINE-HEIGHT: 50%;
}
.leftmenu_r
{
    FONT-SIZE: 10px;
    COLOR: #009ee0;
    FONT-FAMILY: verdana;
    color: #009ee0;
    TEXT-INDENT: 15px;
    LINE-HEIGHT: 50%;
}
.greyleftmenu_r
{
    FONT-SIZE: 10px;
    COLOR: gray;
    FONT-FAMILY: verdana;
    color: #009ee0;
    TEXT-INDENT: 15px;
    LINE-HEIGHT: 50%;
}
.title
{
    FONT-SIZE: 10px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #009ee0;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana;
    LETTER-SPACING: 0px
}
.content
{
	padding-right: 15px;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: verdana;
    text-align: justify;
    LETTER-SPACING: normal;
}
.pibcontent
{
	BORDER-STYLE: solid double;
	BORDER-COLOR: #b07660;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: verdana;
    LETTER-SPACING: normal
}
.notamlabel
{
    color: black;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10px;
    TEXT-ALIGN: left;
    background-color: yellow;
}
.facts
{
    FONT-SIZE: 9px;
    COLOR: black;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: right
}
.website
{
    FONT-SIZE: 10px;
    COLOR: #fdf5e6;
    FONT-FAMILY: verdana, 'Helvetica CondensedBlack';
    LETTER-SPACING: 1px;
    TEXT-DECORATION: none
}
.level1
{
    FONT-SIZE: 12px;
    COLOR: slategray;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.level2
{
    COLOR: dimgray;    
    FONT-SIZE: 11px;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.orgtitle
{
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #c7cfd4;
    TEXT-ALIGN: center
}
.orgfunction
{
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: left
}
.orgname
{
    FONT-SIZE: 9px;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: left
}

.link
{
    FONT-SIZE: 11px;
    COLOR: #009ee0;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

.greyedoutlink
{
    FONT-SIZE: 10px;
    COLOR: gray;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

.linkhome
{
    FONT-SIZE: 8px;
    COLOR: #009ee0;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.level3
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
}
.mail
{
    FONT-SIZE: 9px;
    COLOR: #009ee0;
    TEXT-DECORATION: none	
}
.orangecontent
{
    FONT-SIZE: 12px;
    COLOR: #d05c00;
    FONT-FAMILY: verdana
}
.row1left
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #99cccc;
    TEXT-ALIGN: left
}
.row2left
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #e2f0f7;
    TEXT-ALIGN: left
}
.row2right
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #e2f0f7;
    TEXT-ALIGN: right
}
.row1right
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #99cccc;
    TEXT-ALIGN: right
}
.orange
{
    FONT-SIZE: 14px;
    COLOR: #c88544;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
}
.brun
{
    FONT-SIZE: 14px;
    COLOR: #b07660;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
}
.gris
{
    FONT-SIZE: 11px;
    COLOR: dimgray;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
}

.disclaim
{
    FONT-SIZE: x-small;
    COLOR: #cc0000;
    FONT-STYLE: italic;
    FONT-FAMILY: verdana, Helvetica, Verdana
}
.briefing
{
    FONT-SIZE: small;
    FONT-FAMILY: "Courier New", Courier, Fixed
}
.center
{
    FONT-SIZE: 9px;
    COLOR: black;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: center
}
.sstitle
{
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    COLOR: #009ee0;
    FONT-FAMILY: verdana; 
}
.ssstitle
{
    FONT-SIZE: 10px;
    COLOR: #009ee0;
    FONT-FAMILY: verdana
}
.thumbnail
{
    FONT-SIZE: 9px;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
/* tags are on alphabetical order */
A
{
    COLOR: #009EE0;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

a:visited {color: #009EE0; text-decoration: none}
a:hover {color: #df0303; text-decoration: none}
a:active {color: #df0303; text-decoration: none}

BODY
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: justify;	
    BACKGROUND-COLOR: #ffffff;
    margin: 0px;
}
TEXTAREA
{
    FONT-SIZE: 10px;
	FONT-FAMILY: verdana;    
	
}

H1, H2, H3, H4{
	FONT-FAMILY: verdana, Helvetica;
    COLOR: #009ee0;
    FONT-SIZE: 14px;
    FONT-FAMILY: verdana;
}

H2{
    FONT-SIZE: 13px;
}

H3{
    FONT-SIZE: 12px;
    margin-bottom: 3px;
}

H4{
    FONT-SIZE: 11px;
    margin-bottom: 3px;
}
HR
{
	COLOR: #009ee0
}
INPUT
{
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana
}
LI
{
    TEXT-INDENT: 0px
}
OL
{
    LIST-STYLE-POSITION: inside;
    TEXT-INDENT: 0px
}
OPTION
{
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: left
}
TABLE
{
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: left
}
TD
{
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: left
}
UL
{
    LIST-STYLE-POSITION: inside;
    TEXT-INDENT: 0px
}

.ralignedtd
{
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: right
}

.logoHolder{
	padding-top: 10px;
	padding-left: 10px;
}

.loginFormLabel{
	font-family: verdana,helvetica;
	font-size: 8px;
}

.smallInput, .errorMsg{
	font-size: 8px;
}

.errorMsg{
	color: red;
}

.orange-mini
{
    FONT-SIZE: 11px;
    COLOR: #c88544;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
}

.sssstitle-bold
{
    FONT-SIZE: 8px;
    FONT-WEIGHT: bold;
    COLOR: #009ee0;
    FONT-FAMILY: verdana
}

.ssstitle-bold
{
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    COLOR: #009ee0;
    FONT-FAMILY: verdana
}
.compulsoryasterisk
{
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    COLOR: #c88544;
    FONT-FAMILY: verdana
}

/* GLOSSARY */

#letter {
font:bold 14px verdana;
width:100%;
background-color:#EFEFEF;
border-bottom: solid 1px orange;
}

#top {
float:right;
position:relative;
top:-25px;
right:30px;
font:10px verdana;
}

dt {
font:bold 12px verdana;


}

#def ul {
list-style:circle outside;

margin-top:5px;
margin-bottom:5px;

}

#def li {
font:10px verdana;
margin-left:15px;
}

dd {
font: 10px verdana;
margin-bottom:10px;

}

.productInfo{
	text-align: center;	
	font-style: italic; 
	font-size: 10px;
	color: grey;
	padding: 1px 10px 10px 1px !important;
	font-family: verdana, arial;
}