/* 
   =================================================================== 
   Version : $Id: mlstyle.css 1092 2011-10-18 17:59:49Z goulch $ 
   ===================================================================
*/ 
div#lhs {
        width:50%;
} 
.formusage {
	text-align:center;
	border:1px solid;
	padding:3px;
	background-color:#BFB2D3;
	margin-top:10px;
	margin-bottom:10px;
}


ul.sortlist { 
        margin-left:10px;
        margin-right:10px;
        padding:0;
        border:1px solid #069;
        background-color:#FFFDED;
        min-height:20px;
        cursor: move;
        list-style:none;

}
ul.sortlist li {
        padding-top:1px;
        padding-bottom:1px;
        padding-left:5px;
        padding-right:5px;
}       
p.instr-text {
        text-align:center;
}
div p.listheading{
        text-align:center;
        padding-left:4px;
        padding-right:4px;
}
div#d1left {
        float: left;
        background-color:#ED717A;
        margin-top:10px;
        margin-right:10px;
}
div#d2right {
        float: left;
        background-color:#BBDB88;
        margin-top:10px;
}


body {
        font-family: helvetica, verdana, helvetica neue, arial, sans-serif;
        color:black;
        background-color:#EDEBE3; /* was silver */
}
div#librarylist table {
        width: 100%;
}

div#copieslist {
        float:right;
        border:1px solid #069;
        padding:5px;

}

.table_header {
        background-color:#D7D7D7;
        text-align:center;
        }
.table_row {
        background-color:white;
        }

.table_row_borrowed {
        background-color:#EFEFEF;
        }

td.justr {
        text-align: right;
}

td.justl {
        text-align: left;
}


.listboxs {
        min-width:180px;
        max-width:180px;
}

.listboxm {
        min-width:220px;
        max-width:220px;
}

.listboxw {
        min-width:260px;
        max-width:260px;
}

.inputboxm {
        min-width:220px;
        max-width:220px;
}
/* =================================================================== */
/* userinfo is the div for the user info bar */
/* =================================================================== */ 
div#checklisthdr { 
        width:100%;
        border-collapse:collapse;
        border:none;
}
div#checklisthdr td.title {
        font-size:3em;
}
/* =================================================================== */
/* userinfo is the div for the user info bar */
/* =================================================================== */ 
div#userinfo { 
        margin:0; padding:0;
        float:left;
        width:100%;
        border:1px solid #069;
        background-color:white;
        margin-top:15px;
}
div#userinfo td {
        font-size:1em;
}       
/* =================================================================== */
/* top_menu is the div for the main menu bar */
/* =================================================================== */ 
div#top_menu { 
        margin:0; padding:0;
        float:left;
        width:100%;
        border:1px solid #069;
/*      
        border-top:1px solid #069;
        border-bottom:1px solid #069;
*/
        font-size:.8em;
        background-color:#ccf; 
        margin-top:2px;
}

div#top_menu ul {margin:0; 
}

/* this puts list items in horizontal line */
div#top_menu li {
        float:left;
        /* remove bullets */
        list-style-type:none;
        background-color:#ffa; 
        /* add padding round items and right dividing lines */
        padding:0 6px;
        border-right:1px solid #069;
}

div#top_menu li:first-child {
        /* put dividing line on lhs of first item */ 
        border-left:1px solid #069;
}
 
/* turn off anchor underlines */
div#top_menu a {
        text-decoration:none;
        color:#069;
}

div#top_menu a:hover {
        color: #F33;
}

/* =================================================================== */
/* underline shortcut key in label */
/* =================================================================== */ 
* label sck {
text-decoration:underline;
}

/* =================================================================== */
/* menu is the div for the menu bar */
/* =================================================================== */ 
#menu {
width: 100%;
background: #fcd9c5;
/*float: left;*/
text-transform: uppercase;
position:fixed;
left:8px;
top:0px;
/* stops background blatting over screen */
height:0px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 10em;
float: left;
}

/* style, color and size links and headings to suit */

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc;
margin: 0;
padding: 2px 3px;
color: #fff;
background: #6f559d;
text-transform: uppercase;
text-decoration: none;
}


