﻿body
{
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    background-color: #ffffff;
    /* background-color: #7d6a4a; */
}
input
{
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 12px;
}
table
{
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 12px;
}
select
{
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 12px;
}
p 
{
    padding:3px 0px 3px 0px;
    line-height: normal;
}
img 
{
    float: none;
}
ol 
{
    line-height: normal;
    padding:10px 10px 10px 25px;
}
ol>li
{
    line-height: normal;
    list-style-type: decimal;
    padding:1px 10px 1px 0px;
}
ul 
{
    line-height: normal;
    padding:10px 10px 10px 25px;
}
ul>li
{
    line-height: normal;
    list-style-type:circle;
    padding:1px 10px 1px 0px;
}
h2 
{
	font-weight: 700;
	font-size: 160%;
    padding:10px 0px 10px 0px;
}
h3 
{
	font-weight: 700;
	font-size: 140%;
    padding:10px 0px 10px 0px;
}
a
{
    color: #0099cc;
    text-decoration: none;
}
a:link
{
    color: #0099cc;
}
a:visited
{
    color: #0077aa;
}
a:hover
{
    cursor: auto;
    background-color: #ffff00;
}
a:active
{
    cursor: auto;
}



/*  to center text: http://geekswithblogs.net/timh/archive/2006/04/19/75606.aspx */
.root
{
    width: 800px; /* page width */
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}
.menu
{
    width: 800px; /* page menu width since it is absolue */
    /*position: absolute;*/
    top: 0px;
    text-align: left;
    background-color: white;
}
.menuIan
{
    width: 770px; /* page menu width since it is absolue */
    text-align: left;
    background-color: white;
}

.left-bar
{
    vertical-align: top;
    width: 25%;
}
.right-bar
{
    vertical-align: top;
    width: 20%;
}

.help-table
{
	border-left: solid 1px #0D447F; 
	border-top: solid 1px #0D447F;
  width: 100%;
}

.help-head
{
    background-color: #EEF3F9;
}

.box-header-largedarkblue
{
    font-family: times new roman;
    background-color: #0d447f;
    font-size: 18px;
    font-weight: bold;
    color: white;
}
.box-header-darkblue
{
    font-family: times new roman;
    background-color: #0d447f;
    font-size: 1.2em;
    font-weight: bold;
    color: white;
}
.box-header-shallowblue
{
    font-family: times new roman;
    background-color: #5386BF;
    font-size: 1.1em;
    font-weight: bold;
    color: white;
}
.box-header-white
{
    font-family: times new roman;
    background-color: #ffffff; 
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
}
.box-header-selected-true
{
    font-family: times new roman;
    font-size: 1.2em;
    font-weight: bold;
    color: black;
}
.box-header-selected-false
{
    font-family: times new roman;
    font-size: 1.2em;
    font-weight: bold;
    color: gray;
}

.box-header-red
{
    background-color: #ff6100;
    font-size: 1.2em;
    font-weight: bold;
    color: white;
}

.box-header-lightblue
{
    background-color: #eeeeff;
    font-size: 1.2em;
    font-weight: bold;
    height:26px;
}

.warning-red
{
    background-color: white;
    color: #ff6100;
    font-size: 1.2em;
    font-weight: bold;
}

.safety-box
{
		background-color: #ffffa0;
}


.topbar-space
{
		height: 85px;
}
.navigation
{
    font-size: 12px;
    background-color: #F7F9FB;
    height: 20px;
    margin: 0px 0px 5px 0px;
    border-bottom: solid 1px #27598b;
    padding: 3px 0px 0px 10px;
}
.slogon-title
{
    font-size: 13px;
    text-align: center;
    vertical-align:middle;
		float:left; 
		padding: 15px 0px 0px 0px; 
		width:36%;
		height:50px; 
    background-color: #F7F9FB;
}

