/*[start] main body stuff*/
body
{
   font-family:arial, sans-serif;
}

/*[start] login page*/
/* the main body of the login page*/

body.loginpage
{
   text-align:center;
   font-size:100%;
}

.loginpage .yui-tt{
   width:350px;
   font-size:77%;
   text-align:left;
}

/*the splash element of the login page*/
.loginpage #content
{
   border:1px solid #000;
   /*border-top-right-radius:5px;*/
   -moz-border-radius-topright:10px;
   -webkit-border-top-right-radius:10px;

   /*border-bottom-right-radius:5px;*/
   -moz-border-radius-bottomright:10px;
   -webkit-border-bottom-right-radius:10px;

   /*border-bottom-left-radius:5px;*/
   -moz-border-radius-bottomleft:10px;
   -webkit-border-bottom-left-radius:10px;

   /*border-top-left-radius:5px;*/
   -moz-border-radius-topleft:10px;
   -webkit-border-top-left-radius:10px;

   /*border-radius:5px;*/
   -moz-border-radius:10px;
   -webkit-border-radius:10px;

   color:#fff;
   margin-top:80px;
   width:520px;
   margin-left:auto;
   margin-right:auto;
   /*height: 245px;*/
   text-align:center;
   background-image:url("../images/intralibrary_logo.png");
   background-repeat:no-repeat;
   background-attachment:inherit;
   background-position:50% 10px;
}

/*the form with the login fields*/
#loginform
{
   margin-left:auto;
   margin-right:auto;
   margin-bottom:10px;
   margin-top:10px;
   width:496px;
   height:186px;
   background-image:url("../images/login_form.jpg");
   -moz-border-radius-topright:10px;
   -webkit-border-top-right-radius:10px;

   -moz-border-radius-bottomright:10px;
   -webkit-border-bottom-right-radius:10px;

   -moz-border-radius-bottomleft:10px;
   -webkit-border-bottom-left-radius:10px;

   -moz-border-radius-topleft:10px;
   -webkit-border-top-left-radius:10px;

   -moz-border-radius:10px;
   -webkit-border-radius:10px;
}

#loginform form
{
   padding-top:30px;
   margin-top:0;
   margin-right:30px;
   top:0;
   text-align:left;
}

#loginform form label
{
   width:200px;
   text-align:right;
   color:#ffffff;
   font-weight:bold;
}

#loginform .buttoncontainer
{
   margin-right:30px;
}

#loginform button
{
   font-size:85%;
}

.loginbutton{
   margin: 10px auto 5px;
   width:300px;
   background:repeat-x scroll left -1800px;
   background-image:url(http://www.eumetcal.org/intralibrary/javascript/yui/build/assets/skins/sam/sprite.png);
   color:#000;
   vertical-align:bottom;
   padding:5px;
   border:1px solid #000;
   position:relative;
}

.welcomemessage
{
   text-align:center;
   padding-top:42px;
   padding-bottom:20px;
}

.welcomemessage a
{
   text-decoration:none;
}

.welcomemessage p
{
   padding-bottom:10px;
}

.forgottonpasswordlink
{
   padding-right:30px;
   text-align:right;
   padding-top:4px;
}

.forgottonpasswordlink a
{
   text-decoration:underline;
   color:#000;
}

.registerlink a
{
   color:#ffffff;
   margin-top:10px;
   text-align:center;
   padding:5px;
}

#loginmessage
{
   text-align:center;
   color:#101010;
   padding:5px;
   border:1px solid #000;
   margin-top:10px;
   margin-bottom:10px;
   margin-left:10px;
   margin-right:10px;
}
/*[end] login page*/


/*user home stuff*/

.user-home #hd{
   padding-bottom:10px;
   margin-left:20px;
   margin-right:20px;
   min-height:20px;
}

.component{
   margin-bottom:20px;
   width:90%;
}

.component-container{
   margin-left:20px;
   margin-right:20px;
}

.component-header, .component-body{
   border:1px solid #000;
   padding-left:5px;
   padding-right:5px;
}

.component-header{
   -moz-border-radius-topright: 5px;
   -moz-border-radius-topleft: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-top-left-radius: 5px;
   position:relative;
   font-size:115%;
   color:#fff;
}

.component-body{
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   font-size:100%;
   padding:10px;
}

.component-body p{
   padding-bottom:10px;
   margin-bottom:10px;
   border-bottom:1px solid #c0c0c0;
}

.component-collapse{
   position:absolute;
   top:0;
   right:2px;
   height:20px;
   width:20px;
}

.component-collapse{
   background:no-repeat right;
}

.component-collapse.expanded{
   background:url("http://www.eumetcal.org/intralibrary/images/components_collapse.png");
}

.component-collapse.collapsed{
   background:url("http://www.eumetcal.org/intralibrary/images/components_expand.png");
}

.component-object-list{
   margin-top:10px;
}

.component-object-list td{
   padding-top:4px;
   padding-bottom:4px;
   text-align:right;
   white-space:nowrap;
   padding-left:30px;
}

.component-object-list td.summary-link{
   text-align:right;
}

