/* VERSION 2.2 (TTRB complete)
TTRB Site colors:
	#1d97d6 - Main Colour (light blue)
	#cccccc - Light gray borders
*/

/*********************************************
General
*********************************************/
body
{
	color: #000000;
	background-color: #ccf;
	background: url("../Images/bg_gradient.jpg") repeat-x;
	margin: 0;
	padding: 0;
	font-family:Arial,sans-serif,Verdana,Helvetica ;
	font-size: 70%;
	text-align:center;
}

.bodyWhite
{
	background:none;
}

body.popup
{
	background-color: #ffffff;
	background-image:none;
	
	
	margin: 0;
	padding: 1em;
	text-align:left;
}

h1, h2, h3, h4
{
	font-weight:bold;
	color:#0392de;
}

h1.homepage
{
	font-size:120%;
	margin:0;
	padding:0;
}

h5, h6
{
	font-weight:bold;
	color:#000;
}
 
h2 /*, h3, h4, h5, h6*/
{
	display:inline;
}


h1 {font-size:1.6em}
h2 {font-size:1.4em}
h3 {font-size:1.2em}
h4, h5 {font-size:1.0em}
h6 {font-size:0.8em}
/* header notes:

h2 major section headings (blue) 
h3 article section headings (blue) ! most headings use this !
h4 inline section headings (blue) i.e. dates & subheadings

h5 regular inline headings (black)
h6 small inline headings (black)
*/


/*********************************************
The main wrapper class to define the page width
*********************************************/
.wrapper ,.wrapperFree{
	width: 981px;
	margin: 0px auto;
	padding:0 10px;
	height: auto;
	text-align:left;
	border: 1px solid #dddddd;
	background-color:#fff;
}

form
{
	margin: 0;
	padding: 0;
}

a, 
a:link
{
	color: #1d97d6;
	font-weight: bold;
}
a:visited
{
	color: #2079b8;	
}
a:active,
a:hover
{
	color: #24637e;
}

hr 
{
	background: url("../Images/dottedlinebg.gif") repeat-x;
	height: 1px;
	margin: 0;
	padding: 0;
	border: none;
}
ul 
{	
	padding: 0;
	margin: 7px 0px 7px 20px;
	/*list-style: none;*/
}
ol 
{
	padding: 0;
	margin: 7px 0px 7px 30px;
}
li 
{
	padding: 2px 0px 2px 12px;
	margin: 0;
}

/*********************************************
Header
*********************************************/
.header
{
	background: #2086a2 url("../Images/headbg_right.gif") no-repeat top right;
	margin-bottom: 2px;
}

.headerLeft 
{
	background: url("../Images/headbg_left.jpg") no-repeat;
	float: left;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	width: 296px;
}

.headerRight
{
	color: #ffffff;
	padding: 35px 25px 15px 0;
	text-align: right;
}

/*********************************************
Hidden Elements
*********************************************/
.hidden
{
	display: none;
}
.hiddenText
{
	text-indent: -900em;
}
/* Clear the floats */
/*.spacer 
{
	border: 0;
	font-size: 0px;
	height: 0px;
	margin:0; 
	padding:0;
	visibility: hidden;
	clear: both;
}
*/
.spacer:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
}
/* Mark Hadley's fix for IE Mac */ 
.spacer {
	display: inline-block;
}    
/* Hides from IE Mac \*/
* html .spacer { 
	height: 1%;
} 
.spacer {
	display:block;
}

/*********************************************
Box Elements
*********************************************/
.floatLeft
{
	float: left;
}
.floatRight
{
	float:right;
}

.box, .resource, .average
{
	border: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin:0 0 5px 0;
	height: 100%;
}

.boxNoBorder
{
	border: 0px solid #ccc;
	text-indent:10px;
	width:auto;
	clear:left;
	height:auto;
	margin-bottom:5px;
}

.box .boxBody, .resource .boxBody, .average .boxBody
{
	background-color: #ffffff;
	margin: 3px 5px;
	padding: 2px 0;
}

.boxFooter
{
	font-size: 100%;
	font-weight:bold;
	color:#777;
	margin: 0 0 8px 0;
	border:0;
	text-align:center;
}
.boxFooter a, 
.boxFooter a:link, 
.boxFooter a:visited
{	
	color:#777;
	text-decoration:none;
}
.boxFooter a:hover, .boxFooter a:active 
{
	text-decoration:underline;
	color:#1d97d6;
}
.box .boxHeader
{
	font-weight:bold;
	background:url("../Images/gradientHeader.gif") bottom left repeat-x;
	border-bottom:1px solid #cccccc;
	line-height:20px;
	color:#0392de;
	padding:3px 10px;
}
.box .boxHeader a
{
	color:#0392de;
	text-decoration: none;
}
.box .boxInner
{
	margin: 5px 10px;
	height:auto;
}