#menu a:hover, #menu h2:hover {
color: #a00;
background: #fff;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* =================================================================== */ 
/* table defaults */
/* =================================================================== */


table td {
/*      text-align: left;*/
        margin: 0;
/*      border-bottom: 1px solid;*/
/*      border-right: 1px solid;*/
/*      padding: 1px 1px;*/
        empty-cells: show;
        font-size: small; 
}

/*table td a {
        text-decoration:none;
} */


/* ===================================================================*/
/* cellfloatmenu is the class for the pop-up menus on lists */
/* ===================================================================*/

td.cellfloatmenu ul li ul li a {
        text-decoration:none;
}

td.cellfloatmenu ul {
        margin: 0;
}

td.cellfloatmenu li {
        list-style-type: none;
}

/* bug in Firefox doesn't shift first ul items to far left */
td.cellfloatmenu ul li ul {
        position:absolute;
        width:10em;
}

td.cellfloatmenu ul li ul li {
        width: 100%;
        border-left:1px solid;
        border-right:1px solid;
        border-bottom:1px solid;
        background-color:#F5F8EC;
        position:relative;
        display:none;
}

td.cellfloatmenu ul li ul li:first-child {
        border-top:1px solid;
}
td.cellfloatmenu:hover ul li ul li {
        display:block;
}

td.cellfloatmenu ul li:hover {
        background-color:#ff0;
}



/* =================================================================== */
/* codes for Feedback box (msgs from database)                         */
/* =================================================================== */

div.longtext {
        width: 60%;
        float: right;
}
div.attrlist {
        width: 38%;
        float: left;
}

/* this is to make sure textarea stretches to width of enclosing div */
div textarea.longtext
    ,textarea.fb_nomsg
    ,textarea.fb_infomsg
    ,textarea.fb_warnmsg
    ,textarea.fb_errmsg
        {
        width: 100%;
}

textarea.fb_nomsg {
        background-color:silver;
}
textarea.fb_infomsg {
        background-color:#C7E19E;
}

textarea.fb_warnmsg {
        background-color:#F8C473;
}

textarea.fb_errmsg {
        background-color:#F49F9C;
}

/* =================================================================== */
/* codes for colouring rows based on availability code in Partsets table */
/* =================================================================== */

/* blue :set is issued */
table tr.avlc0,textarea.avlc0,td.avlc0 {
        background:#8DCFF4;
}

/* green :filed, all copies in and at least one copy for each part */
table tr.avlc1,textarea.avlc1,td.avlc1 {
        background:#C7E19E;
}

/*  red :partset filed but some copies still not returned  */
table tr.avlc2,table * textarea.avlc2,td.avlc2 {
        background:#F49F9C;
}

/* yellow : partset filed. All issued copies returned  */
/* but some parts have no copies  */
table tr.avlc3,textarea.avlc3,td.avlc3 {
        background:#FFF99D;
}

/* grey : partset has been returned to owner  */
table tr.avlc4,textarea.avlc4,td.avlc4 {
        background:#A0A0A0;
}

/* white : partset is on order from suppliers  */
table tr.avlc5,textarea.avlc5,td.avlc5 {
        background:#FFF;
}

/* orange : partset filed. At least one copy of each part */
/* with copies has been returned but others still missing  */
table tr.avlc6,textarea.avlc6,td.avlc6 {
        background:#F8C473;
}
/* light pink : partset is out on loan  */
table tr.avlc7,textarea.avlc7,td.avlc7 {
        background:#F9C8D8;
}

/* grey : copy not issued  */
table tr.avlc8,textarea.avlc8,td.avlc8 {
        background:#ACACAC;
}

/* purple : reserved  */
table tr.avlc9,textarea.avlc9,td.avlc9 {
        background:#BFB2D3;
}
/* Programme Listing */
/*  : past  */
table tr.prog1,textarea.prog1,td.prog1 {
        background:#FDEBCF;
}
/* : future  */
table tr.prog2,textarea.prog2,td.prog2 {
        background:#E8C473;
}
/* programme item in listing  */
table tr.prog3,textarea.prog3,td.prog3 {
        background:#FDEBCF;
}


/* =================================================================== */
/* this is basically same as above, but disables border for input box too */
/* =================================================================== */

