/* This defines site-wide CSS styling. */

/* Useful rules to set are 
     color:              text colour
     background-color:   background colour
     font-size:          <nn>pt or <nn>px
     font-weight:        normal or bold
     font-style:         normal or italic 
     font-family:        font, font, font
     background-image:   url of image, always prepend with ../
     background-repeat:  repeat-x (to tile) or repeat-none
     height:             forced height of image if reqd
     text-align:         center, left, or right
     text-decoration:    none or underline
     border:             <n>px <solid|dashed>
     border-color:
     line-height:        line height (and thus spacing)
*/

/* Some areas have a single rule-set, some have three; one
   for the area, one for links in the area (the A:link one),
   and one for links in the area when hovered over (the
   A:hover one). */



/* Error message text - primarily used in admin pages but
   also used in end-user pages should e.g. database errors
   occur */

.error
{
  color: #661F00;
  font-family: Verdana, sans-serif;
  font-size:10pt;
  font-weight: normal;
  background-color: #FFFF99;
  border: 1px dotted #596471;
  padding: 8px;
}

body
{
background: #FFF;
color: #666;
text-align: left;
}

#grid
{
margin-left: auto;
margin-right: auto;
}

/* or to left-justify it
/* #grid
/* {
/* margin-left: 0;
/* margin-right: 0;
/* }


/* The header (Logo) area */

.headerlogo_front
{
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background-color: #EEEBE4;
  height: 100px;
  vertical-align: top;
  padding: 0px;
}

.headerlogo
{
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background: #EEEBE4 url("../graphics/ineLogoInt.gif") no-repeat 10px 10px;
  height: 100px;
  vertical-align: top;
  padding: 0px;
}

/* The header text (text below logo) area */

.headertext
{
  text-align: center;
  color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  background-color: #ADB2BD;
  vertical-align: top;
  line-height: 16px;
}

/* Styles for links in the above area */

.headertext A:link, .headertext A:active, .headertext A:visited
{
  color: #EAAF00;
  text-decoration: none;
}

/* Styles for links in the above area when hovered over */

.headertext A:hover
{
  color: #FFF;
}


/* The navigation bar background */

.navbar
{
  color: #FFF;
  background-color: #3B5A6F;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  text-decoration: none;
  border-left: 0px solid;
  border-right: 0px solid;
  border-color: #aaa;
  padding-left: 15px;
  padding-top: 15px;
padding-right: 15px;
}
.navbar A:link, .navbar A:active, .navbar A:visited
{
  color: #EAAF00;
  text-decoration: none;
}
.navbar A:hover
{
  color: #FFF;
}


/* The navigation bar category names */

.navcategory
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 0;
line-height: 28px;
color: #336633
}
.navcategory A:link, .navcategory A:active, .navcategory A:visited
{
  color: #EAAF00;
  text-decoration: none;
}
.navcategory A:hover
{
  color: #FFF;
}


/* The navigation bar subcategory names */

.navsubcategory
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding-left: 20px;
  line-height: 20px;
  color: #666;
}

.navsubcategory A:link, .navsubcategory A:active, .navsubcategory A:visited
{
  text-decoration: none;
}
.navsubcategory A:hover
{
  background-color: none;
  color: #FFF;
}


/* The search box */

.searchbox
{
  color: #666;
  font-size: 11px;
  font-weight: normal;
  padding-top: 4px;
}

/* The input box in the search box */

.searchbox input, .searchbox textarea, .searchbox select
{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}


/* The login area label */

.loginlabel
{
  text-align: left;
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.loginlabel A:link, .loginlabel A:active, .loginlabel A:visited
{
  color: #333333;
  text-decoration: none;
}
.loginlabel A:hover
{
  background-color: #aaaaaa;
  color: #333333;
}


/* The login area input box */

.loginbox
{
  color: #666;
  font-size: 11px;
  font-weight: normal;
}
.loginbox input, .loginbox textarea, .loginbox select
{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}


/* The page-footer area */

.footer
{
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px !important;
  font-weight: normal;
  text-align: center;
  padding: 10px;
border-top: #B6B3A8 1px solid;
background-color: #F1EFED;
}


/* The page-footer text */

.footertext
{
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
line-height: 20px;
}
.footertext A:link, .footertext A:active, .footertext A:visited
{
  color: #666;
  text-decoration: none;
}
.footertext A:hover
{
  color: #B0C208;
text-decoration: underline;
}


/* The content area in general - the area within which
   category lists and article contents are shown. */

.contentarea
{
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  vertical-align: top;
  border-right: solid 1px;
  border-color: #aaa; 
  padding:20px;
}

/* article body */

.articlebody table {
border-collapse: collapse;
font-size: 1em;
}

.articlebody th {
background-color: #eee;
}

.articlebody th,
.articlebody td {
padding: 4px;
border-bottom: #eee 1px solid; 
}


/* Category titles */

/* The category name */
.categorytitle, .subcategorytitle
{
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 26px;  
  font-weight: bold;
  color: #3B5A6F;
}
.subcategorytitle
{
  display: block;
}
/* The seperator */
.categoryseperator
{
  display: none;
}
/* The subcategory part of the name */
.categorytitle-view
{
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;  
  font-weight: bold;
  color: #2878ab;
}


/* Article titles in article views */

.articletitle_view
{
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
  color: #3B5A6F;
  line-height: 18pt
}
.articletitle_view A:link, .articletitle_view A:active, .articletitle_view A:visited
{
  color: #069;
  text-decoration: none;
}
.articletitle_view A:hover
{
  background-color: none;
  color: #069;
}

/* Article titles in article lists */

.articletitle_list
{
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #3B5A6F;
  line-height: 1.2em;
}
.articletitle_list A:link, .articletitle_list A:active, .articletitle_list A:visited
{
  color: #3B5A6F;
  text-decoration: none;
}
.articletitle_list A:hover
{
  color: #fc8f02;
}

/* Article PDF links */

.articlepdf
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: underline;
  color: #555;
}
.articlepdf A:link, .articlepdf A:active, .articlepdf A:visited
{
  color: #333;
  text-decoration: none;
}
.articlepdf A:hover
{
  background-color: none;
  color: #000000;
}