.topbar-seperator
{
    background-color: #C6D7E7;
}
.topbar-end
{
    border-bottom:solid 2px #C6D7E7;
    background-color: transparent;
}
.topbar-base
{
    height:4px;
    background-color: #27598b;
}
.topbar-unselected
{
    vertical-align:middle; 
    padding: 0px 2px 0px 2px; 
    border-bottom: solid 2px #C6D7E7;
    
    font-weight: bold;
    font-size: 13px;
    color: #27598b;
    background-color: transparent;
}
.topbar-unselected a
{
    border-bottom: 0px;
    font-weight: bold;
    font-size: 13px;
    color: #27598b;
    background-color: transparent;
}
.topbar-unselected a:hover 
{
    border-bottom: 0px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
    background-color: #ffff00;
}

.topbar-selected
{
    vertical-align:middle; 
    padding: 0px 2px 0px 2px; 
    border-bottom: solid 2px #27598b;
    
    font-weight: bold;
    font-size: 13px;
    color: white;
    background-color: #27598b;
}
.topbar-selected a
{
    font-weight: bold;
    font-size: 13px;
    color: white;
}
.topbar-selected a:link
{
    font-weight: bold;
    font-size: 13px;
    color: white;
}
.topbar-selected a:visited
{
    font-weight: bold;
    font-size: 13px;
    color: white;
}
.topbar-selected a:hover 
{
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
    color: #0099cc;
    background-color: #ffff00;
}

a.air-header:link
{
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
    color: white;
}

a.air-header:visited
{
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
    color: white;
}
a.air-header:hover
{
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
    color: #0099cc;
    background-color: #ffff00;
}

.middlebar-end
{
    border-bottom:solid 2px #C6D7E7;
    background-color: transparent;
}
.middlebar-seperator
{
    background-color: #C6D7E7;
}
.middlebar-unselected
{
    vertical-align:middle; 
    padding: 0px 2px 0px 2px; 
    border-bottom: solid 2px #C6D7E7;
    
    font-weight: bold;
    font-size: 13px;
    color: #0077AA;
    background-color: #D6E7F7;
}
.middlebar-selected
{
    vertical-align:middle; 
    padding: 0px 2px 0px 2px; 
    border-bottom: solid 2px white;
    
    font-weight: bold;
    font-size: 13px;
    color: #27598b;
    background-color: white;
}
.middlebar-selected-old
{
    vertical-align:middle; 
    padding: 0px 2px 0px 2px; 
    border-bottom: solid 2px #C6D7E7;
    
    font-weight: bold;
    font-size: 13px;
    color: white;
    background-color: #C6D7E7;
}
.topMenu
{
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    color: #27598b;
    background-color: #eff3ff;
}

.topSignin
{
    font-weight: bold;
    font-size: 13px;
    color: white;
}
A.topSignin
{
    font-weight: normal;
    font-size: 12px;
    color: white;
}
.topSignin a:link
{
    color: white;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}

.topSignin a:visited
{
    color: white;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}

.topSignin a:hover
{
    color: red;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}

.topSignin a:active
{
    color: red;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}


.rbutton
{
    border-right: medium none;
    border-top: medium none;
    font-weight: bold;
    font-size: 12px;
    background-color:Transparent;
    border-left: medium none;
    cursor: hand;
    color: #ffffff;
    border-bottom: medium none;
    height: 16px;
    width: 100%;
}

a.rbutton:link
{
    font-size: 12px;
    font-weight: bold;
    color: white;
}

a.rbutton:visited
{
    font-size: 12px;
    font-weight: bold;
    color: white;
}
a.rbutton:hover
{
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color:Transparent; 
    cursor:pointer;
}

.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    background-color: inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 300px;
    text-align: left;
    list-style-type: none;
}

.autocomplete_highlightedListItem
{
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

.autocomplete_listItem
{
    background-color: window;
    color: windowtext;
    padding: 1px;
}

/* bwu: copied from ian css/main.jsp?cid=1 #EBEBEB*/
.SIRtnowGrey {background: white;}
.SIRtnowTopLine { height: 4px; width: 100%; background-repeat: repeat; }
.SIRtnowLeftLine { height: 100%; width: 4px; background-repeat: repeat; }
.SIRtnowRightLine { height: 100%; width: 4px; background-repeat: repeat; }

/* done */