/*****************************************
Image Links
*****************************************/
.box .otherLinks
{
	margin:0 auto;
	text-align:center;
}
.box .otherLinks img, a img
{	
	border:0;
}

/****************************************
Trail - Bread crumb 
****************************************/
.trailHeader
{
	width:100%;
	min-height:45px;
	margin:0;
}
.trailHeader .img
{
	float:left;
	display:block;
	margin-right:2px;
	border:1px solid #cccccc;
}
.trailHeader div
{
	float:left;
	padding:5px 10px;
	border:1px solid #cccccc;
	height:33px;
	margin:0px;
	width:92%;
	background:url("../Images/content_homeicon_gradient.gif") repeat-x;
}

.trail
{
	margin: 20px;
	padding: 10px 20px 10px 20px;
	color: #00a2e6;
}
.trail a,
.trail a:link, 
.trail a:visited
{
	font-weight: normal;
	text-decoration: none;
}

/*
.box .alignedLabel
{
	font-weight: bold;
	width: 100px;
}
*/

/*********************************************
Banner Menu
*********************************************/

div.newHeader
{
	text-align:right;
	background: url("../Images/headerbg_left.JPG");
	vertical-align:bottom;
	background-position:top center;
	background-repeat:no-repeat;
	font-family: Arial;
	font-size:1em;
	margin:0;
}
a.newHeader
{	
	float:left;
	margin-top:0.5em;
}

div.est 
{
	display:inline;
	float:right;
}


div.est label
{
	float:left
}



.newHeader .est ul 
{
	font-weight: bold;
	list-style:none;
	margin:0px 0px 0px 10px;
	padding:0px;
	display:inline;
	text-align:right;
	float:left;
}

.newHeader .est li
{
	margin:0 0 0 4px;
	padding:0 0 0 4px;	display:block;
	float:left;

}

.newHeader .est li a,
.newHeader .est li a:link,
.newHeader .est li a:visited
{
	background:#1d97d6;
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
	color:#fff;
}

.newHeader .est li a.useSmall
{
	font-size:0.8em;
	width:2em;
	height:2em;
	line-height:2em;
}
.newHeader .est li a.useMedium
{
	font-size:1em;
	width:1.6em;
	height:1.6em;
	line-height:1.6em;
}
.newHeader .est li a.useLarge
{
	font-size:1.25em;
	width:1.28em;
	height:1.28em;
	line-height:1.28em;
}
.newHeader .est li a:hover, 
.newHeader .est li a:active
{
	background:lightblue;
	text-decoration:underline;
}

div#register
{
	clear:right;

}
div#register ul, div#register ul li
{
	float:none;
	display: inline;
	font-weight:bold;
}

div#register ul li.rightBorder
{
	padding:0 5px 0 5px;
	border-right:1px solid #000000;
}
/*********************************************
Category Menu
*********************************************/
.categoryMenu
{
	font-size: 100%;
	margin-bottom: 2px;
	padding:5px;
}

.categoryMenu a,
.categoryMenu a:link,
.categoryMenu a:visited
{
	background: url("../Images/mainmenubg_right.gif") no-repeat top right;
	color: #000000;
	text-decoration: none;
}

.categoryMenu a:active,
.categoryMenu a:hover
{
	color: #000000;
	text-decoration:underline;
	
}

/*.categoryMenu li.header,
.categoryMenu li.selected,
.categoryMenu li.selected a,
.categoryMenu li.selected a:link,
.categoryMenu li.selected a:visited
{
	background: url("../Images/categoryLimid.jpg") repeat-x;
	color: #000000;
} 


.categoryMenu li.selected a:active,
.categoryMenu li.selected a:hover
{
	color: #000000;
}
pointless cause overridden later?*/
.categoryMenu ul 
{
	font-weight: bold;
	list-style: none;
	margin: 0px 0px 0px 0px;

}
.categoryMenu li
{
	background: #ffffff url("../Images/gradientHeader.gif") repeat-x bottom;
	margin:0;
	padding:0;
	height:auto;
	vertical-align:middle;
	text-align:right;
}