td.col-title{
   text-align:left;
   width:100%;
   padding-left:4px;
}

td.col-detail{
   background-image:url("http://www.eumetcal.org/intralibrary/style/mod.css?bn=115");
}

td.col-preview{
}

td.col-download{
}

.rightpane
{
   padding-left:20px;
}

/*the heading at the top of the left hand pane*/
h1.lhs
{
   text-align:center;
   margin:0;
   padding:10px 4px 4px 4px;
   border:1px solid #000000;
   color:#ffffff;
}

h3
{
   font-weight:bold;
}

h2
{
   font-weight:bold;
}

.leftpane h1
{
   -moz-border-radius-bottomleft:5px;
   -moz-border-radius-bottomright:5px;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
   border:1px solid #000000;
   color:#FFFFFF;
   padding:5px;
   margin:0;
   text-align:center;
   background:url(http://www.eumetcal.org/intralibrary/javascript/yui/build/assets/skins/sam/sprite.png) repeat-x scroll left -1400px;
}

/*the contant of the sub heading of the lhs*/
.leftpane h3
{
   border:1px solid #000;
   border-top:none;
   color:#000;
   font-weight:normal;
   margin:0px;
   padding:10px;
}

/*[start] tab stuff (not navigation)*/
.tabgroup li
{
   border:1px solid black;
   border-bottom:none;
}

.tabgroup li a
{
   color:#696969;
}

.tabgroup li:hover
{
}

.tabgroup li.active a
{
   color:#000;
}

.tabcontentcontainer
{
   border:1px solid #000;
}
/*[end] tab stuff (not navigation)*/

/*the containers holding the supporting text*/
.supportingText
{
}

.supportingTextHeading
{
   font-weight:bold;
   padding-bottom:4px;
}

.supportingTextContainer
{
   border:1px solid #696969;
   margin-top:10px;
   padding:10px;
}

.supportingtextbutton
{
   float:right;
}

.supportingTextContainer
{
}

/*[end] Main body stuff*/

/*[start] primary navigation stuff*/
#logo
{
   position:absolute;
   left:20px;
   top:50px;
   text-align:left;
   width:473px;
   height:31px;
   background-image:url("http://www.eumetcal.org/intralibrary/images/logos/intralibrary_logo.png");
   background-repeat:no-repeat;
}

/* the color that sits at the top behind the intralibrary logo*/
div#primarynavigation
{
   background:transparent url(http://www.eumetcal.org/intralibrary/images/header.png) repeat left top;
   border-bottom:1px solid #3366cc;
   height: 110px;
   margin:0 0 50px 0;
	padding:0;
}

div.primarynavigation
{
   position:absolute;
   width:100%;
   top:100px;
   background:#e8f2ff url(http://www.eumetcal.org/intralibrary/javascript/yui/build/assets/skins/sam/sprite.png) repeat-x scroll left -1800px;
   border-bottom:1px solid #c0c0c0;
}

/* the individual top tabs*/

.primarynavigation a
{
   position:relative;
   display:inline-block;
   border:0;
   border-right:1px solid #aaa;
   border-left:1px solid #fff;
   width:100px;
   text-align:center;
	background-repeat:no-repeat;
   background-position:center 6px;
   padding-top:38px;
   margin-left:-3px;
}

.primarynavigation a:first-child{
   margin-left:25px;
}

.primarynavigation a:hover{
   background-color:#ffffff;
}

div.primarynavigation a{
   text-decoration:none;
   padding-bottom:5px;
}

/* the text of the top tabs*/
div.primarynavigation a span
{
   color:#000000;
   font-weight:bold;
   text-decoration:none;
   font-size:85%;
}

#main_nav_create_in_compendle{
   background-image:url("http://www.eumetcal.org/intralibrary/images/32x32/create.png");
}

#main_nav_create{
   background-image:url("http://www.eumetcal.org/intralibrary/images/32x32/create.png");
}

#main_nav_upload{
   background-image:url("http://www.eumetcal.org/intralibrary/images/32x32/upload.png");
}

#main_nav_import{
   background-image:url("http://www.eumetcal.org/intralibrary/images/32x32/import.png");
}

#main_nav_basket{
   background-image:url("http://www.eumetcal.org/intralibrary/images/32x32/basket.png");
}

#main_nav_browse{
   background-image:url("http://www.eumetcal.org/intralibrary/images/32x32/browse.png");
}

#main_nav_workarea{
   background-image:url("http://www.eumetcal.org/intralibrary/images/32x32/my_work.png");
}

#main_nav_myresources{
   background-image:url("http://www.eumetcal.org/intralibrary/images/32x32/myresources.png");
}

#main_nav_favourites{
   background-image:url("http://www.eumetcal.org/intralibrary/images/32x32/favourites.png");
}

/*[end] primary navigation stuff*/

