/*******************************************************************************
Modification History:
Rev Date     By		Reason
1.0 ??/??/?? ???	Initial version.
2.0 02/12/15 PIM	Use standard Interfinder layout.
			Do not push id="search" down, otherwise it can run off
			the bottom of the id="containerhead" region.
			Lighter/smaller navbar font to view more chars (#navbar
			font-size and font-weight).
3.0 15/01/16 PIM	Make .icon height 90px from 82px to accomodate 3-line
			icon titles (no rev bar).
			Comment out all the container settings, this is now
			achieved by _index outputting media-aware CSS.
3.1 13/07/16 PIM	Do not do padding / font on sub-nav, allow #navbar control.
*******************************************************************************/
<style type=\"text/css\">
body {
    background-image:none;
}
/*** START 3.0 START ***/
/***
#container {
    width:350px;
    margin:0px;
}
#containerhead {
    width:350px;
    margin:0px;
}
#containerbodyouter {
    width:350px;
}
#containerbody {
    width:350px;
    margin:0px;
}
#navbar {
    width:350px;
    font-size:0.8em;
    font-weight:normal;
}
#containerfoot {
    width:350px;
}
***/
/*** END 3.0 END ***/
#head {
    height:30px;
}
.icon {
    margin-bottom:2px;
    margin-right:2px;
    width:90px;
    height:90px;
}
.icontext {
    margin-bottom:2px;
    margin-right:2px;
    width:90px;
    height:60px;
}
.icon img {
    width:40px;
    height:40px;
}
.iconsub {
    margin-bottom:2px;
    margin-right:2px;
    width:90px;
    height:90px;
}
.iconsubtext {
    margin-bottom:2px;
    margin-right:2px;
    width:90px;
    height:60px;
}
.iconsub img {
    width:40px;
    height:40px;
}
span.tryitout {
    font-size:0.6em;
    font-weight:bold;
}
.inputtextlong {
    width:200px;
}
.inputtextshort {
    width:100px;
}
/*** START 3.1 START ***/
/***
.sub-nav {
    padding-top:2px;
    padding-bottom:2px;
    padding-left:0px;
    padding-right:0px;
    font-size:0.8em;
    font-weight:normal;
}
***/
/*** START 2.0 START ***/
/***
#search {
    top:20px;
***/
/*** END 2.0 END ***/
.searchby {
    width:100px;
}
span.textonly {
    top:2px;
}
.fieldset-order {
    padding:2px 5px 2px 5px;
    width:330px;
}
.label-order {
    width:100px;
}
.label-normal {
    width:70px;
}
.fieldset-normal {
    padding:0px 5px 0px 5px;
    width:320px;
}
.fieldset-login {
    padding:2px 5px 2px 5px;
    width:320px;
}
.label-login {
    width:100px;
}
.inputloginlong {
    width:200px;
}
.button {
    width:100px;
}
.button-edit {
    height:18px;
    width:18px;
    border:none;
    background:none;
    -webkit-appearance:none;
    border-radius:0em;
}
.table-add th {
    border-width:0 1px 1px 0;
}
#menu {
    display:none;
}
</style>