/* Article abstracts */

.articleabstract
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
  color: #3c5e5c;
}

.article-viewoptions
{
  display: block;
  margin-top: 0.5em;
}

	.article-viewoptions a
	{
	  margin-right: 1em;
	}


/* Article body text */

.articlebody
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #555;
}
.articlebody A:link, .articlebody A:active, .articlebody A:visited
{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
  	font-weight: normal;
  	color: #069;
  	text-decoration: none;
}
.articlebody A:hover
{
background-color: none !important;
  color: #fc8f02 !important;
}


/* Article captions (for pictures) */

.articlecaption
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 10px;
  font-weight: normal;
}


/* Article labels (for pictures) */

.articlelabel
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}


/* Article section titles */

.articlesection
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}


/* Author titles */

.authortitle
{
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}


/* Author names */

.authorname
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #3b5a6f;
}


/* Author profile text/links */

.authortext
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #555;
}
.authortext A:link, .authortext A:active, .authortext A:visited
{
  color: #333333;
  text-decoration: none;
}
.authortext A:hover
{
  background-color: #aaaaaa;
  color: #333333;
}


/* Reference titles */

.referencetitle
{
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}


/* Reference text */

.referencetext
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #555;
}


/* Advertisments */

.adverts
{
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  vertical-align: top;
  border-right: solid 1px;
  border-color: #aaa; 
  padding:5px;
}


/* Category names (when displayed inline in
   interleaved lists) */

.a
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: 336633;
}

.categoryname, .articledate
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #b68d51;
  padding-top: 10pt;
  line-height: 20pt;
}
.categoryname A:link, .categoryname A:active, .categoryname A:visited
{
  color: #3b5a6f;
  text-decoration: none;

}
.categoryname A:hover
{
  background-color: none;
  color: #fc8f02;
}

.categoryname_front
{
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #8d9fab;
  padding-bottom: 8px;
}
.categoryname_front A:link, .categoryname_front A:active, .categoryname_front A:visited
{
  color: #5695c1;
  text-decoration: none;

}
.categoryname_front A:hover
{
  background-color: none;
  color: #fc8f02;
}

/* Editorial board title */

.editorialtitle
{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
padding: 30pt;
color: #fc8f02;
}

/* Editorial board name */

.editorialname
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 12pt;
font-weight: normal;
list-style: none;
}


/* 
   From here onwards all relate to the customer admin
   pages.
*/



/* Input fields on the customer admin pages */

.admininput
{
  color: #666;
  font-size: 11px;
  font-weight: normal;
}
.admininput input, .admininput textarea, .admininput select
{
  background-color: #F7F7F7;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid #666666 1px;
  margin: 0px;
  padding: 0px;
}

/* SUPER HEAD STYLES */
.superhead
{
  font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  color: #488ab4;
  line-height: 18pt;  
}

.superheadsmall
{
  font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
  color: #488ab4;
  line-height: 18pt;
  letter-spacing: 1px;
  
}

.horline
{
	background: url('../graphics/horline.gif');
	background-repeat: repeat-x;
}

.pagenavbk
{
	background: url('../graphics/pagenav_bk.gif');
	background-repeat: repeat-x;
	border: 1px solid #bfbfbf;
	height:25px;
}

.pagenavbk td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #626d7a;
}

.pagenavbk A
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #4a82c7;
	text-decoration:none;
}

.pagenavbk A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #ff9000;
	text-decoration:none;
}

/* ========== */
.pagenavbk_long
{
	background: url('../graphics/pagenav_bk_long.gif');
	background-repeat: no-repeat;

	height:25px;
}

.pagenavbk_long td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #626d7a;
}

.pagenavbk_long A
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #4a82c7;
	text-decoration:none;
}

.pagenavbk_long A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #ff9000;
	text-decoration:none;
}

.pageLinks
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #003399;
  text-decoration: none;
}

.pageLinks:hover
{
  color: #003399;
  text-decoration: underline;
}

.pageLinks:visited
{
  color: #660066;
  text-decoration: none;
}

#yvideo { width: 100%; }

#yvideo TH {
	border-bottom: 3px solid #cdcdcd;
	text-align: left;
}

#yvideo TD,SELECT {
	font-size: 8pt;
}

#yvideo TD { border-bottom: 1px dotted #bfbfbf; }

#yvideo TEXTAREA {
	width: 180px;
	font-size: 9pt;
}

#add_vid {
	border-top: 3px solid #cdcdcd;
	padding: 6px;
	background-color: #dfdfdf;
}

.videobox-top {
	margin: 10px 0px 10px 20px;
	display: block;
	float: right;
}

.videobox-bottom {
	margin: 20px 0 20px 0;
	display: block;
}

div.floating-menu {
	position:fixed;
	background:#fff4c8;
	border-bottom: 4px solid #ffcc00;
	width: 100%;
	height: 40px;
	margin:0px;
	padding: 8px;
	z-index:100;
	top: 0px;
	text-align: center;
}

div.floating-menu INPUT {
	font-size: 12pt;
	font-weight: bold;
	font-family: arial;
	height: 40px;
}