.categoryMenu li.normal
{
	border:1px solid #ccc;
	border-top:0;
	padding:5px 5px 5px 0px;
}



/***** category menu depths and details 21/5/2008 (SH) *****/
.normal a
{
	display:block;
	margin:0 5px 0 10px;
	padding:0 0 0 15px;	

}

.categoryMenu li.depthOpened, .categoryMenu li.depthClosed
{
	background:#dae0ee;
	background-image:none;
}

.depthOpened a
{
	background:url("../Images/selectOpenedH.gif") left no-repeat !Important;
	font-weight:normal;	
}

.depthClosed a
{
	background:url("../Images/selectClosedH.gif") left no-repeat !Important;
	font-weight:normal;
}

.depthOpened a:hover, 
.depthClosed a:hover,
.depthOpened a:active, 
.depthClosed a:active
{
	text-decoration:underline;
}

.depthClosed.depth0 a
{
	background:url("../Images/selectClosed.gif") left no-repeat !Important;
	font-weight:bold;
	color:#ffffff !Important;
}


.depthOpened.depth0 a
{
	background:url("../Images/selectOpened.gif") left no-repeat !Important;
	font-weight:bold;
	color:#ffffff;
}

.depthOpened
{
	background-color:#a7a9c2 !Important;
}


.categoryMenu li.depth0
{
	background:#74789e url("../Images/selectD3.gif") repeat-x top !Important;
	color:#ffffff;
}



/****************************************
category headers
*****************************************/
.categoryMenu li.header,
.categoryMenu li.headerSmall
{
	background: #5d458e url("../Images/categorymiddle.gif") repeat-x;	
	text-align:left;
	color:#fff;
	font-size:120%;
}

.categoryMenu li.header .right,
.categoryMenu li.headerSmall .right
{
	background:#5d458e url("../Images/categoryright.gif") no-repeat right top;
	float:right;
}

.categoryMenu li.header .left,
.categoryMenu li.headerSmall .left
{
	background: #5d458e url("../Images/categoryleft.gif") no-repeat left top;
	float:left;
	height:auto;
}

.categoryMenu li.header
{
	min-height:40px;
	line-height:40px;
}
.categoryMenu li.headerSmall
{
	min-height:30px;
	line-height:30px;
}


.categoryMenu li.header a, .categoryMenu li.headerSmall a
{
	color:#fff;
	background-image:none;
}

/****************************************
Refine Result 
*****************************************/
.categoryMenu .refineRow
{
	text-align:left;
	background:none;
	font-size:100%;
	padding:5px 0px 5px 0px;
}

.categoryMenu .refineRow select
{
	width:100%;
}

.categoryMenu .rowSmall
{
	background:none;
	text-align:left;
	text-indent:5px;
	font-size:85%;
	font-weight:bold;
}

/* expanded , collapsed icon */
.categoryMenu li.header .expanded,
.categoryMenu li.header .collapsed,
.categoryMenu li.header .disabled
{
	margin: 13px 10px 0px 7px;
	width:13px;
	height:13px;
	float:left;
}

.categoryMenu li.headerSmall .expanded,
.categoryMenu li.headerSmall .collapsed,
.categoryMenu li.headerSmall .disabled
{
	margin:8px 0px 0px 7px;
	width:13px;
	height:13px;
	float:left;
	margin-right:10px;
}

.categoryMenu li.header .expanded,
.categoryMenu li.headerSmall .expanded
{
	background:  url("../Images/close.gif") no-repeat;
}

.categoryMenu li.header .collapsed,
.categoryMenu li.headerSmall .collapsed
{
	background: url("../Images/open.gif") no-repeat;
}

/*********************************************
Quick search menu
*********************************************/
.quickSearchMenu
{
	clear:both;
	width:100%;
	background:#191d42 url("../Images/search_bar_middle.gif") repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:0;
	min-height:2.4em;
	height:auto !Important;
	height:2.4em;
}

.quickSearchMenu .searchIcons
{
	display:block;
	margin:0;
	padding:0;
}

.quickSearchMenu .left
{
	background:url("../Images/search_bar_left.gif") no-repeat;
	float:left;
	display:inline;
}
.quickSearchMenu a.buttonSearchMenu
{
	margin:0.35em 6px 0 2px;
	padding:0;
	background:url("../Images/iconMenu.gif") no-repeat ;
	width:2.5em;
	height:1.7em;
	display:block;
	float:left;
	text-decoration:none;
}
.quickSearchMenu a:hover.buttonSearchMenu
{
	background:url("../Images/iconMenuL.gif") no-repeat;
}
.quickSearchMenu a span
{
	display:none;
}