/*[start] secondary navigation stuff*/
/*this is the section where the secondary navigation lives*/
div#secondarynavigation
{
   /* the background color needs to
   be the same color as the active
   tab for the tabs to look like tabs*/
   /*height:2em;*/
   padding-top: 8px;
   margin-bottom: 3px;
   border-bottom:1px solid #c0c0c0;
   background:url(http://www.eumetcal.org/intralibrary/javascript/yui/build/assets/skins/sam/sprite.png) repeat-x scroll left -1300px;
}

/* container for the 2ndary nav links*/
span.secondarynavigationlink
{
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   padding:2px 4px 2px 4px;
   margin-right:10px;
}

/*container for active 2ndary nav*/
#secondarynavigationlinks span.active
{
   border-bottom:1px solid #c0c0c0;
   border-right:1px solid #c0c0c0;
   background:url(http://www.eumetcal.org/intralibrary/javascript/yui/build/assets/skins/sam/sprite.png) repeat-x scroll left -1800px;
}

/*hover condition for active 2ndary nav*/
#secondarynavigationlinks span.active:hover
{
}

#secondarynavigationlinks span
{
}

/*hover condition for 2ndary nav*/
#secondarynavigationlinks span:hover
{
}

/*text for the 2ndary nav links*/
span.secondarynavigationlink a
{
   color:#000;
}

#secondarynavigationlinks span.active a
{
}

/* hover condition for 2ndary nav links*/
span.secondarynavigationlink a:hover
{
	color: #3366cc;
}

/*[end] secondary navigation stuff*/
#userinfo
{
   position:absolute;
   right:20px;
   top:0;
   padding-top:5px;
   padding-bottom:5px;
   padding-left:10px;
   background:none;
   border:none;
}

#userinfo a{
   text-decoration:none;
   color:#fff;
   font-weight:bold;
}

#userinfo span a{
   padding-left:20px;
   margin-right:15px;
   text-decoration:none;
   font-weight:bold;
   color:#fff;
}

#userinfo #pn_home{
   background:url("http://www.eumetcal.org/intralibrary/images/16x16/pn_home.png") left no-repeat;
}

#userinfo #pn_profile{
   background:url("http://www.eumetcal.org/intralibrary/images/16x16/pn_profile.png") left no-repeat;
}

#userinfo #pn_admin{
   background:url("http://www.eumetcal.org/intralibrary/images/16x16/pn_admin.png") left no-repeat;
}

#userinfo #pn_logout{
   background:url("http://www.eumetcal.org/intralibrary/images/16x16/pn_logout.png") left no-repeat;
}

#userinfo #pn_help{
   background:url("http://www.eumetcal.org/intralibrary/images/16x16/pn_help.png") left no-repeat;
}

#usergreeting{
   color:#fff;
   position:absolute;
   top:5px;
   left:20px;
   font-weight:bold;
}

#usergreeting span{
   color:#fff;
   font-weight:normal;
}

/* feedback stuff*/
#feedback
{
   position:absolute;
   top:20px;
   /*the margin-left needs to be at least the width of the
   #logo element + the log element left position*/
   left:250px;
   border:#000 1px solid;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   height:auto;
   padding:3px 10px 3px 3px;
   max-width:300px;
   width:300px;
   text-align:center;
   overflow:visible;
   z-index:100000;
   max-height:500px;
}


#feedbackdetailheading{
   text-align:left;
   font-size:77%;
   padding:5px;
   text-decoration:underline;
   cursor:pointer;
}

#feedbackdetails{
   text-align:left;
   font-size:85%;
   padding:5px 5px 5px 10px;
   border:1px dotted #000;
   overflow-y:auto;
   overflow-x:auto;
   max-height:400px;
   height:400px
}

#dismissfeedback
{
   cursor:pointer;
   text-align:right;
   padding-left:10px;
   padding-top:5px;
   text-decoration:underline;
}


#messagebutton{
   position:absolute;
   right:-7px;
   top:-10px;
}


#loadingmessage
{
   position:absolute;
   top:120px;
   margin-left:850px;
   border:black 1px solid;
   padding:3px 3px 5px 3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
}

#loadingmessage img{
   margin-left:20px;
   margin-right:10px;
   vertical-align:bottom;
}
/*[end] tertiary navigation stuff*/

/*[start] search box*/
/*top left*/
div#searchboxcontainer
{
   -moz-border-radius:5px;
   position:absolute;
   right:35px;
   border:1px solid #c0c0c0;
   top:40px;
}

div#searchbox
{
   padding:5px;
   padding-top:15px;
   padding-bottom:15px;
   padding-right:45px;
   text-align:left;
   color:#fff;
   font-size:108%;
   font-weight:bold;
}

input.searchtext
{
   width:12em;
   border:#3366cc 1px solid;
   font-weight:normal!important;
}

div#searchbox a{
   position:absolute;
   bottom:3px;
   right:42px;
   font-weight:normal;
   font-size:77%;
   text-decoration:underline;
   color:#fff;
}

#simplesearchbutton{
   position:absolute;
   bottom:5px;
   right:5px;
}

/*[end] search box*/


/*[start] forms*/
/*form legend*/

