/* Generic */

body, input, select, textarea
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 1em;
    margin: 0; padding: 0;
}

a { color: #eb6d20; }
a:hover { color: #616188; }

img { border: none; }

.Hidden { display: none; }
.Validation { color: #ff0000; }
.Validation2 { color: #ff0000; margin-left: 20px; }

input.Go { display: block; float: left; width: 20px; height: 20px; background: transparent url(../images/css/go.gif) no-repeat 0 0; border: none; cursor: pointer; }
input.ShortText { width: 60px; }
input.MediumText { width: 100px; }
input.LongText { width: 150px; }
input.AuxText { width: 100px; color: #cccccc; }
input.DateText { width: 105px; }

div#MainContent
{
    min-width: 66em;
    position: relative;
    margin: 10px 1px 2px;
}

/* End Generic */

/* Data Grid Table */

table.DataGrid
{
    background: transparent url(../images/css/table_header.jpg) repeat-x;
    width: 100%;
    border-left: solid 1px #9999B3;
    border-right: solid 1px #9999B3;
    border-bottom: solid 1px #9999B3;
    float: left;
}

table.DataGrid tr.Even { background: #DBDBE3; }
table.DataGrid th { padding: 0 0 0 5px; text-align: left; height: 25px; color: #ffffff; }
table.DataGrid td { padding: 2px 0 2px 5px; border-top: solid 1px #9999B3; border-right: solid 1px #9999B3; }

table.DataGrid th.Minutes, table.DataGrid th.Agenda, table.DataGrid td.Agenda { text-align: center; }
table.DataGrid td.Minutes { text-align: center; border-right: none; }

table.DataGrid td.Agenda a
{
    display: block;
    width: 16px; height: 16px;
    background: transparent url(../images/css/notes.gif) no-repeat;
    margin: auto;
}

table.DataGrid td.Minutes a
{
    display: block;
    width: 16px; height: 16px;
    background: transparent url(../images/css/clock.gif) no-repeat;    
    margin: auto;
}

/* End Data Grid Table */

/* Form */

div#MainContent div#FullCentralContent div.MainItem ol.Form li
{
    border-bottom: none;
    margin: 5px 0;
    position: relative;
    clear: both;
    overflow: hidden;
}

div#MainContent div#FullCentralContent div.MainItem ol.Form li label
{
    position: absolute;
    display: block;
    width: 120px;
    text-align: right;
    top: 2px; left:0;
}

div#MainContent div#FullCentralContent div.MainItem ol.Form li input, 
div#MainContent div#FullCentralContent div.MainItem ol.Form li textarea
{
    margin: 0 0 0 125px;
}

div#MainContent div#FullCentralContent div.MainItem ol.Form li input.Submit
{
    margin: 5px 0 0 125px;
    width: 80px;
}

div#MainContent div#FullCentralContent div.MainItem ol.Form li.Multiline textarea
{
    width: 200px; height: 50px;
}

div#MainContent div#FullCentralContent div.MainItem ol.Form li.Date a
{
    position: absolute;
    top: 0; left: 235px;
}

div#MainContent div#FullCentralContent div.MainItem ol.Form li span.SectorCheck
{
    display: block;
    margin: 0 0 0 125px; 
    width: 415px; 
}
div#MainContent div#FullCentralContent div.MainItem ol.Form li span.SectorCheck input
{
    margin: 0 20px 0 0;
    display: block;
    float: left;
    clear: right;
}
div#MainContent div#FullCentralContent div.MainItem ol.Form li span.SectorCheck label
{
    position: relative; 
    top: 0; left: 0; 
    float: left;
    width: 100px;
    text-align: left;
    margin: 2px 1px;
}
/* End Form */

/* Header */

div#Header
{
    min-width:66em; height: 140px;
    background: transparent url(../images/css/hymut1.jpg) repeat-x;
    margin: 5px 0;
    overflow: hidden;
}

div#Header a#HeaderHome
{
    display: block;
    margin: 0 0 0 15px;
    width: 630px; height: 140px;
    background: transparent url(../images/css/hymut.jpg) no-repeat;
    float: left;
}

div#Header ol#Search { float: right; list-style: none; margin: 40px 0 0; padding: 0; width: 185px; }
div#Header ol#Search li { margin: 0; clear: both; }
div#Header ol#Search li input#_ctl0_SearchText { float: left; margin: 0 5px 0 0; width: 150px; }
div#Header ol#Search li select { width: 155px; }
div#Header ol#Search div.AutoComplete { font-size:0.7em; width: 150px; position:absolute; margin: 3px 0 0; }
div#Header ol#Search li a.HomeLink
{
    display: block;
    width: 25px; height: 25px;
    margin: 6px 10px 6px 0;
    float: left;
    background: transparent url(../images/css/home.gif) no-repeat 0 0; 
}

div#Header ol#Search li a.TextLink
{
    display: block;
    width: 10px; height: 15px;
    margin: 6px 0;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
}
div#Header ol#Search li a.Accessibility 
{ 
    display: block;
    width: 70px;
    margin: 10px 0 0 10px;
    float: left;
    /*background: transparent url(../images/css/accessibility.gif) no-repeat 0 0; */
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    color: #ffffff;
}

div#Navigation { clear: both; background: transparent url(../images/css/nav_bar.jpg); min-width: 67em; height: 31px; clear: both; }
div#Navigation ol#NavigationLinks
{
    list-style: none;
    width: 41em; height: 31px;
    margin: 0; padding: 0 0 0 8px;
    background: transparent url(../images/css/nav_bar_left.jpg) no-repeat;
    float: left;
}
div#Navigation ol#NavigationLinks li { float: left; width: 8em; height: 31px; border-right: solid 1px #9999B3; }
div#Navigation ol#NavigationLinks li#LWDP { border-left: solid 1px #9999B3; }
div#Navigation ol#NavigationLinks li a { display: block; width: 100%; text-align: center; color: #ffffff; font-weight: bold; text-decoration: none; padding: 9px 0; }
div#Navigation ol#NavigationLinks li a:hover { background: #9999B3; color: #000000; }
div#Navigation ol#NavigationLinks li ol.NavigationSub
{
    position:absolute;
    visibility: hidden;
    border:1px solid white;
    border-bottom-width: 0;
    line-height: 18px;
    z-index: 100;
    background: #333366 url(../images/css/sub_menu_background.jpg) repeat-x;
    list-style: none;
    margin: 0; padding: 0;
}
div#Navigation ol#NavigationLinks li ol.NavigationSub li { float: none; width: auto; height: auto; border-bottom: 1px solid white; }
div#Navigation ol#NavigationLinks li ol.NavigationSub li a
{
    display: block;
    width: auto;
    text-align: left;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    padding: 0 5px;
}

div#Navigation div#QuickLogin
{
    float: right;
    min-width: 25em; height: 31px;
    background: transparent url(../images/css/nav_bar_right.jpg) no-repeat center right;    
    color: #ffffff;
}
div#Navigation div#QuickLogin ol { float: right; padding:0; margin: 0; list-style: none;}
div#Navigation div#QuickLogin ol li { float: left; margin: 7px 5px 0 0; }
div#Navigation div#QuickLogin a { margin: 5px 5px 0 0; color: #ffffff; }
div#Navigation div#QuickLogin div { float: right; margin: 9px 2px; }


/* End Header */

/* Footer */

div#Footer
{
    background: #333366 url(../images/css/footer_background.jpg) repeat-x;
    color: #ffffff;
    text-align: center;
    padding: 10px 0;
    position: relative;
    min-width: 350px;
    margin: 10px auto 0;
    clear: both;
}

div#Footer div#FooterLinks { width: 35em; height: 13px; position: relative; margin: 10px auto 0; padding: 0; }
div#Footer div#FooterLinks ol { list-style: none; margin: 0 auto; padding: 0; width: 280px; display: inline; }
div#Footer div#FooterLinks ol li { display: inline; padding: 0 5px; border-right: solid 1px #ffffff; }
div#Footer div#FooterLinks a { color: #ffffff; }
div#Footer div#FooterLinks a:hover { color: #eb6d20; }
div#Footer div#FooterLinks a#BackToTop { display: inline; padding: 0 0 0 4px; }
div#Footer div#FooterDisclaimer { clear: both; padding: 10px 0 0; }

/* End Footer */

/* Links Menu */

div#MainContent div.ContentMenu { float: left; width: 175px; padding-bottom: 50px; margin-bottom: 10px; background: transparent url(../Images/Static/IIP_LOGO_RGB_SMALL.jpg) no-repeat 0 100% }
div#MainContent div.ContentMenu div.Menu { margin: 0 0 10px; padding: 0; border-bottom: solid 1px #9d9db4; width: 160px; }
div#MainContent div.ContentMenu div.Menu h2
{
    margin: 0; padding: 5px 0;
    background: #333365 url(../images/css/item_header.jpg) repeat-x;
    color: #ffffff;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    min-height: 1.3em;
}

div#MainContent div.ContentMenu div.Menu ol { margin: 0; padding: 0; width: 158px; border-left: solid 1px #9d9db4; border-right: solid 1px #9d9db4; }
div#MainContent div.ContentMenu div.Menu ol.LinksMenu { background: #eeeef0; }
div#MainContent div.ContentMenu div.Menu ol li { border-top: solid 1px #9d9db4; }
div#MainContent div.ContentMenu div.Menu ol li a { padding: 2px 0 2px 5px; color: #616188; text-decoration: none; display: block; width: 153px; height: 100%; }
div#MainContent div.ContentMenu div.Menu ol li a:hover { background: #616188; color: #ffffff; }
div#MainContent div.ContentMenu div.Menu ol li p { margin: 2px 0 0 5px; padding: 0 0 2px; }

/* End Links Menu */

/* News Items */

div#MainContent div.NewsItemHeader
{
    padding: 0 20px 0 7px;
    background: #CBCBD7 url(../images/css/news_item_header.jpg) no-repeat;
    color: #ffffff;
    width: 133px; min-height: 1.8em;
    cursor: pointer;
}
div#MainContent div.NewsItemHeader h3 { margin: 0; padding: 0; font-size: 0.9em; font-weight: bold; }
div#MainContent div.NewsItemContent { padding: 5px 8px; border-left: solid 1px #9d9db4; border-right: solid 1px #9d9db4; }
div#MainContent div.NewsItemContent p { margin: 5px 0; }
div#MainContent div.NewsItemContent ul { margin: 3px 0 3px 20px; padding: 0; }
div#MainContent div#NewsFeed { float: right; width: 162px; }

/* End News Items */

/* Central Content */

div#MainContent div#CentralContent { margin: 0 175px; }
div#MainContent div#FullCentralContent { margin: 0 0 0 175px; }
div#MainContent div.MainItem { position: relative; }
div#MainContent div.Item { margin: 0 0 10px 1px; padding: 0 0 3px; }
div#MainContent div.MainItem h1, div#MainContent div.MainItem h2 
{
    display: block;    
    margin: 0; padding: 5px;
    background: #333365 url(../images/css/item_header.jpg) repeat-x;
    color: #ffffff;
    font-weight: bold;
    font-size: 1em;
    min-height: 1.3em;
}
div#MainContent div.MainItem ol 
{
    list-style: none;
    margin: 0; padding: 0;
    border-left: solid 1px #9d9db4;
    border-right: solid 1px #9d9db4; 
    border-bottom: solid 1px #9d9db4;    
}
div#MainContent div#CentralContent div.MainItem ol { padding: 10px 15px; overflow: hidden; }
div#MainContent div.MainItem ol li.Item { margin: 0 0 10px; padding: 0 0 10px 0; overflow: hidden; border-bottom: solid 1px #9d9db4; clear: both; }
div#MainContent div.MainItem ol li.LastItem { border-bottom: none; padding: 0 0 10px 0; overflow: hidden; }
div#MainContent div.MainItem ol li h3 { margin: 0 0 3px; font-weight: bold; font-size: 1em; }
div#MainContent div.MainItem ol li p { margin: 5px 0; }
div#MainContent div.MainItem ol li ul li { padding: 0; }

/* End Central Content */

/* Static Page */

div#MainContent div.MainItem div.StaticPage { margin: 0 0 10px; }
div#MainContent div.MainItem div.StaticPage div.StaticContent
{
    background: transparent url(../images/css/background_logo.gif) no-repeat 95% 0;
    border-left: solid 1px #9d9db4;
    border-right: solid 1px #9d9db4;
    border-bottom: solid 1px #9d9db4;
    padding: 10px 15px;
    overflow: hidden;
}
div#MainContent div.MainItem div.StaticPage div.StaticContent h3 { font-size: 1em; margin: 0; clear: both; }
div#MainContent div.MainItem div.StaticPage div.StaticContent h3, div#MainContent div.MainItem div.StaticPage div.StaticContent p,
div#MainContent div.MainItem div.StaticPage div.StaticContent ul li
{
    max-width: 675px;
}

div#MainContent div.MainItem div.StaticPage div.StaticContent p { margin: 0 0 10px; }
div#MainContent div.MainItem div.StaticPage div.StaticContent p#NoResults { margin: 17px 0 0; font-weight: bold; }
div#MainContent div.MainItem div.StaticPage div.StaticContent ul { padding: 0; margin: 0 25px 10px; }
div#MainContent div.MainItem div.StaticPage div.StaticContent ol { border: none; }
div#MainContent div.MainItem div.StaticPage div.StaticContent ol li.LastItem { border-bottom: none; }
div#MainContent div.MainItem div.StaticPage div.StaticContent ol li img { float: left; margin: 0 5px 0 0; }
div#MainContent div.MainItem div.StaticPage div.StaticContent ol li img.Alt { float: right; margin: 0 0 0 5px; }
div#MainContent div.MainItem div.StaticPage div.StaticContent ol li.LastItem { border: none }

/* End Static Page */

/* Calendar */

div.Filter { margin: 5px 0; }
div.Filter label, div.Filter input, div.Filter a, div.Filter select { display: block; float: left; margin: 2px; }
a.Calendar { width: 16px; height: 16px; background: transparent url(../images/css/calendar.gif) no-repeat; }

/* End Calendar */

/* Job Vacancies */

div#FullCentralContent div.MainItem div.StaticPage div.StaticContent ol#JobVacancies li
{
    border-left: solid 1px #D8D8E0;
    border-right: solid 1px #D8D8E0;
    border-bottom: solid 1px #D8D8E0;
    max-width: 675px;
    margin: 5px 0; padding: 0 0 5px 0;
}
div#FullCentralContent div.MainItem div.StaticPage div.StaticContent ol#JobVacancies li h3
{
    background: transparent url(../images/css/job_header.jpg) repeat-x;
    height: 16px;
    padding: 2px;
    color: #ffffff;
}
div#FullCentralContent div.MainItem div.StaticPage div.StaticContent ol#JobVacancies li ol.JobDetail li
{
    border: none;
    clear: both;
    margin: 5px 0; padding: 0;
    position: relative;
}
div#FullCentralContent div.MainItem div.StaticPage div.StaticContent ol#JobVacancies li ol.JobDetail li h4 
{
    position: absolute;
    top: 0; left: 0;
    width: 110px;
    text-align: right;
    font-size: 1em;
    margin: 0; padding: 0;
}
div#FullCentralContent div.MainItem div.StaticPage div.StaticContent ol#JobVacancies li ol.JobDetail li p { margin: 0 0 0 115px; }
div#FullCentralContent div.MainItem div.StaticPage div.StaticContent ol#JobVacancies li a.Detail { margin: 0 0 0 115px; }

/* End Job Vacancies */

/* Sector Filter */

div#SectorFilterContainer { position:absolute; right: 0; text-align: right; background: #ffffff; padding: 5px; border: solid 1px #D8D8E0; visibility: hidden; }
a.FilterLink { position: absolute; top: 5px; right: 5px; color: #ffffff; }
span.SectorFilter { display: block; width: 300px; }
span.SectorFilter span { display: block; float: left; width: 130px; padding: 0 10px; }
span.SectorFilter span label { display: block; float: left; padding: 3px 0 0; }
span.SectorFilter span input { display: block; float: right; }

/* End Sector Filter */

/* Events */

div#FullCentralContent div.MainItem div.StaticPage div.StaticContent ol.Events li div { position: relative; }
div#FullCentralContent div.MainItem div.StaticPage div.StaticContent ol.Events li h4 
{
    position: absolute;
    top: 0; left: 0;
    width: 110px;
    text-align: right;
    font-size: 1em;
    margin: 0; padding: 0;
}
div#FullCentralContent div.MainItem div.StaticPage div.StaticContent ol.Events li p { margin: 0 0 0 115px; }
div#FullCentralContent div.MainItem div.StaticPage div.StaticContent ol.Events li a.Detail { margin: 0 0 0 115px; }

/* End Events */

/* Search */

ol#SearchResultsList li { border-bottom: solid 1px #9d9db4; padding: 10px 0; max-width: 675px; }
ol#SearchResultsList li a, ol#SearchResultsList li span, ol#SearchResultsList li em { display: block; }
ol#SearchResultsList li em { color: #cccccc; }

/* End Search */

/* Questionnaire */

div#MainContent div#FullCentralContent.Questionnaire input { margin: 0 3px 0 0; }

/* End Questionnaire */