.quickSearchMenu .right
{
	background:url("../Images/search_bar_right.gif") no-repeat top right;
	float:right;
}

.quickSearchMenu .nobackgroundright
{
	float:right;
}

.quickSearchMenu .inputSearch
{
	width:20em;
	margin:0.4em 0 0 0;
	padding:0;
}

.radio
{
	margin-left:0.5em;
	
}

.quickSearchMenu .button
{
	margin: 0.55em 5px 0 0;
}

/*********************************************
SubMenuBar
*********************************************/
.subMenuBar
{
	height:2.8em;
	margin:0;
	background:#5e6182;
	color:#fff;
	padding:2px 10px;
	line-height:1.3em;
	overflow:visible;
}
.subMenuBar label
{
	font-weight:bold;
	display:block;
	float:left;
	width:13em;
}
.subMenuBar ul
{
	display:inline;
}
.subMenuBar li
{
	display:inline;
	list-style:none;
}
.subMenuBar a, .subMenuBar a:visited
{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}

.subMenuBar a:link
{
	color:#fff;
}

.subMenuBar a:hover, .subMenuBar a:active 
{
	text-decoration:underline;
}

/*********************************************
Body styles with 3 Cols the layout
*********************************************/
.leftCol {
  float: left;
  width: 20%;
  height:auto;
  margin-top:5px;
}

.leftCol .inner {
	border:1px solid #cccccc;
}

.rightCol,.resultCol {
  float: right;
  width: 20%;
  height:auto;
  margin-top:5px;
  margin-left:5px;
}

.resultCol {
  float: right;
  width: 79%;
}

.resultColPopup
{
	
}

.content {
  float: left;
  margin-top:5px;
  margin-left:10px;
  width:58%;
  display:inline;
}

.contentBody 
{
	width:100%;
	float:left;
}

.content .left, .box .left
{
	float:left;
	width:49%;
	
}

.topContent
{
	float: left;
	margin: 5px 0 0 10px;
	padding:0;
	width:57.7%;
	border: 0px solid #ccc;
	
	text-indent:0;
}
.topContent img
{
	float:left;
	margin: 0 10px 5px 0;
}
.topContent p

{

}

/* Float around the left col*/
.content .right, .box .right
{
	width:49%;
	float:right;
}

/*******************************************
elibrarian classes
*******************************************/

.elibrarian .box .boxBody
{
	position:relative;
}

.elibrarian .left
{
	float:left;
	width:59%;	
}


.elibrarian .right
{
	width:39%;
	float:right;
}


.elibrarian .fixedlabel
{
	width: 8em;
	display:block;
	float:left;
}

.elibrarian .questionHead
{
	background-color:#000000;
	color:#ffffff;
	font-weight:bold;
	padding:1px 1px 2px 3px;	
	
}
.elibTextBox
{
	width:98%;
}
.questionPanel label
{
	font-weight:bold;
	width:100%;
}


/*******************************************
Button
*******************************************/
.button,.buttonSmall,.buttonMedium,
.button:link,
.button:visited,
.buttonDisabled,
input.button
{
	background: #1181b7 url("../Images/buttonbg.gif") top left repeat-x;
	color: #ffffff;
	font: bold 80% Arial, Helvetica, Verdana,sans-serif;
	padding: 1px 8px 1px 8px;
	margin:0;
    text-transform:uppercase;
	border-top:#5fbff1 solid 1px;
	border-left:#5fbff1 solid 1px;
	border-right:#015987 solid 1px;
	border-bottom:#015987 solid 1px;
	text-decoration: none;
}
.button:active, .buttonSmall:active, .buttonMedium:active,
.button:hover, .buttonSmall:hover, .buttonMedium:hover
{
	color: #fff;
	background:#41b6ef url("../Images/buttonbgL.gif") top left repeat-x;
}

.buttonSmall
{
	width:6em;	
}

.buttonMedium
{
	width:11em;
	padding: 1px 2px 1px 2px;
}

.buttonDisabled
{
	background:none;
	color:#696969;
}
/****************************************
More Button
****************************************/


/****************************************
Content Header with image
****************************************/
.contentHeader
{
	width:100%;
	min-height:45px;
	border:0px solid #cccccc;
	margin:0px;
}
.contentHeader img
{
	float:left;
	display:block;
	margin:0;
	border:0;
	border:1px solid #cccccc;
}
.contentHeader div
{
	float:left;
	display:inline;
	padding:5px 10px;
	border:1px solid #cccccc;
	height:33px;
	margin-left:2px;
	width:91%;
	background:url("../Images/content_homeicon_gradient.gif") repeat-x;
}