.legend
{
   border:1px solid #000;
   border-right:1px solid #000;
   border-bottom:1px solid #000;
   border-left:none;
   background-repeat:repeat-x;
   vertical-align:middle;
   padding:2px;
   margin-bottom:10px;
   text-align:center;
   width:75%;
   margin-left:-20px;
   -moz-border-radius-bottomright:7px;
   -moz-border-radius-topright:7px;
}

form fieldset .legend
{
   background:url(http://www.eumetcal.org/intralibrary/javascript/yui/build/assets/skins/sam/sprite.png) repeat-x scroll left -1500px;
   height:24px;
}


/*container for each form fieldset*/
form fieldset
{
   -moz-border-radius-bottomleft:7px;
   -moz-border-radius-bottomright:7px;
   -moz-border-radius-topleft:7px;
   -moz-border-radius-topright:7px;
   border:1px solid #000;
   padding:10px 20px 20px 20px;
}

fieldset.subform
{
   -moz-border-radius-bottomleft:5px;
   -moz-border-radius-bottomright:5px;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
   margin-bottom:40px;
   margin-top:20px;
}

form label{
   display:block;
   float:left;
   margin:5px 0;
   padding-bottom:5px;
   padding-top:5px;
   text-align:right;
   vertical-align:bottom;
   width:110px;
}

/*links all radio buttons so we can see the relationships*/
form div.radiocontainer
{
   /*
   it looks like it's not doing anthing
   but it's providing the padding so the border
   on the hover doesn't create jerkiness.
   the border color needs to be the same as the
   form or sunform element that contains it*/
   border:#b3ccff solid 1px;
}

form div.radiocontainer:hover
{
   border:#c0c0c0 solid 1px;
}

div.buttoncontainer
{
   margin-top:10px;
   text-align:right;
}
/*hover condition for form button*/
/*ss button*/
/*
button:hover
{
   background-image:url(http://www.eumetcal.org/intralibrary/images/btnbackhover.png);
}
*/

/*
button,input[type="button"]

{
   background-color:#fff;
   background-image:url(http://www.eumetcal.org/intralibrary/images/btnback.png);
   background-position:center;
   height:22px;
   border:1px solid #000;
   margin-bottom:5px;
}

select
{
   background-color:#fff;
   background-image:url(http://www.eumetcal.org/intralibrary/images/btnback.png);
   background-position:center;
   border:1px solid #000;
   margin-bottom:5px;
}
*/

/*mkm button*/
button,input[type="button"]
{
   color:#000;
   margin-bottom:5px;
}

/*some form buttons have <a> tags inside*/
button a
{
   color:#000;
   text-decoration:none;
}

/*some <a> tags wrap form buttons (don't ask)*/
a.buttonhref
{
   color:#000;
   text-decoration:none;
}

/*[start] modal stuff*/
/* the container class applied to all modal screens*/
#modal_container
{
   padding:10px;
   overflow:auto;
   text-align:left;
   border:2px solid #696969;
   color:#333;
}
/*[end] modal stuff*/

/*[start] tables*/
/*this style applies to all tables in the application
that present data in a tabular format*/

#tabgroup table.tabulardata
{
   width:100%;
}

.tabulardata
{
   border:1px solid #696969;
}

.tabulardata caption
{
   font-weight:bold;
   padding-bottom:10px;
   padding-top:10px;
}

/*the header of the table*/
.tabulardata th 
{
   border-bottom:2px solid #696969;
   color:#FFFFFF;
   font-weight:bold;
   text-align:left;
   padding:5px;
}

/*the table cell in the footer of the table*/
.tabulardata tfoot td
{
   text-align:right;
   color:#000000;
}

/*table cell style*/
.tabulardata td
{
   padding:2px;
   text-align:left;
   border:1px solid #696969;
}

.nowrap
{
   
   width:auto;
}

.tabulardata td.horizontaldivider
{
   padding:5px;
   font-weight:bold;
}

.tabulardata td.image
{
   text-align:right;
}

.tabulardata img
{
   margin:0 5px 0 5px;
   border:none;
}

/*[end] tables*/

/*[start] admin forms*/
/*here be living the style information
for some of the forms found in the
admin area*/

.adminform
{
   border-collapse:collapse;
   border-top:2px solid #000;
   border-right:2px solid #000;
   border-left:2px solid #000;
   border-bottom:2px solid #000;
}

.adminform div
{
   border-bottom:#c0c0c0 1px dashed;
}

.adminform div.heading
{
   padding:5px;
   margin:0px;
   border-bottom:1px solid #696969;
   font-weight:bold;
}

#filelisting
{
   border:#000 1px solid;
}

/*[end] admin forms*/

/*[start] object list stuff*/

/*[start] image object list stuff*/
.imageobjectlistthumbnail div
{
   width:150px;
   text-align:center;
   margin-bottom:5px;
   margin-top:0;
}

.imageobjectlistthumbnail img
{
   padding:5px;
   margin-left: auto;
   margin-right: auto;
   border:1px solid #c0c0c0;
}

.imageobjectlistthumbnailtitle
{
   padding:0 5px 0 5px;
   font-weight:bold;
}

.imageobjectlistgrid
{
   margin-left: auto;
   margin-right: auto;
   margin-bottom:10px;
   margin-top:10px;
}

.imageobjectlistthumbnailactions
{
   margin-left: auto;
   margin-right: auto;
   border-bottom:1px solid #c0c0c0;
}

.imageobjectlistthumbnailactions img
{
   padding:0;
   margin:0;
   border:none;
}

img#modal_image
{
   border:1px solid #000;
}

.image_rating img
{
   margin:0px;
   padding:0px;
   border:none;
}

div.image_rating
{
   margin:0px;
   padding:0px;
   border:none;
}

/*[end] image object list stuff*/

/*this is the element that holds the various icons
at the top of the object listing (add to basket, show images etc)
*/
.tab_message{
   background-position:5px 2px;
   border:1px solid #c0c0c0;
   padding:5px;
   margin-bottom:10px;
}

.tab_message span.nodename{
   font-weight:bold;
   padding-left:0px;

}

.tab_message span.nodedescription{
   font-weight:normal;
   padding-left:15px;
}

.objectlistsubheading
{
   margin:5px;
   padding:5px;
   border-top:1px solid #c0c0c0;
   vertical-align:bottom;
}

/*images in the subheading described above*/
.objectlistsubheading img
{
   margin:0 5px 0 5px;
   vertical-align:middle;
   border:none;
}

/*the wrapper round the learning object itself*/
.learningobject
{
   border:1px solid #696969;
   padding:10px;
   margin:5px;
}

.learningobjectlightweight
{
   position:relative;
   border:1px solid #696969;
   padding:5px;
   margin:5px;
   margin-left:20px;
}

.learning_item_selectable{
   position:absolute;
   left:-20px;
   top:0px;
}

.activeobject
{
   border:1px solid #000;
}

/*labels the object as unpublished*/
.unpublished
{
   background-image:url("http://www.eumetcal.org/intralibrary/images/objectlist/unpublished_stamp.png" );
   background-position:50% 5px;
   background-repeat:no-repeat;
}

.unpublishedlightweight
{
   background-image:url("http://www.eumetcal.org/intralibrary/images/objectlist/unpublished_stamp_small.png" );
   background-position:50% 5px;
   background-repeat:no-repeat;
}

.learningobjecttitle
{
   padding-left:20px;
}

.learningobjecttitle a
{
   font-weight:bold;
   text-decoration:underline;
   color:#000000;
}

.learningobjectsummary
{
   position:relative;
   width: 100%;
}

/*this seperates the title line from the rest of the listing*/
.subline
{
   position:relative;
   padding-top:5px;
   padding-bottom:5px;
   margin-top:5px;
   border-top:dashed 1px #696969;
}

.subline img
{
   padding:0 10px 0 10px;
}

.rightsicons
{
}

.rightsicons img
{
   border:0px;
   padding:0px;
}

.lockedicon
{
   margin-right:10px;
}

.morelink
{
   text-decoration:underline;
}

.updated
{
   float:right;
}

/* object relationship stuff */
.objectrelationshipsheading
{
   font-weight:bold;
   color:#333;
}

.objectrelationshipssection
{
   margin-bottom:5px;
   border-bottom:dashed 1px #c0c0c0;
}

li.objectrelationship
{
   padding-bottom:3px;
   color:#333;
}

.objectrelationshipssection ul
{
   list-style-position: inside;
}

/* object relationship stuff */


.objectdetailssection
{
   padding:5px;
   margin-bottom:5px;
   border:1px solid #696969;
}

.keyword
{
   padding:2px;
}

.tagentryfield
{
   margin-right:10px;
   margin-left:0;
}

.tag
{
   padding:2px;
   text-decoration:underline;
   color:#696969;
}

.tagmodifier{
   color:#000;
   font-style:italic;
}

.edittag{
   text-decoration:none;
}

/* metadata stuff */
.displaymetadatacontainer
{
   margin-top:20px;
   border:2px solid #c0c0c0;
   width:550px;
}

.additionalmetadatarow
{
   margin:5px 0 5 0px;
}

.additionalmetadatarowlabel
{
   font-weight:bold;
   color:#000;
}

.additionalmetadatarowcontainer
{
   font-weight:bold;
   font-style:italic;
}

.additionalmetadatarowcontainertoplevel
{
   font-weight:bold;
   border-bottom:#c0c0c0;
}

.languageLabel
{
}

/*Modal stuff*/

.modalheading
{
   border:1px dotted #000;
   font-weight:bold;
   text-align:center;
   padding:5px;
   margin:5px;
}

.modalentry
{
   padding-bottom:2px;
   margin-bottom:2px;
}

.modalentries
{
   padding:5px;
   margin:5px;
   border:1px dotted #000;
}

.modalsubentry
{
   padding-bottom:2px;
   padding-top:6px;
   margin-bottom:2px;
   border-bottom:dashed 1px #c0c0c0;
   border-top:dashed 1px #c0c0c0;
}

.modalentry input
{
   margin-right:10px;
}

/* actions stuff */

div.searchbutton
{
   margin-bottom:10px;
   text-align:right;
}


.techinfo
{
   text-align:center;
   padding:5px;
   font-weight:bold;
}

.thumbnail
{
   border-top:1px solid #000;
}

/* pagination links*/
.objectitemheader
{
   text-align:center;
   padding:5px;
   font-style:italic;
   border:#000 1px dotted;
}

.pagination ul
{
   text-align: center;
   padding-bottom:10px;
   padding-top:10px;
}

.pagination li
{
   list-style-type: none;
   display: inline;
}

.pagination span
{
   padding:2px 5px 2px 5px;
   text-decoration: none;
   cursor:pointer;
   border: 1px solid #c0c0c0;
}

.pagination span.currentpage
{
   color: #FFF;
   border-color:#000;
   font-weight: bold;
   cursor:default;
}

.pagination span.disablelink, .pagination span.disablelink:hover
{
   font-weight: normal;
   cursor: default;
   color: #929292;
   border-color: #929292;
}

.pagination span.prevnext
{
   font-weight: bold;
}

div.paginationdetails
{
}

div.paginationdetails span
{
   margin-right:20px;
}

div.sortdropdown
{
   text-align:right;
   padding:5px;
}

/*[end] object list stuff*/

/*[start] search interface stuff*/
.searchconstraintbutton
{
   color:#000;
}

#addconstraintbutton
{
   color:#000;
}

.searchconstraintinput
{
   width:240px;
}

.searchconstraintchoosercontainer
{
   padding:5px 20px 0 5px;
   border:1px dashed #3366cc;
}

.constraintsselector
{
   border-top:#696969 1px dotted;
   text-align:center;
}

#constraintsselectorradio
{
   border:1px solid #000;
   font-style:italic;
}

#searchformfilters
{
   border:1px solid #000;
   border-top:none;
}

#adminsearchmodifiers
{
   margin-top:5px;
   padding:10px;
   border:1px solid #c0c0c0;
}

#adminsearchmodifiers input
{
   margin-right:10px;
}

/*[end] search interface stuff*/

/*[start] upload area stuff*/
.objectType
{
   padding:5px;
   margin-bottom:5px;
   border:#c0c0c0 solid 1px;
}

.objectType img
{
   float:right;
}
/*[end] upload area stuff*/


/*[start] browse entry page*/
#browsepage
{
   border:1px solid #c0c0c0;
   padding:5px;
   font-family:sans-serif;
   font-size:93%
}

#browsepage h3
{
   margin-top:0;
   padding-bottom:0;
   margin-bottom:-10px;
}

#browsepage h4
{
   margin-top:0;
   padding-bottom:0;
   margin-bottom:-10px;
   font-size:93%;
}

#browsepage ul
{
   list-style-position:outside;
   list-style-type:disc;
}

#browsepage li
{
   /*padding-top:2px;*/
}

/*[end] browse entry page*/


/*yui stuff below here*/
.yui-tt
{
   border:1px solid #000;
   padding:6px;
   color:#000;
}

.yui-panel .container-close
{
   background: url(http://www.eumetcal.org/intralibrary/images/12x12/cancel.png) no-repeat;
   border:none;
}

body.leftpane.rightsselector h1
{
   margin-top:20px;
}

.ua_message{
   color:#c0c0c0;
}

/*font management*/
p, li
{
   font-size:93%;
}

.morelink{
   font-size:85%;
}


ul.primarynavigation li a{
   font-size:131%;
}

.leftpane h1 {
   font-size:138.5%;
   font-weight:bold;   
}

.yui-nav li a em{
   font-size:123.1%;
}

ul.primarynavigation li a{
   font-size:138.5%;
}

form fieldset .legend{
   font-size:138.5%;
   font-weight:bold;
}

form fieldset fieldset .legend{
   font-size:116%;
   font-weight:bold;
}

.searchconstraintbutton
{
   font-size:93%;
}

h1{
   font-size:138.5%;
}

h1.lhs{
   font-size:138.5%;
}

h2{
   font-size:131%;
}

h3{
   font-size:112.1%;
}

h4{
   font-size:116%;
}

.supportingText{
   font-size:85%;
}

.yuimenuitemlabel{   
   font-size:116%;
}

.ua_message{
   font-size:77%;
}

.pagination span{
   font-size:123.1%;
}

/* These are used for the lightweight object template */
.lightweightrightpanel {
    float:right;
    height: 100%;
}

.ratingslightweight {
    padding: 0px 20px 0px 0px;
}

.ratingslightweight span{
    padding-left:20px;
}

.packageNavigationExportLink a
{
   cursor:pointer;
   color:#000;
   padding:5px;
   border:1px solid #000;
   position:absolute; top:105px; right:10px;
}

.packageNavigationExportLink a:hover
{
   cursor:pointer;
   border:1px solid #000;
}

.popup_header
{
   padding-top:10px;
   padding-left:30px;
   padding-right:60px;
   border-bottom-style:solid;
   border-bottom-width:10px;
   border-bottom-color:#c0c0c0;
   height:60px;
}

.expandingToolbar
{
   border-bottom-style:solid;
   border-bottom-color:#696969;
   border-bottom-width:1px;
}

.objectlocked {
   font-weight: bold;
}

.resourcehomepage{
}

.resourcehomepage h1{
   font-size:131%;
   font-weight:bold;
   display:inline-block;
   color:#696969;
}

.resourcehomepage h2{
   font-size:123.1%;
   font-weight:normal;
   padding-left:0.5em;
   display:inline-block;
}

.resourcehomepage div.resourceactions{
	margin-top:20px;
	display:inline-block;
	width:auto;
}

.resourcehomepage .description{
   color:#696969;
}

div.resourcepagethumbnail{
	float:right;
   text-align:center;
	margin-bottom:10px;
}

.resourcepagethumbnail img{
	border:4px #c0c0c0 double;
}

.resourcehomepage hr{
	color:#c0c0c0;
	margin-top:10px;
	margin-bottom:10px;
}

.component-body.wfactions div{
   display:inline-block;
   vertical-align:top;
   width:60px;
   padding-top:25px;
   margin:0 2px 0 2px;
   background:url('http://www.eumetcal.org/intralibrary/images/22x22/gear.png') top center no-repeat;
   text-align:center;
   *display:inline;
   font-size:77%;
}

.wfactions p{
   padding-top:5px;
   padding-bottom:0;
}

.component-body.wfactions div.nextstage{
   background:url('http://www.eumetcal.org/intralibrary/images/24x24/submit_to_next_stage.png') top center no-repeat;
}


.component-body.wfactions div.editMetadataAction{
    background:url('http://www.eumetcal.org/intralibrary/images/24x24/edit_metadata.png') top center no-repeat;
}

.component-body.wfactions div.editRightsAction{
   background:url('http://www.eumetcal.org/intralibrary/images/24x24/edit_rights.png') top center no-repeat;
}

.component-body.wfactions div.overwriteAction{
   background:url('http://www.eumetcal.org/intralibrary/images/24x24/overwrite.png') top center no-repeat;
}

.component-body.wfactions div.undo_overwriteAction{
   background:url('http://www.eumetcal.org/intralibrary/images/24x24/undo_overwrite.png') top center no-repeat;
}

.component-body.wfactions div.returnAction{
}

.component-body.wfactions div.transferAction{
    background:url('http://www.eumetcal.org/intralibrary/images/24x24/move_resource.png') top center no-repeat;
}

.component-body.wfactions div.changeCollectionsAction{
}

.component-body.wfactions div.linkRelatedObjectsAction{
}

.component-body.wfactions div.previewObject{
   background:url('http://www.eumetcal.org/intralibrary/images/24x24/preview.png') top center no-repeat;
}

.component-body.wfactions div.viewMetadata{
   background:url('http://www.eumetcal.org/intralibrary/images/24x24/view_metadata.png') top center no-repeat;
}

.component-body.wfactions div.exportObject{
   background:url('http://www.eumetcal.org/intralibrary/images/24x24/export.png') top center no-repeat;
}

.component-body.wfactions div.deleteObject{
   background:url('http://www.eumetcal.org/intralibrary/images/24x24/delete.png') top center no-repeat;
}

.component-body.wfactions div.showInWorkflow{
   background:url('http://www.eumetcal.org/intralibrary/images/24x24/view_workflow.png') top center no-repeat;
}

.component-body.wfactions div.openRelatedSearchPanel{
   background:url('http://www.eumetcal.org/intralibrary/images/24x24/find_related.png') top center no-repeat;
}

.component-body.wfactions div.showArchivedVersionsPanel{
}

.component-body.wfactions div.showFavouritesPanel{
    background:url('http://www.eumetcal.org/intralibrary/images/24x24/manage_favourites.png') top center no-repeat;
}

.component-body.wfactions div.basketMembership{
   background:url('http://www.eumetcal.org/intralibrary/images/24x24/add_to_basket.png') top center no-repeat;
}



.resourcehomepage .component div div.unreserved{
   background-image:url("http://www.eumetcal.org/intralibrary/images/24x24/un-reserve.png");
}

.resourcehomepage .component div div.reserved{
   background-image:url("http://www.eumetcal.org/intralibrary/images/24x24/reserve.png");
}

.resourcehomepage .component div div span{
	display:inline-block;
	line-height:1em;
	font-size:77%;
	margin-top:25px;
}

.resourcehomepage .component div div img{
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.resourcehomepage div.label span, .resourcehomepage div.label{
	font-size:93%;
}

.resourcehomepage div.label span{
	font-weight:bold;
	padding-right:5px;
}

.resourcehomepage div.label{
	margin-bottom:5px;
}

.resourcehomepage div.tags{
	margin-top:20px;
}

.resourcehomepage div.tags, .resourcehomepage div.keywords, div.ratings{
	padding-left:25px;
	padding-bottom:10px;
	color:#696969;
}

.resourcehomepage div.tags{
	background:url("http://www.eumetcal.org/intralibrary/images/16x16/tags.png") no-repeat left top;
}

.resourcehomepage div.ratings{
	background:url("http://www.eumetcal.org/intralibrary/images/objectlist/star.png") no-repeat left top;
}

.resourcehomepage div.keywords{
	background:url("http://www.eumetcal.org/intralibrary/images/16x16/keywords.png") no-repeat left top;
}


.workflowactioncomponent{
   display:inline-block;
   width:auto;
   *display:inline;
}


div.workflowprocess
{
   width:100%;
}

.resourcehomepage h4{
   font-size:108%;
   padding:20px;
}

.resourcehomepage .newcommentcontainer{
   padding-top:10px;
   margin:0;
   height:10em;
   min-width:700px;
   width:700px;
}

.resourcehomepage .newcommentcontainer div{
   padding:0;
   margin:0;
   width:40%;
   float:right;
}

.resourcehomepage .newcommentcontainer div input{
   width:150px;
}

.resourcehomepage .newcommentcontainer div label{
   vertical-align:middle;
}

.resourcehomepage .newcommentcontainer textarea{
   padding:0;
   margin:0;
   width:50%;
   height:8em;
}

.resourcehomepage div.commentcontainer{
	position:relative;
	width:97%;
	border:1px solid #c0c0c0;
	padding:10px 10px 10px 10px;
   margin-top:25px;
}





.resourcehomepage div.commentcontainer div span{
	font-weight:bold;
}
div.annotationheader{
   height:18px;
}
div.annotationheader div{
}
div.commentcontainer p{
   font-size:100%;
   margin-top:4px;
   padding-top:4px;
   border-top:1px solid #C0C0C0;
   text-align:justify;
}
.floatright {
   float: right;
   text-align:right;
   width: 150px;
}

div.annotationdate{
    display:inline;
}
div.annotationrating{
   position: absolute;
    right:50px;
    top:8px;
}
.annotationdelete{
   position:absolute;
    right:10px;
    top:10px;
 
}

/*colors*/

body
{
   background-color: #fff;
}

html.loginpage, body.loginpage
{
   background-color: #b3ccff;
}

.loginpage #content,
.component-header,
h1.lhs,
.leftpane h1,
div#searchboxcontainer,
.tabulardata th,
.popup_header,
.component-collapse
{
   background-color:#3366cc;
}

.loginbutton{
   background-color:#ffffff;
}

#loginmessage
{
   background-color:#ffcc00;
}

#mainframe,
.rightpane,
.leftpane,
.component-body,
.tabgroup li.active,
div.primarynavigation span.active,
input.searchtext,
fieldset.subform,
#modal_container,
.tabulardata tr:hover,
.tabulardata .active,
#filelisting,
.objectdetailssection,
.displaymetadatacontainer,
.leftpane h1,
.div#secondarynavigation,
.resourcehomepage div.commentcontainer
{
   background-color: #ffffff;
}

.leftpane h3,
.component-object-list tr.even,
#feedbackdetails,
.adminform,
.additionalmetadatarowcontainertoplevel,
.modalentries,
.objectitemheader,
#constraintsselectorradio,
.editortoolbar
{
   background-color:#dfdfdf;
}

.tabgroup li,
.modalheading,
.pagination span.disablelink,
.pagination span.disablelink:hover,
.resourcehomepage hr,
#secondarynavigationlinks span.active
{
   background-color:#c0c0c0;
}

.supportingTextContainer,
form fieldset,
form div.radiocontainer:hover,
.tab_message,
.learningobject,
.learningobjectlightweight,
.searchconstraintchoosercontainer,
#adminsearchmodifiers,
.objectType,
#browsepage,
.expandingToolbar
{
   background-color:#c1d1f0;
}

.error{
   background-color:#ff0000;
}

.warning
{
   background-color:orange;
}

.confirm, #loadingmessage{
   background-color:#ffcc00;
}
.tabulardata,
.tabulardata tfoot td,
.packageNavigationExportLink a,
.packageNavigationExportLink a:hover
{
   background-color:#edf5ff;
}

.adminform div.heading,
.pagination span.currentpage,
{
   background-color:#b3ccff;
}

.yui-skin-sam .yui-navset .yui-content{
   background-color:#ffffff;
}

.yui-panel .hd
{
   background-color:#6699ff;
}

.no-ops{
   border:#3366cc 1px solid;
   background-color:#6699ff;
   border:#b3ccff;
   background-color:#c1d1f0;
   background-color:#edf5ff;
   background-color:#dfdfdf;
   border:1px solid #c0c0c0;
   color:#696969;
   background-color:#ffe5bf;/*currently only used for loading message*/
   background-color:#ffcc00;
   background-color:#eeeeee;
}

/*
10 	 77
11 	85
12 	93 (was 93)
13 	100
14 	108 (was 107)
15 	116 (was 114)
16 	123.1 (was 122)
17 	131 (was 129)
18 	138.5 (was 136)
19 	146.5 (was 144)
20 	153.9 (was 152)
21 	161.6 (was 159)
22 	167
23 	174
24 	182
25 	189
26 	197
*/