/* blue :set is issued */
table * input.avlc0 {
        background:#8DCFF4;
        border:none;
}

/* green :filed, all copies in and at least one copy for each part */
table * input.avlc1 {
        background:#C7E19E;
        border:none;
}

/*  red :partset filed but some copies still not returned  */
table * input.avlc2 {
        background:#F49F9C;
        border:none;
}

/* yellow : partset filed. All issued copies returned  */
/* but some parts have no copies  */
table * input.avlc3 {
        background:#FFF99D;
        border:none;
}

/* grey : partset has been returned to owner  */
table * input.avlc4 {
        background:#A0A0A0;
        border:none;
}

/* white : partset is on order from suppliers  */
table * input.avlc5 {
        background:#FFF;
        border:none;
}

/* orange : partset filed. At least one copy of each part */
/* with copies has been returned but others still missing  */
table * input.avlc6 {
        background:#F8C473;
        border:none;
}
/* light pink : partset is out on loan  */
table * input.avlc7 {
        background:#F9C8D8;
        border:none;
}

/* grey : copy not issued  */
table * input.avlc8 {
        background:#ACACAC;
        border:none;
}

/* purple : reserved  */
table * input.avlc9 {
        background:#BFB2D3;
        border:none;
}

/* ---------------------------------------------------- */
/* stuff on first page */

h1 {
        font-family: Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif
}

a:link {
        color: black
}
a:visited {
        color: black
}

/* =================================================================== */
/* this is on the header page  */
/* =================================================================== */
address {
        margin-top: 1em;
        padding-top: 1em;
        border-top: thin dotted
}

/* =================================================================== */
/* these bits for the filter screen - needs tidying up  */
/* some of this looks like nonsense : redefining div#attrusunassigned */
/* =================================================================== */
div#dattrs,div#attrsassigned,div#ddur,div#dcats,div#dstats {float:left; margin:0 4px 0 4px;}
div#dbuttons,div#dclear {clear:both;}

div#dcontacts {float:left; margin:0 8px 0 0;}
div#dconown {float:left; margin:-1em 0 0 0;}
div#dconownend {clear:both;}

div#dptnotin {float:left; margin:0 8px 0 0;}
div#dptin {float:left; margin:-1em 0 0 0;}
div#dcconend {clear:both;}

div#dct {float:left; margin:0 8px 0 0;}
div#dpt {float:left; margin:-1em 0 0 0;}
div#dptcend {clear:both;}

/* CG added for layout tables */

div.clearboth {
        clear: both;
}


div.leftside {
        float: left;
        margin-right: 1em;
}
div.rightside {
        float: left;
        margin-left : 1em;
}

/* doesn't seem to like these tags */
/* maybe can't define own tags in 4.01 transitional */
subtitle {
        font-size: 80%;
        font-style: normal;
        color:red;
        }
titleextra {
        font-size: 80%;
        font-style: normal;
        }
/* =================================================================== */
/*  special bits for header/footer/2col screens                        */
/* =================================================================== */
/* CSS for header-footer-2col pages */
clear
div#hf2c_header {width:100%; height:32px; background-color:#CAF; padding-top:2px; padding-bottom:2px;}
div#hf2c_header h1 {text-align:center;margin-top:0px;margin-bottom:0px;}
div#hf2c_header h2 p {text-align:center; margin-top:0px;}
div#hf2c_header h2 p em {font-size:70%;}

div#hf2c_contentarea {width:100%;background-color:#FFF;}

div#hf2c_column1 {width:40%; background-color:#FFFDF3; float:left;}
div#hf2c_column1 label {display: block;}
div#hf2c_column1 span {text-align:right;}
div#hf2c_column1 table {margin: 2px 0 0 2px;width:100%;}
div#progdttime label, text {display:inline;}
div#hf2c_column1 textarea {margin:2px; width:97%; height: 20em;}
div#hf2c_column2 {width:60%; background-color:#FFFDF3; float:right;}
div#hf2c_column2 ul {margin: 2px 0 0 2px;}
div#hf2c_column2 table {margin: 2px 0 0 2px;width:100%;}
div#hf2c_column2 p {margin-top:0px;text-align:center;}

div#hf2c_footer textarea{width:98%;}

.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end */