/****************************************
Content Homepage Liquid with image
****************************************/

div .bodyText
{
	font-size:100%;
}

div .rollingImage
{
	float:left;
	padding:0 10px 5px 0;
	margin:0px;
}

/*****************************************
Search Cloud
*****************************************/
.keywords
{
	background: url("../Images/sectionheader.gif") repeat-x bottom left;
	font-size: 100%;
	line-height:1.6em;
	margin-bottom: 2px;
}

.keywords img
{
	padding:3px 5px 0 0;
	float:left;
	border:0;
}

.keywords li.header
{
	
}

.keywords ul 
{
	font-weight: bold;
	list-style: none;
	margin:0px;
	padding:0px;
}

.keywords li
{
	letter-spacing: -0.03em; /*-0.1em;*/
	border-bottom:1px solid #ddd;
	margin:0 10px;
	padding:0;
}

.keywords a
{
	text-decoration:none;
}

.keywords li.priority1 a
{
	color:#2ca0dd;
}

.keywords li.priority2 a
{
	color:#2476a8;
}

.keywords li.priority3 a
{
	color:#215483;
}

.keywords li.priority4 a
{
	color:#1d3863;
}

.keywords li.priority5 a
{
	color:#1c2147;
} 

.keywords li.footers
{
	color:#808080;
}

.keywords li a:hover
{
	color: #3aaae9;
	text-decoration:underline;
}


/*****************************************
Footer
*****************************************/
.footer 
{
	margin-top:10px;
	background: #f2f6f9;
	clear: both;
	width: 100%;
	text-align:right;
	height:50px;
	line-height:50px;
	border-top:1px dotted #cccccc;
}

.footer ul 
{
	font-weight: bold;
	list-style: none;
	margin:0px;
	padding:0px;
	display:inline;
}

.footer li
{
	letter-spacing: -0.10em;
	display:inline;
	padding-right:5px;
	border-right:1px solid #cccccc;
}

/* for the last link no right border*/
.footer li.noborder
{
	border-right:0px;
}

.footer li a
{	
	text-decoration:none;
	color:#777777 !Important;
}



/****************************************
Article with Image
****************************************/

/* Article top count display */
.articleHead
{
	text-align:left;
	overflow:hidden;
	margin: 10px 0 10px 0;
}

.articleHead .left
{
	width:30%;
	float:left;
	font-weight:bold;
}

.articleHead .right
{
	width:70%;
	float:right;
	text-align:right;
}

.article
{
	position:relative;
	padding:5px;
}

.article .articleImage
{
	float:left;
	margin:0;
	border:0;
	padding:5px;
}

.article .articleContent
{
	padding:5px 10px 0 0;
	text-indent:0;
}

.article .articleHeading
{
	font-weight:bold;
	color:#1d97d6;
	font-size:120%;
	margin-bottom:5px;
	text-indent:0px;
}


.article .articleHeading a
{
	color:#1d97d6;
	text-decoration:none;
}

.article .articleFooter
{
	padding:3px 0 0 0;
	clear:both;
}
/*
.article .right 
{
	float:right;
	width:100%;
	text-align:right;
	margin-left:170px;
	padding: 10px 0;
}
*/

.seperator /*believed to now be redundant*/
{
	clear:both;
	margin:0 10px;
	border-bottom:1px dotted #000000;
}

.article .date
{
	font-size:110%;
	color:#1d97d6;
	font-weight:bold;
	float:left;
	text-align:left;
	text-indent:0px;
	width:100px;
}

.article .message
{
	font-size:100%;
	color:#999;
	font-weight:bold;
	float:left;
	/*width:100px;*/
}




/*Article Icons */
.icons
{
	text-align:right;
	float:right;
}

/*****************************************
Icons used , Add new icons here 
*****************************************/
.iconList
{
	margin:0;
	padding:0;
	display:inline;/*ie6 double margin fix*/
}
.iconList ul
{
	margin:0;
	padding:0;
	text-indent:0;
	float:right;
}
.iconList li
{
	clear:right;
	float:left;
	display:block;
	padding:0 0 0 5px;
	list-style:none;
	text-indent:0;
}
.iconList img, .iconList a
{
	border:none;
	margin:0;
	padding:0;
}

.icon1,.icon2,.icon3,icon4,icon5 /*believed to now be redundant*/
{
	width:15px;
	margin-right:5px;
	float:left;
	height:17px;
}

.icon1 /*believed to now be redundant*/
{
	background: url("../Images/icon1.jpg") no-repeat center left;
}

.icon2 /*believed to now be redundant*/
{
	background: url("../Images/icon2.jpg") no-repeat center left;
}

.icon3 /*believed to now be redundant*/
{
	background: url("../Images/icon3.jpg") no-repeat center left;
}

.icon4 /*believed to now be redundant*/
{
	background: url("../Images/icon4.jpg") no-repeat center left;
}

.icon5 /*believed to now be redundant*/
{
	background: url("../Images/icon5.jpg") no-repeat center left;
}

/*DIV for the why register link*/
.register
{
	text-align:right;
	clear:both;
}

/****************************************
Article Detail
****************************************/

/****************************************
Advance / Search
****************************************/
.shaded
{
	background-color:#ccc;
}
.searchRow
{
	text-align:left;
	margin:0px;
	padding: 5px 0 5px 0;
	overflow:hidden;
	font-weight:bold;
	position:relative;
	width:100%;
}

.limited
{
	width:100%;	
}

#registerRightColumn
{

	margin:0 4px 0 0;
	padding: 0 0 0 2px;
}

.searchRow .left
{
	width:25%;	
	/*float:left;*/
	text-align:right;
}

.limited .left
{
	width:145px;
}


.searchRow .right
{
	width:74%;
	padding-left:0px;
	text-indent:0px;
	margin-left:0px;
}

.limited .right
{
	width:230px;
}



/* Right align the buttons */
.searchRow .right div, .buttons
{
	text-align:right;
}



.searchRow div.inline
{
	
}



/***************************************
Text box Styles
***************************************/
input.text
{
	height:20px;
	line-height:20px;
	width:30px;
}
textarea
{
	line-height:20px;
	width:30px;
}
input.textBox,
input.textBoxExtraSmall,
input.textBoxSmall,
input.textBoxMedium
{
	font: 100% Arial, Helvetica, sans-serif;
}
input.textBoxExtraSmall
{
	width:25px;
}
input.textBoxSmall
{
	width:50px;
}
input.textBoxMedium
{
	width: 250px;
}
input.textBox
{
	width:95%;
}

input.checkbox
{
	
}


.limited input.textBox
{
	width:223px;
}


/* Css class for textarea */
textarea
{
	border: solid 1px #6c6a6b;
	width: 395px;
	font: 100% Arial, Helvetica, sans-serif;
	padding: 5px;
}


/***************************************
Select Styles 
***************************************/
select
{
	border: solid 1px #6c6a6b;
	font: 100% Arial, Helvetica, sans-serif;
}
select.dropDownList,
select.dropDownListSmall,
select.dropDownListMedium
{
	width: 405px;
}

select.dropDownListSmall
{
	width: auto;
}

select.dropDownListMedium
{
	width: 250px;
}

.limited select.dropDownListMedium
{
	width: 225px;
}


/**************************************
Paging
**************************************/
.pagingMenu
{
	font-size: 120%;
	text-align:right;
}

.pagingMenu a
{
	margin:0;
	padding:0 4px 2px 4px;
}

.pagingMenu ul 
{
	margin: 0;
	padding:0;
	list-style:none;
	display: inline;
}

.pagingMenu li 
{
	display: inline;
	margin: 0 0 0 -3px;
	padding: 0;
}

/*.pagingMenu li.selected a
{
	color:#fff;
	background:#1d97d6;
} */

/*I assume the selected page won't be a link so the following does the work instead now....:) otherwise uncomment the above and comment out this*/
.pagingMenu li.selected
{
	margin:0;
	padding:0 4px 2px 4px;
	color:#fff;
	background:#1d97d6;
	font-weight:bold;
	text-decoration:underline;
}

/**************************************
View Article Page Styles used in XSL
**************************************/
.viewArticle
{
	clear:both;
	position:relative;
}

.viewArticle .header
{
	background-color:#ffffff;
	border:0px;
}

.viewArticle .box
{
	border-bottom:1px solid #cccccc;
	padding:10px;
	position:relative;
}

.viewArticle .right
{
	text-align:center;
	padding:0 5px 0 20px;
	float:right;
	width:250px;
}

.viewArticle .center
{
	font-weight:bold;
	text-align:center;
}

.viewArticle .box strong
{
	font-weight:bold;
}

.viewArticle ul
{
	margin:0 0 0 15px;
	padding:0;
	list-style-type:disc;
}

.viewArticle li,
.viewArticle li a
{
	margin: 0 0 0 5px;
	padding: 0;
}

.viewArticle p
{
	margin:5px 0 0 0;
}

.viewArticle a
{
	font-weight:normal;
}

.viewArticle li .normal
{
	color:#000000;
	font-weight:normal;
}

.viewArticle .box img
{
	padding:0 5px 0 5px;
}

.viewArticle .box .imgLabel
{
	text-align:center;
	font-weight:bold;
}


.viewArticle .box ul.displayInline, .viewArticle .box ul.displayInline ul
{
	margin:0 0 0 0;
	padding:0;
	width:100%;
	list-style-type:none;
}

.viewArticle .box ul.displayInline li
{
	margin: 0 0 0 0;
	padding: 0;
	vertical-align:top;
	display:inline;
	width:80px;
}

.viewArticle .box .center
{
	text-align:center;
}


/**************************************
Email My Collection Articles
**************************************/
.emailMyArticles input
{
	width:99.3%;
	margin:3px 0;
	padding:0;
}

.emailMyArticles textarea
{
	width:99.5%;
	margin:3px 0;
	padding:0;
	border:solid #7f9db9 1px;
}

/**************************************
Rating menu
**************************************/
.ratingMenu
{
	overflow:hidden;
	line-height:1.8em;
	text-indent:0;
}
.ratings .buttons
{
	clear:both;
	margin: 0.25 em 0 0.25em 0;
}

.ratingMenu h3
{
	font-weight:bold;
	color:#1d97d6;
	font-size:135%;
	line-height:2em;
	display:inline;
}

.ratingMenu .resource
{
	width:55%;
	overflow:hidden;
	float:left;
	padding-bottom:0.5em
}

.ratingMenu .textBoxExtraSmall
{
	border: 2px solid #1d97d6;
}

.ratingMenu .resource .left, 
.ratingMenu .average .left
{
	float:left;
}
.ratingMenu .resource .right, 
.ratingMenu .average .right
{
	float:right;
	margin: 0;
	overflow:hidden;
}

.ratingMenu .resource .prompt
{
	width:4em;
	float:left;
	background: url("../Images/rightArrow.gif") no-repeat center right;
	padding: 0 1em 0 0;
	border:solid red 1px;
	display:inline; /*fix ie 2xmargin bug*/
}

.ratingMenu .textBox
{
}

.ratingMenu .average
{
	float:right;
	width:43.8%;
	padding-bottom:0.5em
}



.row
{
	/*
	overflow:hidden;
	float:left;
	width:100%;
	min-height: 2.1em;
	margin-top:0.4em;
	margin-bottom:0.1em;
	*/
}

div.row div.right
{
	float:right;
}


.row div.right img
{
	float:left;
	margin:0.5em 0.1em 0 0.1em;
}
.starOn
{
	background: url("../Images/staron.gif") no-repeat center left;
	height:11px;
	width:12px;
	float:left;
	margin-top:0.5em;
}

.starOff
{
	background: url("../Images/staroff.gif") no-repeat center left;
	height:11px;
	width:12px;
	float:left;
	margin-top:0.5em;
}

.rightArrow
{
}

.rulerBar
{
	clear:both;
	background: url("../Images/dottedlinebg.gif") repeat-x bottom;
	height: 5px;
	margin: 0 0 5px 0;
	padding: 0;
	border: none;
}

/* CSS for Left Links */
.leftLinks
{
}

.leftLinks ul
{
	width:100%;
}

.leftLinks li
{
	text-align:right;
	margin:0 5px 5px 0;
	padding:0 0 10px 0;
	list-style:none !Important;
	background: url("../Images/dottedlinebg.gif") repeat-x bottom;
}

.leftLinks li.feed
{
	background: url("../Images/rss_icon.gif") no-repeat top right;
	padding-right:20px;
}

.leftLinks li a
{
	font-weight:normal;
	text-decoration:none;
}

.leftLinks li a.gray
{
	color:#777777;
}

.leftLinks li a:hover
{
	text-decoration:underline;
}

/* Css for Ticker */
.tickerControl
{
	font-weight:normal;
	margin:5px 5px 10px 5px ;
	float:left;
	font-size:100%;
}

.tickerControl div
{
	display:inline;
}


.tickerControl .prev
{
	width:4px;
	height:8px;
	padding-right:5px;
	cursor:pointer;
	background: url("../Images/rewind_ticker.gif") no-repeat center;
	display:none;
}

.tickerControl .next
{
	width:4px;
	height:8px;
	cursor:pointer;
	padding-right:5px;
	background: url("../Images/forward_ticker.gif") no-repeat center;
	display:none;
}

.tickerControl .stop
{
	width:7px;
	height:8px;
	cursor:pointer;
	padding-right:5px;
	background: url("../Images/pause_ticker.gif") no-repeat center;
	display:none;
}

.tickerControl .play
{
	width:7px;
	height:8px;
	cursor:pointer;
	padding-right:5px;
	background: url("../Images/rate_triangle.gif") no-repeat center;
	display:none;
}

.tickerControl a.featured
{
	color:#ff0000;
	margin:0 0 0 3px;
}

.tickerControl div a
{
	color:#1a1e44;
	margin:0 0 0 5px;
	font-weight:normal;
}

.headerLink
{
	font-weight:bold;
}

/* FAQ CSS styles */
.faq
{
}

.faq ul
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style: none;
}

.faq li
{
	text-indent:0px;
	margin:5px 10px 0 0;
}

.faq li .left
{
	float:left;
	font-weight:bold;
}

.faq li .right
{
	float:right;
	text-align:right;
}


.faq ul ul
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style: disc;
}

.faq ul ul li
{
	text-indent:0px;
	margin:0 0 0 25px;
}

/* BEI Terms */
.bei
{
	float:left;
	text-align:left;
	width:100%;
	font-size:100%;
	margin:10px 0 0 0;
}

.bei div
{
	display:inline;
	margin:0 5px 0 5px;
}
/*Error text*/
.errorLabel
{
	color:Red;
	font-weight:bold;
	vertical-align:middle;
}
.errorLabelArticle
{
	color:Red;
	font-weight:bold;
	vertical-align:middle;
	float:right;
}
.elibrarianLogin
{
	color:Red;
	font-weight:bold;
	vertical-align:middle;
	float:left;
}


.ErrorMessage
{
	clear:both;
}

.clearing
{
	clear:both;
}

/*Site controls*/
.left3
{
	float:left;
	width:20%;
}
.mid3
{
	float:left;
	width:39%;
}
.right3
{
	float:right;
	width:40%;
}

.checkboxlist
{
}

/* Feedback Page */
.TextLabel
{
	float:left;
	width:35%;
}

/* CSS Class for Article Template XSLs */
.smallText
{
	color:#000000;
}

.articleResource
{
	
}

.articleResource ul
{
	
}

.articleResource li
{
	display:list-item !Important;
	width:90% !Important;
	list-style:disc inside !Important;
	vertical-align:middle;
	margin:5px 0 5px 0 !Important;
}

/*********************************************
FORUMS
*********************************************/
table.forum
{
	width:100%;
}
.msgDetails
{
	float:left;
}

.forumTextArea
{
	width:95%;
	height:10em;
}


.forumSelect
{
	width:95%;
	height:5em;
}


/*Upload form */

fieldset.prettyform
{
	border:none;
}
fieldset.prettyform legend
{
	padding: 0 2px;
	font-weight: bold;
}
fieldset.prettyform label
{
	display: block;
	float:left;
	width: 120px; /* Width of labels */
}
fieldset.prettyform ol
{
	margin: 0;
	padding: 0;
}
fieldset.prettyform li
{
	list-style: none;
	padding: 5px;
	margin: 0;
	clear:left;
}

fieldset.prettyform li span.error
{
	clear:left;
}


fieldset.prettyform fieldset
{
	border: none;
	margin: 3px 0 0;
}
fieldset.prettyform fieldset legend
{
	padding: 0 0 5px;
	font-weight: normal;
}
fieldset.prettyform fieldset label
{
	display: block;
	width: auto;
}
fieldset.prettyform em, .errorText
{
	font-weight: bold;
	font-style: normal;
	color: #f00;
}
fieldset.prettyform fieldset fieldset label
{
	margin-left: 123px; /* Width plus 3 (html space) */
}

/*********************************************
* Summary
*********************************************/
.summary
{
	margin-bottom:7px;
	display:block;
}

/*********************************************
* Must Logged in 
*********************************************/
.mustLoggedIn
{
	color:#ff0000;
	clear:right;
	font-weight:bold;
	text-align:right;
	margin:5px 0 0 0;
}

/*clearing on addToFaves to sort the printing on viewArticle2*/

.printclear
{
	font-size:1%;
}